/*
rot	#cd0f2d rgb(205,15,45)	>>  #e00
grau  #415050 rgb(65,80,80)	>>  
*/
html{-webkit-text-size-adjust: none;}

body{
	background: #999;
}

.mittig{
	width:100%;
	max-width: 1200px;
	margin:auto;
	position: relative;
}
#oben{
	width:100%;
	position: relative;
	margin: 0;
	padding:0;
	background: #fff;
	z-index: 110;
}
#oben ul{
	margin:0; padding: 0;
}
#oben li{
	display: inline;
}
#header{
	text-align:center;
	font-size:90%;
}
#header a{
	display:inline-block;
	text-decoration: none;
	padding:2px 12px;
}
#header a:hover{
	text-decoration:underline;
}


#header,#kontakt{
	text-align:left;
}
#header ul{
	font-size: 95%;
	list-style: none;
	margin:0;
	padding:0;
	position:relative;
}
#header ul li{
	position: relative;
	list-style-image:none;
	padding:0;
	margin:0;
}
#header ul li a{
	text-decoration: none;
	text-align: center;
	display:inline-block;
	background: #fff;
	cursor: pointer;
	height: 28px;
}
#header ul li a img, #standort img{
	height:28px;
	display: inline-block;
	margin:-10px 6px -10px 0;
	vertical-align: middle;
}
#header ul li a:hover {}
#header ul li a.aktiv{}
#header ul ul{}
#header ul ul li a{
	text-transform: none;
	height: auto;
}
#header ul ul ul li{}
#header ul ul ul li a{
}

@media(min-width:200px){
	#header ul ul{
		visibility:hidden;
		opacity: 0;
		position:absolute;
		z-index:160;
		left:0;
		top:109%;
		min-width:100%;
		background: #fff;
		transition:opacity 0.3s ease-in-out;
		-moz-transition:opacity 0.3s ease-in-out;
		-webkit-transition:opacity 0.3s ease-in-out;
		-o-transition: opacity 0.3s ease-in-out;
		box-shadow: 0 2px 3px rgba(0,0,0,0.7)
	}
	#header ul ul li{
		float: none;
		border:none;
	}
	#header ul ul li a{
		display: block;
		text-align: left;
		padding:0.5em;
		white-space:nowrap;
		transition:background 0.3s ease-in-out;
		-moz-transition:background 0.3s ease-in-out;
		-webkit-transition:background 0.3s ease-in-out;
		-o-transition: background 0.3s ease-in-out;
	}
	#header ul ul ul{
		position: relative;
		visibility:visible;
		opacity: 1;
	}
	#header ul li:hover>ul{
		visibility:visible;
		opacity: 1
	}
}
@media(max-width:500px){
	#header ul li:last-child ul{
		left: auto;
		right: 0;
	}
}
#logo{
	display: inline-block;
	margin:5px 0;
	width: 95%;
	text-decoration: none;
	text-align: center;
	float: left;
	line-height: 0;
	background: transparent url(elemente/logo-garant-waermesysteme_r.png)  no-repeat scroll center / contain;
}
#oben a#logo{
	padding:0;
}
#logo img{
	max-width: 100%;
	max-height: 140px;
	opacity: 0;
	margin:0 auto;
	display: inherit;
}
#logo img:hover{
	opacity: 1;
}
#logo img:hover{}

#kontakt{
	margin:20px 50px 0 0;
}
#kontakt li{
	white-space: nowrap;
}

.muenchen #kontakt .glauchau,
.glauchau #kontakt .muenchen{
	display: none;
}

#standort,#template_std{
	float: left;
}
#standort_auswahl{
}
#template_std img{
	height: 20px !important;
}
#template_std ul li a{
	background: transparent !important;
}



@media(min-width:550px){
	#topmenu{
		float: left;
		width: 10em;
	}
	#logo{
		width:25%;
		float: right;
	}
	#kontakt{
		width:18em;
		float: right;
		margin:0 0 0;
	}
}
@media(min-width:800px){
	#topmenu{
		width:40%;
		float: left;
	}
	#topmenu ul{
		float:right;
	}
	#logo{
		width:30%;
		margin:5px 0%;
	}
	#kontakt{
		width:30%;
		float: right;
	}
	#topmenu,#kontakt{
		margin:15px 0 0 0;
	}
	#header ul li a{
		height: auto;
	}
}
@media(min-width:900px){
	#topmenu{
	}
	#kontakt{
		width:25%;
	}
	#logo{
		float: left;
		width:25%;
	}
	#logo img{
		max-height: 160px;
	}
}
@media(min-width:1000px){
	#topmenu{
		width:33%
	}
	#kontakt{
		width:33%;
	}
	#logo{
		float: left;
		width:33%;
	}
}
@media(min-width:1040px){
	#header{
		font-size: 100%;
	}
}
@media(min-width:1200px){
	#header{
		font-size: 110%;
	}
}


