/* 
	Color sets
	
	Blue: #003e64
	Orange: #d37001
	Off-white BG: #f6f2eb
	VERY light grey: #f4f4f3
	Footer grey: #eae7e0
	Text brown: #5e6053
	Footer text grey: #9a9893
	
*/

html {margin: 0; padding: 0;}
body {
	margin: 0; padding: 0;
	font-family: Arial, sans-serif;
	font-size: .7em;
	background: #eae7e0;
	color: #5e6053;
}

a {color: #a57e3e;}
a:hover {color: #835c1c;}
img, img a, img a:hover {border: 0;}

h1 {color: white; font-weight: normal; font-size: 2.2em; margin: 12px 0 4px 0;}
#container h1 {color: #d37001; font-weight: normal; font-size: 2.2em; margin: 0px 0 4px 0; padding: 0;}
h2 {color: #d37001; font-weight: bold; font-size: 1.2em; margin: 10px 0;}

#wrapper {
	background: #f6f2eb;
	width: 100%;
	overflow: hidden;
}
	
#container {
	width: 780px;
	overflow: hidden;
	margin: 0 auto 18px auto;
}

#middleSection {
	height: 365px;
	width: 100%;
	background: url(images/mid_bg_tile.png) top center repeat-x;
}

#middleSectionInner {
	width: 780px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

#middleSection2 {
	height: 102px;
	width: 100%;
	background: url(images/mid_bg.png) 0 0 repeat-x;
}

#middleSectionInner2 {
	width: 780px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

#middleSectionInner2 p {margin: 44px 0 0 0;}
#middleSectionInner2 p a {
	background: url(images/button_arrow_left.png) 0 0 no-repeat; 
	padding: 0px 0 0 35px;
	color: white;
	font-size: 2em;
	text-decoration: none;
	cursor: pointer;
}
#middleSectionInner2 p a:hover {text-decoration: underline;}

#header {
	width: 780px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

#preamble {float: right; margin: 90px 10px 0 0; width: 300px; padding: 0; position: relative; z-index: 10;}
#preamble .tilmeld a {background: url(images/button_tilmeld.png) 0 0 no-repeat; height: 33px; width: 151px; text-indent: -9999px; display: block;}
#preamble .tilmeld a:hover {background-position: bottom right;}


/*Right side*/
#rightSide {float: right; width: 292px; overflow: hidden; padding: 0; margin: 30px 0 0 0;}


/*Left side*/
#leftSide {float: left; width: 475px; overflow: hidden; padding: 0; margin: 30px 0 0 0; font-size: 1.1em;}
#leftSide p {width: 439px; padding: 0; margin: 10px 0 10px 0;}


/*Iframe form*/
.iframeTop {width: 474px; height: 6px; background: url(images/form_top_bg.png) 0 0; font-size: 1px;}
/*.iframeTop {width: 474px; height: 6px; background: url(images/form_top_bg.png) 0 0; font-size: 1px;}*/
.iframeMid {width: 474px; background: url(images/form_mid_bg.png) 0 0 repeat-y; font-size: 1px;}
.iframeBot {width: 474px; height: 6px; background: url(images/form_bot_bg.png) 0 0; font-size: 1px;}


/*Flash elements*/
#mainMovie {
	width: 502px;
	height: 337px;
	background: url(images/movie_bg.jpg) 0 0;
	margin: 13px 0 0 -30px;
	float: left;
	position: absolute;
	z-index: 2;
}
#mainMovie .flashMovie {
	width: 409px;
	height: 288px;
	margin: 23px 0 0 46px;
}


/*Footer*/
#footer {
	background: #eae7e0;
	width: 100%;
	overflow: hidden;
	margin: 0px auto 0 auto;
	clear: both;
}
#footer ul {width: 774px; margin: 0 auto 0 auto; background: #eae7e0; padding: 6px 0; color: #838383; list-style: none; text-align: center; overflow: hidden; height: 100%;}
#footer ul a {color: #838383;}
#footer ul li {margin: 4px 0;}


/*Text*/
span.hilite {color: #d37001;}
p.followup {color: white; font-weight: bold; font-size: 1.2em; margin: 10px 0; padding: 0;}
p.intro {font-weight: bold; font-size: 1.1em; width: 439px;}


/*Images*/
.logo {width: 166px; height: 69px; margin: 5px 0 0 14px;}
.button_bliv {width: 149px; height: 150px; position: absolute; margin: -61px 0 0 526px;}
.contentImage {background: url(images/img_bg.png) 0 0 no-repeat; width: 439px; height: 199px; margin: 0;}
.contentImage img {padding: 6px 0 0 6px;}

/*Boxes*/
/* 1 = Small box, longer size. Used in front page.
   2 = Small box, small size. Used in other pages.
   3 = Large box. Used in other pages.
*/
#infoBoxes {list-style: none; overflow: hidden; margin: 0; padding: 0;}

#infoBoxes li {float: left; display: inline; margin: 0 8px 15px 7px;}

#infoBoxes li a {
	background: url(images/small_box.png) 0 0 no-repeat;
	width: 374px;
	height: 98px;
	text-decoration: none;
	color:#5e6053;
	display: block;
	font-weight: bold;
	font-style: italic;
}

