@font-face {
    font-family: 'Flexo';
    src: url('../font/Flexo-Bold-webfont.eot');
    src: url('../font/Flexo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Flexo-Bold-webfont.woff') format('woff'),
         url('../font/Flexo-Bold-webfont.ttf') format('truetype'),
         url('../font/Flexo-Bold-webfont.svg#FlexoBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Flexo';
    src: url('../font/Flexo-Regular-webfont.eot');
    src: url('../font/Flexo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Flexo-Regular-webfont.woff') format('woff'),
         url('../font/Flexo-Regular-webfont.ttf') format('truetype'),
         url('../font/Flexo-Regular-webfont.svg#FlexoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Flexo';
    src: url('../font/Flexo-Thin-webfont.eot');
    src: url('../font/Flexo-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Flexo-Thin-webfont.woff') format('woff'),
         url('../font/Flexo-Thin-webfont.ttf') format('truetype'),
         url('../font/Flexo-Thin-webfont.svg#FlexoLightRegular') format('svg');
    font-weight: lighter;
    font-style: normal;
}
html{
	overflow-x: hidden;
	max-width: 100%;
}

body{
	height:100%;
	width:100%;
	max-width: 100%;
	font-family: 'Flexo', helvetica, arial, sans-serif!important;
	line-height: 1.5;
	font-size:12pt;
	background:#e8e9ea;
	overflow-x: hidden;

}
h1{
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:normal;
	font-size:45pt;
	line-height:1.1;
}
h2{
	font-family: 'Flexo', helvetica, arial, sans-serif;
	font-weight:lighter;
	color:#005d81;
	font-size:40pt;
	line-height: 1.2;
}
h3{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:17pt;	
}
h4{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:13pt;
}
h5{
	font-family: 'Flexo', helvetica, arial, sans-serif;
	font-size:28pt;
}
#content{
	color:#ffffff;
}

#wrapper{
	margin:0 auto;
	width:100%;
}
#header, #navigation, #content, #footer{
	width:1000px;
	padding:0px 20px;
	margin:0px auto;
}
.item-page{
	width:500px;
	padding-top:40px;
}
.home h2{
	font-size:60px;
}
/*
Header
*/
.outer_header{
	height:130px;
	width:100%;
}
#header{
	position:relative;
	top:-125px;
}
.logo{
	margin-top:25px;
}
.header_bg{
	width:657px;
	margin:0px auto;
	display:block;
	position:relative;
	left:480px;
	top:30px;
	z-index:1; 
	height:130px;
	background:url(../images/header_bg.png) no-repeat;
}

/*
Navigation
*/
.outer_nav{
	border-top:1px solid #005d80;
	border-bottom: 1px solid #005d80;
	background:#fff;
}
#navigation{
	padding-top:10px;
	padding-bottom:10px;
	width:1000px;
}
.menumain li{
	display:inline;
	margin-right:15px;
}
.menumain li a{
	text-decoration:none;
	color:#005d80;
	border-right:1px solid #386a8b;
	padding-right:15px;
}
.menumain li a:hover{
	color:#000000;
	padding-right:15px;
}

/*
Footer
*/
.outer_footer{
	height:110px;
	z-index:999;
	position:relative;
	background:#e8e9ea;
}
#footer{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:15pt;
	color:#005d80;
	padding-top:10px;
	position:relative;
	z-index:999;
}
#footer a{
	color:#005d80;
	text-decoration:none;
}

/*
Content
*/
.outer_contentfront, .outer_content{
	background:#fff;
}
#content{
	position:relative;
	min-height:600px;

}

/*
Frontpage
*/
.outer_contentfront{
	background: #fff url(../images/front_bg.png) no-repeat center bottom;
}

.dame{
    width:1000px;
    height: 100%;
    overflow:hidden;
}
.dame img{
	position:absolute;
	margin:0 auto;
	margin-left:830px!important;
	margin-top:-135px;
	z-index:9999!important;
}

.slip{
	position:absolute;
	bottom:0px;
	left:290px;
}
.jura{
	position:absolute;
	bottom:170px;
	left:530px;
	z-index: 10;
}
.regnskab{
	position:absolute;
	bottom:30px;
	left:60px;
}
.bogforing{
	position:absolute;
	bottom: 290px;
	left: 460px;
	z-index: 99;
}
.hr{
	position:absolute;
	bottom:165px;
	left:25px;
}

/*
Content
*/
.outer{
	background:#fff;
	position:relative;
	z-index:1;
}
.outer_content{
	background: url(../images/sub_bg.png) no-repeat center top;
	position:relative;
	z-index:3;
}

.background{
	width:1300px;
	height:100%;
	overflow: hidden;
	margin:0 auto;
}
.background img{
	position:absolute;
	z-index:1;
	margin-left:570px;
}
.background_left{
	width:1000px;
	height:100%;
	overflow: hidden;
	margin:0 auto;
	text-align:right;
}
.background_left img{
	position:absolute;
	z-index:1;
	margin-left:-2000px;
}

.slip a img{
	position:relative;
	z-index:9999;
}

/*Under 1000px*/
@media only screen and (max-width: 1000px) {
	.outer_content{
		background: url(../images/sub_bg.png) no-repeat -345px 0px;
		position:relative;
		z-index:3;
	}
	.header_bg{
		left:auto;
		margin-left:660px;
	}

}
/*Under 1280px*/
@media only screen and (max-width: 1280px) {
	.background img{
		margin-left:430px;
	}
}
/*Under 1100px*/
@media only screen and (max-width: 1100px) {
	.dame img{
		margin-left:580px!important;
	}
	img.omdone{
		margin-left:250px;	
	}
}
/*Ipad portrait mode*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  	.header_bg{
	  	left:500px;
  	}
}

/*Ipad landscape mode*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  .header_bg{
	  	left:500px;
  	}
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	.dame img{
		width:565px;
		height:600px;
		margin-top:0;
	}
	.header_bg{
		left:180px;
	}
	body{
		font-size:9px;
	}
	b span{
		font-size:9px!important;
	}
}