.nocontent{
	cursor: alias !important
}
.nocontent b:after{
	display: inline-block;
	content:'';
	width: 20px;
	height: 15px;
	margin-left:10px;
	background: transparent url(elemente/i-wechsel.png) no-repeat center /contain;
	opacity: 0.5;
}
.nocontent:hover > b:after{
	opacity: 1;
}

#titelbild{
	width:100%;
	background: #ddd;
	border-bottom: 2px solid #415050;
}
#titelbild .pics_gr i{z-index: 11;
	padding:0.5em;
	font-size: 1.1em;
	top:0;
	left: 0;
}

#content{
	width:100%;
	padding: 0;
	height: auto;
	float: left;
	background-color: #fff;
}
#content a{
}
.startseite #content{
	width:100%;
}

/*
@media(min-width:800px){
	#oben{
		position: fixed;
	}
	#content{
		margin-top:168px;
	}
}
*/


#menubar{
	position: fixed;
	z-index: 150;
	transition: all 0.5s ease-in-out;
}
#menu{
	font-size: 110%;
}
#menu ul{
	font-size: 95%;
	list-style: none;
	margin:0;
	padding:0;
	position:relative;
	width:100%;
	float: left;
}
#menu ul li{
	position: relative;
	list-style-image:none;
	padding:0;
	margin:0;
	width:25%;
}
#menu ul.menucount_3 li{width:33%;}
#menu ul.menucount_4 li{width:25%;}
#menu ul.menucount_5 li{width:20%;}
#menu ul.menucount_6 li{width:16.6%;}
#menu ul.menucount_7 li{width:14.2%;}
#menu ul.menucount_8 li{width:12.5%;}

#menu ul li a{
	text-decoration: none;
	text-align: center;
	display:block;
	padding:10px 4px 10px;
	margin:0;
	color:#ffffff;
	background: #415050;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
#menu ul li a:hover {
	background: #e00;
}
#menu ul li a.aktiv{}
#menu ul li a img{
	display:none;
}
#menu ul ul{}
#menu ul ul li a{
	text-transform: none;
}
#menu ul ul ul li{}
#menu ul ul ul li a{
}

#menu_dd{
	display:none;
	position:absolute;
}

