/* general stuff + Layout, styles for hovedfelt*/



 * {
	margin: 0;
	padding: 0;
	} 

/*Bakgrunn*/
body{
	margin:0;
	padding:0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: transparent url(../images/bg_webside.gif) repeat-X ; /* alternativ gradient bg.gif*/
	/*background-color: #A1AFBA; /*Bruk denne nır kolonnehıyde er fikset. Merk at problemet ikke kan lıses ved bakgrunnsbilde i body*/
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#4181AA;
	font-size:17px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:10px
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#4181AA;
	margin-top:10px;
	margin-bottom:2px
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#4181AA;
	margin-top:8px;
	margin-bottom:1px
}

.img-txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4181AA;
	text-align: center;
	line-height: 13px;
}

h2 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#4181AA;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	text-decoration:none;
}
h1 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#4181AA;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	text-decoration:none;
}

h2 a:hover {
	text-decoration:underline;
}

h1 a:hover {
	text-decoration:underline;
}

a:visited {
	text-decoration:none;
	border:0px;
}



/* Bokser i layout*/


#toppboks_hp {
     margin:0px 0px 5px 0px;
	 width:580px;
	padding:5px;
}

#toppboks_hp h1, #toppboks_hp h3, #toppboks_hp h4  {
	 margin-top: 0px;
	 margin-bottom: 5px; 
}

.boks_venstre {
     margin:5px 0px 0px 0px;
     float: left;
	 width:280px;
	 Height: 300px;
	 padding:5px;
}

.boks_hoyre {
     margin:5px 0px 0px 0px;
	 width:280px;
	 Height: 300px;
	 float: right;
	 padding:5px;
}


.litenboks { /* 3 i bredden*/
     float: left;
	 width:185px;
	 Height: 157px;
	 padding:5px;
}

.litenboks2 { /* 3 i bredden*/
     float: left;
	 width:142px;
	 Height: 157px;
	 padding:3px;
}


.litenboks src a{
text-decoration: none;
}

.vertikalboks { /* øh, ja denne burde strengt tatt hete horisontalboks, gitt */
	float: left;
	width:580px;
	padding:5px;
	margin-top: 5px;
	}



.vertikalboks h2 {
	margin-top: 0px;
	}
.boks_venstre h2, .boks_hoyre h2{
	margin-top:3px;
	margin-bottom:3px;
	}

.litenboks h2{
	margin-top: 0px;
	margin-bottom:3px;
	}

.vertikalboks img{
	float:left;
	margin-right:23px;
	
	}

/* layout*/

#maincol-normal-800{ 
	float: left; 
	width: 450px !important;
	margin-left: 0px !important;
	margin-left: -5px;
	width: 446px;
	padding-top: 10px !important;
} 

#maincol-broad-800{ 
	float: left; 
	padding-top: 9px;
	margin-bottom: 9px; 
	/* Hide from IE-Mac \*/ 
	width: 635px; /* bredde-bug i IE6, se eget stilark*/
	background-color: #ffffff;
} 


#maincol-normal-1024{ 
	float: left; 
	width: 620px;
	margin-left: 0px !important;
	margin-left: -5px;
} 

#maincol-broad-1024{ 
	float: left; 
	width: 620px;
	margin-left: 0px !important;
	margin-left: -5px;
	padding-top: 20px !important;
} 

#maincol-wide-1024{ 
	float: left; 
	width: 800px;
	padding-top: 3px !important;
	padding-top: 20px;
	margin-left: 0px !important;
	margin-left: -5px;
} 

.clr{clear:both;}

.content {
	padding: 20px 20px 20px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	width: 592px;
	background: transparent url(../images/gradient.gif) repeat-x ;
}

.content a {
	color:#4181AA;
}
.contentnk h3, .contentnk h2, .contentnk h1,  .contentnk a, .contentnk h2 a, .contentnk h1 a, .contentnk .img-txt {
	color:#7AA338;
	}
