/*
*********** Fargepalett **********
Blå/Logofarge:             #42a9bc
Grå/Menyfarge:             #3f3f3f
Mellom-Beige/Aktiv meny:   #e2e6cf
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	margin: 0;
	padding: 0;
	color: #3f3f3f;
	line-height: 1.5em;
	background: #42a9bc;
	background: #e2e6cf;
	background: #f3f5ec;
	
}

a {
	text-decoration: none;
	color: #767b59;
	color: #0f0;
	color: #2f7582;
}

a:hover {
	color: #000;
}

img {
	border: 0;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: normal;
	color: #3f3f3f;
}

h1 {
	font-size: 180%;
	margin: .5em 0;
	padding: 0;
}

h2 {
	font-size: 120%;
	font-weight: bold;
	margin: .5em 0;
}

p {
	margin: .5em 0 1.5em 0;
}

table {
	text-align: left;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}

th {
	width: 10em;
	font-weight: normal;
	font-weight: bold;
}

td,
th{
	padding: .5em 0; 
	vertical-align: top;
}

hr {
	margin: 2em 0;
	border: 0;
	border-bottom: 1px dashed #e2e6cf;
}


fieldset{
	border: 0;
	margin: 0;
	padding: 0;
}



legend{
	font-weight: bold;
	margin: 0 1em;
	padding: 1em;
	color: #3f3f3f;
}


.text,
.submit,
textarea,
select {
	padding: .2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0 0 1em 0;
	border: 1px solid #b3b99d;
}

.submitNew {
	padding: .2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0 0 1em 0;
	border: 0;
	background: url(img/sokeknapp.png) no-repeat;
	float: right;
	width: 189px;
	height: 40px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}


textarea {
	width: 90%;
	height: 10em;
	display: block;
	line-height: 1.5em;
	padding: .5em
}

.checkbox{
	margin: 0;
	padding: 0;
}


label{
	margin: 0 0 0 0;
	padding: .2em 0 0 0;
	display: block;
}

.main label{
	display: block;
	float: left;
	width: 12em;
}

#personopplysninger label{
	display:inline;
	width: 5em;
	float: left;

}

#personopplysninger input{
	display: block;
	float:left;
	width:7em;
	margin-right:1em;
}

fieldset#personopplysninger{
	margin:0;
	padding:1em;
}

fieldset#personopplysninger .submit{
	float:right;
	margin-left:1em;
}
.main fieldset{
	margin: 1em 0 1em 0;
	border: 1px solid #b3b99d;
	padding: 1em 2em 1em 2em;
}

fieldset.fieldset_contact{
	border: none!important;
	padding: 0;
}

fieldset.fieldset_contact .text{
		padding: .5em;
		margin-right: .5em;
		width: 57%;
}

fieldset.fieldset_contact textarea{
		width: 96%;
}




.main .submit {
	float: right;
}




.submit {
	background:  #e2e6cf;
	border: 1px #3f3f3f solid;
	padding: .3em 1em;
	margin: 1em 0;
}


form table td,
form table th{
	padding: .2em 0; 
	vertical-align: top;
}



.col2 {
	width: 50%;
	float: left;
}

#container {
	background: #fff;
	height: 100%;
	clear: both;
	overflow: hidden;
	padding: 2em 0 1em 0;
}

.width {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	position: relative;
}

.break {
	display: none;
}



/* TOP */ 


#top ul,
#top li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;		
}


#top #search fieldset{
	position: absolute;
	top: 10px;
	right: 5px;
}

#top #search fieldset,
#top #search form{
	border: 0;
	padding: 0;
	margin: 0;
}

#top #search .submit{
	background: url(img/search_submit.gif);
	border: 0;
	color: #000;
	width: 68px;
	height: 34px;
	padding: 0;
	margin: 0 0 0 .5em;
	float: left;
}

