/* CSS Document */

/*BODY*/

body {

   color:#000;
   font:0.75em "Trebuchet ms" Verdana, Arial, Helvetica, sans-serif;
   margin:0px;
   line-height: 140%;
   background:#ccc url(Img/Element/bg.jpg);
   
	}
	
#container {width: 470px; margin: 0 auto; background: #fff; border: #000 3px solid; margin-top: 15px;}
#container:after{content: ""; display: block; height: 0; clear: both;}/*hack för container att växa på höjden*/
	
/*TOP*/

#top {background: url(Img/Element/topbild3.png) #fff center; width: 470px; height: 200px; margin: 0 auto; border-bottom: #000 3px solid; border-top: #000 3px solid; }


/*MENY*/

#menucontainer {font-size: 12px; background: #000 url(Img/Element/menubg.gif) repeat-X; margin: 0 auto; padding: 0px; color: #000; height: 38px;  text-align: left;}


#topmenu .grey a{
color: #ccc; cursor: pointer;
}

#topmenu .grey  a:hover {
color: #ccc;
text-decoration:none;
background: #000;
cursor: pointer;
}


#topmenu a, .topmenu a{
color: #fff;
font: bold  "Trebuchet ms" Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
border: 0;
padding: 10px 15px;
display: block;
}

#topmenu a:hover, .topmenu a:hover{
color: #fff;
text-decoration:none;
background: #000;
}

ul {
        margin: 0;
        padding: 0;
        list-style: none;
        }
       
ul li {
        float: left;
        position: relative;
        }
       
li ul {
        position: absolute;
        left: 0;
        top: 3.0em;
        display: none;
        background: #000;
		padding-left: 0px;
		border: #fff 1px solid;
		}



#topmenu li ul li { clear:both;}

/* Styles for Menu Items */
#topmenu a:hover, .topmenu a:hover ul li a {

        display: block;
        }
.topmenu li ul, #topmenu li ul  {border:#000 1px solid; }		
.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 ul li { float: left; height: 1%; display: inline; }
* html ul li a { float: left; height: 1%; display: inline; }
/* End */

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



/*CONTENT*/
#leftcontent {  background: #fff; width: 450px; float: left; padding: 10px; voice-family: "\"}\"";  voice-family:inherit; /*box model hack*/}
#rightcontent {  background: #fff;  width: 170px; float: right; padding: 10px; voice-family: "\"}\"";  voice-family:inherit; /*box model hack*/}

	
#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:#666;
	font-weight:bold;
	text-decoration:underline;
	
	}

/*FOOTER*/

#footer {width: 470px; margin: 0 auto; background: #fff; clear:both; font: #666 0.9em;}
#adress {background: #fff; width: 180px; float: left; padding: 10px;}
#copyright {background: #fff; width: 380px; float: right; padding: 10px; text-align: right;}

a.imglink:link img,
a.imglink:visited img{
    width: 35px;
	height: 37px;
	padding:0;
	margin:0;
	border-bottom:#ccc 3px solid;
	border-top: #ccc 3px solid;
	border-right: #ccc 3px solid;
	border-left: #ccc 3px solid;
	 }
a.imglink:hover img{
    width: 35px;
	height: 37px;
	padding:0;
	margin:0;
	border-bottom:#000 3px solid;
	border-top: #000 3px solid;
	border-right: #000 3px solid;
	border-left: #000 3px solid;
}

a.imglink {border: none;}