.contentskole h2, .contentskole h1, .contentskole a, .contentskole h2 a, .contentskole h1 a, .contentskole .img-txt {
	color:#8E2D88;
	}

.contentingress {
	font-weight:bold;
	margin-bottom:20px;
}



/* styles for marger! */
															/* >>> CONTAINERS <<< */
div#print {
	display: none;
}

div#container {
	width: 1024px;
	margin: /*10px*/ auto; 
	text-align: left;
}

div#header-wrap {
	margin: /*1px*/ 0;
	background-color:#3A4E5B;
}

div#header-in {
	padding: 0px;
	color: #000000;
	background-color: #A1AFBA;
}

		
div#left {
	float: left;
	width: 162px;
	color: inherit;
	background-color: #FFF;
	padding:  9px 15px 200px 9px;
	/*background:transparent url(../images/bg_websidevertikal.gif)repeat-y*/
	}
div.left {
	margin: 20px 19px 20px 0;

}

div#left-in {
	background: transparent url(../images/gradient_hovedmeny.gif) repeat-x ;
	height:inherit;
}

div#right {
	float: left;
	width: 180px;
	color: inherit;
	background-color: #fff;
	padding: 9px 4px 20px 9px;
	
}

div#right-in {
	background: transparent url(../images/gradient_hovedmeny.gif) repeat-x ;
}
	

																/* >>> SUB CONTAINERS <<< */
div.box {
	float: right;
	width: 250px;
	margin: 20px 0;
	padding: 10px;
	color: inherit;
	background-color: #fff;
	border: 1px solid #eee;
}

div#bottom {
	float:left;
	width: 1024px;
	background-color: #FFFFFF;
	padding: 0px 0px 10px 100px;
	text-align:center;
	}
	
	div#bottom a { color:#4181AA;}

																/* >>> LISTS <<< */
/* Navigasjonsbokser starter*/



/* Overskrifter i navigasjonsbokser starter*/
ul#nav-hp, ul#nav-nk, ul#nav-skole, ul#nav-hoyre, ul#nav-calendar, ul#nav-openmenu, ul#nav-openmenu2{
	height: 33px;
	color:#FFFFFF;
	font-size: 13px;
	font-weight:bold;
	text-align:justify;
	padding-left:8px;	
	line-height: 30px;
}

ul#nav-hp {
	background: transparent url(../images/knapp_hp1.gif);
	line-height: 15px;
}

ul#nav-nk {
	background: transparent url(../images/knapp_nk1.gif);
}

ul#nav-skole {
	background: transparent url(../images/knapp_skole1.gif);
}

ul#nav-hoyre, ul#nav-calendar, ul#nav-openmenu, ul#nav-openmenu2 {
	background: transparent url(../images/knapp1.gif);
}


/* Overskrifter i navigasjonsbokser slutter*/
ul#nav-left, ul#nav-right, ul#nav-leftnk, ul#nav-leftskole, ul#nav-prisvinnerlinker, ul#nav-prisvinnerlinker2, ul#nav-kalenderlinker, ul#medialinker{
	margin: 5px;
	list-style: none;
}


ul#nav-skole a, ul#nav-nk a, ul#nav-hp a{
	text-decoration:none;
	color: #FFFFFF;
}
		/* koden nedenfor skaper bug i IE6 som gjır venstremarg bredere
		fontfarge tilpasses de forskjellige menyene, se utkast*/

ul#nav-left li a, ul#nav-right li a, ul#nav-leftnk li a, ul#nav-leftskole li a, ul#nav-prisvinnerlinker a, ul#nav-prisvinnerlinker2 a, ul#nav-kalenderlinker a{
	display: block;
	width: 155px;
	padding: 5px 1px;
	text-decoration: none;
	border-bottom: 1px solid #e1e2df;
} 

ul#nav-left li a {
	color: #4181AA;
	}
ul#nav-leftnk li a{
	color: #7AA338;
	}
ul#nav-leftskole li a{
	color:#8E2D88;
	}
