/* 
	Color sets
	
	Brown Text: #1e1616
	Body: #1e1616
	Light brown text: #ae9586
	Off-white BG: #f6f2eb
	Off-white Text: #f6f2eb
	infoBoxBg: #695b4e
	Footerbg: #f6f2eb
	Footer text: #796a5a
	gul: #ebc43f
	
*/

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

a {color: #f6f2eb;}
a:hover {color: #ebc43f;}
img, img a, img a:hover {border: 0;}

h1 {color: #f6f2eb; font-weight: normal; font-size: 1.8em; margin: 12px 0 4px 0;}
#container h1 {color: #f6f2eb; font-weight: normal; font-size: 2.2em; margin: 0px 0 4px 0; padding: 0;}
h2 {color: #ae9586; font-weight: normal; font-size: 1.4em; margin: 20px 0;}

h3 {color: #f6f2eb; font-weight: normal; font-size: 1.2em;}


#wrapper {
	/*background-color: #003366;*/
	width: 100%;
	overflow: hidden;
}

#wrapContainer {
	width: 100%;
	overflow: hidden;
	background-color: #1e1616;
}

#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: 107px;
	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 30px;
	color: #fef4ea;
	font-size: 2em;
	text-decoration: none;
	cursor: pointer;
}
#middleSectionInner2 p a:hover {text-decoration: underline;}


#wrapHeader {
	width: 100%;
	margin: 0 auto 0 auto;
	overflow: hidden;
	background-color:#f6f2eb;
}

#header {
	width: 780px;
	margin: 0 auto 0 auto;
	overflow: hidden;
	/*background-color:#FF0033;*/
}

#preamble {float: right; margin: 30px 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: 294px; 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.2em;}
#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: #f6f2eb;
	width: 100%;
	overflow: hidden;
	margin: 0px auto 0 auto;
	clear: both;
}
#footer ul {width: 774px; margin: 0 auto 0 auto; background: #f6f2eb; padding: 10px 0; color: #796a5a; list-style: none; text-align: center; overflow: hidden; height: 100%;}
#footer ul a {color: #796a5a; text-decoration:underline;} 
#footer ul a:hover {text-decoration:none;} 
#footer ul li {margin: 4px 0;}

#footerLine {
	background: #9a8672;
	height: 5px;
	width: 100%;
	overflow: hidden;
	margin: 0px auto 0 auto;
	clear: both;

 }
 
 /* Links */
.smallLink a {color: #f6f2eb; font-weight: bold; font-style: italic; font-size: 1.0em;}
.smallLink a:hover {color: #ebc43f;}


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

/*Images*/
.logo {width: 166px; height: 69px; margin: 5px 0 0px 0;}
.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 4px 10px 7px;}

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

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

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

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

#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: #1e1616; font-size: 1.4em; display: block; padding: 0px 0px 4px 0px}
#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: #f6f2eb;
	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: #f6f2eb;
	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: #1e1616; 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: #f6f2eb;
	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: #1e1616; font-weight: normal; font-size: 2.0em; padding: 12px 14px 4px 14px; display: block;}
#infoBoxes3 li a span.h2 {color: #1e1616;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: #f6f2eb;
	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: #1e1616; font-weight: normal; font-size: 2.0em; padding: 12px 14px 4px 14px; display: block;}
#infoBoxes4 li  span.h2 {color: #1e1616; font-weight: bold; font-size: 1.1em; padding: 10px 15px; display: block;}