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

/* !!!!!!!!! NY BOOTSTRAP BREDDE !!!!!!! */
@media (min-width:992px) { .container{width:960px}}
@media (min-width:1200px){ .container{width:1000px}}
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */





/* MULTIPLE BAGGRUNDE */
/*small*/
@media screen and (min-width:0px) {
	/*body { background: url(../images/top_bg_sm.jpg) no-repeat top center, url(../images/bg-repeat-sm.png) repeat-x top left, url(../images/bg-repeat-square.png) repeat bottom right #0D0F19;}*/
	.left {text-align:center !important;}
	.right {text-align:center !important;}
	/*.lauTopmargin {margin-top:360px;}*/
}
/*big*/
@media screen and (min-width:767px) {

	.left {text-align:left !important;}
	.right {text-align:right !important;}
	/*.lauTopmargin {margin-top:610px;}*/
}

/* MULTIPLE BAGGRUNDE */



@font-face {
	font-family: 'CPN_Gotham-Medium';
	src: url('../fonts/Gotham-Medium/Gotham-Medium.eot');
	src: local('☺'), url('../fonts/Gotham-Medium/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium/Gotham-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CPN_Gotham-Light';
	src: url('../fonts/Gotham-Light/Gotham-Light.eot');
	src: local('☺'), url('../fonts/Gotham-Light/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light/Gotham-Light.ttf') format('truetype'), url('../fonts/Gotham-Light/Gotham-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

a {
	color:black;
}


html, body {
background:  #000000;
 font-family: 'CPN_Gotham-Medium', Verdana, Arial, Helvetica, sans-serif;

	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	font-size:12px;
	height: 100%;
}


.fade {
  opacity: 0;
}

.FullBg {
  /* The image used */
  background-image: url(../images/head1.jpg);

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.FullBg img {
    width: 60%;
    height: auto;
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.lauBg{
	background: #090b11;

}

.lauBg3{
	background: #162142;

}

.redBg{
	background:url(../images/redpattern.jpg) repeat;
}

.lauFollow {
	background: #FCFAF0;
	color:#000;
	padding-top:20px;
	padding-bottom:30px;

}

.black {
	color:#000000 !important;
}

.lauBg2{
	/*background:url(../images/patterns/noisy_net/noisy_net.png) repeat;*/
	/*background:url(../images/patterns/binding_dark/binding_dark.png) repeat;*/
	background: #090b11;
	opacity:1;
}

.lauBg3{
	background:url(../images/graypattern2.png) repeat;
}



.hr {
  opacity: 0.1;
  border-top: 1px solid #000;
  border-bottom: 1px solid #fff;
  padding: 20px 0px;
}

.hero {
  background: rgba(0, 0, 0, 0.2);
  padding:0px 0px;
}

.lauNoPadding{
	overflow:hidden;
	padding:0px !important;
}

img {

}

.hvidfont{
	color: white;
	font-size: 20px;
	padding: 10px;
}


.lauFly{
	position:relative;
	z-index:2;
	top:-100px;
	left:0px;

}



h1 {
	text-align: center;
	font-weight:bold;
	color: #FFFFFF;
	margin: 0 auto;
	width: 80%;

}


.sortbox {
    background-color: #fff;
 	 width: 30px;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.whitebox {
    background-color: #000000;
    width: 30px;
    height: 3px;
    margin-top: 5px;
    margin-bottom: 20px;
}


h2 {
	text-align: center;
	color: #FFFFFF;
	margin: 0 auto;
	width: 50%;
	padding-top:0.4em;
	font-weight:bold;
	-webkit-animation-duration: 0.5s;


}
h3{
	font-size:16px;
	margin:0 auto;
}

h4{
	font-size:26px;
	margin:0 auto;
}


h5 {
	font-weight:bold;
	color: #000000;
	margin: 0 auto;
	line-height:2;
}



.LauSpacer {
	padding-top: 10px;
}

.LauSpacer2 {
	padding-top:30px;
}

.LauLine {
	margin-top:40px;
	margin-bottom:20px;
	border-bottom: 1px dotted #FFFFFF;
	margin-left:50px;
	margin-right:50px;

}

.footer{
	text-align:center;

	padding-top:0px;
	padding-left:20px;
	padding-right:20px;

}

.footer p {
	margin:0 auto;
	line-height:1.4;
	color:#000000;
	font-size:14px;

}

.lauBgFooter{
	background:url(../images/footer_ptn.png) repeat #FFF ;


}

.left {
	text-align:left;


}

.right {
	text-align:right;

}


.lauFooter{
	font-size:12px;
	text-align:center;
	color:#BCBCBC;
	font-weight: bold;
	padding-bottom:80px;
	background:url(../images/footer_logo.png) no-repeat top center ;
	background-size:contain;
	overflow: auto;

	padding-bottom: 30px;
	padding-top:3em;
	margin-top:40px;
}

.lauInlineBlock{
	display:inline-block;
}


.koncert{
	color: #FEFEFE;


    background-repeat: repeat;

	overflow: auto;
	margin:0 auto;
	border-radius: 5px;
}




.LauBackground{
	background-color:#000000;
	padding:20px;
	overflow: auto;
}

.LauBackground2{
	background-color:#000000;
	overflow: auto;


}

.overskrift {

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:40px;
	font-weight:bold;
	margin:0 auto;
	line-height:1;
	padding-top:20px;
	padding-bottom:10px;
	color:#FFFFFF;


}


.lauBtn{

	width:100%;
	border-radius:5px;
}

.lauBtn:hover {
  opacity: 0.8;
  filter: alpha(opacity=30);
}

.lauPaddingBottom{
	padding-bottom:10px;
}



.wordwrap {
       white-space: pre-line;

}

.lauNewsletter{
	background:#FFFFFF;
	overflow: auto;
    text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	width:100%;
	border-radius: 5px;
}



.lauFlipclock{
    text-align:center;
	padding-top:20px;
}

.lauUrContain{
	display:inline-block;
	width:300px;
}




.lauKontaktContain{
	display:inline-block;
	overflow:inherit;


}


.lauKontakt{

	display:inline-block;
	border:0;



}

.lauCenter {
	text-align:center;
}





#hero{
  background-image:url(../images/pressefotos-final.jpg);
  background-size:cover;
  position:relative;
  background-position:center;
}

.header{
  position:absolute;
  top:50%;
  text-align:center;
  width:100%;
  color:#fff;
  font-size:36px;
  -ms-transform: translate(0,-50%); /* IE 9 */
   	-webkit-transform: translate(0,-50%); /* Safari */
    transform: translate(0,-50%);

}

header{
	height: 100%;
  width: 100%;


}

#content{
  padding:100px 50px;
  text-align:center;
  width:80%;
  margin:0px auto;
}

#content h2{
  margin:0px 0px 30px 0px;
}

#footer{
  padding:30px 0px;
  text-align:center;
  background:#ddd;
}


@media screen and (max-width: 700px) {
	.FullBg img {
		width: 90%;
		height: auto;
		position: absolute;
		top: 80%;
		left: 50%;
		transform: translate(-50%, -50%);
	  
	}
	.FullBg {
		
		margin-right: -40px;
		
	  
	}
  }