ul#nav-right li a, ul#nav-prisvinnerlinker li a, ul#nav-prisvinnerlinker2 li a, ul#nav-kalenderlinker li a{
	color: #656359;
		}
ul#nav-left li a:hover, ul#nav-right li a:hover, ul#nav-leftnk li a:hover, ul#nav-leftskole li a:hover, ul#nav-prisvinnerlinker a:hover, ul#nav-prisvinnerlinker2 a:hover, ul#nav-kalenderlinker a:hover {
		color: #666;
		background-color: #F1F7FF;
		border-bottom: 1px solid #E3EFFF;
		text-decoration: underline;
		}
ul#nav-top {
		float:none;
		padding: 6px 0;
		list-style: none;
		}
ul#nav-top li {
		font-size: 14px;
		font-weight:bold;
		display: inline;
		}
ul#nav-top li a {
		margin: 8px 10px 8px 10px;
		color: #FFFFFF;
		background-color: inherit;
		font-size: 90%;
		text-decoration: none;
		}
		
		ul#nav-top li img a{
		padding: 0px;
		font-weight:normal;
		color: #000000;
		}
ul#nav-top li a:hover {
		color: #4181AA;
		text-decoration: none;
		background-color: inherit;
		} 
ul.list {
	margin: 20px 30px;
	font-size: 90%;
	line-height: 20px;
	}
	
	.sidekart_heading { 
	text-decoration:none;
	list-style:none;
	}
	
	.sidekart_innrykk0 { 
	padding-left: 25px;
	list-style:square;
	}
	
	
	
	
	
	.sidekart_innrykk1 { 
	padding-left: 25px;
	list-style:square;
	font-weight:bold;
	}
	
	.sidekart_innrykk2 {
	padding-left: 55px;
	list-style:disc;}
	
	
/* Navigasjonsbokser slutter*/
													/* >>> TYPOGRAPHY <<< */
*.x {
	display: none;
	}
.contentleft {
		float:left;
		width:50%;
		}
.contentright {
float:right ;
width:50%;
}

/*Sitat/uthevet tekst*/

.tekstboks_venstremeny, .tekstboks_hoyremeny {
     margin:5px 5px 5px 0px;
     float: left;
	 width:150px;
	 padding:5px;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4181AA;
	}

.tekstboks_venstremeny h2, .tekstboks_hoyremeny h2 {
	margin-top: 2px;
	margin-bottom: 4px;
	font-size:12px;
	}

.tekstboks_venstremeny p, .tekstboks_hoyremeny p {
margin-top: 10px;
}
	
.tekstboks_venstremeny .img-text {
	text-align:left;
	}
.tekstboks_venstremeny a {
	color: #4181AA;
	font-weight:bold;
	text-decoration:none;
	}
	 
	 

.tekstboks_venstremeny a:hover, .tekstboks_hoyremeny a:hover {
	text-decoration:underline; 
	}
	
.tekstboks_venstremeny .contentnk a{
	color:#7AA338;
	}
.tekstboks_venstremeny .contentskole a {
	color:#8E2D88;
	}
.tekstboks_venstre {
     margin:5px 5px 5px 0px;
     float: left;
	 width:230px;
	 background:#EAEEF0;
	 padding:5px;
}

.tekstboks_venstre h2 {
margin-bottom:2px;}