#top #search .text{
	background: url(img/search_text.gif);
	border: 0;
	color: #000;
	width: 205px;
	height: 24px;
	padding: 10px 0 0 10px;
	margin: 0;
	float: left;
}



#top_menu {
	background: #3f3f3f;
	overflow: hidden;
	height: 100%;
	margin: 1em 0;
	margin-bottom: 0;
}

#top_menu a{
	color: #fff;
	display: block;
	float: left;
	padding: 1.3em 1em .5em 1.3em;
	border-left: 1px solid #484848;
}


#top_menu li.active a,
#top_menu li a:hover{
	color: #3f3f3f;
	background: #e2e6cf;
}


#top_menu strong{
	font-size: 120%;
	display: block;
	line-height: .8em;
}

#logo {
	
}




/* 
.kampanje {
	vertical-align:  top;
	margin-left: 3em;
	border:0px solid #000;
	display: inline;

}
 */

/* BANNER */

#banner {
	background: #f4f5ed url(img/banner_bkgrnd_1.jpg) repeat-x bottom; 
	height: 190px;
	width: 100%;

}

.banner_video {
	height: 100%!important;
}

#banner .banner_content {
	background: url(img/quote_mark.gif) no-repeat 0px 30px;
	display: block;
	overflow: hidden;
	padding-left: 25px;
	padding-top: 40px;
	width: 400px;
}

#banner .banner_content_free {
	display: block;
	overflow: hidden;
	width: 380px;
	padding-left: 1.3em;
	margin-right:1em;
	line-height:145%;
}

#banner .banner_content_free h1 {
	font-size:1em;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top:0.0em
}

#banner div.border {
	margin:0;
	padding:0;
	border-bottom: #ccc solid 1px;
}

#banner .banner_content_free ul {
	display:inline;
	margin-top:0;
	padding-top: 0px;
	margin-left: 0;
	padding-left: 0;
}
#banner .banner_content_free li {
	display:inline;
	padding-left: 0;
	margin-left: 0;
	margin-top:0;
	padding-top: 0px;
}

#banner a{
	color: #3f3f3f;
	cursor: pointer;
}


#banner .banner_content_free li a{
	color: #2f7582;
	font-weight: bold;;
}
#banner .banner_content_free li a:hover{
	color: #42a9bc;
}
#banner strong{
	font-size: 120%;
	margin: .5em 0;
	display: block;
}

#banner span {
	display: block;
}

#banner .read_more {
	margin: .5em 0;
	color: #767b59;
	display: inline;
	color: #2f7582;
}



.videoBanner h1{
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 0;
}

.videoBanner h2{
	margin-bottom: .5em;
}

#banner .colOne,
#banner .colTwo {
	float: left;
	width: 15em;	
}

#banner .colOne h2,
#banner .colTwo h2{
	font-size: 100%;
	margin: 0.5em 0 0 0;
}

#banner .colOne ul,
#banner .colTwo ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#banner .colOne li,
#banner .colTwo li{
	list-style: none;
	margin: 0;
	padding: 0;
}

#banner .colOne {
}

#banner .colTwo {
}





/* main_container */

#main_container {
	background: url(img/main_container_bkgrnd.gif) repeat-y;
	overflow: hidden;
	margin-top: 1em;
	height: 100%;
	float: left;
	width: 100%;
}








