@CHARSET "ISO-8859-1";

/************************************************
*
* RESET
* Credits: http://developer.yahoo.com/yui/reset/#code
*
************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}



a{
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	text-decoration: inherit;
	color: inherit;
	outline: none;
}
a img{
	line-height: 0px;
	padding: 0px;
	margin: 0px;
	border: none 0px;
	text-decoration: none;
	float: left;
}

/************************************************
*
* TAGS
*
************************************************/
html{
	height: 101%;	
}
body{
	font-family:impact, arial;
	background-color:#111111;
	background-image:url(graphics/bodybackground.jpg);
	padding:0px;
	margin:0px;
	color: #70AAF2;
	font-size: 18px;
	text-align: left;
}
h1{
	padding:0px 0px 0px 12px;
	margin:0;
	font-size:48px;
	color:#FFF;
	font-family: Impact;
	font-weight: normal;
	font-family: impact, arial;
}
h2{
	padding:0;
	margin:0;
	font-size:20px;
	color:#999;
	text-transform:uppercase;
	font-family: impact, arial;
	font-weight: normal;
}
h3{
	padding:0;
	margin:0;
	font-size:24px;
	color:#FFF;
	font-family: impact, arial;
	font-weight: bold;
	line-height: 24px;
}
h4{
	padding:0;
	margin:0;
	font-size:20px;
	color:#FFF;
	text-transform:uppercase;
	font-family: impact, arial;
	font-weight: normal;
}
h5{
	padding:0px 0px 0px 12px;
	margin:0;
	font-size:14px;
	color:#0466f8;
	font-family: Impact;
	font-weight: normal;
}

/************************************************
*
* GENERIC
*
************************************************/
.clear{
	clear: both;
	height: 0px;
	width: 100%;
	line-height: 0px;
}

/************************************************
*
* MAINFRAME
*
************************************************/
#mainBorder{
	width: 900px;
	margin: 0px auto 0px auto;
	border: solid 12px #97c0f7;
}
#mainBorder #main{
	display:block;
	width: 900px;
	background-color: #060606;
	background-repeat:no-repeat;
	background-position: 0px 200px;
}
#mainBorder #main #container{
	width:900px;
	padding:0;
	margin:auto;
}
#mainBorder #main #container #header{
	background-repeat:no-repeat;
	background-image: url(graphics/headertest.png);
	height: 285px;
	width: 900px;
	float:left;
	margin:auto;
}
#mainBorder #main #container #header #logo{
	background-repeat:no-repeat;
	background-image: url(graphics/logo.png);
	background-position: 32px 32px;
	height: 200px;
	width: 305px;
	float:left;
	outline: none;
}
#mainBorder #main #container #contentMain{
	background-color: #060606;
}
#featured{
	height: 200px;
	width: 480px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 130px;
	margin-left: 360px;
	color:#82BAF0;
}

/************************************************
*
* CONTENT
*
************************************************/
#content{
	width:800px;
	padding-top: 20px;
	padding-top: 20px;
	margin: auto;
}
#content div.inner{
	width:572px;
	float:left;
	margin:0;
	border-bottom: 100px;
	border: 10px;
	padding-top: 0px;
	padding-left:0px;
	border-right: solid 1px #888888;
}
#content div.inner div.box{
	width: 550px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px 0px 30px 0px;
}
#content div.inner div.box .image{
	float:left;
	width: 260px;
}
#content div.inner div.box .border{
	border: solid 2px #FFFFFF;
}
#content div.inner div.box .text{
	font-size: 14px;
	float:left;
	width: 276px;
	padding-left: 10px;
	line-height: 16px;
}
/************************************************
*
* MENU
*
************************************************/
#nav{
	width:595px;
	float:right;
	height:40px;
	margin-right: 0px;
}
#nav .menu{
	padding:0px;
	overflow:hidden;
}
#nav .menu ul{
	padding:0;
	margin:0;
	list-style-type:none;
	list-style:none;
	display:inline;
}
#nav .menu li{
	padding-right:15px;
	margin:0 0px 15px 0px;
	padding: 15px 0px 0px 15px;
	height:100px;
	list-style-type:none;
	list-style:none;
	display:inline;
	float:left;
}
#nav .menu li:hover{
	background-repeat:no-repeat;
	background-image:url(graphics/meny_bakgrunn.png);
}
#nav .menu li.active{
	background-repeat:no-repeat;
	background-image:url(graphics/meny_bakgrunn.png);
}
#nav a{
	text-decoration: none;
	outline: none;
}
#nav a span.heading{
	display: block;
	text-align:center;
	color: #FFFFFF;
	font-size: 32px;
	font-weight: normal;
	font-family: impact, arial;
}
#nav a span.info{
	display: block;
	text-align:center;
	color: #2c99e4;
	font-size: 14px;
	font-weight: normal;
	font-family: impact, arial;
}