.contentskole .tekstboks_venstre .contentingress {
color:#8E2D88;}

.quotes {
	margin:10px 10px 10px 0px;
	width: 230px;
	font-size: 12px;
	font-weight: bold;
	float:left;
	}
hr {
	background: #ddd; 
	color: #ddd;
	clear: both; 
	float: none; 
	width: 100%; 
	height: .1em;
	margin: 0 0 1.4em;
	border: none; 
	}
.footer {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	
	/* stiler til kompenidumbanner, nır ferdig sett sammen med andre bokser*/
	
	.kompendiumboks { 
     float:left;
	 width:113px;
	 Height:110px;
	 font-size:9px;
	 padding:2px;
	 
}

.kompendiumboks h2 {
margin-top: 2px;		
margin-bottom:2px;
	}
	
	.kompendiumboks a {
	color: #000000}
	
	.kompendiumboks a:hover h2  {
	text-decoration:underline}
	
	.kompendiumboks:hover{
	background-color: #F1F7FF;}
	
	
	.kompendiumboksvertikal {
	 float:left;
	 width:115px;
	 Height:800px;
	 }
	 
	 .kompendiumboksV, .kompendiumboksV2 { /* 5 i bredden, bruk Class ikke id pga validering*/
     float:left;
	 width:115px;
	 border:1px solid #A0AFB9;
	padding: 5px;
	 }
	 
	  .kompendiumboksV h2 a, .kompendiumboksV2 h2 a {
	  	margin-top:0px;
		}
	 
	 .kompendiumboksV {
	Height:160px;
	 }
	 
.kompendiumboksV2 { /* 5 i bredden, bruk Class ikke id pga validering*/
     Height:135px;
	 
}

.program li {
padding: 0px 0px 15px 0px;

list-style-type:none;}


/* *************************test********************* */

#skoleprosjekt {
	height:200px;
	list-style:none;
	float:left;
	background-color:#ECECEC;
	background-repeat: no-repeat;
	background-position: right top;
	font-size:9px;
}

#pilmeny li{
	height:100px;
	list-style:none;
	float:left;
	background-repeat: no-repeat;
	background-position: right top;
	font-size:9px;
	
	}



#pilmeny_hoyre li {
width: 155px;
margin-bottom: 4px; 
	list-style:none;
	float:left;
	background-repeat: no-repeat;
	background-position: right top;
	font-size:9px;}

#pilmeny li:hover, #pilmeny_hoyre li:hover {
background-color:#F1F7FF;
}

/* #pilmeny li:hover h2, #pilmeny_hoyre li:hover h2  {
color:#FFFFFF;}*/

/*#pilmeny li.current{
	background-image: url(../images/pil.gif);
}*/

#pilmeny li a, #pilmeny_hoyre li a{
display:block;
margin:0px 0 0 3px;
}

#pilmeny h2, #skoleprosjekt h2, #pilmeny_hoyre h2 {
margin-top: 2px;		
font-size:15px;
font-weight:bold;
margin: 3px 0 3px 0;
	}

/* #mainNav.fiveStep */
#skoleprosjekt.fiveStep li {width:116px;} /* 116 er maksbredde pga potensiell bug i IE6*/
#pilmeny.fiveStep li{width:116px;}
#pilmeny.fiveStep li a{width:116px;}
#pilmemy.fivestep_hoyre, #pilmeny.fivestep_hoyre li, #pilmeny.fivestep_hoyre li a  {width: 180px}
	
	
	#pilmeny a:hover h2, #skoleprosjekt a:hover h2, #pilmeny_hoyre a:hover h2  {
	text-decoration:underline}
	
	#pilmeny:hover{
	background-color: #FFFFFF;}
	
	#stikkordsuppe {
	
	padding: 40px 0px 0px 0px;	
	line-height:25px;
	
	}
	
	
	.tagsize1 {font-size:10px;}
	.tagsize2 {font-size:12px;}
	.tagsize3 {font-size:14px;}
	.tagsize4 {font-size:16px;}
	.tagsize5 {font-size:18px;}
	.tagsize6 {font-size:10px;}
	.tagsize7 {font-size:22px;}
	.tagsize8 {font-size:24px;}
	.tagsize9 {font-size:26px;}
	.tagsize10 {font-size:28px;}
	.tagsize11 {font-size:20px;}
	.tagsize12 {font-size:32px;}
	.tagsize13 {font-size:34px;}
	.tagsize14 {font-size:36px;}
	.tagsize15 {font-size:38px;}
	.tagsize16 {font-size:40px;}