/* CSS menumall */

body {padding: 0; margin: 0;background: #2f4363; }
#content{margin: 2em; padding: 0;}

/*Page header box*/
.headerbox {
width:900px;
background:#2f4363; margin-left:auto; margin-right:auto;  margin-top:20px; margin-bottom:20px;
text-align:right;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
color:#ffffff;

padding: 0px 20px 0px 0px;
}
.headerbox a:link {  color: #ffffff;font-weight: bold;}
.headerbox a:visited {color: #ffffff;font-weight: bold;}
.headerbox a:hover { font-weight: bold;}




/* main box*/
.mainbox {width:900px; height:700px; background-image: url('bilder/back.gif'); margin-left:auto; margin-right:auto; float:center; margin-top:0px;}


/*Some boses to handle the round corners of the main aria*/

.pagecornerbox {background: transparent; width:800px; margin-top:0px; margin-left:auto; margin-right:auto; float:center;}
.cornerbox { background: transparent; }
/*.botpagecorner { background: transparent; }*/
.c1{ margin: 0 5px; height: 1px; overflow: hidden; background: #ffffff; opacity: 0.7; filter: alpha(opacity=70);}/* lagret längst ut från boxen*/
.c2{ margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; opacity: 0.7; filter: alpha(opacity=70);}
.c3{ margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; opacity: 0.7; filter: alpha(opacity=70);}
.c4{ margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; opacity: 0.7; filter: alpha(opacity=70);}/* lagret längst in mot boxen*/
.pagetext 
{ /*width:800px;*/ padding: 10px; margin-top:0em; margin-left: auto; margin-right:auto; 
float:center;
/*width: 800px;*/
height: 530px;
background: #ffffff; 
text-align:left;
font: 12px Tahoma, Arial, Helvetica, sans-serif;
/*font-weight: bold;*/
color:#000000;
overflow: auto;
opacity: 0.9; filter: alpha(opacity=90);
}
#headline{ font-size: 22px; font-weight: bold; text-align:center; color:#000000;}
#subheadline{ font-size: 15px; font-weight: bold; text-align:center; color:#000000;}
#boxheadline{ font-size: 15px; font-weight: bold; text-align:center; color:#ffffff;}
/*.<div  style="height: 302px; background: #ffffff;"><b>Per "Pingvinen" Kroon:</b><br>*/

#grodan{ font-size: 22px; font-weight: bold; text-align:center; color:#00ff00 }

.spacerbox{height: 0px; background: #ffffff; ;opacity: 0.9; filter: alpha(opacity=90)}

/*botten hörnen....*/
.d1{ margin: 0 5px; height: 1px; overflow: hidden; background: #ffffff; opacity: 0.9; filter: alpha(opacity=90);}/* lagret längst ut från boxen*/
.d2{ margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; opacity: 0.9; filter: alpha(opacity=90);}
.d3{ margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; opacity: 0.9; filter: alpha(opacity=90);}
.d4{ margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; opacity: 0.9; filter: alpha(opacity=90);}/* lagret längst in mot boxen*/





/* menu boxes*/
#menubox {width: 800px; margin: 0; background: #ffffff; padding-left:0em; padding-right:0em;
padding-top:0em; padding-bottom:0em; margin-left:auto;margin-right:auto;
opacity: 0.7; filter: alpha(opacity=70);}

#menubox ul {margin: 0; padding: 0px 0px 0px 5px; background: transparent; height: 70px;}
#menubox li {display: block; float: left; padding: 0 0.5em 0 0; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #000000;}
.menucontent {display: block; padding: 0 0 0.5em 0; 
background: #c9d3d6; color: #000000; text-align: center;
font-weight: bold;}
a.menu, a.menu:visited {width: 7em; display: block; text-decoration:none;}
a.menu:hover {background: transparent;}
a#current .menucontent, a#current .r1, a#current .r2, a#current .r3, a#current .r4 {background: #7f7f7f; }
a#current .menucontent {border-bottom: none; }
a.menu:hover .menucontent, a.menu:hover .r1, a.menu:hover .r2, a.menu:hover .r3, a.menu:hover .r4 {background:#a7b8bc;}

#logga  { width: 200px; height: 7px;  float: right; /*background-image: url('bilder/delfinen.gif');*/ margin-right:7px; background-repeat: no-repeat;}
#olivia { width: 400px; height: 326px; float: left;  /*background-image: url('bilder/olivia3.jpg');*/ margin-right:0em; background-repeat: no-repeat;}
#gym    { width: 300px; height: 260px; float: right; background-image: url('bilder/ny.jpg'); margin-right: 20px; background-repeat: no-repeat; }
/*<div  style="width: 300px; height: 260px;  float: right;  background-repeat: no-repeat; margin-left: 20px; margin-right: 20px; margin-bottom: 20px; opacity: 1.0; filter: alpha(opacity=100);">
TESTAR*/


/* menu horn */
.menutop {background: transparent; margin-top: 45px;}
.r1 {margin: 0 5px; height: 1px; overflow: hidden; background: #c9d3d6;}
.r2 {margin: 0 3px; height: 1px; overflow: hidden; background: #c9d3d6;}
.r3 {margin: 0 2px; height: 1px; overflow: hidden; background: #c9d3d6;}
.r4 {margin: 0 1px; height: 2px; overflow: hidden; background: #c9d3d6;}
.content {padding: 10px; opacity: 1.0; filter: alpha(opacity=100);}


/*submenu*/
#submenubox ul{margin: 0; padding: 0; float: left; width: 100%; background: #eeeeee; height: 22px;
font:bold 70% Verdana, Helvetica, sans-serif; opacity: 0.9; filter: alpha(opacity=90);}
#submenubox li{display: inline;}
#submenubox ul a{float: left; text-decoration: none;	padding: 0.3em 2em;	border: 1px solid #eeeeee;}
#submenubox a:link{color: #000000;}
#submenubox a:visited{color: #000000;}
#submenubox a:hover{border: 1px solid #000000;}
#submenubox a#current2{background: #B6DAB6; color: #000000;}






/*Ifo box*/
.infobox {background: transparent;width:750px;margin-left:auto;margin-right:auto;float: center;}
/*.infoboxcontent {display: block; padding: 0 0 0em 0; background: #555555; color: #000000; text-align: center;}*/
.topinfocorner { background: transparent;}
.botinfocorner { background: transparent;}
.i1{ margin: 0 5px; height: 1px; overflow: hidden; background: #3366ba; }/* lagret längst ut från boxen*/
.i2{ margin: 0 3px; height: 1px; overflow: hidden; background: #3366ba; }
.i3{ margin: 0 2px; height: 1px; overflow: hidden; background: #3366ba; }
.i4{ margin: 0 1px; height: 2px; overflow: hidden; background: #3366ba; }/* lagret längst in mot boxen*/
.infotext 
{
padding: 5px;
/*height: 100px;*/

background: #3366ba; 
text-align:left;
font: 12px Tahoma, Arial, Helvetica, sans-serif;

color:#ffffff;
}

/*date box*/
.datebox {background: transparent;width:370px;margin-left:auto;margin-right:10px;float: right;}
/*.infoboxcontent {display: block; padding: 0 0 0em 0; background: #555555; color: #000000; text-align: center;}*/
.topdatecorner { background: transparent;}
.botdatecorner { background: transparent;}
.dt1{ margin: 0 5px; height: 1px; overflow: hidden; background: #3366ba; }/* lagret längst ut från boxen*/
.dt2{ margin: 0 3px; height: 1px; overflow: hidden; background: #3366ba; }
.dt3{ margin: 0 2px; height: 1px; overflow: hidden; background: #3366ba; }
.dt4{ margin: 0 1px; height: 2px; overflow: hidden; background: #3366ba; }/* lagret längst in mot boxen*/
.datetext 
{

background: transparent;
/*padding: 0px;*/
/*height: 100px;*/
padding-left:10px;
background:#3366ba; 
text-align:left;
font: 12px Tahoma, Arial, Helvetica, sans-serif;color:#ffffff;
}

.datebox a:link {  color: #ffffff;font-weight: bold;}
.datebox a:visited {color: #ffffff;font-weight: bold;}
.datebox a:hover { letter-spacing: 2px;font-weight: bold;}