/************************************************
*
* CONTENT
*
************************************************/
#content{
	width:800px;
	padding-top: 20px;
	padding-top: 20px;
	margin: auto;
}
#content div.inner{
	width:572px;
	float:left;
	margin:0;
	border-bottom: 100px;
	border: 10px;
	padding-top: 0px;
	padding-left:0px;
	border-right: solid 1px #888888;
}
#content div.inner div.box{
	width: 550px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px 0px 30px 0px;
}
#content div.inner div.box .image{
	float:left;
	width: 260px;
}
#content div.inner div.box .border{
	border: solid 2px #FFFFFF;
}
#content div.inner div.box h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 10px;
}
#content div.inner div.box .text{
	font-size: 14px;
	float:left;
	width: 276px;
	padding-left: 10px;
	line-height: 16px;
}

/************************************************
*
* TEMPLATES
*
************************************************/

/************************
* index
************************/
.imagePattern{
	margin-top: 32px;
	width: 556px;
	border: solid 2px #FFFFFF;
	height:282px;
}
.imagePattern .slideshow{
	background-color: #FFFFFF;
	clear:both;
	height: 278px;
	width: 348px;
	border: solid 2px #FFFFFF;
	border-right-width: 4px;
	margin-bottom: 40px;
	float:left;
}
.imagePattern .static{
	float:left;
	width: 200px;
	height: 278px;
	overflow: hidden;
	border: solid 2px #FFFFFF;
	border-width: 2px 2px 4px 0px;
}
.imagePattern .static .small{
	width: 200px;
	height: 114px;
	overflow: hidden;
	border-bottom: solid 4px #FFFFFF;
}
.imagePattern .static .small .image{
	float: left;
	overflow: hidden;
	width: 97px;
	height: 140px;
}
.imagePattern .static .small #imageLeft{
	border-right: solid 4px #FFFFFF;	
}
.imagePattern .static .large{
	width: 200px;
	height: 162px;
	overflow: hidden;
}

/************************
* news article
************************/
div.newsArticleText{
	text-align: left;
	font-family: arial, verdana;
	font-size: 12px;
	line-height: 19px;
	color: #FFFFFF;		
}

/************************
* contact
************************/
div.contact{
	float: left;
	padding: 32px 0px 0px 32px;
}
div.contact h3{
	font-family: Arial, Helvetica, sans-serif;	
}
div.contact form{
	padding: 1px;
}
div.contact form div.element{
	margin-bottom: 1px;
	clear: both;
}
div.contact form div.element label{
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	float: left;
	width: 160px;
	color: #FFFFFF;
}
div.contact form div.element input[type="text"],
div.contact form div.element input[type="password"],
div.contact form div.element textarea{
	font-family: "century gothic", arial, verdana;
	font-size: 14px;
	color: #444444;
	width: 200px;
	display: block;
	float: left;
	height: 20px;
	padding: 1px;
	margin-right: 1px;
	background-color: #FFFFFF;
	background-position: 0px -32px;
	background-repeat: repeat-x;
	border: solid 1px #444444;
}
div.contact form div.element textarea{
	width: 360px;
	height: 160px;
	background-position: 0px -48px;
}
div.contact form div.element input[type="submit"]{
	float: left;
	font-family: "century gothic", arial, verdana;
	color: #111111;
	display: block;
	height: 24px;
	font-size: 11px;
	background-color: #EEEEEE;
	background-image: url("graphics/gradient_64x64_FFFFFF-25_FFFFFF-100.png");
	background-position: 0px -32px;
	border: solid 1px #444444;
	padding: 1px 8px 0px 8px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}
