html, body{ height: 100%; background-repeat:repeat-x; font-family:sans-serif; background-image: url(../bilder/minipic.gif); background-color:#288fc4; z-index: -2; }
*{margin:0px;padding:0px;}
td{vertical-align:top}
#superwrap{ width: 802px; position: relative; left: 50%; margin-left: -400px; /* half the width of the div */
margin-top:40px; margin-right: auto; float: left; }
#header{
width:802px; 
height:135px; 
float:left; 
background-image: url(../bilder/header.png); 
background-repeat:no-repeat;
}
#huvudmeny{
width:802px;
height:16px;
background-image:url(../menyer/meny_bilder/chromebg.gif);
background-repeat:repeat-x;
float:left;
}
#wrapper{
width:800px;
min-height:300px;
height:auto;
float:left;
border:1px solid #9A9A9A;
background-color:#f0e2ed;
}
#miniwrap{
width:575px;
min-height:300px;
height:auto;
float:right;
background-color:white;
}
#lefty{
width:200px; 
min-height:300px; 
height:auto; 
float:left; 
padding-left:12px; 
padding-right:11px; 
padding-top:40px; 

}
#bildspel_texty{
width: 550px; 
height: auto; 
min-height:300px; 
color:#807691; 
text-align: justify; 
font-size:13px;
font-weight:lighter;
float: left; 
padding-left:12px; 
padding-top:40px; 
padding-right:13px;

}
#texty{ 
width: 300px; 
height: auto; 
min-height:300px; 
color:#807691; 
text-align: justify; 
font-size:13px;
font-weight:lighter;
float: left; 
padding-left:25px; 
padding-top:40px; 
padding-right:13px;

}
#righty{ 
width:200px; 
min-height:300px;
height:auto; 
line-height: 20px; 
text-align: left; 
float:left; 
padding-top:40px; 
padding-left: 17px;
padding-right: 20px;
background-color:white;
}

#extrabild{
width:200px; 
min-height:50px;
height:auto; 
float:left;
margin-bottom:10px;
border: 1px solid #9A9A9A;
}
#fotbild{ background-image: url(../menyer/meny_bilder/chromebg.gif); 
background-repeat:repeat-x;
width:800px;
height:16px;
border-top:1px solid #9A9A9A;

float:left;
}
#photos{
float:left;
padding-right:5px;
padding-bottom:5px;
}
img { 
text-decoration: none; 
border-style: none; }
div.navigation img {
border: none;} 
a:link { color: #006594; text-decoration: none; }
a:visited { color:#006594 ; text-decoration: none; }
a:hover { color: #006594 ; text-decoration: none; }
a:active { color: #006594 ; text-decoration: none;}

h1{ 
color:#4ab2d6; 
font-size: 18px; 
font-weight: bold; 
line-height: 23px; 
text-indent: 0; }

h3{
color:#FF0000; 
font-size: 18px; 
font-weight: bold; 
text-indent: 0;
}
h6{
color:#343434; 
font-size: 10px; 
text-indent: 0;
line-height: 12px;
text-align:left;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;

}
strong{
color: #006594; 
font-weight:bold;
text-decoration: none;

}
#shopen{ 
width:180px; 
height:60px; 
background-image: url(../menyer/meny_bilder/babysimshopen.png);
background-repeat:no-repeat;
font-size:medium;
color:white;
line-height:14px; 
cursor:pointer;
}
#anmalan{ 
width:180px; 
height:60px;
background-image: url(../menyer/meny_bilder/anmalan.png);
background-repeat:no-repeat;
font-size:medium;
color:white;
line-height:14px; 
cursor:pointer;
}
#nyheter{ 
width:180px; 
height:150px; 
background-color:white;
margin-right:20px;
margin-bottom:10px;
}

#nyhetstext{ 
width:180px; 
height:37px; 
font-size:14px; 
color:white;
background-image:url(../menyer/meny_bilder/nyheter.png);
background-repeat:no-repeat;
}
#brasktext{
width:150px; 
margin-left:10px;
height:90px; 
font-size:10px;
}
#brasklapp{
width:160px; 
margin-left:8px;
height:90px; 
background-color:#f0e2ed;
font-size:10px;
border-bottom:2px solid #C994BC;
}
#linneameny{ 
width: 801px; 
font-weight: normal; 
text-decoration: none;
font-family:sans-serif;
font-size:11px;
}

#linneameny:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#linneameny ul{
border-left: solid 1px #bbb;
border-right: solid 1px #bbb;
width: 99.9%;

text-align: left; /*set value to "right" for example to align menu to the left of page*/
}

#linneameny ul li{
display: inline;
}

#linneameny ul li a{
color: #fff;
padding-left: 5px;
padding-right: 5px;
padding-top: 0;
margin: 0;
border-right: 1px solid #dadada;
}

#linneameny ul li a:hover{
background: url(../menyer/meny_bilder/chromebg2.gif);
background-repeat:repeat-x;
text-decoration: none;
}




.glossymenu, .glossymenu li ul{ line-height: 16px; background-image: none; text-align: left; vertical-align: middle; list-style-type: none; padding: 0; width: 200px; /*width of menu*/
height:auto; border-color: #bbb; border-style: solid; border-width: 1px 1px 0;  font-size:11px; }

.glossymenu li{  position: relative; border-bottom:1px solid #bbb
 }

.glossymenu  li a{
background-image: url(../menyer/meny_bilder/chromebg.gif);
background-position:center;
background-repeat:repeat-x;
padding-top:0px;
margin: 0;
display: block;
width: auto;
height:auto;
padding-left: 10px;
text-decoration: none;
color:white;
}

.glossymenu li a:visited, .glossymenu li a:active{
color:white;
}

.glossymenu li a:hover{
background-image: url(../menyer/meny_bilder/chromebg2.gif);
background-repeat:repeat-x;
background-position:center;
color: #4ab2d6;
}











.pinkymenu{
margin: 5px 0;

width: 200px; /*width of menu*/
height:16px;

}

.pinkymenu a.menuitem{
background: url(../menyer/meny_bilder/chromebg.gif);
border: 1px solid #dadada;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
height:16px;
font-size:11px;
padding-left: 10px;
text-decoration: none;
}


.pinkymenu a.menuitem:visited .glossymenu .menuitem:active{
color:#494949;
}



.pinkymenu a.menuitem:hover{
background-image: url(../menyer/meny_bilder/chromebg2.gif);
color: #4ab2d6;
}

.pinkymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;

}

.pinkymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.pinkymenu div.submenu ul li{
border-bottom: 1px solid #9A9A9A;
border-left:1px solid #BBB;
border-right:1px solid #BBB;
}

.pinkymenu div.submenu ul li a{
display: block;

color: black;
text-decoration: none;
font-size:11px;
padding: 2px 0;
padding-left: 10px;
}

.pinkymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
}
#menuew{width:190px;
height:auto;
min-height:300px;
}
.pinkymenu div.submenu ul li a:active{
background: #f4b1d7;
color:#c2a2da;
}
#menuew{width:190px;
height:auto;
min-height:300px;
}