/* 
Oslofjordalliansen

Tommy Vitikka, HiØ
Klovnefisk Webutvikling
www.klovnefisk.no
*/

/*------------------Begin site-specific-------------------*/
	
body {
	font-family: Verdana, helvetica, arial, sans-serif; 
	font-size: 13px;
	}

#wrap {
	width: 1000px;
	min-height: 676px;
	margin: auto;	/* align:center */
	position: relative;
	margin-top: 10px;
}

#wraps{
	float: left;
	background-image: url('../img/ofa_design/leftborder_latest.jpg');
	background-repeat: no-repeat;
}


/*	START Headings	*/
h1 {	
	font-size: 23px;
	line-height: 1em;
}

h2	{
	font-size: 16px;
	margin: 0px 0px;
}

/* contentarea-headers */
#content h1{
	font-size: 23px;
	line-height: 1em;
	margin-top: 0;
/* 	margin-bottom: 12px; */
}
#content h2	{
	font-size: 18px;
	font-weight:bold;
	line-height: 23px;
	margin-top: 10px;
/* 	margin-bottom: 10px; */
}
#content h3	{
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 1em;
/* 	margin-bottom:  1em; */
}
#content h4,h5,h6	{
	font-size: 1em;
	font-weight:bold;
	line-height: 1em;
	margin-top: 1em;
/* 	margin-bottom:  1em; */
}


#header h3{
	font-family: "Minion Pro", "Times";	
	font-size: 1.6em;
	font-weight: lighter;
	padding-bottom: 0px;
}
/*	SLUTT Headings	*/

a {
	color: black;
	text-decoration: none;
}

a:hover{
	color: #0099cc;
}

.current{
	color: #0099cc;
}

hr{
	height: 1px;
	color: #999;
	background-color: #999; 
}

/* TABLE-Property */
table {
	border-collapse: separate;
	max-width: 100%;
}
th, tr{
	padding: 3px;
}
td {
	padding: 3px;
}

/* Diverse classes som brukes rundt om på flere sider */

.sak_ingress{
	width: 141px;
}
.sak_ingress a{		
	text-decoration: none;
	color: #777;
	font-size: 9px;
}
.sak_ingress a:hover{
	color: #0099cc;
}
.sak_ingress p{
	line-height: 14px;
}

/* De fire skolene (mrk: i skrivende stund er ".sak_ingress" og ".skolene" helt lik) */
.skolene{
	width: 141px;
}

.skolene a{
	text-decoration: none;
	color: #777;
	font-size: 9px;
}
.skolene a:hover{
	color: #0099cc;
}

.skolene p{
	line-height: 14px;
}




/*	|--|- Columns -|--|		*/

#col1 {
	width: 311px;
	float: left;
	text-align: left;
	position: relative;
	padding-left: 56px;
	margin-top: 20px;
	margin-right: 20px;
}

#col2 {
	width: 613px;
	float: right;
	position: relative;
	margin-top: 20px;
}


/* ------- col1 ------- */

#header{
	margin-bottom: 10px;
}

#logo{
padding-top: 2px;
padding-bottom: 24px;
}


/*	Nav		*/

#navwrap {
	min-height:400px;
}

#nav1{
	float: left;
	border-top: 20px solid black;
	padding-top: 10px;
	margin-right: 15px;
	width: 126px;		
	/* nav1=126, nav2= 170px, nav1+nav2=296px, col1=311, 15px går til margin for å få fyllt opp col1 */
}

#nav1 ul li{
	padding-left: 4px;
	margin-left: 0px;
	list-style: none;
}
#nav1 ul li a{
	font-size: 12px;
}

#nav1 ul li:hover a{
	text-decoration: none;
}


#nav1 ul li ul li{
	font-size: 12px;
	padding-left: 12px;
	color: #000;
}

#nav1 ul li ul li:hover a{
	color: #0099cc;
}

#nav1 hr{	
	margin-top: 2px;
	margin-bottom: 3px;
	background-color: #999;
	border:0px;
	height:2px;
}

#search{
	padding-top: 20px;
}

#search input{
	border: 1px solid #666;
	background-color: #fff;
	margin-bottom: 7px;
}

#nav2{
	float: left;
	border-top: 10px solid #000;
	padding-top: 20px;
	padding-bottom: 10px;
	width: 170px;
	font-size: 12px;
	min-height: 300px;
}

#nav2 a{
        color: #0099cc;
}

#nav2 ul li{
	float: left;
	padding: 0px;
	margin: 0px; 
	list-style: none;
	width: 170px;