/* FRONTPAGE */

	
	.front #main_container {
		background: none;
	}


	#col3 {
		margin: .4em 0;
		overflow: hidden;
		height: 100%;
	}

	#col3 .item {
		float: left;
		width: 295px;
		margin-right: 5px;
		background: url(img/frontpage_item_bkgrnd.gif);
	}
	
	#col3 .item .bottom{
		height: 8px;
		background: url(img/frontpage_item_bottom.gif) no-repeat bottom;
	}
	
	#col3 .last {
		margin-right: 0;
	}
	
	
	#col3 .item p{
		margin: 0 0 0 0;
	}

	#col3 .item h1{
		margin: .6em 0 0 0;
		color: #fff;
	}


	#col3 .item h1 a{
		float: right;
	}

	
	

	#col3 .item .top{
		margin: 0;
		padding: 0 10px 10px 20px;
		overflow: hidden;
		color: #fff;
		background: url(img/frontpage_item_top.gif) no-repeat top left;
		height: 100%;
	}
	
	#col3 form{
		margin: 0; 
		padding: 0;
	}
	
	
	.kontaktoss .top h1{
		padding: 23px 0 0 0;
	}
	
	.kontaktoss .body p{
		margin-bottom: 1em!important;
	}

	#col3 form input{
		margin-bottom: .5em;
		margin-top: 0;
	}


	#col3 form .text{
		padding: .5em;
		margin-right: .5em;
		width: 14.6em;
	}
	
	#col3 #ringmeg .top{
		background: url(img/kontaktoss_ringmeg.jpg) no-repeat top left;
		margin-bottom: 1em;
	}
	
	
	#col3 #onlinechat .top{
		background: url(img/kontaktoss_onlinechat.jpg) no-repeat top left;
		margin-bottom: 1em;
	}
	
	

	#col3 #epost .top{
		background: url(img/kontaktoss_epost.jpg) no-repeat top left;
		margin-bottom: 1em;
	}
	





	#col3 .item .body {
		height: 10em;
		padding: 10px 20px 10px 20px;
		position: relative;
		background: url(img/frontpage_item_bkgrnd.gif);
	}

	.kontaktoss .item .body {
		height: 13em!important;
	}

	.item .body p.newsSmall {
		padding-bottom: .55em;
		display: block;
	}

	.item .body p.newsSmall a{
		font-weight: bold;
		color: #767b59;
		color: #2f7582;
	}
		



	#col3 .item .content{
		display: none;
		padding: 0 20px 10px 20px;
	}


	#col3 .item p .see_all{
		position: absolute;
		bottom: 10px;
		left: 20px;
		display: block;
		font-weight: bold;
		color: #767b59;
		color: #2f7582;
	}

	#col3 .see_all  {
		cursor: pointer!important;
	}

	#col3 .item ul,
	#col3 .item li {
		display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#col3 .item li a{
		display: block;	
		background: url(img/bullet_on_body.gif) no-repeat 0 .45em;
		background: url(img/bullet_on_body.png) no-repeat 0 .45em;
		padding-left: 18px;
	}







/* LEFT */



.left{
	width: 160px;
	width: 170px;
	float: left;
	height: 100%;
}

.left ul,
.left li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;		
}

.left li a {
	display: block;
	background: url(img/bullet_on_white.gif) no-repeat 0 .45em;
	background: url(/img/bullet_on_body.png) no-repeat 0 .45em;
	padding-left: 12px;
}


.left .left_menu {
}


.left .active a{
	color: #000!important;
}



.soknadsskjema a,
.paamelding a{
	background: url(/img/soknadsskjema_knapp.gif) no-repeat;
	display: block;
	width: 125px;
	height: 32px;
	padding: 18px 0 0 55px;
	margin: 2em 0;
	color: #fff;
}



.nettstudie_demovideo a{
	background: url(/img/demo.gif) no-repeat;
	overflow: hidden;
	display: block;
	width: 170px;
	height: 65px;
	margin: 1em 0;
	color: #fff;
	padding: 75px 0 0 14px;
}


.nettstudie_demovideo a:hover{
	background: url(/img/demo_hover.gif) no-repeat;
}


.nettstudie_demovideo span{
	display: block;
	font-size: 180%;
}







/* MAIN */

.main{
	width: 680px;
	float: right;
	padding-left: 30px;
}

.main .col_important {
	float: right; 
	width: 280px; 
	margin-left: 1.3em;
}

.main .col_important #col_left{
	background: #f3f5ec; 
	padding: 1.3em; 
}



