/* CSS Document */

/*BODY*/

body {

   color:#000;
   font:0.75em "Trebuchet MS", "Lucida Grande", "Lucida Console", Geneva, Verdana, Arial, Helvetica, sans-serif;
   margin:0px;
   line-height: 150%;
   background: #fff
   
	}
	

h1, h2, h3, h4, h5, h6 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-weight:normal; 
margin-bottom:0;   
}

h1 { 
   font-size: 2em; 
}

h2 { 
   font-size: 1.7em; 
}

h3 {   
font-weight:bold;
font-size: 1.3em; 
margin-top:0px; 
}

h4 { 
font-weight:bold;
   font-size: 1.1em; 
   margin-top:0px; 
}

h5 { 
font-weight:bold;
   font-size: 1.1em; 
   margin-top:0px; 
}
	
	
#container {width: 827px; margin: 0 auto; background: #fff}
#container:after{content: ""; display: block; height: 0; clear: both;}/*hack för container att växa på höjden*/
	
/*TOP*/

#top {background: #fff; width: 820px; height: 179px; margin: 0 auto; }
#topcoach {background: #fff; width: 820px; height: 89px; margin: 0 auto; }
#logo {float: left; padding: 10px; margin-bottom: 12px;}
#logocoach {float: left; padding: 10px; margin-bottom: 12px; text-align: right; color: #666;}
#rightcorner {background: url(/commonfiles/bluechip.nu/Layout_graphics/corner.gif) no-repeat right; float: right; height:89px; width:550px; color:#666; font-size:0.72em; }
#flags {width: 270px; float: right; margin-top: 10px; margin-bottom: 5px;}
#logout {width: 270px; float: right; margin-top: 10px; margin-bottom: 5px;}
#topimage {background: url(/commonfiles/bluechip.nu/Layout_graphics/topimage.jpg) no-repeat;  width: 820px; height: 92px; margin: 0 auto; clear:both }
#randomtext { clear:right; text-align:center; margin-right: 100px;}




/*MENY*/

 

#menucontainer {background: #000; width:817px; margin: 0 auto; padding: 0px; padding-left: 10px; color: #fff; height: 33px;  text-align: left;}

 

#topmenu a, #topmenu a{

color: #fff;

font: bold 1em/1.1em "Trebuchet ms", Arial, Helvetica, sans-serif;

text-decoration:none;

border: 0;

padding: 10px 15px;

background: #000;

display: block;

}

 

#topmenu a:hover, #topmenu a:hover{

color: #000;

text-decoration:none;

background: #fff;

}

 

ul#topmenu {

        margin: 0;

        padding: 0;

        }

      

ul#topmenu li {

        float: left;

        position: relative;

       list-style-type: none;

        }

      

 li ul{

        position: absolute;

        left: 0;

        top: 2.75em;

        display: none;

        background: #fff;

        margin: 0px;

        padding: 0;

       border: #000 1x solid;

       list-style: none;

                                                          }

 

 

 

ul#topmenu li ul li { clear:both;}

 

/* Styles for Menu Items */

ul#topmenu a:hover, ul#topmenu a:hover ul li a {

 

        display: block;

        }

#topmenu li ul, #topmenu li ul  {border:#000 1px solid; border-top: none;}                                                     

#topmenu li ul a, #topmenu li ul a  { width: 200px; padding: 7px 17px; color: #000; background: #fff; }

#topmenu li ul a:hover, #topmenu li ul a:hover { width: 200px; padding: 7px 17px; color: #fff; background: #000; }

      

/* Holly Hack. IE Requirement \*/

* html #topmenu ul li { float: left; height: 1%; display: inline; }

* html #topmenu ul li a { float: left; height: 1%; display: inline; }

/* End */

 

#topmenu li:hover ul, #topmenu li.over ul { display: block; } /* The magic */

#topmenu li:hover ul, #topmenu li.over ul { display: block; } /* The magic */



/*CONTENT*/
#leftcontent {background: #fff; width: 238px; float: left; padding: 5px;}

#newsbox {}
#newsboxtop {background: #e3e3e3 url(/commonfiles/bluechip.nu/Layout_graphics/boxtop.gif);  width: 238px; height: 13px; margin: 0 auto; padding:0px; font-size:1px;   line-height: 0}
#newsboxcontent {background: #e3e3e3 ; width: 198px; margin: 0 auto; padding: 0 20px; font-size: 0.9em; }
#newsboxbottom {background: #e3e3e3 url(/commonfiles/bluechip.nu/Layout_graphics/boxbottom.gif);  width: 238px; height: 13px; margin: 0 auto; padding:0px; font-size:1px;   line-height: 0}

