@charset "UTF-8";


/* CSS Document 
Blå #14323a
Grøn #9cb430 /#9DB32F

Brun mørk; #322a25 

*/
html {height: 100%; font-size: 100%; overflow-y: scroll; /*-webkit-text-size-adjust: 100%*/} /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
body {font-family: 'Open Sans', sans-serif; font-size: 11px; color: #111111; background:url(bg2011.png) #e7eae3 center top repeat; margin:0 auto; }
body {-webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility;} /* Improve default text rendering, handling of kerning pairs and ligatures */

.clearfix {
  *zoom: 1;
  &:before, &:after {
    display: table;
    content: "";
    line-height: 0;
  }
  &:after {
    clear: both;
  }
}

.hide { display:none; visibility:hidden}

#share-buttons {display:inline-block; overflow: auto;}
#share-buttons div { text-align:center; display:block; padding-top:20px;}
#share-buttons div.facebook {float:left; padding-right:20px; border-right:1px solid #333;}
#share-buttons div.instagram {float:left; padding:20px 20px 0 20px; border-right:1px solid #333; }
#share-buttons div.sharetext {float:left; padding-left:20px; max-width:320px; text-align:left }
#share-buttons img { border: 0; box-shadow: 0;}

div#all { margin: 0 auto; max-width:700px; padding-bottom:200px;}
div#wrapper { position:relative; margin-top:0px; padding:20px 20px 0 20px;}

h1 { margin: 30px 0; font-weight:900; color:#FFF; font-size: 50px; font-size: 3.0vw; letter-spacing:-1px; text-shadow: 1px 1px 3px #242424;}
h1 p {color:#fff; font-size: 30px; font-size: 2.0vw; font-weight:400; display:block; margin:0;}
h1 p span {color:#ee276a; font-weight:900;}

h2 { font-size:28px; font-weight:normal; padding:5px; background:#FFF; margin-bottom:0px;}
h3 { font-size:24px; font-weight:normal; color:#14323a; margin:0; padding:0;}

.introduction {
    height:100vh;
	width: 100%;
    background: url('klubber1920px.jpg') no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: fixed;
	
}

div#left-top { float:left; width:58%;}
div#right-top { float:right; width:40%;}

div#tagline { background:#333; font-size:20px; padding:5px; text-align:center; color:#9cb430;}
div#tagline {color: #eee; text-shadow: 0px -1px -1px #888;}

div#kontakt { background:#111; color:#aaa; font-weight:bold; font-size:12px; padding:10px; width:640px; text-align:center;}
div#kontakt strong{ color:#eee;}
div#kontakt a{ color:#eee;}

div#open { background:#0e282d; color:#EEE; font-size:15px; letter-spacing:1px; padding:5px; width:600px; text-align:center; }

div#textbox { background:#fff;}
div#textbox p:first-child {font-size:20px; font-weight:100; color:#322a25; margin:0; padding:0;}

div#textboxDark { background: #0e282d; color:#CCC;}
div#textboxDark p:first-child {font-size:20px; font-weight:100; color:#fff; margin:0; padding:0;}

div#textbox,
div#textboxDark {padding:30px; margin-top:10px;}

div#map_canvas {width: 100%; height: 400px; margin-top:10px;}

#footer-outer { background: #0e282d; padding: 30px; margin-top: 10px }
#footer-sub { max-width: 600px; margin: 0 auto; display: block; overflow: hidden; }
#footer {color: #fff }
.footerInfo { float: left; display: inline-block; margin-right: 20px; }
#footer h3 { color: #fff; font-weight: 300 }
#footer p { font-size: 0.7em; color: #fff; line-height: 100%; }
#footer a { color: #fff; }
#footer #aklogo { float:right}



@media screen and (min-width:240px) and (max-width:480px), 
   screen and (min-device-width:240px) and (max-device-width:480px){
	   div#tagline { font-size:14px;}
	h1 {font-size: 35px;}
	h1 p {font-size: 16px;}
	#share-buttons div.sharetext{padding-left: 0px; max-width: auto;}
	
   }

/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {
	body { 
		
	}
	div#tagline { font-size:14px;
}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
	body {
		
	}
	div#tagline { font-size:14px;}
	h1 {font-size: 30px;}
	h1 p {font-size: 20px;}
}

/* SMALL TABLET */
@media only screen and (min-width: 600px) {
	body {
		
	}
}

/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) { 
	body {
		
	}
	
}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) { 
	body {

	}
	
}

@media only screen and (min-width: 1280px) { 
/* DESKTOP */
		body {

	}
}

/* WIDESCREEN */
/* Increased body size for legibility */
@media only screen and (min-width: 1400px) { 
	body {
}
}