.main .col_important .modulRight {
	padding: 10px; 
	text-align: center; 
	border: 1px solid #e2e6cf; 
	background: #f4f5ed; 
	overflow: hidden; 
	clear: both;
}


.main .col_important .moreInfoButton {
	background: url(img/moreInfo.png) no-repeat;
	display: block;
	width: 120px;
	height: 25px;
	margin: 0 auto;
	padding-top: 5px;
	color: #fff;
}



.main .col_important h3{
	font-size: 100%;
	font-weight: bold;
}




.main .col_info {
	float: left;
	width: 380px;
}

.main a {
	color: #2f7582;
	font-weight: bold;
}

.list_item {
	margin: 1.5em 0 2em 0;
}

.list_item p a.lesmer{
	margin: .5em 0 2em 0;
	display: block; 
	line-height: 1.5em;
	
}

.list_item .ansatte_img{
	display: block;
	float: left;
	margin: 0 2em 0 0;
}

#laerere .list_item,
#ansatte .list_item {
	clear: both;
	display: block;
	overflow: hidden;
}

#laerere .list_item .heading,
.list_item .heading{
	display: block;
	width: 7em;
	float: left;
}


#laerere .list_item h2{
	margin-top: 0;
}

#laerere .list_item .laerere_img{
	display: block;
	float: left;
	margin: 0 2em 0 0;
	width: 100px;
	height: 100px;
}


#studentReferanse .list_item{
	width: 220px;
	float: left;
	margin-right: 10px;
}

#studentReferanse .last{
	margin-right: 0;
}

#studentReferanse a strong{
	color: #444;
}


.polaroid {
	background: url(img/polaroidframe_small.png) no-repeat;
	height: 172px;
	width: 172px;
}

.polaroid img {
	margin: 29px 0 0 42px;
}



.main .col_important #referanse_wrapper {
	padding: 1.3em; 
	overflow: hidden;
}

.main .col_important #referanse_wrapper a{
}


.polaroid_small img{
	height: 50px;
	width: 50px;
}

.main .col_important #referanse_wrapper img {
	margin: 0;
	padding: 0;
	float: left;
	padding-right: 10px;
	display: block;
}


.main .col_important #referanse_wrapper .textContainer{
	float: left;
	width: 158px;
	display: block;
}

.main .col_important #referanse_wrapper .textContainer h2{
	margin: 0;
	padding: 0;
	font-style: italic;
}




hr.clear {
	width: 100%;
	clear: both;
	border: 0;
}




ul.aarstall {
	padding: 0;
	margin: 0;
	list-style: none;
}


.aarstall strong{
	display: block;
	line-height: 1.5em;
	margin-top: 2em;
}


.fordelsprogram div{
	padding-bottom: .3em;
	border: 1px solid #f3f5ec;
	margin-bottom: 1em;
}

.fordelsprogram div h2{
	background: #f3f5ec;
	height: 100%;
	padding: 1em;
	display: block;
	margin: 0;
}


.fordelsprogram p,
.fordelsprogram li{
	padding: 0 1.3em;
}


#col_left .laerer{
	overflow: hidden;
	clear: both;
	margin-bottom: 2em;
}

#col_left .laerer h2{
}


#col_left h3 {
	margin-bottom: 0;
}

#col_left p{
	margin-top: 0;
}

/* BOTTOM */


#bottom {
	width: 100%;
	height: 100%;
	clear: both;
	padding: 1em 0 2em 0;
	overflow: hidden;
}



#bottom a{
	/* color: #e2e6cf; */
	display: block;
}

#bottom a:hover{
	color: #3f3f3f;
}



#bottom ul,
#bottom li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;		
}


#bottom .main {
	border: 0;
}

#bottom .col4 {
	width: 25%;
	float: left;
	overflow: hidden;
	border: #55b1c3;
}

#bottom .col4 .content{
	padding: 0 2em 0 .5em;
}

#bottom h3 {
	font-size: 100%;
	font-weight: bold;
	padding: 0;
	margin: 0;
}


