@charset "utf-8";

img, object, embed, video { max-width: 100%;  }
html{
	width:100%; 
	overflow-x:hidden;
	display:block
	}
	

body{
	color:#FFCC33;
	background-color:#1e0004;
	width: 97%;
	margin-left: 1%;
	margin-right: 1%;
	overflow-x:hidden;
	color: #FF9900;
	font-family: Times New Roman, Times, serif;
	line-height: 30px;
	font-style: italic;
	font-size: 100%;
	font-weight: bold;
}
.clear{
	clear:both;
	}
.right{
	text-align:right
	}
.center{
	text-align:center
	}
.text{
	color:#f9ab46;
	font-weight:bold;
	font-style: italic
}
.red{color:red}
a{
	color:#0099FF;
	}

a:hover{
	color:#c93;
	}
.sub_menu{
	margin-left:60px
	}
	
a.oben {
    float: right;
    margin-right: 5%;
}

h1, h2, h3, h4, h5, h6{
	margin-bottom: 25px;
	font-weight: 300;
	font-style: italic;
}

h1{
	font-size: 110%;
	color: #FFCC33;
	font-weight: bold;
	}
	
h2{	
	font-size: 120%;
	color: #FFCC33;
	clear:both
	font-weight: bold;
	}
hr{clear:both}
h3{
	font-size: 110%;
	color:#FFCC33; 
	}
	
h4{
	font-size: 145%;
	font-weight: bold;
	}

h5{
	font-size: 130%;
	font-style: italic;
	color: #39c;
	float:right;
	margin-right:5%;
	}
	
h6{
	font-size: 110%;
	color: #f1e12a;
	font-weight: bold;
	}

.abstand_rechts{	
	margin-right:0
	}
	
.index_bild{
	float:left;
	width: 80px;
	height:135px;
	padding-right:23px;
	}
	
	
.handy{
	display:none;
	visibility:hidden;
	height:0px
	}

.seite {
	width: 100%;
	margin-left: 1%;
	float: left;
	}

.header{
	width: 100%;
	margin-top: 45px;
	float:left;
	margin-bottom:25px;
	}

.logo{
	width: 11%;
	float: left;
	margin-left:4%;
	margin-top:45px;
	}

.slogan{
	margin-top: 45px;
	float: left;
	margin-left:5%;
	font-size: 240%;
	color: #f1e12a;
	}

.container_1_1{
	display: block;
	width: 99.4%;
	clear:none;
	float: left;
	}
.container_1_2 {
		display: block;
	width: 50%;
	clear:none;
	float: left;
	}
.container_1_3 {
	}
.container_1_5 {
		display: block;
	width: 20%;
	clear:none;
	float: left;
	}	
.container_1_6 {
	}
h1{
      font-size: 16px;
      width: 100%;
      text-align: center;
      margin-bottom: 68px;
 }
	
div#MainBook {
    margin: 0 auto;
    width: 366px;
	}
.placeholder1{
	height: 200px;
	}
a.link_groesse{
	font-size: 140%;
	}
.index_bildblock{
	width: 216px;
	margin:0 auto;
	}
.wappen{
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 1%;
	float:left;
	width: 7.3%;
	}


.wappen_titel{
	float:left;
	width:30%;
	margin-right: 5%;
	color:#FFCC33;
	font-family:Times New Roman, Times, serif;
	}
	
.wappen_beschreibung{
	float:left;
	width: 65%;
	color:#FF9900;
	font-family: Times New Roman, Times, serif;
	margin-top: 33px;
	margin-bottom: 18px;
	line-height: 30px;
	font-style: italic;
	font-size: 90%;
	font-weight: bold;
	}
.container_1_1.wappen_beschreibung {
    text-align: center;
    }
.figur{
	    float:left;
	    width:99px;
    }
.formmailer{
	width: 381px;
	margin: 0;
	font-family:Arial, sans serif;
	}
.formmailer input, .formmailer textarea, .formmailer select{
	width: 96%;
	height: 25px;
	margin-bottom: 18px;
	margin-top: -9px;
	margin-left: 2%;
	}