/*	border-top: 3px solid #fff; */
/* 	padding-bottom: 1px; */
	line-height: 16px;
}

#nav2 ul li hr{	
border: 0px;
height: 2px;
margin-bottom: 4px;
margin-top: 8px;
padding-bottom: 0px;
}

#nav2 ul li a {
        color: #000;
	font-size: 1em;
	text-align:left;
	text-decoration:none; 
	padding: 0px;
	margin: 0px;
/* 	line-height: 12px */
/* 	letter-spacing:.1em; */
	}
	
#nav2 ul li:hover a{
	color: #0099cc;
}

/*
#nav2 ul li:hover{
	height: 16px;
}

#nav2 ul li ul {
	display: none;
	}


#nav2 ul li:hover ul{
	display:block; 
	position:relative; 
	background-color: #fff;
	border-top: 3px solid #000;
	min-height: 20px;
	width: 250px;
	padding: 2px 3px 2px 3px;
	left:188px; 
	top: -19px;
	z-index: 10;
}

#nav2 ul li:hover ul li{
	background-color: #fff;
	padding: 0px 0px 2px 3px;
	border: 1px dotted #777;
	display: block;
	min-height: 12px;
	width: 250px;
}
*/


/*------- col2 --------*/

/* Contentheadwrap = alt over den svarte linja til content */
#contentheadwrap {
	position: relative;
	height: 156px;
	border-bottom: 3px solid black;
	overflow: visible;
}

#contenthead1{
	position: relative;
	font-size: 0.7em;
	width: 370px;
	height:170px;
	float: left;
	bottom:0px;
}

#contentheadtxt{
	position: absolute;
	width: 125px;
	left: 160px;
	bottom: 20px;
	text-decoration: none;
	font-size: 10px;
	line-height: 12px;
	vertical-align: bottom;
}

#contenthead2{
	float:right;
	width: 240px;
	height: 170px;
}

/*  --- Calender start---  */
#cal{
margin-left: 7px;
background-image: url(../img/ofa_design/kalender_vertical1.png);
background-repeat: no-repeat;
height: 95px;
}
#cal img{	/* Teksten: kalender som bilde */
	float: left;
}
#cal img hover{
	border: 1px solid #999;	
}

#calevents{
	height: 100%;
	margin-left: 17px;
}

.event{
	float: left;
	height:95px;
	padding: 15px 10px 0px 3px;
	border-left: 1px solid gray;
	font-size: 50px;
	font-family: Minion pro, Times;
	color: #0099cc;
	font-weight: 100;
}
.event a{
	color:#0099cc;
	padding: 0px;
}

.event a:hover{
	text-decoration: underline;
}

.month{
	font-size: 16px;
	display: inline;
}

.caltext{
	padding-top: 28px;
	color: #000;
	font-family: Verdana;
	font-size: 10px;
	font-weight: 100;
	width: 94px;
}
.caltext a{
	color:#000;
}
.caltext a:hover{
	color: #0099cc;
	text-decoration: none;
}

/*  --- Calender end---  */

#rightnavbar{
	font-family: Verdana, helvetica, arial, sans-serif; 
	position: absolute;
	bottom: 2px;
	font-size: 10px;
	margin: 0px;
	width: 260px;
}

#rightnavbar ul li{
	display: inline;
	color: black;
	list-style: none;
	padding-right: 8px;
	margin: 0px;
}
/* END contentheadwrap, det over den svarte linja av content*/


/* START CONTENT */
#content_col1{
	position: relative;
	float: left;
	width: 75%;
	overflow: hidden;
}
#content_col2{
	position: relative;
	float: left;
	width: 25%;
}

#headerblock{
	width: 100%;
	display: block;
}

#headertitle{
	float: left;
	width: 90%;
	margin-top: 0;
}

#printandshare{
	float: left;
	width: 10%;
	text-align: left;
	margin-top: 5px;
}

#trailTxtblock{
	color: #777;
	font-size: 9px;
	display: block;
	float: left;
	padding:4px 0px 4px 0px;
}

#content a.trailTxt, #content .trailTxt{
	color: #777;
	font-size: 9px;
}
#content a.trailTxt:hover{
	color: #0099cc;
}

/*
#sharethis_0{
	display: inline;
	position: relative;
	float: left;
	padding: 0px 12px 0px 0px;
	margin: 0px 0px 0px 0px;
}
*/

#sharethis_0 a{
	padding-right: 0px;
}