@media(max-width:599px){
	#menubar{
		padding-top: 55px;
		width: 60px;
		height: 0;
		overflow: hidden;
		right: 0;
		top: 30px;
	}
	#menubar:hover{
		width:100%;
		height: auto;
		overflow: visible;
		background: #fff;
		box-shadow: 0 3px 3px rgba(0,0,0,0.5);
	}
	#menu_dd{
		display:block;
		top:0;
		right:5px;
		width:50px;
		height:50px;
		background:url(elemente/menu_dd.png) no-repeat scroll center / 36px;
		text-decoration:none;
		transition: all 0.5s ease-in-out;
	}
	#menu{
	}
	#menu ul{
		position: static;
		float: none;
	}
	#menu ul li{
		display:block;
		width:auto !important;
		border-bottom: 1px solid #aaa;
	}
	#menu ul li a{
		text-transform: uppercase;
		letter-spacing:1px;
		text-align: left;
	}
	#menu ul ul li{
		border-top: 1px solid #666;
		border-bottom: none;
	}
	#menu ul ul li a{
		padding:8px 10px 8px 20px;
	}
	#menu ul ul ul li a{
		padding:4px 0px 4px 40px;
	}
}
@media(min-width:600px){
	#titelbild .pics_gr i{z-index: 11;
		font-size: 1.3em;
		top:10%;
		left:0;
	}
	.menu_titelbild{
		margin: -70px 0 20px 0;
	}
	#menubar{
		position: relative;
		background-color: #415050
	}
	#menu{
		font-size: 100%;
	}
	#menu ul li{
		float:left;
	}
	#menu ul ul li{
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
	}
	#menu ul li a img{
		display:block;
		height: 50px;
		margin:0 auto 2%;
		transition: all 0.5s ease-in-out;
	}
	#menu ul li a img:after{}
	#menu ul ul{
		visibility:hidden;
		opacity: 0;
		position:absolute;
		z-index:111;
		left:0;
		min-width:100%;
		transition:opacity 0.3s ease-in-out;
		-moz-transition:opacity 0.3s ease-in-out;
		-webkit-transition:opacity 0.3s ease-in-out;
		-o-transition: opacity 0.3s ease-in-out;
	}
	#menu ul ul li{
		float: none;
		border:none;
	}
	#menu ul ul li a{
		padding:0.5em;
		margin:0;
		white-space:nowrap;
		transition:background 0.3s ease-in-out;
		-moz-transition:background 0.3s ease-in-out;
		-webkit-transition:background 0.3s ease-in-out;
		-o-transition: background 0.3s ease-in-out;
	}
	#menu ul ul ul{
		position: relative;
		visibility:visible;
		opacity: 1;
	}
	#menu ul li:hover>ul{
		visibility:visible;
		opacity: 1
	}
}
@media(min-width:700px) and (min-height:720px){
	#menu ul li a img{
		height: 55px;
		margin:1% auto 2%;
	}
}
@media(min-width:800px){
	#menu ul li a{
		text-transform: uppercase;
		letter-spacing:1px;
	}
}
@media(min-width:800px) and (min-height:850px){
	#menu{
		font-size: 100%;
	}
	#menu ul li a img{
		height: 60px;
		margin:2% auto 3%;
	}
}
@media(min-width:1000px) and (min-height:990px){
	#menu{
		font-size: 120%;
	}
	#menu ul li a{
		text-transform: uppercase;
		letter-spacing:1px;
	}
	#menu ul li a img{
		height: 65px;
		margin:2% auto 3%;
	}
}
@media(min-width:1200px) and (min-height:1100px){
	#logo img{
		max-height: 100%;
	}
	#topmenu,#kontakt{
		margin:20px 0 0 0;
	}
}

@media(min-height:800px){
}

@media(min-height:700px) and (min-width:800px){
	.scroll #oben{
		position: fixed;
	}
	.scroll #header{
		height:70px;
	}
	.scroll #header a{
		margin:0;
		padding: 0 10px;
	}
	.scroll #topmenu, .scroll #kontakt{
		margin:0;
		height:100%;
	}
	.scroll #logo{
		float:none;
		margin:0 auto;
	}
	.scroll #logo img{
		max-height: 70px;
		margin:0 auto;
	}
	.scroll #menu{
		height: 60px;
	}
	.scroll #menu ul li a{
		padding:0;
		height:100%;
	}
	.scroll #menu ul li li a{
		padding:10px 4px;
	}
	.scroll #menu ul li a img{
		height: 27px;
		margin:0 auto;
		padding: 6px 0 2px;
	}
	.scroll #content{
		margin-top:130px;
	}
}



#banner{
	position: relative;
	z-index: 10;
}
.banner{
	margin-bottom: 20px;
}
.banner a{
	display: block;
	line-height: 0;
	background-color: #e82529;
}
.banner img{
	max-width: 100%;
}
.banner_1{
	display: none;
}

@media(min-width:900px){
	#banner{
		float: right;
		margin-top:-100px;
	}
	.banner a{
		background-color: transparent;
	}
	.banner_1{
		display: inline-block;
	}
	img.banner_1{
		width:250px;
		margin-left:50px;
	}
	.banner_2{
		display: none;
	}
}
@media(min-width:1600px){
	#banner{
		position: absolute;
		left:-200px;
		width:250px;
	}
	img.banner_1{
		margin:0;
		width:100%;
	}
	#inhalt{
		width: 90%;
		margin:auto;
	}
}
@media(min-width:1750px){
	#banner{
		left:-250px;
		width:300px;
	}
}


.absatz{
	margin: 0;
	padding: 0 2% 20px 2%;
	border-top: 1px solid #ccc;
	width: 96%;
	height: auto;
	position: relative;
	z-index: 3;
}
.bodybanner .absatz:first-child{
	float: none;
}
.absatz:first-child,.absatz:last-child{
	border-top: 0 none;
}
#inhaltindex{
	padding: 20px 10px;
	background: #f9f9f9;
}
#inhaltindex a{
	text-decoration: none;
}


