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

body{
	background-color:#000000;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.bodybg{
	background-image: url(../img/Baggrundsstruktur/Bg.jpg);
}

.container{
	width: 100%;
	max-width: 1280px;
	margin: 0px auto 0px auto;
	padding: 0 10px 100px 10px;
	display: block;
}

.dropdown{
	margin: 0px -5px 0px 0px;
	padding-bottom: 0px;
}

.opacitet{
	opacity: 0.7;
}
.opacitet:hover{
	opacity: 1.0;
}

.nav{	
	height: 56px;
	}
	
.navbar-left{
	margin-left: -22px;
	}
	
.nav li a{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size:18px;
	}

.nav li a .active{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size:18px;
	color: #FFFFFF;
	}
	
.navlogo{
	z-index:1;
	padding: 0 auto;
	}
	
.navlogo_img{
	width:80px;
	display: block;
	margin-left:auto;
	margin-right:auto;
	}

.navbar-header{
	height: 56px;
	}
	
.navbar{
	position:fixed;
	z-index:998;
	margin: 0;	
	padding: 0px;
	width:100%;		
	border-radius: 0px;
	border-bottom:hidden;
	border-left:hidden;
	border-right:hidden;
	border-top:hidden;
	border-color:#976061;
	}
	
.navbar .nav > li > a {
	color:#FFF;
	padding: 1px 0px 0px 0px;
	margin: 17px 10px 0px 15px;
	opacity: 0.7;
	}


.container-fluid{
	background-color:#000000;background-image:url(../img/Baggrundsstruktur/nav_textur.jpg); background-position: center;
	border-bottom:1px solid #212121;
}
	
.navbar .nav > li > a:hover {
	color:#FFF;
	opacity: 1.0;
	}
.navbar .nav > li > a:visited {
	color: #FFF;
	opacity: 0.7;
	}
	
.navbar-default .navbar-nav > .active{
	color:#FFF;
 } 
 
li .active_nav{
	color:#FFF !important;
}
	
.collapse{
	border:#282828;
	border-bottom:#000;	
	}
	
.collapse > a:hover{
	background-color:#FFF;
}

.only_collapsed{
	display:none;
	}
	
.forside_titel{
	width:232px;
	z-index:990;
	}
	
.navbar-toggle {
	background-color:#000000;
	border:2px solid #FFFFFF ;
	border-radius:5px;
	opacity: 0.7;
	}

.nav_bund{
		display:none;
}
	
.navbar-default .navbar-toggle:hover {
  background-color: #000;
}

.navbar-default .navbar-toggle:focus {
  background-color: #000;
}
	
.icon-bar {
   background-color:#FFF !important;
	opacity: 0.7;
}
.modulbox h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
	font-size: 18px;
	margin-top: 10px;
	padding-top: 0px;
}
.modulbox h3{
	padding-bottom: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-style: italic;
	font-weight: 100;
	font-size: 16px;
	margin-top: 1px;
	padding-top: 1px;
	color: #FFF;
	opacity: 0.7;
}
.modulbox{
	float: left;
	width: 25%;
	height: auto;
	margin: 0;
	padding: 0;
}

.modulbox_img{
	width: 100%;
	height: auto;
	padding-right: 15px;
}


a{
	text-decoration: none !important;
	border: 0px;
}
a:visited{
	text-decoration: none !important;
	border: 0px;
	color: #FFFFFF !important;
	opacity: 0.7;
}
.navbar a:clicked{
	text-decoration: none;
	color: #FFFFFF;
	opacity: 0.7;
}
.navbar p:active{
	text-decoration: none;
}

.carousel-indicators{
	bottom: 50px;
}
	#myCarousel{
		padding-top: 50px;
	}

	.carousel-caption{
		max-height: 140px;
		float: left; 
		text-align: left; 
		margin-left: -200px;
		padding-left: 10px;
	}
	.carousel-caption h1{
		padding-bottom: 0px;
		margin-bottom: 0px;
		font-size: 24px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
		line-height: 26px;
	}
	.carousel-caption h2{
		padding-top: 0px;
		margin-top: 0px;
		padding-bottom: 10px;
		font-size: 20px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 400;
		line-height: 22px;
	}

.textknap{
	border:none; 
	border-radius: 16px;
	padding: 5px 15px 5px 15px;
	margin: 20px 20px 0px 0px;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#000;
	font-weight:700;
	text-decoration:none;
	background-color:#FFF;
	width: 60px !important;
	}
	
.textknap:hover{
	color:#FFF;
	background-color:#252525;
	text-decoration:none;
	}

.textknap a:active{
	text-decoration:none !important;
	color:#252525;
	}
.textknap a:visited{
	text-decoration:none !important;
	color:#252525;
	}
.textknap a:clicked{
	text-decoration:none !important;
	color:#252525;
	}