.formmailer select{
	-webkit-appearance: none;
    -moz-appearance: none;
	width:98%;
    padding: .75em 1em .5em 1em;
    background-image: url(/img/down_select.png);
    background-position: right;
    background-repeat: no-repeat;
    border-radius: 0;
    min-height: 30px;
}
.formmailer table {
    width: 100%;
	}
.formmailer td {
    font-size: 92%;
    }
    
input[type="submit"], input[type="reset"] {
    background-image: url(../img/schalter.jpg);
    background-size: cover;
    border-radius:3px;
    height: 40px;
    margin-bottom: 18px;
    width: 98%;
    font-size: 80%;
    color: rgb(255, 204, 51);
    }

input[type="submit"]:hover, input[type="reset"]:hover{
    background-image: url(/img/schalter_1.jpg);
    }
    
.fachwerk_text{
	float:left;
	width:23%;
	margin-right:2%;
	color:#FF9900;
	font-weight:bold
	}

.fachwerk_bild{
	float:left;
	width:23%;
	margin-right:2%
	}
.video{
	float:left;
	width: 14%;
	margin-right:2%;
	max-width:150px
	}
.doors{
	float:left;
	width: 23%;
	margin-right:2%;
	color:rgb(255, 153, 0);
	font-weight:bold;
	font-style: italic
	}
.container_1_3{
	width: 33%;
	float:left;
	}
.container_1_6{
	width: 33%;
	float:left;
	}
.stadt{
	width: 9%;
	float:left;
	margin-right:1%
	}
.container_1_3 {text-align:center}
.container_1_6 { }

.zurueck{
		left:0;
		width: 95px;
		float: left;
		margin-top: 120px;
	}
.vor{
		right: 12%;
		margin-top: 120px;
		float: left;
		width: 66px;
		position: absolute;
	}
.detailbild{
		float:left;
		width: 77%;
	}
	@media only screen and (max-width: 1554px) {
.vor{
		right: 4.5%;
	}
	}

 @media only screen and (max-width: 884px) {
.wappen_titel, .wappen_beschreibung{
	width: 100%;
	margin-top:0
	}
.fachwerk_text{
	width:48%;
	margin-right:2%;
	}
.fachwerk_bild{
	width:48%;
	margin-right:2%;
	}
.video{
	width:20%;
	margin-right:2%
}

.stadt{
	width: 18%;
	margin-right:2%
	}
	.stadt.clear{clear:none}
.wappen{
	margin-right: 1%;
	width: 19%;
	}
.zurueck{
		left:0;
		width: 95px;
		float: left;
		margin-top: 10px;
		/* width:100% */
	}
.vor{
		right:0;
		margin-top: 10px;
		float: right;
		width: 45px;
		width: 72px;
		/* margin-bottom:24px; */
		position: absolute;
	}
.detailbild{
		float:left;
		width: 80%;
		margin-left:10%
	}

}
 @media only screen and (max-width: 790px) {
.container_1_2 {
	width: 100%;
	}
.video{
	width:50%;
	}
.doors{
	width: 48%;
	}
.container_1_5{
			width: 50%;
	}
.container_1_3{
			width: 48%;margin-right:2%
	}
.container_1_6{
			width: 48%;margin-right:2%
	}
.clear_both{clear:both}
.container_1_3.clear{clear:none}
.container_1_6.clear{clear:none}
}
 @media only screen and (min-width: 791px) {
.handy{
	visibility:visible;
	min-height:100px;
	display:block;
	float:left
	}
	}
@media only screen and (max-width: 610px) {
.doors{
	width: 300px;
	margin: 0 auto;
	float: none;
	}
.doors img{margin: 0 auto;width: 304px;float: left;}
}
@media only screen and (max-width: 395px) {
.formmailer{
	width: 100%;
	margin: 0;
	}
.fachwerk_text{
	width:100%;
	margin-right:0;
	}
.fachwerk_bild{
	width:100%;
	margin-right:0
	}
	.doors{
	width: 98%;
	}
	.doors img{width:98%}
.container_1_5{
			width: 98%;
	}
	.zurueck{
		left:0;
		/* width: 95px; */
		float: left;
		margin-top: 10px;
		/* width:100% */
	}
.vor{
		right:0;
		margin-top: 10px;
		float: right;
		/* width: 45px; */
		/* width:100%; */
	}
.detailbild{
	
		width: 100%;
		margin-left:0
	}

}