ul li{
	list-style-image: url(../img/ofa_design/list_style_pil.gif);
	padding-left:  3px;	
	margin-left: 20px;
}

ol{
padding-bottom: 10px;
padding-top: 10px;
}
ol li{
	list-style: decimal;
	padding-left: 0px;
	margin-left: 2em;
}
#content a{
	color: #0099cc;
	text-decoration: none;
}
#content a:hover{
	text-decoration: underline;
}
#content gs-title{
	text-decoration: none;
}

#content gs-title a{
	text-decoration: none;
}

#content {
	padding-top: 20px;
	width: 613px;
	min-height:450px;
	padding-bottom: 20px;
}

#content_innhold{
	width: 100%;
	height: 100%;
	display: block;
	margin-bottom: 40px;
	float: left;
}

#content_innhold p{
	margin-bottom: 1em;
	line-height: 16px;
}


#content ul{
padding-bottom: 10px;
padding-top: 10px;
}

/* BRUKES IKKE
#content_studietilbud_topmenu{
	font-size: 12px;
	float: right;
}

#content_studietilbud_topmenu ul li{
	display: inline;
	color: black;
	text-decoration: underline;
}

#content_studiesokmenu{
	display: inline;
}

#content_studiesokmenu input{
	border: 1px solid #777;
	background-color: #fff;
	margin-bottom: 20px;
}
*/

#oaimedia{
	float: right;
	width:145px;
	min-height: 400px;
	padding-left: 5px;
	padding-top: 10px;
	border-left: 1px solid #999;
}

#oaimedia h1,h2,h3,h4,h5,h6{
	font-weight: 100;
	font-size: 13px;
}

#oaimedia a:hover{
	text-decoration: underline;
}
#oaimedia ul li{
	padding-left: 0px;
	margin-left: 12px;
}

.boks_hoyre{
	font-size: 10px;
}

#oaimedia .boks_hoyre ul{
	padding-bottom: 10px;
	padding-top: 10px;
}
#oaimedia .boks_hoyre ul li{
	margin-left: 20px;
}

.sak{
	font-size: 10px;
	padding-bottom: 20px;	
}

.sak a{
	text-decoration: none;
	color: #777;
	font-size: 9px;
}

.sak a:hover{
	color: #0099cc;
	text-decoration: underline;
}

.sak p{
	line-height: 14px;
}

.sak p:before{
	content: url(../img/ofa_design/bullet_r.png);
	padding-right: 2px;
}

/* STOPP CONTENT */

#footer {
	border-top: 1px solid #999;
	position: relative;
	text-align: center;
		float: left;
}

#footer img{
	padding:7px;
}


#kontakt_footer{
	clear: both;
	display: block;
	color: #777;
	font-size: 10px;
	padding-bottom: 20px;
	text-align: center;
	bottom: 20px;
}

#kontakt_footer hr{
	border: 0px;
	height: 2px;
	background-color: #777;
}

/* START FORUM-tweaks */
TD.forumHeaderBorderTop,TABLE.forumHeaderBorderTop{
	background-color: #f6f6f6;
	border: 1px solid #777;
}
TD.forumHeaderBorderTop .forumTableDetails{
	background-color: #f6f6f6;
}

table tbody tr td iframe{
	background-color: #f9f9f9;
	border: 1px solid black;
}

a:hover.forum {
font-family:verdana, sans-serif;
font-size:12px;
color:#000;
font-weight:700;
text-decoration:underline;
}

a:hover.forum{
	font-size: 12px;	
}
/* STOPP FORUM-tweaks */


.newsList .titleList img{
vertical-align: top;
}



.newsList td .news_ingress{
	width: 460px;
	/*margin-right: 400px;*/
	padding-right: 20px;
	float: left;
}
.newsList img {
	max-width: 120px;
	height: auto;
}

.sporsmaalBoks {
 border-top: 2px solid #777777;
width: 100%;
heigth: 100%;
margin: 10px 0 0 0;
float: left;
}
.sporsmaal {
background-color: #f6f6f6;
width: 75%;
heigth: 100%;
margin: 10px 0 0 0;
float: left;
margin: 10px 0 0 0;
}
.sporsmaalBoks span.txt {
font-size: 10px;
color: #0099cc;
}
.sporsmaalBoks span.txt_svar {
font-size: 10px;
color: #0099cc;
}
.svar {
background-color: #e7f5fa;
width: 75%;
heigth: 100%;
float: right;
margin: 10px 0 0 0;
}