#infoBoxes li a.ny_bg {
	background: url(images/small_box4.png) 0 0 no-repeat;
	width: 374px;
	height: 98px;
	text-decoration: none;
	color:#5e6053;
	display: block;
	font-weight: bold;
	font-style: italic;
}

#infoBoxes li a:hover {
	background-position: bottom right;
	color: #d37001; 
}

#infoBoxes li a.valgt {
	background-position: bottom right;
	color: #d37001; 
}

#infoBoxes li a img {float: left; padding: 6px;}
#infoBoxes li a span.description {display: block; float: left; margin: 8px 0 2px 6px;}
#infoBoxes li a span.description span.header {width: 200px; color: white; font-size: 1.4em; display: block;}
#infoBoxes li a span.description span.text {width: 200px; font-size: 1.1em; display: block;}


#infoBoxes2 {list-style: none; overflow: hidden; margin: 0; padding: 0;}

#infoBoxes2 li {margin: 5px 0px 5px 0px;}

#infoBoxes2 li a {
	background: url(images/small_box2.png) 0 0 no-repeat;
	width: 292px;
	height: 98px;
	text-decoration: none;
	color: #5e6053;
	display: block;
	font-weight: bold;
	font-style: italic;
}

#infoBoxes2 li a.ny_bg {
	background: url(images/small_box3.png) 0 0 no-repeat;
	width: 292px;
	height: 98px;
	text-decoration: none;
	color: #5e6053;
	display: block;
	font-weight: bold;
	font-style: italic;
}

#infoBoxes2 li a:hover {
	background-position: bottom right;
	color: #d37001; 
}

#infoBoxes2 li a img {float: left; padding: 6px;}
#infoBoxes2 li a span.description {display: block; float: left; margin: 8px 0 2px 6px;}
#infoBoxes2 li a span.description span.header {width: 130px; color: white; font-size: 1.1em; display: block;}
#infoBoxes2 li a span.description span.text {width: 130px; font-size: 1.0em; display: block;}


#infoBoxes3 {list-style: none; overflow: hidden; margin: 0; padding: 0;}

#infoBoxes3 li {margin: 5px 0px 5px 0px;}

#infoBoxes3 li a {
	background: url(images/large_box.png) 0 0 no-repeat;
	width: 292px;
	height: 258px;
	text-decoration: none;
	color: #5e6053;
	display: block;
	font-weight: bold;
}
#infoBoxes3 li a:hover {
	background-position: bottom right;
	color: #5e6053; 
}

#infoBoxes3 li a img {float: left; padding: 6px;}
#infoBoxes3 li a span.description {display: block; float: left; margin: 8px 0 2px 6px;}
#infoBoxes3 li a span.description span.header {width: 130px; color: white; font-size: 1.1em; display: block;}
#infoBoxes3 li a span.description span.text {width: 130px; font-size: .9em; display: block;}
#infoBoxes3 li a span.h1 {color: white; font-weight: normal; font-size: 2.1em; padding: 12px 14px 4px 14px; display: block;}
#infoBoxes3 li a span.h2 {font-weight: bold; font-size: 1.1em; padding: 10px 15px; display: block;}


#infoBoxes4 {list-style: none; overflow: hidden; margin: 0; padding: 0;}

#infoBoxes4 li {margin: 5px 0px 5px 0px;}

#infoBoxes4 li {
	background: url(images/large_box_2.png) 0 0 no-repeat;
	width: 292px;
	height: 208px;
	text-decoration: none;
	color: #5e6053;
	display: block;
	font-weight: bold;
}
/*
#infoBoxes4 li a:hover {
	background-position: bottom right;
	color: #5e6053; 
}
*/
#infoBoxes4 li  img {float: left; padding: 6px;}
#infoBoxes4 li  span.description {display: block; float: left; margin: 8px 0 2px 6px;}
#infoBoxes4 li  span.description span.header {width: 130px; color: white; font-size: 1.1em; display: block;}
#infoBoxes4 li  span.description span.text {width: 130px; font-size: .9em; display: block;}
#infoBoxes4 li  span.h1 {color: white; font-weight: normal; font-size: 2.1em; padding: 12px 14px 4px 14px; display: block;}
#infoBoxes4 li  span.h2 {font-weight: bold; font-size: 1.1em; padding: 10px 15px; display: block;}