#bottom h3 a{
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	margin: .5em 0;
	background: url(img/bottom_button_active.gif) no-repeat;
	padding: .4em .5em .5em .5em;
	width: 100%;
	display: block;
}

#bottom h3 a:hover{
	background: url(img/bottom_button_inactive2.gif) no-repeat;
	color: #fff;
}

#bottom a{
	display: inline;
}


#bottom strong{
}

#bottom table{
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 94%;
}

#bottom table tr{
	margin: 0;
	padding: 0;
}


#bottom table td{
	margin: 0;
	padding: 0;
	text-align: right;
}

#bottom table th{
	margin: 0;
	padding: 0;
	width: 60%;
	text-align: left;
}


#bottom label{
	display: block;
	margin: 0 0 .5em 0;
	font-weight: bold;
}


#bottom input.submit{
	background: #e1e6ce;
	border: 1px solid #3f3f3f;
	color: #000;
	padding: .1em 0;
	width: 4.5em;
	text-align: center;
}

#bottom input.text{
	border: 1px solid #3f3f3f;
	color: #000;
	padding: .2em .5em;
	width: 60%;
}

#bottom fieldset,
#bottom form{
	border: 0;
	padding: 0;
	margin: 0;
}






.muxmedialab {
	display: block;
	width: 100%;
	float: left;
	text-align: left;
}

.muxmedialab a{
	color: #767b59;
	padding-left: 6px;
	color: #2f7582;
}


.nytt {
	color: #F33
}

ul.sentralbord {
	list-style:none;
	margin-top:-1.5em;
	margin-left:2em;
	
}

/* Feil-farge for Post-warnings */
.textfeil {
	padding: .2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0 0 1em 0;
	border: 1px solid #41a9bc;
	background: #41a9bc;
	color: #fff;
}

.textfeil h2{
	color: #fff;
}


.feilbeskjed {
	padding: 2em;
	margin: 2em 0 0 0;
	color: #fff;
}


.dmail {
	background: #fff;
	margin-top: 2em;
}

.dmail form,
.dmail .error_top{
	display: block;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.dmail .error_top{
	font-weight: bold;
	font-size: 200%;
	line-height: 1.2em;
}

.dmail td{
	width: 250px;
}

.dmail td td{
	width: auto;
}

.dmail .error{
	font-weight: bold;
	color: red;
}

.imgLeft {
	float: left;
	margin: 0 10px 10px 0;
}

.imgRight {
/*Det sto opprinnelig float:left Rettet EN 16.08.10*/
	float: right;
	margin: 0 0 10px 10px;
}
/* Dette er laget for første avsnitt (Ingress) p presentasjonen av utdanningsløp OG kurskategori juli 2010 */
.col_info span.ingress,
.col_info div.ingress {
	font-size: 120%;
	font-style : italic;
}






.grunner_5 {
	float: left; 
	padding: 5px 20px 0 50px;
	width: 355px;
}

.grunner_5 h1{
	margin-top: -2px;
	display: inline-block!important;
	color: #000!important;
	font-weight: bold!important;
	margin-bottom: 0;
}

.grunner_5 span{
	display: inline-block!important;
	margin-left: 30px;
	color: #000!important;
}


.grunner_5 h2{
	margin-bottom: .1em;
	color: #000!important;
}

.grunner_5 ul{
	margin: 3px 0 0 30px;
	padding: 0;
	list-style-type: square;
}


.grunner_5 ul li strong{
	font-size: 1em!important;
	display: inline!important;
}
.facebook {
	display: block;
	width: 100%;
	float: center;
	text-align: center;
}

.facebook a{
	color: #767b59;
	padding-left: 6px;
	color: #2f7582;
}

.kurskalender th, .kurskalender td{
	padding:10px;
	min-width: 80px;
}

.kurskalender th{
	background: #3F3F3F;
	color: #fff;
}