div.contact form div.element div.response{
	float: left;
	font-family: "century gothic", arial, verdana;
	font-size: 16px;
	width: 314px;
}
div.contact input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner{/*for FireFox*/ border : 0px;}
div.contact input[type="submit"]:focus, input[type="button"]:focus{ /*for IE8 */ outline : none;}
div.contact form div.element input[type="submit"]:hover{
	background-position: 0px -16px;
	color: #333333;
}
div.contact form div.message{
	display: none;
	clear: both;
	width: 100%;
	height: 24px;
}
div.map{
	float: left;
	padding: 32px 0px 0px 32px;	
}
div.map iframe{
	border: solid 3px #FFFFFF;
}
div.map a,
div.map a:link,
div.map a:hover,
div.map a:visited{
	text-align: right;
	display: block;
	font-family: arial;
	color: #FFFFFF;	
}

/************************
* calendar
************************/
div.calendarInfo{
	float: left;
	padding-left: 32px;
	width: 400px;
	padding-top: 32px;
	font-family: arial;
	font-size: 12px;
	color: #FFFFFF;		
}
div.calendarInfo h3{
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
}

/************************
* course
************************/
div.course{
	border-bottom: solid 1px #555555;
	font-size:12px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 32px;	
	width: 500px;
}
div.course a{
	color: #FFFFFF;	
}
div.course b{
	color: #3c61b1;
	font-size:14px;
}
div.course h3 b{
	font-size: inherit;
}
div.courseTimetable{
	font-family:impact, arial;
	font-size: 14px;
	margin-left: 12px;
	margin-bottom: 52px;
	
}
div.courseTimetable h4{
	background-color: #999999;
	padding: 16px;
	font-family:impact, arial;
	font-size: 14px;
	margin-bottom: 22px;
	
}
div.courseInfo{
	font-family: arial, verdana;
	font-size: 10px;
	line-height: 19px;	
}

/************************
* trips
************************/
div.trips{
}
div.trips div{
	border-bottom: solid 1px #555555;
	font-size:12px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 32px;	
	width: 500px;
}
div.trips div h3{
	color: #3c61b1;	
}

/************************************************
*
* NEWS
*
************************************************/

#news {
	width:215px;
	float:right;
	padding-right:30px;
	margin-top: 40px;
}
#news h3{
	font-size: 18px;
}
#news a,
#news a:link,
#news a:hover,
#news a:visited{
	text-decoration: none;
	color: #FFFFFF;
}
#news h2{
	font-family: impact, arial;
	color: #FFFFFF;
	font-size:24px;
	text-align:center;
}
#news .newsText{
	color: #0066ff;
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px;
}
#news div.article{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px 0px 48px 0px
}
#news div.article .image{
	float:none;
	width: 211px;
}
#news div.article .border img{
	border: solid 2px #FFFFFF;
}
#news div.article h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 10px;
}
#news div.article .text{
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 10px;
}

/************************************************
*
* FOOTER
*
************************************************/

#footer {
	padding-top: 80px;
	padding-bottom: 29px;
	height:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(graphics/footer1.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	background-color: #060606;
	clear:both;
	font-size: 14px;
	text-align: center;
}