/* CSS Document */

/*BODY*/

body {

   color:#000;
   font: 11px  Arial, Helvetica, sans-serif;
   margin:0px;
   line-height: 150%;
   background: #fff
   
	}
	
	
h1, h2, h3, h4, h5, h6 { 
   
   font-family: Arial, Helvetica, sans-serif; 
   font-weight:bold; 
   color: #000; 
   
   }

h1 {font-size: 2em; }
h2 {font-size: 1.5em; }
h3 {font-size: 1.3em; }
h3 {font-size: 1.2em; }
h4 {margin: 5px 0;}

	
#container {width: 772px; margin: 0 auto; background: #fff}
#container:after{content: ""; display: block; height: 0; clear: both;}/*hack fr container att vxa p hjden*/
	
/*TOP*/


#top {background: url(topimage.gif) #fff; width: 772px; height: 40px; margin: 0 auto; margin-top: 40px; }
#logo {padding-left: 20px; float: left; width: 270px;}
#topmenu {padding-right: 20px; float: right; }


/*MENY*/

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

.menu{
color: #000;
}



.menu a{
color: #000;
font: bold 1em/1.2em  Arial, Helvetica, sans-serif;
text-decoration:none;
border: 0;
background:none;
padding: 0;
padding-left: 10px;
margin: 0; 
}

.menu a:hover{
color: #fff;
text-decoration:none;
background: #f2111c url("img/menubgleft.gif") no-repeat left top;
}

.menu span{
display: block;
padding: 10px; 
padding-right: 20px;
}

.menu a:hover span{
display: block;
color: #fff;
background: #f2111c url("img/menubgright.gif") no-repeat right top;


}


ul {
        margin: 0;
        padding: 0;
        list-style: none;
        }
       
ul li {
        float: left;
        position: relative;
        }
       
li ul {
        position: absolute;
        left: 0;
        top: 3em;
        display: none;
        background: #999;
		padding-left: 0px;
		padding-bottom: 16px;
		}
		
.menu li ul a:hover{
        position: absolute;
        left: 0;
        top: 3em;
        display: none;
        background: #ccc;
		padding-left: 0px;
		padding-bottom: 16px;
		}

li ul li { clear:both;}

/* Styles for Menu Items */
ul li a {

        display: block;
        text-decoration: none;
        color: #000;
        background: #000; /* IE6 Bug */
        border: 0px solid;  /* IE6 Bug */
        border-bottom: 0;
		padding: 20px;
        }
		
li ul a { width: 100px; padding: 0px;}
       
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; display: inline; }
* html ul li a { color: #000; 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*/


#content {border-left: #f2111c 3px solid; border-right: #f2111c 3px solid; float: left; width: 766px; font-size: 12px;}

#contenttop2 {background: url(img/contenttop.jpg) no-repeat; height: 142px; clear:both; text-align:left}
#contenttop {background: url(img/topbg.gif) no-repeat; height: 16px; clear:both; text-align:left}

#leftcontent {background: #fff; width: 420px; float: left; text-align:left; padding: 20px 20px 0 20px;  voice-family: "\"}\"";  voice-family:inherit; /*box model hack*/}
#rightcontent {background: #fff;  width: 230px; float: left; text-align:left; padding: 20px 20px 0 20px;; voice-family: "\"}\"";  voice-family:inherit; /*box model hack*/}
#content-start {background: #fff; width: 710px; float: left; text-align:left; padding: 20px 20px 0 20px;  voice-family: "\"}\"";  voice-family:inherit; /*box model hack*/}

.fronttext {font-size: 14px; margin-bottom: 130px; display: block; }

.box { background: url(img/boxbg.gif) no-repeat; width: 260px; padding: 0;}
.box h4{ padding: 10px 20px 0px 20px;}
.scroll { background: url(img/boxbottombg.gif) bottom; padding: 0 20px 20px 20px; min-height: 130px; margin-bottom: 20px; }

#contentbottom { background: url(img/bottombg.gif) no-repeat; height: 25px; clear:both; padding-left: 20px; text-align:left;}

	
#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 {margin: 0 auto; padding-left: 20px; padding-top: 5px; background: #fff; clear:both; font: #000 0.9em;}

#footer a:link, #top a:link{

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

#footer a:visited, #top a:visited {

	color:#f2111c;
	font-weight:bold;
	text-decoration:none;
	
	}
#footer a:focus,
#footer a:hover, #top a:focus,
#top a:hover{

	color: #000;
	text-decoration:underline;
	
	}
	
	
/*MENY2*/

#meny2 {margin: 0 auto; padding: 5px 20px 5px 20px; background: #fff; clear:both; font: #000 10px; border-bottom: #ccc 1px solid; margin-bottom: 10px;}

#meny2 a:link, #top a:link{

	color:#f2111c;
	font-weight:bold;
	text-decoration:none;

	
	}
	
#meny2 a {
margin-right: 7px;
}

#meny2 a:visited, #top a:visited {

	color:#f2111c;
	font-weight:bold;
	text-decoration:none;
	
	}
#meny2 a:focus,
#meny2 a:hover, #top a:focus,
#top a:hover{

	color: #000;
	text-decoration:underline;
	
	}