#loginbox {margin-top: 10px; }
#loginboxtop {background: #e3e3e3 url(/commonfiles/bluechip.nu/Layout_graphics/boxtop.gif);  width: 238px; height: 13px; margin: 0 auto; padding:0px; font-size:1px;   line-height: 0}
#loginboxcontent { background: #e3e3e3  ; width: 198px; margin: 0 auto; padding: 0 20px;}
#loginboxcontent  .smalltext{ font-size:0.85em;}
#loginboxbottom {background: #e3e3e3 url(/commonfiles/bluechip.nu/Layout_graphics/boxbottom.gif);  width: 238px; height: 13px; margin: 0 auto; padding:0px; font-size:1px;   line-height: 0}


#rightcontent {background: #fff;  width: 530px; float: right; padding: 10px; margin-top: 10px; }
#rightcontentcoach {background: #fff;  padding: 10px; margin-top: 10px; }
#mainbox {text-align:center; color:#666; font-family: "Arial black", Arial, Helvetica, sans-serif; margin-bottom: 17px; margin-top: 3px; }
*html #mainbox {text-align:center; color:#666; font-family: "Arial black", Arial, Helvetica, sans-serif; margin-bottom: 17px; margin-top: 3px; }
#mainbox h2{margin-top: 0px;}
.infobox {background: #f4f4f4 url(/commonfiles/bluechip.nu/Layout_graphics/box_bg.gif) no-repeat; width: 140px; height: 122px; padding: 10px; float: left; margin-right: 16px; font: #fff normal 1em "Trebuchet ms", Arial, Helvetica, sans-serif; margin-bottom: 20px; color: #fff; line-height: 190%}
.infobox2 {background: #f4f4f4 url(/commonfiles/bluechip.nu/Layout_graphics/box_bg.gif) no-repeat; width: 140px; height: 122px; padding: 10px; float: left; margin-right: 0px; font: #fff normal 1em "Trebuchet ms", Arial, Helvetica, sans-serif; margin-bottom: 20px; color: #fff; line-height: 190%}

#bottombox {text-align: center; padding: 15px; margin: 0 auto; width: 510px; height: 43px; background: #fff url(/commonfiles/bluechip.nu/Layout_graphics/bottombox.gif) no-repeat; color:#666; font: normal 1em/1.4em "Trebuchet ms", Arial, Helvetica, sans-serif; clear: both;}
	

#rightcontent ul li { float: none;  list-style-type:square; list-style-position: outside;  padding-left: 10px; }


#content a:link {

	color:#000;
	font-weight:bold;
	text-decoration:underline;
	
	}

#content   a:visited {

	color:#000;
	font-weight:bold;
	text-decoration:underline;
	
	}
#content a:focus,
#content a:hover {

	color:#000;

	
	}
	
#content .infobox a:link, #content .infobox2 a:link{

	color:#fff;
	font-weight:bold;
	text-decoration:none;
	
	}

#content .infobox a:visited, #content .infobox2 a:visited  {

	color:#fff;
	font-weight:bold;
	text-decoration:none;
	
	}
#content .infobox a:focus, #content .infobox2 a:focus,
#content .infobox a:hover, #content.infobox2 a:hover {

	color:#fff;

	
	}

#content #newsbox  a:link{

	color:#000;
	font-weight:bold;
	text-decoration:none;
	 
	}

#content #newsbox  a:visited {

	color:#000;
	font-weight:bold;
	text-decoration:none;
	
	}
#content #newsbox  a:focus,
#content #newsbox  a:hover {

	color:#666;

	
	}

/*FOOTER*/

#footer {width: 827px; margin: 0 auto; background: #fff; clear:both; font-size:0.9em;}
#adress {display:none; visibility:hidden; background: #fff; width: 200px; float: left; padding: 10px;}
#copyright {display:none; visibility:hidden; background: #fff; width: 527px; float: right; padding: 10px; text-align: right;}
#copyright2 { text-align: center; font-size:0.9em;}

#footer a:link {

	color:#000;
	font-weight:bold;
	text-decoration:underline;
	font-size:0.9em;
	}

#footer a:visited {

	color:#000;
	font-weight:bold;
	text-decoration:underline;
	font-size:0.9em;
	}
#footer a:focus,
#footer a:hover {

	color:#000;
font-size:0.9em;
	
	}



/* position:relative and overflow:hidden are required */
#scroller {position:relative; overflow:hidden; width:490px; white-space:nowrap }

/* display:none prevents the controls being shown when JavaScript is not present */
#controls {display:none; text-align:right}

/* add link formatting for the controls */
#controls a {}

/* add formatting for the scrolling text */
#tag {margin:2px 0}

/* #testP must also contain all text-sizing properties of #tag */
#testP {visibility:hidden; position:absolute; white-space:nowrap;}