.modulbox_gallery h3{
	font-family: 'Roboto', sans-serif;
	font-style: italic;
}

.listemenu p{
	padding: 0 0 0 10px;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	padding-top: 5px;
}


.listemenu img{
	float: left;
	width: 30px;
}

.listemenu{
	padding-top:	5px;
	padding-bottom: 5px;
	float: left;
	width: 100%;
}
.rubriklinie{
	margin: 80px 15px 15px 0px;
	border-bottom: solid 1px #A0A0A0; border-bottom-color: #7C7C7C;
}

.profilspalte{
	width: 60%;
	padding: 15px;
	float: left;
}

.profilbillede{
	width: 40%;
	padding: 15px;
	float: left;
}

.profilbilledeimg{
	border-radius: 200px;
	max-width: 400px;
	width:100%;
}

.infospalte{
	width: 40%;
	float: left;
	padding-left: 25px;
}
.infospalte h3{
	line-height: 20px;
	margin-top: 10px;
	padding-bottom:	15px;
}
.infobillede{
	padding-top: 23px;
	width:60%;
	float: left;
}

.footer{
	width:	110px;
	height: 46px;
	position: fixed;
	right:0px;
   bottom:0px;
	z-index: 999; 
	background-image: url(../img/Baggrundsstruktur/footer2.png); 
	background-repeat: no-repeat;
}

.footer_left{
	width:	150px;
	height: 46px;
	position: fixed;
	left:0px;
   bottom:0px;
	z-index: 999; 
	background-image: url(../img/Baggrundsstruktur/footer_left.png); 
	background-repeat: no-repeat;
	background-position: right;
}

.footer_left a{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size:18px;
}

.link_opacity{
	opacity: 1.0;
}
.link_opacity:hover{
	opacity: 0.7;
}


p{
	font-family: 'Roboto Condensed', sans-serif;
	color:#A0A0A0;
	font-size: 16px;
	line-height: 21px;
}

a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
a:visited{
	text-decoration: none;
}

.rubriklinie h1{
	font-family: 'Roboto Condensed', sans-serif;
}

h1{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 26px;
	font-weight: 700;
	color: #FFFFFF;
}
h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
}
h3{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	font-style:italic; 
	font-weight: 300;
	color: #FFFFFF;
	line-height: 0px;
	padding-top: 0;
	margin-top: 18px;
}
	
.slides{
	background-size:cover;
	}
	
.carousel{
	width:100%;
	}

.carousel-indicators{
	bottom: 20px;
}

.kunmobil{
	display: none;
	}
.hele_portfolien{
		visibility: hidden;
	}

	.modulbox_gallery{
	float: left;
	width: 25%;
	height: auto;
	margin: 0;
	padding: 0 0 15px 0;
}

@media screen and (max-width: 1200px) {
.carousel-caption{
		max-height: 140px;
		float: left; 
		text-align: left; 
		margin-left: -150px;
		padding-left: 10px;
	}
}

@media screen and (max-width: 800px) {
	
	.modulbox_img{
	padding-bottom: 15px;
}

	
	.carousel-caption{
		margin-bottom: 0px;
		padding-bottom: 0px;
		float: left; 
		text-align: left; 
		margin-left: -60px;
	}
	.carousel-caption h1{
		padding-bottom: 0px;
		margin-bottom: 0px;
		font-size: 20px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
		line-height: 22px;
	}
	.carousel-caption h2{
		bottom:0;
		padding-top: 0px;
		margin-top: 5px;
		padding-bottom: 10px;
		font-size: 16px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 400;
		line-height: 18px;
	}
	
	.kunpc{
		display:		none;
	}

	.kuntablet{
		display:block;
	}
.kernefaglighed{
	width: 50%;
	padding-bottom: 30px;
}

.kernefaglighedimg{
	max-width: 180px;
	width:90%;
	margin-bottom: -30;
	opacity: 1.0;
	}

.kernefaglighedimg:hover{
	opacity: 0.9;
	}

	.kunmobil{
		display: none;
	}
	
.hele_portfolien{
		visibility: hidden;
	}
	.navbar_kerne{
		display: none;
	}
	
	.carousel-indicators{
		bottom: 0px;
	}
	
	.modulbox{
	float: left;
	width: 33%;
	height: auto;
	margin: 0;
	padding: 0;
}

.modulbox_img{
	width: 100%;
	height: auto;
	padding-right: 15px;
}
	
		.modulbox_gallery{
	float: left;
	width: 25%;
	height: auto;
	margin: 0;
	padding: 0;
}
	.rubriklinie{
	margin: 80px 21px 15px 0px;
	}

}

