body {
 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;	
	font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: url('../bilder/bg_body.png') repeat-x; 
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: white;

}

.main a {text-decoration: none; color: navy; }
/*.main a:hover {
    font-size:1em;
    font-weight:bold; 
    }
************************  header  *****************************************/


#header { 

	margin: 0;
    height: 150px;
    border: 1px solid #333333 hidden;
    background: url('../bilder/vofos_header.png') no-repeat ;
    color: white;
		-moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;

} 
#header img { padding:8px 0px 0px 25px;
   position: absolute;

}

/****************************  container *****************************************/
#container {
	width: 1188px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	margin: auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid blue hidden;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: transparent ;
		-moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        
}

/************************* Content ********************************************/

#content {
    margin: 0 auto;
    width: 1188px;
	background: url('../bilder/bakgrunnbilde.png') no-repeat 184px 40px;
	height: auto;  /*For Œ kunne se bakgrunsbilde, høyde mŒ defineres inn i content-div , */
	border: 1px solid yellow hidden;
			-moz-border-radius: 20px; 
            -webkit-border-radius: 20px;
	        border-radius: 20px;
}

.main {	
    background: url('../bilder/bg_content.png') repeat ;
    border: 1px solid silver hidden;
			-moz-border-radius: 20px; 
            -webkit-border-radius: 20px;
	        border-radius: 20px;
}

#overhead {
    float: left;
    margin:0px  0px 0px 120px;
    border: 1px solid #333333 hidden ;
    width: 900px;    
}

#velkomsttekst {

    float: left;
    margin: 0px 0px 0px 0px;
    text-align: center;
    padding: 15px;  
    width: 440px;
    height: 480px;
    border: solid 1px red hidden ;

    	    -moz-border-radius: 20px; 
            -webkit-border-radius: 20px;
            border-radius: 20px;
}

#animasjon { 
    margin: 40px 20px 0px 0px;
	background:#000000 ; /*url('../bilder/bg_animasjonsboks.png') repeat */
    border: 1px solid green hidden;
    float: right;
    width: 400px;
    height: 500px;
    			-moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
}



#faglinjer_animasjon {  
    margin: 40px 0px 0px 20px;
    width:270px;
    height: 376px;
    float: left;
    border: 1px solid blue hidden ;

    			-moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
    opacity: .9; /* firefox*/
   filter: alpha(opacity=90); /* Explorer */

    } 
    
#facebook  {
	float:left
    border: 1px solid red hidden;
    margin: 65px 5px 0px 35px;
    width: 200px;
    height: auto;

    
    }

/*******************  meny 2  *************/    
#meny2 {

    margin: 5px 1px 1px 320px ; 
    float: left;
    border: 1px solid yellow hidden;
    width: 404px;
    height: 30px;
/*    opacity: .5;  firefox*/
/*     filter: alpha(opacity=50); Explorer */
            -moz-border-radius: 20px; 
            -webkit-border-radius: 20px;
            border-radius: 20px;
}

 
#skoleadress {
    float: left; 
    font-size: 1em;
    color:#666666; 
    border: 1px solid red hidden  ;
    width: 762px; 
    height:35px;
    margin: 1px 1px 10px 220px;
    
 }  
 #skoleadress a { text-decoration: none; }
/**************************  footer  *******************************************/
#footer {
    margin: auto;
    width: 1189px;
    color: #666666;
    border: 1px solid purple hidden;
    text-align: center;
	padding: 0;  /*this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(../bilder/bg_content.png);
			-moz-border-radius: 20px;
            -webkit-border-radius: 20px;
            border-radius: 20px;
} 

.clearer {clear: both;}