/* CSS Document för busungarna.net till Cia från Carina ~ versicolor.se*/

* {
margin:0; padding:0; }

body {
background:#fff url(img/layout4-bg.jpg) top left repeat-x; text-align:center; position:relative
}

/*** versicolor ***/
#versicolor {
position:absolute; top:0px; right:0px; height:46px; width:129px;
}
#versicolor a img { border:0; }

/*** wrap, den som håller ihop allt ***/
#wrap {
width:784px;
height:496px;
margin:0px auto; padding:0px;
text-align:left
}
/*** logga ligger här ***/
#logo {
background:url(img/busungelogo.gif) top center no-repeat;
height:50px; width:400px;
position:absolute; top:20px; left:185px;
z-index:1;
}
#logo span {
display:none;
}

/*** huvudmeny ***/
#meny {
background:url(img/huvudmeny.jpg) top left no-repeat;
width:188px; height:496px;
position:absolute; top:0px; left:0px;
padding:30px;
}

#meny ul {
list-style-type:none;
font:12px/25px Verdana, Arial, Helvetica, sans-serif;
color:#006699;
letter-spacing:2px;
}
#meny li a:link,
#meny li a:visited {
color:#069;
text-decoration:none
}
#meny li a:hover,
#meny li a:active {
color:#330;
text-decoration:none;
border:none
}
body#index #meny li.lindex a,
body#cia #meny li.licia a,
body#bus #meny li.libus a,
body#annat #meny li.liann a,
body#dagbok #meny li.lidag a,
body#foto #meny li.lifot a,
body#links #meny li.lilink a,
body#gastbok #meny li.ligast a,
body#sidinfo #meny li.lisid a
{
color:#333;
}
/*** contentbakgrund ***/
#contentbg {
background:url(img/content.jpg) top left no-repeat;
position:absolute; top:0px; left:188px; width:396px; height:496px;
}

/*** content och dess innehåll ***/
#content {
width:376px;
height:360px;
overflow:auto; margin:65px 10px 0px 10px;
float:left
}
* html #content {
margin:65px 5px 0px 5px;
}
h1 {
font:14px/20px Verdana, Arial, Helvetica, sans-serif; font-weight:lighter; color:#069;
}
h2 {
font:13px/20px Verdana, Arial, Helvetica, sans-serif; font-weight:lighter; color:#000; 
}
h3 {
font:12px/20px Georgia, Arial, Helvetica, sans-serif; font-weight:bold; color:#069;
}
h4 {
font:11px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:lighter; color:#069; 
}
p {
font:11px/18px Verdana, Arial, Helvetica, sans-serif; color:#807462; margin:3px 0px; padding:0;
}

#content ul, #content li {
font:11px/16px Verdana, Arial, Helvetica, sans-serif; color:#807462;
list-style-typ:disc; display:block; margin:3px 10px;
}

.text1 {
font: 11px/18px Verdana, Arial, Helvetica, Sans-Serif; color:#006699; font-weight:bold; 
text-align:justify; letter-spacing: 1px;
}

.text2 {
font: 11px/18px Verdana, Arial, Helvetica, Sans-Serif; color:#807462;
text-align:justify; text-decoration: underline
}

.text3 {
font: 11px/18px Verdana, Arial, Helvetica, Sans-Serif; color:#006699;
text-align:center; letter-spacing:1px;
}

.text4 {
font:11px/18px Verdana, Arial, Helvetica, Sans-Serif; color:#807462;
font-weight:bold; text-align:justify; letter-spacing:1px;
}

.text5 {
font:11px/18px Verdana, Arial, Helvetica, Sans-Serif; color:#807462;
font-weight:bold; text-align:justify; letter-spacing:1px;
}

.text6 {
font:11px/18px Verdana, Arial, Helvetica, Sans-Serif; color:#807462;
font-weight:bold; text-align:justify; 
}

.text7 {
font:16px/23px Verdana, Arial, Helvetica, Sans-Serif; color:#ff0000;
font-weight:bold; text-align:justify; 
}

.text8 {
font:11px/18px Verdana, Arial, Helvetica, Sans-Serif; color:#807462; text-align:justify; letter-spacing:1px;
}

.upp {
height:20px; width:95%; background-color:#E8F5FB; border:1px solid #999;
text-align:center
}

.tillbaka {
height:20px; width:95%; background-color:#E8F5FB; border:1px solid #999;
text-align:center
}

/*** div#content bilder ***/
.tjockram {
border:2px outset #333;
}
.smalram {
border:1px solid #333;
}
.fetram {
padding:10px;
background-color:#fff;
border:1px solid #807462;
margin:3px;
}
.flythoger {
float:right;
}
.flytvanster {
float:left;
}

.center {
margin:10px auto;
text-align:center;
}

/*** div#content länkar ***/
#content a:link, #content a:visited {
color:#069;
text-decoration:none;
border-bottom:1px dashed #fff;
}
#content a:hover, #content a:active {
color:#333;
text-decoration:none;
border-bottom:1px dashed #999;
}
#content a img { border:0; margin:1px; padding:0; }

/*** gästboksiframen ***/
#gbiframe { height:320px; width:98%; border:0; }


/*** undermenyn ***/
#submeny {
background:url(img/submeny.jpg) top left no-repeat;
width:200px; height:496px;
position:absolute; top:0px; left:584px;
padding:65px 15px; text-align:left
}
* html #submeny {
padding:50px 0px 0px 15px;
}
#submeny ul {
list-style-type:none;
font:11px/20px Verdana, Arial, Helvetica, sans-serif
}
#submeny a:link, #submeny a:visited {
color:#069;
text-decoration:none
}
#submeny a:hover, #submeny a:active {
color:#807462;
text-decoration:none
}
#submeny h3 {
font:11px/17px Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-variant:small-caps; font-weight:lighter;
}
#kalender {
width:150px;
font:11px/13px Verdana, Arial, Helvetica, sans-serif;
color:#807462;
font-variant:small-caps; font-weight:bold; 
border:0px;
}
#kalender td {
text-align:center;
}

/*** slutdiv ***/
#end {
width:150px;
font:10px/18px Verdana, Arial, Helvetica, sans-serif;
color:#999;
position:absolute; top:410px; left:600px;
}
#end a { color:#999; }

#clear {
clear:both;
height:1px;
font:1px/1px Verdana, Arial, Helvetica, sans-serif;
}

/*** slut för den här gången ***/