h2.abs{}

.text{
	padding: 0;
	margin: 0;
}
.text img {
	max-width: 100% !important;
}
@media(min-width:600px){
	.spalten_2, .spalten_3{
		-webkit-column-gap: 30px;
		-moz-column-gap: 30px;
		column-gap: 30px;
		-webkit-column-width: 300px;
		-moz-column-width: 300px;
		column-width: 300px;
	}
	.spalten_2{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.spalten_3{
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
	.spalten_2 .kein_spaltenumbruch, .spalten_3 .kein_spaltenumbruch{
		display: inline-block;
	}
}
.text ul{
	-webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ */
}



#unten{
	margin:0 auto;
	padding: 20px 0;
	clear: both;
	text-align: center;
}
#unten *{
	color:#fff;
}
#unten a{
	text-decoration:none;
	padding:5px;
}
#unten a:hover{
	text-decoration: underline;
}
#unten ul{
	list-style:none;
	margin:5px;
}
#unten li{
	display: inline-block;
	padding: 0 20px 0 0;
}


/*Formularfelder*/
.formular{
	margin:20px auto;
	padding: 10px;
	border:1px solid #999;
	max-width: 800px;
	display: flex;
	flex-wrap: wrap;
}
.formular_gruppe{
	padding: 9px 0;
	clear: both;
	border-top:1px dashed #ccc;
	flex: 1 1 100%;
}
.formular_gruppe_flex30{
	float: left;
	clear: none;
	flex: 1 1 30%;
}
.formular_gruppe_flex50{
	float: left;
	clear: none;
	flex: 1 1 50%;
}
.formular_gruppe_flex70{
	float: left;
	clear: none;
	flex: 1 1 70%;
}
.formular_gruppe:first-child{
	border-top:0;
}
.formular_gruppe_inline{
	display: inline-block;
	padding: 5px 0;
}
.formular_gruppe_titel{
	font-size:1em;
	/*color:#e00;*/
}
.formular_gruppe_hinweis{}
.formular_gruppe p{
	padding:0 5px;
	margin: 5px 0;
}
.formular_gruppe label{
	display: block;
}
.formular_gruppe_inline label{
	display: inline-block;
	float: left;
	margin-right: 20px;
}
.formular_gruppe :required{
	box-shadow: 0 0 2px red;
}
.formular_gruppe input[type=text], 
.formular_gruppe input[type=date], 
.formular_gruppe input[type=number], 
.formular_gruppe input[type=email], 
.formular_gruppe textarea, .formular_gruppe select{
	padding:0.5%;
	margin:0;
	font-size: 100%;
	border-radius: 5px;
	border:1px solid #999;
	width: 99%;
}
.formular_gruppe textarea{
	width: 100%;
	box-sizing: border-box;
}
.formular_gruppe input[type=submit]{
	margin-top:20px;
	padding: 10px 0;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: 0.05em;
	width: 100%;
	border-radius: 5px;
	cursor: pointer;
}
.formular_gruppe input[type=submit]:hover{
	background-color: #415050;
	color:#fff;
}
.formular_single_checkbox{
	float:left;
	margin:8px 12px 30px 0;
}
.formular_datenschutz{
	border-top:1px solid #e00;
	border-bottom:1px solid #e00;
	margin:20px;
}
.formular_antwort{
	padding: 20px;
	border: 2px solid #090;
}
.formular_fehler{
	border: 2px dashed #d00;
	background-color: #fdb;
	padding: 10px;
}
.formular_fehler p{
	font-size: 120%;
}
label:hover{
	color:#e00;
	cursor: pointer;
}




.fehler{
	display:block;
	padding:10px;
	text-align: center;
	font-size:1.3em;
	background-color: #ff9600;
	color:#ffffff;
	font-weight: normal;
}

/* S-Schutz */
.websiteurl{
	position: absolute;
	top:-9000px;
	visibility: hidden;
}


.clear{
	clear:both;
}




#aktuell{
	padding: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	width:100%;
	-webkit-flex-wrap: wrap;
	justify-content: space-around; /* space-between*/
	align-content: space-around;
}
#aktuell_banner{
	position: relative;
	right: 0;
}

