@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'titillium_webregular';
    src: url('titilliumweb-regular-webfont.eot');
    src: url('titilliumweb-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('titilliumweb-regular-webfont.woff') format('woff'),
         url('titilliumweb-regular-webfont.ttf') format('truetype'),
         url('titilliumweb-regular-webfont.svg#titillium_webregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'titillium_weblight';
    src: url('titilliumweb-light-webfont.eot');
    src: url('titilliumweb-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('titilliumweb-light-webfont.woff') format('woff'),
         url('titilliumweb-light-webfont.ttf') format('truetype'),
         url('titilliumweb-light-webfont.svg#titillium_weblight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'titillium_webbold';
    src: url('titilliumweb-bold-webfont.eot');
    src: url('titilliumweb-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('titilliumweb-bold-webfont.woff') format('woff'),
         url('titilliumweb-bold-webfont.ttf') format('truetype'),
         url('titilliumweb-bold-webfont.svg#titillium_webbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {margin:0;padding:0;} 


html, body {height: 100%;}

body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	}

.content h1{
    font-family: 'titillium_webregular';
	padding-top,:30px;
	font-size:28px;
	color:#888;
	text-transform:uppercase;}
.content h2{
    font-family: 'titillium_webregular';
	padding-top:26px;
	font-size:24px;
	color:#888;
	text-transform:uppercase;
	}
.content h3{
    font-family: 'titillium_webregular';
	padding-top:22px;
	font-size:20px;
	color:#888;
	text-transform:uppercase;}
.content h4{
    font-family: 'titillium_webregular';
	padding-top:18px;
	font-size:16px;
	color:#888;
	text-transform:uppercase;}

.footer h4{
    font-family: 'titillium_webregular';
	padding-top:0px;
	font-size:16px;
	color:#888;
	text-transform:uppercase;}

.content h1,.content h2,.content h3,.content h4{padding-bottom:10px;margin-left:-2px;}

.wrapper {min-height: 100%;}

.main {overflow:auto;
	padding-bottom: 180px;}  /* must be same height as the footer */

.footer {position: relative;
	margin-top: -180px; /* negative value of footer height */
	height: 180px;
	clear:both;
	background-color:#ebedee;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}


/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/
.topline{
	height:15px;
	width:100%;
	background-color:#6b7274;}

.header{
	background:#8A9599;
	background-image:url(../images/header_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:560px;
	width:100%;
	}
	
.header_content, .main, .footer_content{
	margin:0 auto;
	width:953px;
	height:100%;
	position:relative;
	}

.logo{
	position:absolute;
	left:0px;
	top:30px;}

.topmenu{
	position:absolute;
	right:0px;
	top:103px;}

.topmenu ul{
	height:20px;
	display:block;}

.topmenu li{

	list-style-type:none;
	float:left;}
	

.topmenu ul a {
padding-right: 10px;
padding-left: 10px;
display: block;
line-height: 20px;
text-decoration: none;
font-family: verdana;
text-align:center;
font-size: 10px;
color: #bbb;
background-image:url(../images/topmenu-divider.png);
background-repeat: no-repeat;
background-position: right;
text-transform:uppercase;
}
.topmenu li:last-child a {
background-image:none;
background-repeat: no-repeat;
background-position: right;
padding-right:0px;
}
.topmenu ul a:hover {

color: #ddd;

}


.menu{
	position:absolute;
	left:0px;
	top:0px;
	width:953px;
	height:80px;}

.menu ul{
	height:80px;
	display:block;}

.menu li{

	list-style-type:none;
	float:left;
	width:158px;
	margin-right: 1px;}
	

.menu ul a {
margin-right: 1px;
margin-left: 0px;
display: block;
line-height: 80px;
text-decoration: none;
font-family: verdana;
text-align:center;
font-size: 14px;
color: #777;
background-image:url(../images/menu-off.jpg);
background-repeat:repeat-x;
background-position: right;
text-transform:uppercase;
}

.menu ul a:hover {

color: #fff;
background-image:url(../images/menu-hover.jpg);
background-repeat:repeat-x;
background-position: right;
text-transform:uppercase;

}

.menu li:last-child a {
margin-right:0px;
}
.menu li:last-child{
margin-right:0px;
}

.banner{
	position:absolute;
	bottom:0px;
	height:400px;
	width:953px;}	


.main{
	
	min-height:400px;}

.content{
	margin:0px 40px 160px 40px;
	position:relative;
	width:873px;
	top:120px;
	float:left;
	font-size:12px;
	line-height:24px;
	}
	
.content ul{
	margin:20px 0px 20px 20px;
	}
.content ul li{
	list-style-image:url(../images/list-img.png);
	line-height:15px;
	font-size:13px;
	margin-bottom:5px;
	}

.content a{
	color:#49c6dd;
	text-decoration:none;}

.content a:hover{
	color:#FFF;
	background-color:#49c6dd;}

.slim{
	width:556px;
	margin-right:40px;}

.right{
	margin:0px 40px 180px 0px;
	position:relative;
	top:120px;
	float:left;
	width:277px;}

.footer_topline{
	background-color:#ccc;
	height:10px;
	width:100%;
	position:absolute;
	top:0px;
	}

.footer_contact{
	height:75px;
	width:220px;
	position:absolute;
	top:20px;
	right:0px;
		font-size:10px;
	color:#666;
	text-align:right;
	}

.footer_facebook{
	position:absolute;
	top:20px;
	left:0px;
	}

.footer_copy{
	height:10px;
	width:200px;
	font-size:8px;
	color:#ddd;
	position:absolute;
	bottom:10px;
	right:0px;
	text-align:right;
	}

.footer a{
	color:#49c6dd;
	text-decoration:none;}

.footer a:hover{
	color:#FFF;
	background-color:#49c6dd;}
	
	
.boxgrid{ 
				width: 416px; 
				height: 200px; 
				margin:10px; 
				float:left; 
				background:#161613;
				overflow: hidden; 
				position: relative; 
				color: #F5F5F5;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color: #F5F5F5; 
				}
				.boxgrid h3{ 
					padding-left: 10px; 
					color: #F5F5F5; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #4ABBDD; 
				height: 200px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 			}
 				
 				.caption .boxcaption {
 					top: 10;
 					left: 50;
 				}

.ic_container{
    vertical-align:baseline;
    margin:0px;
    position:relative;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
/*.overlay{
    opacity:0.5;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
    position:absolute;    
    opacity:0.9;   
    overflow:hidden;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;
    cursor:default;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}*/
.ic_category{
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:3px;
    padding:5px;
    margin:0px;
}

.ic_text{
    padding:0px 100px 20px 40px;
    margin:0px;
    text-align:left;
    font-size:11px;
	color:#FFF;
	position:relative;
	float:left;

}
.ic_text a{
	color:#fff;
	text-decoration:none;
	padding:10px 5px 10px 5px;
	background-color:#7fd4e8;
	text-align:right;
	/*border: solid #FFF 2px;*/}

.ic_text a:hover{
	color:#7fd4e8;
	background-color:#fff;
	/*border: solid #FFF 2px;*/}
.ic_text span{
	position:relative;
	right:-80px;
	bottom:0px;
	text-transform:uppercase;
	float:right;
	text-align:right;}

/*.privatbox{
                float:left;
				position:absolute;
				left:0px;
				width:456px;
            }
.erhvervbox{
                float:left;
				position:absolute;
				right:0px;
				width:456px;
				
            }*/

.sloganbox{
                float:left;
				position:absolute;
				left:0px;
				width:239px;
				background-image:url(../images/sloganbox.jpg);
				height:140px;
				top:260px;
				padding:40px;
            }
.velkommenbox{
                float:right;
				position:absolute;
				width:514px;
				right:0px;
				background-image:url(../images/velkommenbox.jpg);
				height:140px;
				top:260px;
				padding:40px;
            }
.velkommenbox h3{
	color:#777;
	font-size:25px;
	margin:10px 0px 15px 0px;
	padding:0px;
            }
.velkommenbox p{
	color:#777;
	font-size:15px;
	line-height:26px;
	margin:0px 0px 0px 0px;
	padding:0px;
            }
.sloganbox h3{
	color:#feefee;
	font-size:25px;
	line-height:45px;
	margin:0px;
	padding:0px;
            } 
.forsidebox{
                float:left;
				position:relative;
				left:-40px;
				width:953px;
				height:480px;
            }			
		
.contactcell{
	vertical-align:top;
	padding:10px 0px 0px 30px;}

.contactcell h4{
	padding-top:5px;}

.case{
	width:873px;
	margin-top:30px;
	background-image:url(../images/case_bg.jpg);}
	
.case h3{
		padding-top:10px;}
	
.case_text{ 
	vertical-align:top;
	padding-left:40px;}

.case_image{
	width:420px;}

img {
  vertical-align: middle;
}
.privatbox {
  width: 456px;
  float:left;
				position:absolute;
				left:0px;
  overflow: hidden;
}
.erhvervbox {
  width: 456px;
  float:left;
				position:absolute;
				right:0px;
  overflow: hidden;
}
.overlay {
  background:#4ABBDD; 
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0;
  z-index: 1;
  transition: all 0.6s ease;
  display: none;
}
.ic_caption {
  background:#4ABBDD;
  opacity: 0.9;
  position: absolute;
  z-index: 2;
  bottom: 0;
  /*padding: 0px 20px 20px 20px;*/
  transform: translateY(60%);
  transition: all 0.6s ease;
}
.ic_caption h3{
    padding:20px 40px;
    margin:0px;
    font-size:25px;
  color:#FFF;}

.privatbox:hover .overlay,
.privatbox:focus .overlay {
  opacity: 0.4;
}
.privatbox:hover .ic_caption,
.privatbox:focus .ic_caption {
  transform: translateY(0);
}

.erhvervbox:hover .overlay,
.erhvervbox:focus .overlay {
  opacity: 0.4;
}
.erhvervbox:hover .ic_caption,
.erhvervbox:focus .ic_caption {
  transform: translateY(0);
}