/* Last change: 220906 */

* { box-sizing: border-box; }
.contentwrapper {
	background-color: #fff;
	padding: 10px 20px;
}
img {
	max-width: 100%;
	height: auto;
}
#index tr, #navigation tr {
	display: flex;
	flex-wrap: wrap;
}
#navigation tr.textnavigation {
	display: initial;
	width: 100%;
}
* html ul li{float:left;height:1%;}
* html ul li a{height:1%;}
html, body{padding:0;margin:0;}
body{font:normal 14px/1.5em "Verdana", "Arial", sans-serif;background-color:#a4a4a4;text-align:center;background-image:url("images/background.png");background-repeat:no-repeat;background-size:100%;}
h1{margin:10px 0 10px 0;font-size:28px;font-weight:normal;line-height:30px;color:#008C9A;text-transform:uppercase;}
h2{margin:10px 0 0 0;padding:0;font-size:22px;line-height:30px;color:#545657;text-transform:uppercase;font-weight:normal;}
h3{margin:0;padding:0;font-size:16px;color:#00AAE4;text-transform:uppercase;}
.datenschutz li::marker {font-size: 16px;color: #00AAE4;font-weight: bold;}
.datenschutz ol {padding-left: 2em;margin-top: 3em;}
h4{font-size:11px;font-weight:normal;margin:0;padding:0;}
p{margin:0 0 15px;padding:0;line-height:21px;}
a{color:#000;text-decoration:none;border-bottom:1px solid #008C9A;}
a:hover{color:#008C9A;text-decoration:none;border-bottom:1px solid #999;}
#leftcontent a, .thumbcell a,
td[width="160"] a, a.bauten{border:none;}
blockquote{margin:0;padding:15px;background-color:#E7F0F3;border:1px solid #ccc;}
cite{color:#666;font-size:16px;font-family:Georgia, Helvetica, Arial;}
ul{margin:0;padding:0;list-style:none;border-bottom:0;}
ul ul{display:none;margin-left:0;}
.active + ul, a.parent + ul{display:block;}
#nav ul li{position:relative;}
#nav li{padding-left:10px;}
li.minergie{margin-top:66px;}
ul li a{display:block;text-decoration:none;color:#42474a;padding:7px 0 7px 0;border-bottom:0;text-transform:uppercase;font-size:12px;margin-bottom:1px;}
ul li.minergie a{padding-bottom:3px;}
.submenu{padding-left:30px;background-color:#545657;}
ul li a:hover, .active{color:#fff;background-color:#008192;padding-left:13px;}
ul li ul a{padding:4px 0 4px 0;margin-left:27px;}
ul li ul a:hover, ul li ul a.active{color:#fff;background-color:#008192;padding-left:13px;}
.active, ul li ul a.active{background-color:#6f777c;}
ul li a{transition:padding-left 0.1s, background-color 0.2s, color 0.2s;}
.box ul{list-style:none;height:100%;margin:0;}
.box ul li a{background:url(pics/bkg_box.jpg) #42474A;color:#888;display:block;padding:6px 15px 6px 15px;text-decoration:none;width:260px;text-decoration:none;height:104px;}
.box ul li a:hover{background:#2A2D31;color:#fff;}
.box ul li a em{color:#666;font-style:normal;}
.box ul li a strong{background:none;color:#fff;font-weight:bold;display:block;position:relative;top:3px;}
.box ul li a:hover strong{color:#777777;}
.box ul li a span{position:relative;top:5px;}
.box2{margin-bottom:0;}
.topbox em{color:#00AAE4 !important;}
.pdf a:link, .pdf a:visited{padding-left:45px;padding-top:18px;height:35px;display:block;background-image:url(pics/pdf_img.jpg);background-repeat:no-repeat;background-position:0 .3em;background-color:#fff;color:#545657;text-transform:uppercase;font-weight:normal;font-size:22px;text-decoration:none;}
.pdf a:hover{text-decoration:underline !important;}
#container{margin:0;margin-bottom:0;padding:0;display:block;text-align:left;position:relative;}
#inhalt , #imagepool{background-color: transparent;margin:0;padding:15px;position:relative;white-space:normal;display:block;vertical-align:top;}
#inhalt{width:auto;}
#leftcontent{margin:0;padding:0;display:block;white-space:normal;width:330px;position:static;left:0;top:0;}
#nav{background-color:#a4a4a4;margin-bottom:4em;}
#Logo{width:260px;height:221px;padding:0;text-align:left;color:#707070;font-size:10px;margin-bottom:4em;margin-bottom:70px;}
#footer{text-align:left;clear:both;color:#333333;font-size:10px;padding:15px 15px 15px;position:absolute;bottom:-70px;width:99%;}
#footer a{color:#FFFFFF;}
#footer a:link{color:#FFFFFF;}
#footer a:visited{color:#FFFFFF;}
#footer a:active{color:#FFFFFF;}
#footer a:hover{color:#333333;}
#footertext{float:left;}
#top{float:right;padding:1em;background-color:#008192;margin-right: 1em;}
#leftfoot{padding:0;margin:0;height:44px;text-align:left;clear:both;display:none;}
.q_img{background-color:#008C9A;border:1px solid #ccc;padding:0;margin:5px 0 15px 0;/*width:100%*/;height:auto;max-width: 100%;}
.home.q_img{margin-bottom:3px;}
a .q_img{border:2px solid #008C9A;}
.gal_img{background-color:#fff;border:1px solid #ccc;padding:0;margin:5px 0 10px 0;}
.fotograf{float:left;background-color:#fff;border:1px solid #ccc;padding:0;margin:5px 15px 15px 0;}
form{margin:30px 0 20px 0;}
form br{clear:none;}
.button{background-color:#f5f5f5;border:1px solid #ccc;margin:0;}
textarea, input, select{font-weight:normal;font-size:14px;color:#444;border:1px solid #ccc;padding:5px;margin-bottom:15px;}
textarea{font-size:14px;color:#444;width:380px;height:200px;margin-bottom:20px;}
input:focus, input:hover, textarea:focus, textarea:hover{border:1px solid #2A2D31;}
div#header h1{font-family:verdana,arial,helvetica,sans-serif;text-align:center;font-size:14pt;font-weight:200;background-color:transparent;color:#000000;}
div#index{margin:1ex 0 1ex 0;text-align:center;}
div#index table{text-align:center;margin:0 auto 0 auto;}
div#index td.thumbcell{width: calc(100% / 6);border:1px solid #78787C;text-align:center;vertical-align:middle;padding:10px;}
div#index.t7 td.thumbcell{width: calc(100% / 7);}
div#index.t5 td.thumbcell{width: calc(100% / 5);}
div#index.t4 td.thumbcell{width: calc(100% / 4);}
div#index.t3 td.thumbcell{width: calc(100% / 3);}
div#index td.thumbcell img{border-style:none;max-width: 100%;}
div#index div.pages{font-family:verdana,arial,helvetica,sans-serif;font-size:12px;text-align:right;}
div#navigation{text-align:center;font-family:verdana,arial,helvetica,sans-serif;font-size:10pt;margin:1ex 0 1ex 0;}
div#navigation table{text-align:center;margin:0 auto 0 auto;}
/*div#navigation td.previous,div#navigation td.index,div#navigation td.next{width: calc(100% / 3);}*/
div#navigation td.previous{text-align:left;}
div#navigation td.index{text-align:center;padding-left:3em;padding-right:3em;}
div#navigation td.next{text-align:right;}
div#navigation td.thumbcell{width: calc(100% / 5);border:1px solid #78787C;text-align:center;vertical-align:middle;padding:10px;}
div#navigation td.thumbcell img{border-style:none;max-width: 100%;}
div#navigation td.selected{border: 1px solid #008C9A;background-color: #ccc;}
div#navigation span.home{display:block;padding-bottom:1em;}
.textnavigation td{padding-bottom:12px;}
div#photograph{text-align:center;margin:1ex 0 1ex 0;}
div#photograph img{margin:0 auto 0 auto;border:1px solid #000000;max-width: 100%;}
h1.title{text-align:center;font-size:14pt;font-weight:200;margin:0;}
p.caption, p.description{text-align:center;font-size:0.8em;display:block;width:640px;margin:auto;}
p.footnote, p.footnote a{color:#aaa;margin-bottom:0;}
p.footnote{font-family:verdana, arial, helvetica, sans-serif;font-size:8pt;text-align:center;padding:0 2em 0 0;color:#aaa;}
.intro h1 {
	font-size: 165%;
	margin: 5px 0 5px;
}
.intro p {
	font-size: 115%;
	text-align: justify;
	margin: 5px 0 5px;
}
div.info { margin-top: 1em; background-color: #008C9A4D; padding: 0.8em 1em 0.1em; }
p.info { margin-top: 0; background-color: #008C9A4D; padding: 2px 6px; }
iframe#illow-banner-widget[style*="max-width"], iframe#illow-banner-widget[style*="width: 100%"] {
	left: 0;
	width: auto !important;
	max-width: 100% !important;
}
@media (max-width:340px){#nav{width:284px;}
#footer{bottom:-106px;padding-right:0;}
#leftcontent{width:auto;}
}
@media (max-width:530px){.fotograf{float:none;}}
#footer{bottom:-106px;padding-right:0;}
#leftcontent{width:auto;}
@media (min-width:790px){
body{min-width:775px;font:normal 12px/1.5em "Verdana", "Arial", sans-serif;}
.home li.minergie{margin-top:91px;}
#nav li{padding-left:0;}
#container{max-width:1064px;min-height:754px;margin:100px auto 40px;margin-bottom:0;padding:0;display:inline-block;}
#inhalt , #imagepool{background-color:#fff;max-width:calc(100% - 375px) /*870px*/;min-width:400px;margin:0 0 0 345px;padding:8px 16px 8px 14px;display:inline-block;}
.contentwrapper {padding:0;}
.minergie .contentwrapper {min-height: 623px;}
#inhalt{width:445px;/*min-height:618px;*/}
#Logo{margin-bottom:70px;}
#nav{margin-bottom:0;}
#leftcontent{margin:0 0 0 15px;padding:0;display:inline-block;width:330px;position:absolute;left:-360px;top:0;}
#footer {padding: 15px 15px 15px 0;}
#footertext{float:right;}
#top{float:left;padding:0;background-color:transparent;}
}