@media screen and (max-width: 767px){ /*767*/
	
	.navbar-collapse ul{
		pading-top: 0px;
		margin-top: 0px;
	}
	
	
	.nav_bund{
		display:block;
		padding: 0;
		margin: 0;
}
			
	.navbar .nav > li > a:hover {
	color:#CCC;
	border-bottom:hidden;
	border-bottom-width: 2px;
	padding-bottom:0px;
	}
	
.navbar-default .navbar-nav > .active{
	color:#FFF;
	border-bottom:hidden;
	border-bottom-width: 0px;
	padding-bottom:0px;
	text-align:right;
	padding-right:0;
 } 
 
.active_nav{
	color:#CCC;
	border-bottom:hidden;
	border-bottom-width: 0px;
	padding-bottom:0px;
	text-align:right;	
}

.navbar-collapse{
	background-color:#000000;
	width:100%;
	position:absolute;
	padding-right: 20px;
}


.collapse .nav li a{
	text-align:right;
	}
	
#bs-example-navbar-collapse-1{
	border:hidden;
	text-align:right;
	margin-bottom:20px;
	position:absolute;
	}
	
.carousel-indicators{
	display:none;
	}
	
.only_collapsed{
	display:block;
	}
	
	.infospalte{
	width: 100%;
	padding: 15px;
	float: left;
}
	.infobillede{
	width: 100%;
	padding: 15px;
	float: left;
}

}

@media screen and (max-width: 700px){
	.carousel-indicators{
		display:none;
	}	
	.nav_bund{
		display:block;
}
	
		.modulbox{
	float: left;
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
}
	.modulbox_gallery{
	float: left;
	width: 25%;
	height: auto;
	margin: 0;
	padding: 0;
}

.modulbox_img{
	width: 100%;
	height: auto;
	padding-right: 20px;
}
.modulbox h2{
	font-size: 16px;
	margin-top: 0px;
	padding-top: 0px;
}
.modulbox h3{
	font-size: 14px;
	margin-top: 1px;
	padding-top: 1px;
}

}
	
	


@media screen and (max-width: 500px){
		.modulbox_gallery{
	float: left;
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
}
	.luftfordeling{
	height: 0px;
}
	.svendenavbar p{
		display: none;
	}	
	
	.carousel-indicators{
		display: none;
	}
	
	.carousel-caption{
		margin-bottom: 0px;
		padding-bottom: 0px;
		height: auto;
		min-height: 100px;
		float: none; 
		text-align: center; 
		margin-left: 0px;
	}
	.carousel-caption h1{
		padding-bottom: 0px;
		margin-bottom: 0px;
		font-size: 18px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 700;
		line-height: 20px;
	}
	.carousel-caption h2{
		padding-top: 0px;
		margin-top: 5px;
		padding-bottom: 10px;
		font-size: 16px;
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 400;
		line-height: 18px;
	}
	
	
	h1{
	font-size: 22px;
}
h2{
	font-size: 15px;
	margin-bottom: 12px;
}
h3{
	font-size: 14px;
	margin-top: 5px;
	
}
	p{
		font-size: 14px;
	}
	.profilspalte{
	width: 100%;
	padding: 15px;
	float: left;
}

.profilbillede{
	width: 100%;
	padding: 15px;
	float: left;
	margin: 0 auto 0 auto;
	text-align: center;
}
	.profilbilledeimg{
		max-width: 200px;
	}
		
	.kernefaglighed{
	width: 100%;
}

.kernefaglighedimg{
	max-width: 200px;
	width:90%;
	margin-bottom: 0;
	}

	
	.kunmobil{
		display:block;
	}
	
	.hiddenmobile{
		display: none;
	}
	
	.hele_portfolien{
		padding: 40px 0px 70px 20px;
		visibility: visible;
		float:left;
		width: 100%;
		text-align: center;
	}
	.nav_bund{
		display:block;
}
	.carousel{
		padding-bottom: 0px;
	}
	.rubriklinie{
		margin-bottom: 20px !important;
	}
	
		.modulbox h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
	font-size: 14px;
	margin-top: 0px;
	padding-top: 0px;
}
.modulbox h3{
	padding-bottom: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 12px;
	margin-top: 10px;
	padding-top: 0px;
	padding-bottom: 30px;
}
		
}
@media screen and (max-width: 400px){
	.carousel{
		padding-bottom: 0px;
	}
	.carousel-caption{
		min-width:150px;
		margin: 0px;
		padding: 0px;
	}
	
		.modulbox{
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
		.modulbox_gallery{
	float: left;
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
}


.modulbox_img{
	width: 100%;
	height: auto;
	padding-right: 15px;
}
	.rubriklinie{
	margin: 80px 15px 15px 0px;
		float: left;
		width: 100%;
	}
	.modulbox h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
	font-size: 18px;
	margin-top: 10px;
	padding-top: 0px;
}
.modulbox h3{
	padding-bottom: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 18px;
	margin-top: 10px;
	padding-top: 0px;
	padding-bottom: 30px;
}
	.rubriklinie{
		margin-bottom: 20px !important;
	}
}