.aktuell{
	background:#f9f9f9;
	min-width: 300px;
	padding: 0;
	margin:8px;
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	border:1px solid #999;
}
.aktuell h3{
	font-size: 140%;
	padding: 0 0 0.5em;
	margin:0;
	font-weight: 600;
}
.aktuell_b{
	width:100%;
	margin:0 0 3px 10px;
	float:right;
}
.aktuell_b img{
	width: 100%;
}
.aktuell_i{
	padding: 10px;
	line-height: 120%;
}


@media(min-width:600px){
	#aktuell{
	}
	.aktuell{
		display:inline-block;
		display:flex;
	}
	.aktuell_b{
	}
}


#aktuell_zusatz{
	width: 100%;
	overflow: hidden;
}
#aktuelles{
	position: relative;
	left:0;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	transition: all 0.5s  ease-in-out;
}
#aktuelles_navi{
	text-align: center;
}
#aktuelles_navi span{
	display:inline-block;
	padding: 1px 7px;
	cursor: pointer;
	list-style:disc;
}
#aktuelles_navi span:hover{
	background:#000;
	color:#fff;
}
#aktuelles_navi span:before{
	content:'\25FB';
}
#aktuelles_navi span.aktiv:before{
	content:'\25FC';
}
#aktuell_zusatz .aktuell{
	width: 100%;
	margin:0;
	background:rgba(255,255,255,0.5);
}
#aktuell_zusatz h3{
	font-size: 120%;
	padding: 0 0 10px 0;
}






.pdf,.a_bilder{
margin:5px 0;
}
.pdf a{
padding:10px 0 5px 0;
text-decoration: none;
}
.pdf img{
float:left;
}
.pdf_v{
border:1px solid #ddd;
}
.pdf_v, .pdf_t {
vertical-align: middle;
display: table-cell;
text-align: left;
}
.pdf_t{
padding-left:7px;
}
.pdf i{
color:#eee;
font-size:0.9em;
font-style: normal;
}
.pdf_g{
clear: both;
float: none;
white-space: nowrap;
color:#aaa;
font-size: 0.9em;
}

.copyrights{}
.copyrights ul{
	list-style: none;
	margin:0 0 5px 0;
}
.copyrights ul li{
	display: inline-block;
	padding: 3px;
	margin: 0 15px 0 3px;
	font-style: italic;
}
.copyrights_bilder ul li{
	padding: 3px;
	margin: 3px;
	border: 1px solid rgba(0,0,0,0.3);
}
.copyrights img{
	height: 50px;
	vertical-align: middle;
}
.copyright{
	padding: 0px 0;
}
.copyrightinfo{
	padding:0 10px;
	font-style: italic;
	font-size:0.9em;
}
.copyrightinfo i{
	white-space: nowrap;
}






/*Bildergalerie*/
.pics{
	position: relative;
	display: block;
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
	padding:66% 0 0 0;
	color: #555;
	font-weight: normal;
	text-align: left;
	font-size: 0.9em;
}
.pics_hoch{
	width: 100%;
	padding:130% 0 0 0;
	margin: 20px 0;
}
#titelbild .pics{
	width:100%;
	margin: 0;
	padding:0 0 50% 0;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
@media(min-width:800px){
	.pics{
		width: 40%;
		margin: 20px 30px 0 0;
		padding:27% 0 0 0;
	}
	.pics_hoch{
		width: 40%;
		padding:55% 0 0 0;
	}
	#titelbild .pics{
		padding: 0 0 42% 0;
	}
	#titelbild .pics_flach{
		padding: 0 0 30% 0;
	}
	#titelbild .pics_flacher{
		padding: 0 0 20% 0;
	}
}
@media(min-width:1500px){
	#titelbild .pics{
		padding: 0 0 35% 0;
	}
	#titelbild .pics_flach{
		padding: 0 0 25% 0;
	}
	#titelbild .pics_flacher{
		padding: 0 0 15% 0;
	}
}

.pics_vb_margin{}
.pics img{
	padding:0;
}
.pics_navi{
	position: absolute;
	bottom:1px;
	right: 1px;
	z-index:1000;
}
.pics_navi span{
	display: block;
	width:21px;
	height: 22px;
	float: left;
	cursor: pointer;
}
.pics_navi_l{background: url(elemente/pics_navi-l.gif) center center no-repeat;}
.pics_navi_r{background: url(elemente/pics_navi-r.gif) center center no-repeat;}
.pics_navi_l:hover{background: url(elemente/pics_navi-l-a.gif) center center no-repeat;}
.pics_navi_r:hover{background: url(elemente/pics_navi-r-a.gif) center center no-repeat;}

