/* CSS by mrks.ch */

/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}


/* start general styles */
html { overflow-y: scroll; }

body {
	background:#E6E6E6;
	font-family: "proxima-nova-alt-ext-cond",Arial,sans-serif;
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	color:#949494;
	font-weight:300;
	}
	
img {border: 0px; vertical-align: bottom;}
	
p {font-family: "proxima-nova-alt-ext-cond",Arial,sans-serif; font-size: 18px; color:#656565; line-height: 20px; margin-top:10px; font-weight:400; text-align:justify;}


h1 {font-family: "proxima-nova-alt-ext-cond",Arial,sans-serif; font-size:46px; font-weight:700; color:#656565; margin:0px; padding:0px; line-height:40px; letter-spacing:1px;}
h2 {font-family: "proxima-nova-alt-ext-cond",Arial,sans-serif; font-size:18px; font-weight:700; color:#656565; margin:0px; padding:0px; margin-top:17px; margin-bottom:20px; line-height:20px; letter-spacing:1px;}


/* end general styles */

/* start link styles */
a:link, a:visited {
	color:#656565;
	font-style:normal;
	text-decoration:none;
	}
a:hover {
	color:#000;
	text-decoration:none;
	}
	
/* end link styles */


/* start sitebuild styles */
#container {margin:auto; z-index:1; width:100%;}

.headerbg {position:fixed; height:100px; width:100%; background:#E6E6E6; z-index:3;}

.navigation {width:630px; margin:auto; height:60px; margin-top:20px; margin-left:-315px; position:absolute; left:50%; padding:0 10px; z-index:99; background:#E6E6E6;}
.navigation li {float:left; position:relative; margin-top:25px; margin-bottom:10px; font-size: 14px; text-align:left; letter-spacing:1px;}
.navigation li a {color:#949494; text-decoration:none; font-weight:800; padding-bottom:10px;}
.navigation li a:hover {color:#000; text-decoration:none; font-weight:800;}
.navigation li a.active {cursor: default; color:#000; text-decoration:none; font-weight:800; border-bottom:3px solid #333;}

.navi1 {margin-right:70px;}
.navi2 {margin-right:250px;}
.navi3 {margin-right:70px;}
.navi4 {margin-right:0px;}

.headerlogo {position:absolute; width:180px; height:60px; top:0; left:50%; margin-left:-90px;}
.headerlogo img {width:180px;}

.imgheaderwrapper {}
.imgheaderwrapper img {width:100%;}

#goglwrapper {z-index:6; position:relative; margin:0 0 0 0;}
.goglmap {height:400px; margin:auto;}

.contentwrapper {max-width:630px; margin:auto; margin-top:26px; text-align:center; padding:0 10px 40px 10px; display:none;}
.contentwrapper a {font-weight:400; color:#949494; font-size:18px;}
.contentwrapper a:hover {font-weight:400; color:#000; font-size:18px;}

.contentnavi {margin-top:20px;}
.contentnavi a, .contentnavi a:visited {font-weight:800; letter-spacing:1px; color:#949494; font-size:14px;}
.contentnavi a:hover {font-weight:800; letter-spacing:1px; color:#000; font-size:14px; text-decoration:none;}

.contentbox {margin-top:100px;}
.scrollboxtop {padding-bottom:500px; padding-top:100px;}
.scrollbox {padding-bottom:500px; padding-top:100px;}
.scrollboxbottom {padding-bottom:300px; padding-top:100px;}

#startclaim {
	position:absolute;
	width:865px;
	height:71px;
	top:50%;
	left:50%;
	margin-left:-430px;
	z-index:9999;
	}
	
#startclaim500 {
	position:absolute;
	width:500px;
	height:41px;
	top:50%;
	left:50%;
	margin-left:-250px;
	z-index:9999;
	display:none;
	}

#startclaim300 {
	position:absolute;
	width:300px;
	height:25px;
	top:50%;
	left:50%;
	margin-left:-150px;
	z-index:9999;
	display:none;
	}
	
 .contacttable {width:370px;}
 .contactleft {padding-left:30px; width:200px;}
 .contactright {width:170px;}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clear {clear:both;}

/* Start Signature Styles */
#bewegt-signature {
	position:fixed;
	width:9px;
	height:68px;
	right:1px;
	bottom:3px;
	z-index:9999;
	}
/* End Signature Styles */


/* Media Queries
***********************/
@media screen and (max-width: 900px) {
  #startclaim {display:none;}
  #startclaim500 {display:inherit;}
}

@media screen and (max-width: 700px) {
 .headerbg {height:100px;}
 .navigation {height:80px; text-align:center; overflow:hidden; margin-top:10px; width:380px; margin-left:-200px;}
 .navigation ul {position:relative; float:left; left:50%;}
 .navigation li {margin-top:60px; margin-bottom:10px; font-size: 14px; text-align:center; letter-spacing:1px; right:50%;}
 .navi1, .navi2, .navi3, .navi4 {margin:0 20px;}
 .contentwrapper {margin-top:10px;}
 h1 {font-size:32px;}
 h2 {letter-spacing:inherit; margin-top:10px; margin-bottom:10px;}
 .goglmap {height:200px; margin:auto;}
}

@media screen and (max-width: 530px) {
  #startclaim500 {display:none;}
  #startclaim300 {display:inherit;}
}

@media screen and (max-width: 440px) {
 .navigation {width:300px; margin-left:-160px;}
 .navi1, .navi2, .navi3, .navi4 {margin:0 10px;}
 .contacttable {width:310px;}
 .contactleft {padding-left:0px; width:140px;}
 .contactright {width:140px;}
 #bewegt-signature {display:none;}
}