/*__general-tag__*/
	*{margin:0; padding:0;}
	html {-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */}
	body{background-color:#1a171b; font-family:arial, sans-serif; color:#1a171b;}
	button{cursor:pointer;}
	hr{height:1px; background-color:#1a171b; border:none;}
	h1{font-size:2em;}
	h2{font-size:1.5em;}
	h3{font-weight:normal;}

/*__general-class__*/
	/*____layout*/
		.left{float:left;}
		.right{float:right;}
		.clear{clear:both;}
		.block{display:block;}
		.inline{display:inline;}
		.none{display:none;}
		.top{margin-top:2.5%;}
		.bottom{margin-bottom:2.5%;}
		.mar-left{margin-left:2.5%;}
		.mar-right{margin-right:2.5%;}
		.mobile{display:none;}
		.desktop{display:block;}
		.mobile-br{display:none;}
		.col30{width:30%;}
	/*____fonts*/
		@font-face{font-family:bison; src:url(fonts/bison.ttf);}
		.arial{font-family:arial, sans-serif;}
		.arial-black{font-family:arial black, sans-serif; font-weight:900;}
		.bison{font-family:bison;}

		.red{color:#e2002b;}
		.black{color:#1a171b;}

		.bold{font-weight:bold;}
		.underline{text-decoration:underline;}
		.border{border: 1px solid #000;}
/*__animation__*/
	.fade{transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}

/*__general-id__*/
	#wrapper{max-width:960px; width:95%; margin:0 auto; padding:2.5%; background-color:#fff;}

/*__header__*/
	#header{width:100%;}
	#header img.logo{max-width:450px; width:27.5%; padding-right:2.5%; border-right:1px solid #1a171b;}
	#banner-wrap{width:67.5%; padding-left:2%;}
	.banner-icon{width:30%;}
	.banner-title{width:67.5%; padding-left:2.5%;}
	
/*__navigation__*/
	ul#nav{width:100%; padding:0.8em 0; list-style-type:none; text-align:center; background-color:#e2002b;}
	ul#nav li{display:inline;}
	ul#nav li a{font-size:1em; margin:0 1%; color:#fff; padding:0.8em 2%; border-left:2px solid transparent; border-right:2px solid transparent; text-decoration:none;}
	ul#nav li a:hover{background-color:#1a171b; border-left:2px solid #fff; border-right:2px solid #fff;
	transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear;
	}
	ul#nav li a.current{background-color:#1a171b; border-left:2px solid #fff; border-right:2px solid #fff;}
	
/*____subnav-anker (=>Dienstleistungen)*/
	ul#nav li a.getasub{border-left:2px solid transparent; border-right:2px solid transparent; cursor:pointer; transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
	ul#nav li a.getasub.hover{padding:0.8em 2% 2.2em 2%; background-color:#1a171b; border-left:2px solid #fff; border-right:2px solid #fff;}
	ul#nav li a.getasub.hoverout{padding:0.8em 2%; background-color:none; border-left:2px solid transparent; border-right:2px solid transparent;}
	ul#nav li a.getasub.current{background-color:#1a171b; border-left:2px solid #fff; border-right:2px solid #fff;}
	
/*__subnavigation__*/
	ul#subnav{position:relative; width:100%; margin-top:2px; background-color:#1a171b; text-align:center; overflow:hidden; z-index:0;}
	ul#subnav li a{font-size:0.8em; color:#fff; padding-right:20px; padding-left:20px; vertical-align:middle; text-decoration:none; line-height:2.5; 
	transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear;
	}
	ul#subnav li a:hover{color:#e2002b}
	ul#subnav li a.current{color:#e2002b}
	ul#subnav hr{width:760px; height:1px; margin-left:100px; background-color:#fff;}

/*__subnavigation-function-part*/
	.subnav-fadeout{opacity:0; height:0; transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
	.subnav-fadein{opacity:1; height:70px; transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
	
/*__titel-bild__*/
	.titlepic{display:block; width:100%;}

/*__content__*/
	#content{width:65%; padding-right:2.5%;}
	#content p{font-size:0.9em; line-height:1.6em; margin-bottom:2.5%;}
	#content ul.contentlist{margin-left:2.5%;}
	#content ul.contentlist li{height:2em; line-height:2em; vertical-align:middle; font-size:0.9em; padding-bottom:1.4em; padding-left:50px; list-style-type:none; background-image:url(images/contentlist.gif); background-repeat:no-repeat; background-position:0 0;}
	#full-content{width:100%;}
	#full-content p.preisinfo{font-size:0.8em;}
	.headline{width:90%; padding-left:2.5%; font-family:arial black, sans-serif; font-weight:900; border-left:20px solid #e2002b; margin-bottom:2.5%; /*-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;*/}
	.headline2{width:90%; padding-left:2.5%; font-family:arial black, sans-serif; font-weight:900; border-left:20px solid #e2002b; /*-webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;*/}
	.subheadline{width:100%; font-weight:normal; font-family:bison, arial, sans-serif; color:#1a171b;}
	
/*__sidenav__*/
	ul.sidenav{width:25%; padding:0 2.5%; border-left:1px solid #1a171b; list-style-type:none;}
	ul.sidenav li{font-size:0.9em; padding-bottom:0.8em;}
	ul.sidenav li a{color:#1a171b; border-left:0px solid #e2002b; text-decoration:none; transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
	ul.sidenav li a:hover{border-left:9px solid #e2002b; padding-left:2.5%;}
	ul.sidenav li a.current{border-left:9px solid #e2002b; padding-left:5px;}
	
/*__startseite/index__*/
	ul.start-list{list-style-type:none;}
	ul.start-list li{float:left; margin-right:2em; font-size:1.5em;}
	ul.start-list li.list-style{margin-right:0.5em; font-size:1.5em;}

	/*__boxes*/
	#boxes-wrap{width:100%;}
	.box-small{width:14.28571428571429%; max-width:137px; overflow:hidden; padding-top:2.5%; border-top:20px solid #e2002b; opacity:0.5; transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
	.box-small:hover{opacity:1;}
	.box-small-img{display:block; width:384px; height:120px; margin-left:-25%;}
	.box-small-headline{color:#1a171b; font-size:11px; margin-top:2.5%; text-align:center;}	
	
/*__referenzen__*/
	.category{width:100%; float:left;}
	.category-headline{width:97.5%; padding:1.25% 1.25%; font-family:arial black, sans-serif; font-weight:900; color:#fff; background-color:#1a171b;}
	.thumbs{width:100%; overflow:hidden; float:left; border-top:2px solid #e2002b; border-bottom:2px solid #e2002b;}
	.thumbs img{width:25%; display:block; float:left; cursor:pointer; opacity:0.8;
			transition:all 0.25s ease-in-out; -webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear;
	}
	.thumbs img:hover{opacity:1;}
	.category button{width:100%; padding:1.5% 0; font-size:1em; background-color:#e2002b; border:none; color:#fff;}	
	.category p{width:100%; padding:1.25% 0; font-size:1em; background-color:#1a171b; color:#fff; text-align:center;}
	
	/*__galerie*/
	#galerie-wrap{position:fixed; left:0; top:0; width:100%; height:100%; background-color:#1a171b; z-index:10; overflow:auto;}
	#galerie{position:static; width:95%; padding:2.5%;  max-width:960px; margin:0 auto; background:#fff; box-shadow:0px 2px 2px #1a171b;}
	#galerie-headline{width:97.5%; padding:1.25% 1.25%; font-family:arial black, sans-serif; font-weight:900; color:#fff; background-color:#1a171b;}
	#this_img{max-width:800px; width:70%;}
	.button-wrap{width:27.5%; padding-left:2.5%;}
	#galerie .button-wrap button{width:100%; display:block; padding:2.5% 0; background-color:#e2002b; border:none; font-size:1em; color:#fff;}
	
/*__kontakt__*/
	form{width:100%; font-size:1em;}
	input{width:97%; display:block; padding:1.5%; font-size:1em; border:1px solid #1a171b; border-radius:none;}
	textarea{width:95%; height:100px; padding:2.5%; font-size:1em; font-family:arial; border:1px solid #1a171b; border-radius:none;}
	input[type="submit"]{width:100%; display:block; padding:1.5% 0; background-color:#e2002b; border:none; color:#fff; cursor:pointer;}
	
/*__footer__*/
	div#footer{width:100%; padding:0.8em 0; background-color:#1a171b;}
	div#footer .icon{margin-top:0.4em; margin-right:20px; padding-left:20px;}
	div#footer h3{font-size:0.9em; font-weight:normal; color:#fff; margin-top:0.4em; margin-right:20px;}
	
/*__subfooter__*/
	ul#subfooter{width:100%; margin-top:5px; text-align:center;}
	ul#subfooter li{font-size:0.8em;}
	ul#subfooter li a{text-decoration:underline;}

/*__media-queries__*/
@media only screen and (max-width: 960px) {
	body{background-color:#fff;}
	.mobile{display:block;}
	.desktop{display:none;}
	.mar-left{margin-left:0;}
	.mobile-br{display:block; clear:left;}
	h1,h2,h3,h4,h5,h6{width:100%;}
	h1{font-size:1.5em;}
	h2{font-size:1.2em;}
	/*__header__*/
	#header img.logo{max-width:450px; width:27.4%;}
	.banner-title{font-size:1.1em; width:100%; padding:0;}
	/*__menü-button__*/
	.menu{width:100%; padding:2.5% 0; font-size:1em; background-color:#e2002b; color:#fff; border:none; border-bottom:2px solid #fff;}
	/*__navigation__*/
	#nav-wrap.top{margin-top:0;}
	ul#nav li a{display:block; padding:0; margin:0; line-height:2em;}
	ul#nav li a:hover{background-color:transparent; border-left:2px solid transparent; border-right:2px solid transparent;}
	ul#nav li a.getasub{padding:0;}
	ul#nav li a.getasub:hover{padding:0;}
	ul#nav li a.current{background-color:#1a171b; border-top:2px solid #fff; border-bottom:2px solid #fff; border-left:none; border-right:none;}
	ul#nav li a.getasub.current{background-color:#1a171b; border-left:2px solid #fff; border-right:2px solid #fff; border-left:none; border-right:none;}
	/*__subnavigation__*/
	.subnav-fadein{height:auto;}
	ul#subnav{padding:2.5% 0;}
	ul#subnav li a{display:block; font-size:1em; line-height:1.5em; padding-top:0.5em; padding-bottom:0.5em;}
	ul#subnav li a:hover{color:#fff;}
	ul#subnav hr{display:none;}
	ul#subnav li.red{display:none;}
	/*__titelbild__*/
	.titlepic{width:100%;}
	/*__content__*/
	#content{width:100%; padding-right:0;}
	#content p{font-size:margin-bottom:2.5%; padding-right:0;}
	#content ul.contentlist li{line-height:1em;}
	/*__sidenav__*/
	ul.sidenav{width:100%; padding:2.5% 0; border-left:10px solid #e2002b; padding-left:5px; clear:both; border-left:none; border-top:1px solid #1a171b; border-bottom:1px solid #1a171b;}
	ul.sidenav li a:hover{border-left:none;}
	/*__footer__*/
	#footer div.left{clear:left; width:100%;}
	#footer h3{text-align:center; margin-right:0;}
	#footer a{color:#fff;}
	/*__subfooter__*/
	ul#subfooter{width:100%; margin-top:5px;}
	/*__startseite/index__*/
	#boxes-wrap{}
	.box-small{width:50%; max-width:none; opacity:1;}
	.box-small-img{width:480px; height:150px; margin-top:-50px; text-align:center;}
	ul.start-list li{float:left; margin-right:2em; font-size:1.4em;}
	ul.start-list li.list-style{margin-right:0.5em; font-size:1.4em;}
	/*__galerie__*/
	#this_img{max-width:none; width:100%;}
	.button-wrap{width:100%; padding-left:0;}
}