.pics_gr{
overflow:hidden;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:8;
}
.pics_rh{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow: hidden;
	text-align:left;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.pics_fill .pics_rh{
	background-size: cover;
}

.pics_gr i{z-index: 11;
	display:block;
	position:absolute;
	left:0;
	top:0;
	margin:0 0 auto auto;
	padding:4px 7px 4px 5px;
	font-style:normal;
	color:#415050;
	background: rgba(255,255,255,0.3);
}
.titelbild_aktuell, .titelbild_teaser{
	position:relative;
	display: inline-block;
	padding:0.5em;
	top:0;
	left: 0;
	font-size: 1.1em;
	font-style:normal;
	color:#415050;
	background: rgba(255,255,255,0.75);
	border-radius: 10px;
}
@media(max-width:400px){
	.titelbild_teaser{
		display:none;
	}
}
.titelbild_aktuell h4{
	padding: 0.3em 0;
}
.titelbild_aktuell a, .titelbild_teaser a{
	color:#e00;
}
.bildautor{
	white-space: nowrap;
	font-style: italic;
}
.pics .pics_gr:hover> .pics_rh{
}
.pics_vbs{
	position: absolute;
	z-index: 100;
	bottom:0;
	left:0;
	display: block;
	width:100%;
	float: none;
	text-align: center;
}

.pics_vb{
	display: inline-block;
	width:30px;
	height:30px;
	padding:0 ;
	margin:0 3px;
	border:1px solid transparent;
	overflow:hidden;
	cursor:pointer;
	text-align:center;
	z-index: 200;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity:0.6;
}
@media(min-width:800px){
	.pics_vb{
		width:40px;
		height:40px;
	}
}
.dia_aktiv, .pics_vb:hover{
	border:1px solid #fff;
	opacity: 1;
}
.pics_vb img{
	position:relative;
	margin:auto;
	margin:0 0 0 2px;
}
a.pics_vb:visited{}
a.pics_vb:hover{}
.pics_voll{
	position: absolute;
	z-index: 10;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	cursor: pointer;
}

.pics_kleiner{
	float:right;
	width:315px;
	height: 210px;
	margin-right: 0;
}


@media(min-width:600px){
	.titelbild_aktuell, .titelbild_teaser{
		top:10%;
		left:0;
	}
}
@media(min-width:900px){
	#titelbild .pics_gr i{z-index: 11;
		font-size: 1.6em;
		top:10%;
		left:10%;
	}
	.titelbild_aktuell,.titelbild_teaser{
		font-size: 130%;
		top:50%;
		left:10%;
	}
	#menu ul ul ul{
		position: absolute;
		visibility:hidden;
		opacity: 0;
		left:100%;
		top:0;
		margin-left:0;
		min-width: inherit;
	}
}


/*Vorschau*/
#vorschau{
	margin-left: 0;
	clear: both;
	padding-top: 20px;
}
.startseite #vorschau{
	margin-left: 0%;
}
.vorschau{
	display: inline-block;
	position: relative;
	width:100%;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.vorschau a{
	text-decoration: none;
}
.vorschau_b{
	width:100%;
	padding-top:50%;
	overflow: hidden;
	background-position: center;
	background-size: 100%;
	position: relative;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.vorschau_t{
	float: left;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.vorschau h4{
	background-color: #484848;
	text-align: right;
	margin:0;
	font-weight: 300;
	font-size: 120%;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.startseite .vorschau h4{
	font-size:130%;
}
.vorschau h4 a{
	padding:3px 5px 3px 30px;
	color:#ffffff;
	display:inline-block;
}
.vorschau_link_voll{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vorschau:hover>h4{
	background-color: #ff6400;
}
.vorschau:hover>.vorschau_b{
	background-size: 130%;
}
.vorschau:hover{
	background-color: #ff6400;
	color:#fff;
}




/*Bildergalerie*/
#dia{
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	visibility: hidden;
	text-align: center;
}
#dia_table{
	position: absolute;
	width: 100%;
	height: 100%;
	background:  #666666;
	overflow: auto;
}

#dia_bild{
	position:relative;
	top:0;
	left:0;
	width:100%;
}
#dia_img{
	margin:auto;
	max-width: 100%;
	max-height: 100%;
	cursor:no-drop;
}
#dia_vorschau{
	position: absolute;
	right: 0;
	bottom:0;
	width: 100%;
	height: 70px;
	overflow: auto;
	text-align: center;
}
#dia_vorschau img{
	max-height: 60px;
	cursor: pointer;
	margin:3px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
}