@media only screen and (min-width: 411px) {
h1{font-size: 18px;}

}
@media only screen and (max-width: 411px) {

.stadt{
	width: 23%;
	margin-right:2%
	}
.wappen{
	margin-right: 2%;
	width: 23%;
	}
.index_bildblock{
	width: 312px;
	margin:0 auto;
	}
} 
@media only screen and (max-width: 300px) {
.index_bildblock{
	width: 220px;
	}
} 
@media only screen and (max-width: 360px) {

	.stadt{
	width: 31%;
	margin-right:2%
	}
		
}
@media only screen and (min-width: 531px) {


h2{	font-size: 120%; font-weight: bold;}
h3{	font-size: 110%;}

.container_1_1 {
	width: 99%;
	}
	
.index_bildblock{
	width:428px;
	}
.open{
	width:110px;
	top:186px
	}
}

@media only screen and (min-width: 613px) {

.index_bildblock{
	width:518px;
	}
}

@media only screen and (min-width: 650px) {
.placeholder1{
		height:300px
		}
		
div#MainBook {
    margin: 0 auto;
    width: 605px;
	}
	
h1{
	font-size:24px
	}

}
@media only screen and (min-width: 900px) {

.index_bildblock{
	width: 536px;
	}
}

@media only screen and (min-width: 1330px) {

.index_bildblock{
	width: auto;
	float: left;
	position: relative;
	}
}

@media only screen and (min-width: 800px) {

.placeholder1{height: 300px;}
}

@media only screen and (max-width: 991px) {
.index_table td, index_table tr{
		display:block;
		min-width:45%;
		height:auto;
		max-width:60%	
		}
}

@media only screen and (min-width: 992px) {
.sub_menu{
	margin-left:3%
	}
	
h1{
	margin-left: 0;
	font-size: 32px;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	}
	
a.link_groesse{
	font-size:200%
	}


	
h2{
		font-size: 150%;
		height:45px;
		line-height:45px;
		font-weight: bold;
		}
	
h3{	font-size: 140%;}
h6{ font-size: 180%; }
.abstand_rechts{	margin-right:4%}

	
.logo{
	margin-top:0;
	}
.slogan{
	z-index:407770;
	position:absolute;
	top:40px;
	right: 10%;
	}
.header{
	margin-bottom:25px
	}
.bild{
	width:19%;
	margin-bottom: 5px;
	}

.container_3_4{
	width: 72%;
	}

.container_1_1 {
	width: 98%;
	}

.container_1_2 {
	width: 46.25%;
	margin-right:3%;
	float: left;
	}

.container_1_3 {
	width: 98%;
	}
.container_1_6 {
	width: 98%;
	}

.container_2_3 {
	width: 67.3%;
	}

.container_1_4 {
	width: 28%;
	float: left;
	}

.container_3_4 {
	width: 70%;
	padding-left: 2%;
	float: left;
	}

.container_1_5{
	}
.container_2_5 {
	width: 35.91%;
	}

.container_3_5 {
	width: 55.57%;
	}
.container_4_5 {
	width: 73.79%;
	}
.footer{float:right}

}

@media only screen and (min-width: 1014px) {

.oben{
	visibility:hidden;
	display:none;
	height:0
	}


.mitte{
	width: 79%;
	padding-top:25px;
	}

.container_1_3 , .container_1_3.abstand_rechts{
	width: 31%;
	}
.container_1_3.abstand_rechts.klein{
	float:left;
	margin-right:2.2%;
	}
	
.container_1_6 , .container_1_6.abstand_rechts{
	width: 31%;
	}
.container_1_6.abstand_rechts.klein{
	float:left;
	margin-right:2.2%;
	}
h6{
	margin-top:30px;
	margin-bottom: 30px;}
}

@media only screen and (min-width: 1200px) {
.seite {
	width: 93%;
	margin-left: 5%;
	margin-top: -1px;
	}
.mitte {
	width: 80%;
	}
}

@media only screen and (min-width: 2200px) {

html {
	width: 1800px;
	margin:0 auto;
	}
}