#bildtitel{
	position: absolute;
	top:3px;
	width: 100%;
	font-style: normal;
	font-weight: normal;
	color:#ffffff;
	text-align: center;
	padding:0 0 3px 0;
	text-shadow: 0 0 2px #000;
}

#dia_schliessen{
	position:absolute;
	top:0;
	left:0;
	background: #ff6400 url(elemente/schliessen.png) center center no-repeat;
	margin:0;
	width:25px;
	height: 25px;
	cursor: pointer;
}
#dia_schliessen:hover{
	background-color: #f00;
}
#dia_beschreibung{
	width: 100%;
	background-color: #fff;
	padding:0;
	font-size:0.9em;
	overflow:auto;
	text-align: left;
}

#dia_beschreibung h2{
	position: relative;
	color:#fff;
	margin:0;
	padding: 35px 30px 5px;
	font-size: 20px;
	text-align: center;
	background: #ff6400;
}
#dia_beschreibung p{
	margin:0 0 5px;
}
.beschreibung{
	color:#444;
	padding:10px;
}
.navi{
	position: absolute;
	height: 100%;
	width:25px;
	background: transparent url(elemente/navi-zurueck.png) center no-repeat;
	top:0;
	left:0;
}
.navi_vor{
	left:auto;
	right:0;
	background: transparent url(elemente/navi-vor.png) center no-repeat;
}
.navi:hover{
	background-color: #e00;
	cursor: pointer;
}


.googlemap{
	float:left;
	width:100%;
}
.infoBox{
	padding:0;
	font-size:12px;
	background: rgba(255,255,255,0.9);
	border:1px solid #999;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.5);
	box-shadow:1px 1px 2px rgba(0,0,0,0.5);
}
.infoBox h1{
	font-size:20px;
	margin:0;
	padding:3px;
	letter-spacing:0;
}
.closeBox{
	background:#000;
}
/*Routenplaner*/
.route_form{
	clear:both;
	display:block;
	margin:0;
	padding:5px 20px;
	background: #e00;
	color:#fff;
}
.submit_route{
	padding:3px 10px;
	border:none;
}
.submit_route:hover{
	cursor:pointer;
	background:#D30B11;
	color:#fff;
}
.googlemap_dir{
	width:100%;
	margin:10px;
	padding:20px;
	background-color:#e1ceb8;
}
.adp-step, .adp-substep {
	border-top:1px solid #CDCDCD;
	margin:0;
	padding:0.3em 3px;
	vertical-align:top;
}
.adp-directions{
	width:100%;
}
.adp-placemark{
	background: #F7F8F9;
}





@media (min-width:745px){
	#dia_table{
		position: relative;
		width:98%;
		height: 500px;
		max-width: 1150px;
		max-height: 100%;
		border:1px solid #444444;
		margin:auto;
	}
	#dia_bild{
		width:67%;
		float: left;
		height: 100%;
		overflow: hidden;
	}
	#dia_beschreibung{
		width:33%;
	}
	#dia_vorschau{
		position: absolute;
		bottom: auto;
		top:0;
		width: 110px;
		height: 100%;
	}
	#bildtitel{
		top:auto;
		bottom:10px;
	}
}
@media(min-height:600px) AND (min-width:745px){
	#dia_table{
		height: 90%;
		max-height: 750px;
	}
}





#hinweis_cookie_box{
	background: #eee;
	padding:6px 10px;
	text-align: center;
}
#hinweis_cookie{
	max-width: 980px;
	margin:auto;
}
#hinweis_cookie_schliessen,#hinweis_cookie_ablehnen{
	display: inline-block;
	padding: 3px 8px;
	border-radius: 5px;
	margin:0 10px;
	cursor: pointer;
	background: #ddd;
	color:#000;
}
#hinweis_cookie_schliessen:hover,#hinweis_cookie_ablehnen:hover{
	background: #fff;
}