/* ######## HTML BODY ####### */
*{
	margin:0;
	padding:0;
	font-family:Arial;
	font-style:normal;
	font-weight:normal;
	color:#000;
}*,
*:after,
*:before {
	padding: 0;
	margin: 0;
}
html,
body{
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #FCFCFC;
	overflow: hidden;
}
body {
	display:flex;
	flex-direction:column;
}
#aussen{
	height:100%;
	overflow: auto;
	display:flex;
	flex-direction:column;
}
#inhalt {
	flex:1 0 auto;
	overflow: hidden;
	background-color:#fff;
	margin:0 auto;
	width:100%;
	-webkit-transition: width 0.3s ease-in-out;
	-moz-transition: width 0.3s ease-in-out;
	-o-transition: width 0.3s ease-in-out;
	-ms-transition: width 0.3s ease-in-out;
	transition: width 0.3s ease-in-out;
}
/* ######## HTML BODY Ende ####### */
/* ######## Menu ######## */
#oc{
	float:left;
	flex:0 0 auto;
	width:100%;
	background-color:#666;
	text-decoration:none;
	list-style-type:none;
}
#oc li{
	float:left;
	text-decoration:none;
	list-style-type:none;
}
#oc #menu{
}
#oc #open,#oc #close{
	float:right;
	display:none;
}
/* ######## Menu Ende ######## */
/* ########## infobox ######### */
#info_view{
	float:left;
	clear:right;
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	box-shadow: 0 6px 8px -4px rgba(0,0,0,0.15);
	display:flex;
	justify-content:space-around;
}
.infobox{
	float:left;
	clear:right;
	width:100%;
	text-align:center;
	margin:3% 1.5% 0 1.5%;
 	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.infobox h1{
	width:100%;
  	display: inline-block;
	color:#99001b;
  	box-shadow: 0 5px 12px -2px rgba(0,0,0,0.05);
	transition: 1s ease;
}
.infobox .p_tex{
	width:94%;
	font-weight:normal;
	overflow:hidden;
	text-align:justify;
	padding:3px 3% 4% 3%;
	color: #666;
	line-height: normal;
 hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 -webkit-hyphens: auto;
}
.infobox .p_tex a{
	text-decoration:none;
	font-weight:normal;
	padding:0 0 0 1%;
  	color:#99001b;
	line-height: normal;
}
.infobox .p_tex a:hover{
	opacity:0.8;
}
.infobox .p_foo a{
	text-decoration:none;
  	display: inline-block;
  	color:#fff;
  	text-align: center;
  	cursor: pointer;
  	width: 100%;
}
.infobox .p_foo{
 	border: none;
  	outline: 0;
  	display: inline-block;
  	background-color:#99001b;
  	text-align: center;
  	cursor: pointer;
  	width: 100%;
}
.infobox .p_foo:hover{
	opacity:0.8;
}
.infobox img{
	width:100%;
	height:auto !important;
	margin:0;
	padding:0;
  	box-shadow: 0 5px 12px -2px rgba(0,0,0,0.12);
	transition: 1s ease;
}
.feld, .feld_imp{
  box-shadow: 0 6px 8px -4px rgba(0,0,0,0.15);
}
#fo_ico li{
	width:24px;
	height:24px;
}
#fo_ico li a:hover{
	height:19px;
}
/* ###### Infobox Ende ######### */

/* ########## Feld ######### */
.feld, .feld_imp{
	float:left;
	width:100%;
	margin-bottom:2%;
	overflow:hidden;
	-webkit-transition: height 0.3s ease-in-out;
	-moz-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
}
.feld:nth-of-type(1), .feld_imp:nth-of-type(1){
	margin-top:3%;
}
.feld p{
	float:left;
	width:96%;
	margin:1% 2% 2% 2%;
	text-align:justify;
	font-weight:normal;
	color: #666;
}
.feld h1{
	float:left;
	width:96%;
	text-align:justify;
	color:#99001B;
}
/* ###### Feld Ende ####### */
#banner{
	width:100%;
	height:300px;
	margin:0;
	padding:0;
	overflow:hidden;
	-webkit-transition: height 0.1s ease-in-out;
	-moz-transition: height 0.1s ease-in-out;
	-o-transition: height 0.1s ease-in-out;
	-ms-transition: height 1.3s ease-in-out;
	transition: height 0.1s ease-in-out;
  	box-shadow: 0 6px 12px -4px rgba(0,0,0,0.15);
	background-color:#ededed;
	position:relative;
	display:block;
}
/* ######### Foto_slider ######## */
.sliderElements,
.sliderElements figure,
.sliderControls {
	margin: 0;
	padding: 0;
}
.sliderElements:after {
	 font-size: 0;
	 content: ".";
	 display: Block;
	 visibility: Hidden;
	 height: .1px;
	 clear: Both;
	 overflow: Hidden;
}
.cssSlider {
	float:left;
	width:100%;
	overflow: Hidden;
}
.sliderElements {
	list-style: None;
	position: Relative;
	left: 0;
	width: 400%;
	transition: left .8s ease-in-out;
}
.sliderElements > li {
	float: Left;
	width: 25%;
	position: Relative;
}
#slide02:checked ~ .sliderElements {left: -100%;}
#slide03:checked ~ .sliderElements {left: -200%;}
#slide04:checked ~ .sliderElements {left: -300%;}
#slide05:checked ~ .sliderElements {left: -400%;}
#slide06:checked ~ .sliderElements {left: -500%;}
/* ########## Text_auf_Foto ####### */
.sliderElements figcaption {
	color: #fff;
	background: rgba(0,0,0,.5);
	display: Block;
	position: Absolute;
	top:170px;
	padding: .4em .4em .4em 1em;
	cursor: Default;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
/* ######### Foto ####### */
.sliderElements img {
 width: 100%;
 height:300px;
}

.cssSlider input {
 display: None;
}

/* ######### Foto_Navi ####### */
.sliderNavi {
	width:100%;
 	text-align:center;
	background:rgba(0,0,0,0.2);
	padding:1%;
	margin:0;
	transition: all 1s ease;
	overflow:hidden;
	position: relative;
	display:block;
	top:0;
}
#banner:hover .sliderNavi{
  top:-13%;
}

.sliderNavi li {
 display: Inline-Block;
}

.sliderNavi label {
	background-color:#5C5C5C;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: Center;
	border-radius: 50%;
	margin-left: 1.5%;
	cursor: Pointer;
	display:inline-block;
}
.sliderNavi label:hover{
background-color: #850002;
}
#slide01:checked ~ .sliderNavi label[for="slide01"],
#slide02:checked ~ .sliderNavi label[for="slide02"],
#slide03:checked ~ .sliderNavi label[for="slide03"],
#slide04:checked ~ .sliderNavi label[for="slide04"],
#slide05:checked ~ .sliderNavi label[for="slide05"] {
 background-color: #DDDDDD;
}

/* ######## footer ######## */
#footer{
	flex:0 0 auto;
	float:left;
	clear:both;
  	width:100%;
	text-decoration:none;
	list-style-type:none;
	background-color: #666;
  	box-shadow: 0 -5px 4px -4px rgba(0,0,0,0.15);
	flex-direction: row;
}
#footer_box{
	float:left;
	clear:both;
	display:flex;
	justify-content:space-around;
	width:100%;
}
#fo_men{
	float:left;
	clear:right;
	width:100%;
	margin:0;
	padding:1%;
	list-style-type:none;
	text-decoration:none;
	text-align:center;
}
#fo_men li{
	display:inline-block;
	padding:0;
	margin:0;
	font-weight:normal;
	list-style-type: none;
	text-decoration:none;
}
#fo_men a{
	display:inline-block;
	margin:0 0 2px 0;
	padding:3px 5px;
	color:#ffffff;
	font-weight:normal;
	list-style-type:none;
	text-decoration:none;
    border-radius:3px;
	background-color:#5C5C5C;
}
#fo_men a:hover{
	background-color:#850002;
}
#fo_cent{
	float:left;
	clear:right;
	width:50%;
	margin:1% 0;
	padding:0 1% 1% 1%;
	list-style-type:none;
	text-decoration:none;
	border-left:1px dotted #fff;
	text-align:center;
}
#fo_cent li{
	padding:0;
	margin:0;
	color:#fff;
	font-weight:normal;
	font-size:65%;
	list-style-type:none;
	text-decoration:none;
	vertical-align:top;
}
#fo_ico{
	float:left;
	clear:right;
	width:50%;
	margin:1% 0;
	padding:0 1% 1% 1%;
	list-style-type:none;
	text-decoration:none;
	text-align:center;
	border-left:1px dotted #fff;
}
#fo_ico li{
	display:inline-block;
	margin:0;
	padding:0;
    border-radius:0px;
  	box-shadow: 0px 1px 6px 3px rgba(0,0,0,0.15);
	text-align:left;
	background-color:#000;
}
#fo_ico a{
	color:#ffffff;
	list-style-type:none;
	text-decoration:none;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
#fo_ico a img{
	margin:0;
	padding:0;
    border-radius:0px;
	width:100%;
	vertical-align: middle;
}
#fo_ico li a img:hover{
	opacity: 0.4;
}
/* ######## footer Ende ######## */
/* ########## Login ############## */
#log{
	display:none;
	width:100%;
	height:100%;
	z-index:1;
}
#log:target{
	display:block;
	width:100%;
	height:100%;
	position: fixed;
	z-index:1;
	background-color: rgba(0,0,0,0.4);
}
.exit{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-align:right;
	float:right;
}
.back{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-align:right;
	float:left;
}
#log span form label b{
  	color: #666;
}
#log:target form, #log:target form .logbtn, #log:target form .cancelbtn{
	opacity:1;
	transition:1s;
}
input[type=text], input[type=password] {
	padding:1% 0 1% 1%;
	margin:0 0 2% 0;
	display: inline-block;
	border: 1px solid #ccc;
	box-sizing: border-box;
	float:right;
	width:70%;
}
.logform {
  	margin: 5% auto 1% auto;
  	border: 0 solid #E6E6E6;
	background-color:#fff;
	list-style-type:none;
	height:auto;
}
#log .logform .exit{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}
#log .exit a{
	margin:2% 4% 0 0;
	padding:0;
  	color: #666;
  	font-weight: bold;
  	font-size:2.1em;
	text-decoration:none;
	background-color:#fff;
	float:right;
}
#log .exit a:hover{
  	color: red;
	background-color:#fff;
}
.logform input{
	float:right;
	font-size:0.9em;
}
.btncontainer {
	text-align:right;
	width:92%;
	padding:4%;
	margin:1% 0 0 0;
	background-color:#f1f1f1;
}
button{
	width:49.5%;
	padding:2% 0;
	color: white;
	border: none;
	cursor: pointer;
}
button:hover {
	opacity: 0.8;
}
.cancelbtn {
	float:left;
	margin:0 1% 0 0;
	background-color: #f00;
}
.logbtn {
	background-color: #4CAF50;
}
.container {
	padding:0 4%;
}
input[type=radio]{
 -moz-appearance: None;
 -webkit-appearance: none;
	padding:2%;
	margin:1% 1% 0 0;
	background-color:rgba(0,0,0,0.20);
 	border-radius:10px;
	vertical-align: sub;
}
span:nth-of-type(2) input[type=radio]{
 -moz-appearance: None;
 -webkit-appearance: none;
	padding:2%;
	margin:1% 1% 0 2%;
	background-color:rgba(0,0,0,0.20);
 	border-radius:10px;
	vertical-align: sub;
}
input[type=radio]:checked,span:nth-of-type(2) input[type=radio]:checked{
 -moz-appearance: None;
 -webkit-appearance: none;
	background-color:#850002;
}
/* ########## Kontakt ############## */
#kon{
	display:none;
	width:0;
	height:0;
	z-index:1;
}
#kon:target{
	display:block;
	width:100%;
	height:100%;
	position: fixed;
	z-index:1;
	background-color: rgba(0,0,0,0.4);
	overflow:auto;
}
.konform {
  	margin: 5% auto 1% auto;
  	border: 0 solid #E6E6E6;
	background-color:#fff;
	list-style-type:none;
	transition:0.3s ease-in-out;
}
.container_kon{
	padding:0 4%;
	margin:0 0 4% 0;
	box-shadow: 0 6px 8px -4px rgba(0,0,0,0.15);
}
.konform .container img{
	width:100%;
	padding:0;
	margin:0;
	vertical-align: middle;
}
.konform .container input{
	width:34%;
}
.captcha_aerea_img{
	width:36%;
	padding:0;
	margin:0;
	float:left;
	overflow:hidden;
	text-align: center;
}
.captcha_aerea_img img{
	margin:0;
	padding:0;
	text-align:left;
}
#ueber, #schl{
	padding:1% 0 1% 1%;
	margin:0 0 2% 0;
	width:70%;
	font-size:0.9em;
	border:1;
}
#kon .exit{
	width:50%;
	height:auto;
	padding:0;
	margin:0;
}
#kon .exit a{
	float:right;
	margin:2% 8% 0 0;
	padding:0;
  	color: #666;
  	font-weight: bold;
  	font-size:2.1em;
	text-decoration:none;
	background-color:#fff;
}
#kon .exit a:hover{
  	color: red;
	background-color:#fff;
}
#kon .back{
	width:50%;
	height:auto;
	padding:0;
	margin:0;
}
#kon .back a{
	float:left;
	margin:2% 0 0 8%;
	padding:0;
  	color: #666;
  	font-size:2.1em;
  	font-weight: bold;
	text-decoration:none;
	background-color:#fff;
}
#kon .back a:hover{
  	color: red;
	background-color:#fff;
}
#kon span form label b{
  	color: #666;
}
textarea{
	font-size:0.9em;
}
#text_aerea{
	width:70%;
	height:150px;
	margin:0 0 2% 0;
	padding:0;
	display:inline-block;
	vertical-align:top;
}
#text_aerea1{
	width:70%;
	height:60px;
	margin:0 0 2% 0;
	padding:0;
	display:inline-block;
	vertical-align:top;
}
.konform textarea{
	width:100%;
	height:100%;
	padding:1%;
	margin:0;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
#text_aerea textarea{
	margin:0;
}
#kon b{
  	color: #666;
}
#kon:target form{
	opacity:1;
	transition:1s;
}
#custmessage{
  	margin: 5% auto 15% auto;
  	border: 0 solid #888;
  	width: 80%;
	background-color:#fff;
}
#custmessage .exit{
  	width: 100%;
	padding:0;
}
#custmessage .exit a{
	float:right;
	margin:2% 4% 0 0;
}
#custmessage .container{
  	width: 92%;
	display:inline-block;
	margin:0;
	padding:4%;
}
#custmessage b{
  	margin: 1% auto 1% auto;
	font-size:100%;
  	color: #850002;
}
#custmessage p{
  	margin: 0 auto 1% auto;
	font-size:100%;
  	color:#000;
}
.konmessage{
	background-color:#F5F5F5;
	padding:1%;
	margin:2% 0;
	width:98%;
	display:block;
}
.konmessage span{
  	color:#666;
	display:block;
}
#custmessage .container b:first-child{
	margin:0 0 2% 0;
	display:block;
}
#custmessage .container b:last-child{
	margin:2% 0 0 0;
	display:block;
}
/* ########## Impressum ############## */
.adress h1,.rights h1{
	float:left;
	width:96%;
	margin:0 2% 0 2%;
	text-align:justify;
	color:#99001B;
}
.adress p,.rights p{
	float:left;
	width:96%;
	text-align:justify;
	font-weight:normal;
	color: #666;
}
.adress p{
	margin:1% 2% 5px 2%;
	line-height:1.3em;
}
.adress  p:nth-of-type(2){
	margin:0 2% 15px 2%;
}
.rights p{
	margin:0 2% 5px 2%;
}
.rights p:first-of-type{
	margin:1% 2% 5px 2%;
}
.rights p:last-of-type{
	margin:0 2% 15px 2%;
}
.adress a{
	text-decoration:none;
	margin:0;
	padding:0;
	color: #666;
}

/* ########## Ueber_uns ############## */
.feld p img{
	width:30%;
	float:right;
	margin:0 0 1% 2%;
	-webkit-transition: height 0.3s ease-in-out;
	-moz-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
  	box-shadow: 0 0 15px -4px rgba(0,0,0,0.15);
}

/* ###### Vermietung ##########*/
.infobox_ver{
	float:left;
	clear:left;
	width:96%;
	margin:1.5% 0 15px 2%;
	font-size:90%;
	overflow:hidden;
	background-color:#fff;
	-webkit-transition: height 0.3s ease-in-out;
	-moz-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
  	box-shadow: 0 0 15px -4px rgba(0,0,0,0.15);
}
.ver_box{
	width:100%;
	display:flex;
	transition:0.3s ease-in-out;
}
.ver_box li{
	list-style-type:none;
	text-decoration:none;
}
.ver_box h1{
	width:100%;
	background-color:#F5F5F5;
}
.ver_box h1 a{
	text-decoration:none;
	color:#99001B;
	font-weight:bold;
}
.ver_box h1 a:hover{
	color:#666;
}
.ver_box .ver_daten p,.ver_box .ver_text p{
	width:auto;
	margin:0;
	padding:0;
	color:#99001B;
}
.ver_box li:nth-of-type(1){
	background-position:center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.ver_box li:nth-child(2){
	padding:0;
	margin:0;
}
.ver_box .ver_daten{
	width:96%;
	margin:0;
}
.ver_box .ver_daten li{
	float:left;
	padding:0;
	color:#666;
	width:auto;
}
.ver_box .ver_text{
	width:96%;
}
.ver_box .ver_text li{
	color:#666;
	width:100%;
}
.ver_box .ver_text li a{
	text-decoration:none;
	color:#99001B;
}
.ver_box .ver_kon{
	width:100%;
}
.ver_box .ver_kon li{
  background-color:#99001B;
  color: white;
  border: none;
  width:49%;
  background-image: url("../bilder/mail.svg");
  background-repeat: no-repeat;
  background-size: auto 60%;
  background-position: center;
}
.ver_box .ver_kon li:nth-of-type(2){
  background-image: url("../bilder/drucker.svg");
}
.ver_box .ver_kon li a{
  	color:#fff;
  	text-align: center;
  	width: 100%;
  	font-weight:normal;
	padding:0;
	margin:0;
	text-decoration:none;
}
.ver_box .ver_kon li:hover{
	opacity:0.8;
}
/* ######## Verwaltung ######## */
.back_per{
	float:left;
	background-color:#fff;
	margin:1% 1% 1% 0;
	padding:0 0 0 0;
	width:77%;
	height:100%;
	-webkit-transition: width 0.3s ease-in-out;
	-moz-transition: width 0.3s ease-in-out;
	-o-transition: width 0.3s ease-in-out;
	-ms-transition: width 0.3s ease-in-out;
	transition: width 0.3s ease-in-out;
	list-style-type:none;
}
#ver_menu{
	padding:0;
	margin:1%;
	list-style-type:none;
	height:100%;
	width:20%;
	float:left;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.ver_men_head{
	list-style-type:none;
	background-color:#666;
	font-size:50%;
}

#ver_menu li{
	margin:1px 0 0 0;
	list-style:none;
	display:block;
}
#ver_menu li ul{
	text-decoration:none;
	list-style:none;
}
#ver_menu li ul a{
	display:block;
	background-color:rgba(0,0,0,0.10);
	color:#666;
}
#ver_menu li ul a:hover{
	background-color:rgba(0,0,0,0.20);
	color:#666;
}
#ver_menu li a{
	display:block;
	background-color:#666;
	text-decoration:none;
	color:#fff;
	padding:3%;
}
#ver_menu a:hover{
background-color: #850002;
}
.back_per table{
	width:100%;
	margin:0 0 1% 0;
	font-size:0.8em;
}
.back_per table th{
	color:#fff;
	padding:1%;
	background-color:#666;
	vertical-align:top;
}
.back_per table td{
	color:#333;
	padding:1%;
	background-color:rgba(0,0,0,0.10);
	vertical-align:top;
}
.user_form #words{
	width:50%;
	float:right;
	margin:1% 0 0 0;
}
.user_form table{
	margin:0 0 2% 0;
}
.back_per .tab_ver td:nth-child(1){
	font-size:90%;
	vertical-align:middle;
}
.back_per .user{
	width:20%;
	float:left;
	font-size:60%;
	color:#fff;
	text-align:center;
	overflow:hidden;
}
.back_per .user th{
	background-color:#4CAF50;
	padding:2% 0;
}
.back_per .user tr:nth-child(2){
	padding:0;
	margin:0;
}
.back_per .user tr:nth-child(2) td{
	padding:0 0;
	color:#fff;
	text-align:center;
}
.back_per .user tr:nth-child(2) td img{
	width:100%;
	float:left;
}
.back_per .user tr:nth-child(3) td{
	padding:2% 0;
	background-color:#666;
	color:#fff;
	text-align:center;
}
/* ######## Verwaltung Ende ######## */
/* ######## Editbox ######## */
.edit_box{
	list-style-type:none;
}
.edit_box li{
	float:left;
	text-align:center;
	margin-bottom:1px;
}
.edit_box .edit{
  background-color: #4CAF50;
	width:49%;
	margin:0 1% 1px 0;
}
.edit_box .del{
	width:50%;
	background-color:#F00;
}
.edit_box .edit a,.edit_box .del a{
	color:#fff;
}
.edit_box .edit:hover,.edit_box .del:hover{
  opacity: 0.6;
}
.edit_box .blend{
	width:100%;
}
.edit_box .up{
	width:100%;
	background-color:rgba(0,0,0,0.20);
}
.edit_box .box{
	width:100%;
	background-color:#80fffd;
}
.edit_box li a{
	float:left;
	width:100%;
	padding:2px 0;
	text-align:center;
	text-decoration:none;
}
.edit_box .blend a,.edit_box .up a,.edit_box .box a{
	color:#fff;
}
.edit_box .blend a:hover,.edit_box .up a:hover,.edit_box .box a:hover{
	background-color:rgba(0,0,0,0.20);
}
.edit_box .up a:hover{
	background-color:rgba(0,0,0,0.20);
}
/* ######## Editbox Ende ######## */
/* ######## Userform Edit ######## */
#blend1,#blend2,#blend3,#blend4{
	display:none;
	width:0;
	height:0;
	z-index:1;
}
#blend1:target,#blend2:target,#blend3:target,#blend4:target{
	display:block;
	width:100%;
	height:100%;
	position: fixed;
	z-index:1;
	background-color: rgba(0,0,0,0.4);
	overflow:auto;
}
.user_form {
  	margin: 5% auto 1% auto;
  	border: 0 solid #E6E6E6;
  	width:60%;
	background-color:#fff;
	list-style-type:none;
}
.container label,.container_bild label,.container_imp label,.container_kon label{
	float:left;
	width:29%;
	vertical-align:top;
	margin:0 1% 0 0;
	padding:1% 0 1% 0;
}
.user_form .exit{
	width:50%;
	height:auto;
	padding:0;
	margin:0;
}
.user_form .exit a{
	float:right;
	margin:2% 8% 0 0;
	padding:0;
  	color: #666;
  	font-weight: bold;
  	font-size:2.1em;
	text-decoration:none;
	background-color:#fff;
}
.user_form .exit a:hover{
  	color: red;
	background-color:#fff;
}
.user_form .back{
	width:50%;
	height:auto;
	padding:0;
	margin:0;
}
.user_form .back a{
	float:left;
	margin:2% 0 0 8%;
	padding:0;
  	color: #666;
  	font-size:2.1em;
  	font-weight: bold;
	text-decoration:none;
	background-color:#fff;
}
.user_form .back a:hover{
  	color:red;
	background-color:#fff;
}
.error{
	display:inline-block;
	padding:1% 0 2% 0;
	width:100%;
}
.error b{
	float:left;
	clear:left;
	padding:0 0 0 4%;
}
.container .user_fra{
	width:100%;
}
.container .user_fra p{
	text-align: center;
	margin:0 0 1% 0;
}
.container .user_fra p b{
	color:#F00;
	font-size:100%;
	background-color: #F5F5F5;
	padding:1%;
	margin:0 0 1% 0;
	display:block;
	text-align: justify;
}
.container .user_fra span{
	float:left;
	text-align:left;
	width:100%;
	padding:0 0 1% 0;
	margin:0 0 1% 0;
	background-color: #F5F5F5;
}
.container .user_fra span img{
	float:left;
	width:18.8%;
	padding:1% 0 0 1%;
	margin:0;
}
.container .user_fra label{
	color:#f00;
}
.container .user_fra input:nth-of-type(4){
	margin-bottom:0;
}
/* ######## Userform Edit Ende ######## */


/* ######## imp form Edit ######## */
.container_imp{
	width:92%;
	float:left;
	padding:0 4% 1% 4%;
	margin:0 0 4% 0;
  box-shadow: 0 6px 8px -4px rgba(0,0,0,0.15);
}
.user_form label.switch {
	display:inline-block;
	position: relative;
	width:28px;
	height:16px;
	margin:1% 0 0 0;
	padding:0;
  -webkit-transition: .4s;
  vertical-align:top;
}
.user_form label.switch input { 
  opacity: 0;
  width:0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  width:100%;
  height:100%;
}
.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 2px;
  top: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
	background-color:#99001B;
}
input:focus + .slider {
  box-shadow: 0 0 1px #99001B;
}
input:checked + .slider:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}
.slider_box {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  width:100%;
  height:100%;
}
.slider_box:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 2px;
  top: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider_box {
	background-color:#80fffd;
}
input:focus + .slider_box {
  box-shadow: 0 0 1px #99001B;
}
input:checked + .slider_box:before {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

/* Rounded sliders */
.slider.round,.slider_box {
  border-radius: 10px;
}

.slider.round:before ,.slider_box.round:before{
  border-radius: 50%;
}

#blend1,#blend2,#blend3,#blend4,#log,#kon{
	display:none;
	width:0;
	height:0;
	z-index:1;
	background-color: rgba(0,0,0,0.4);
}
#blend1:target,#blend2:target,#blend3:target,#blend4:target,#log:target,#kon:target{
	display:block;
	width:100%;
	height:100%;
	position: fixed;
	left:0;
	top:0;
	z-index:1;
	background-color: rgba(0,0,0,0.4);
	overflow:auto;
}
#blend1 form,#blend2 form,#blend3 form,#blend4 form,#blend form{
	width:60%;
	float: none;
	margin:5% auto 1% auto;
}
#blend1 form input,#blend2 form input,#blend3 form input,#blend4 form input,#log form input,#kon form input{
	float: none;
}
.user_form textarea{
	width:100%;
	height:100%;
	padding:1%;
	margin:0;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
input[type="file"]{
	width:70%;
	margin:0.8% 0 0 0;
	padding:0;
	float:right;
}
.container img{
	margin:0;
	padding:0;
	width:20%;
	height:10%;
}
.img_td{
	margin:1% 0 0 0;
	padding:0;
	width:100%;
}
.verm_img_td{
	margin:0 1% 4% 1%;
	padding:0;
	float:left;
	width:48%;
}
.container_bild{
	width:92%;
	display:inline-block;
	padding:4% 4% 0 4%;
	margin:0 0 2% 0;
	box-shadow: 0px 6px 8px -4px rgba(0,0,0,0.15) inset;
}
.container_bild span{
	width:70%;
	margin:0;
	padding:1% 0 0 0;
	display:inline-block;
	font-size:0.8em;
}
.container_bild span img{
	margin:0 1% 1% 0;
	padding:0;
	width:24%;
	float:left;
}
.container_bild span a{
	color:#666;
	width:24%;
	margin:0 1% 1% 0;
	padding:0 0 1% 0;
	display:inline-block;
	float:left;
	text-align:center;
	text-decoration:none;
	background-color:rgba(0,0,0,0.10);
}
.container_bild span a:hover{
	color:#f00;
}
.container_bild span a img{
	margin:0 0 2% 0;
	padding:0;
	border:0;
	width:100%;
	float:none;
	text-align:center;
}
input[readonly]{
	background-color:#f1f1f1;
}
textarea[readonly]{
	background-color:#f1f1f1;
}
input[disabled]{
	background-color:#f1f1f1;
  opacity: 1;
}
input:disabled {
	background-color:#f1f1f1;
  opacity: 1;
}
input[value]:disabled {
  opacity: 1;
}
/* ######## impform Edit Ende ######## */
/* ######## vermietung num ######## */
.img{
	position:relative;
}
.ver_box .img:hover .img_num a span{
	background: rgba(0,0,0,.4);
}
.ver_box li .img_num{
	margin:0;
	padding:0;
	overflow:hidden;
	text-align:right;
	background: rgba(255,0,0,0);
	display:inline-block;
	width:100%;
	height:100%;
	position:absolute;
}
.ver_box li .img_num a{
	float:right;
	display:inline-block;
	height:auto;
	margin:0;
	overflow:hidden;
	text-decoration:none;
	transition: width 0.3s ease;
	color:#fff;
	width:100%;
	height:100%;
}
.ver_box li .img_num a span{
	margin:0;
	padding:0;
	color:#fff;
	transition: 0.3s ease;
	display: inline-block;
	position: relative;
  	border-radius: 10% 0 0 10%;
	background: rgba(0,0,0,.4);
}
.ver_box li .img_num a span:after {
	content: 'Bilder';
	position: absolute;
	opacity: 0;
	padding:0;
	margin:0;
	transition: 0.3s ease;
}
.ver_box li .img_num a:hover span {
}
.ver_box li .img_num a:hover span:after {
	opacity: 1;
}
/* ######## vermietung num ende ######## */

/* ######### view_box ######## */

#viewbox{
	margin:5% auto 0 auto;
	list-style-type:none;
	position:relative;
	background-color:#fff;
	padding:0;
	transition:0.3s ease-in-out;
}
#viewbox li{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
}
#viewbox .viewtop{
	padding:0 0 1% 0;
}

#view{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	overflow:hidden;
	-webkit-transition: height 0.1s ease-in-out;
	-moz-transition: height 0.1s ease-in-out;
	-o-transition: height 0.1s ease-in-out;
	-ms-transition: height 1.3s ease-in-out;
	transition: height 0.1s ease-in-out;
  	box-shadow: 0 6px 12px -4px rgba(0,0,0,0.15);
	position:relative;
	display:inline-block;
}
#view .user_form{
	width:100%;
	border:0;
}
#view .user_form .exit{
	width:50%;
	height:auto;
	padding:0;
	margin:0;
}
#view .user_form .exit a{
	float:right;
	margin:2% 8% 0 0;
	padding:0;
  	color: #666;
  	font-weight: bold;
  	font-size:2.1em;
	text-decoration:none;
	background-color:#fff;
}
#view .user_form .exit a:hover{
  	color: red;
	background-color:#fff;
}
#view .user_form .back{
	width:50%;
	height:auto;
	padding:0;
	margin:0;
}
#view .user_form .back a{
	float:left;
	margin:2% 0 0 8%;
	padding:0;
  	color: #666;
  	font-size:2.1em;
  	font-weight: bold;
	text-decoration:none;
	background-color:#fff;
}
#view .user_form .back a:hover{
  	color:red;
	background-color:#fff;
}
/* ######### view_box ende ######## */
/* ######### view_slider ######## */
.viewerElements,
.viewerElements figure,
{
	margin: 0;
	padding: 0;
}

.viewerElements:after {
	 font-size: 0;
	 content: ".";
	 display: Block;
	 visibility: Hidden;
	 clear: Both;
	 overflow: Hidden;
	 margin:0;
	 padding:0;
}
.viewerElements img{
	float:left;
}
.viewviewer {
	width:100%;
	overflow:hidden;
	margin: 0;
	padding: 0;
}

.viewerElements {
	list-style: None;
	position: Relative;
	left: 0;
	width: 2000%;
	transition: left 1s ease-in-out;
}

.viewerElements li {
	float: Left;
	clear:right;
	width: 5%;
	
}
#view02:checked ~ .viewerElements {left: -100%;}
#view03:checked ~ .viewerElements {left: -200%;}
#view04:checked ~ .viewerElements {left: -300%;}
#view05:checked ~ .viewerElements {left: -400%;}
#view06:checked ~ .viewerElements {left: -500%;}
#view07:checked ~ .viewerElements {left: -600%;}
#view08:checked ~ .viewerElements {left: -700%;}
#view09:checked ~ .viewerElements {left: -800%;}
#view010:checked ~ .viewerElements {left: -900%;}
#view011:checked ~ .viewerElements {left: -1000%;}


/* ######### Foto ####### */
.viewerElements img {
 width: 100%;
 height:auto;
}

.viewviewer input {
 display: None;
}

/* ######### Fotonavi ####### */
.viewerNavi {
	width:100%;
 	text-align:center;
	background:rgba(0,0,0,0.2);
	padding:1%;
	margin:0;
	transition: all 1s ease;
	overflow:hidden;
	position:absolute;
	bottom:-60px;
}
#view:hover .viewerNavi{
  	bottom:0px;
}

.viewerNavi li {
 	display: Inline-Block;
}

.viewerNavi label {
	background-color:#5C5C5C;
	width: 25px;
	height: 25px;
	line-height: 20px;
	text-align: Center;
	border-radius: 10%;
	margin-left: 1.5%;
	cursor: Pointer;
	display:inline-block;
}

.viewerNavi label:hover{
background-color: #850002;
	}
#view01:checked ~ .viewerNavi label[for="view01"],
#view02:checked ~ .viewerNavi label[for="view02"],
#view03:checked ~ .viewerNavi label[for="view03"],
#view04:checked ~ .viewerNavi label[for="view04"],
#view05:checked ~ .viewerNavi label[for="view05"],
#view06:checked ~ .viewerNavi label[for="view06"],
#view07:checked ~ .viewerNavi label[for="view07"],
#view08:checked ~ .viewerNavi label[for="view08"],
#view09:checked ~ .viewerNavi label[for="view09"],
#view010:checked ~ .viewerNavi label[for="view010"],
#view011:checked ~ .viewerNavi label[for="view011"] {
 background-color: #DDDDDD;
}
/* ######### view_slider ######## */
/* ######### view_text ######## */
.vie_box{
	width:100%;
	transition:0.3s ease-in-out;
	font-size:1em;
}
.vie_box li{
	list-style-type:none;
	text-decoration:none;
	font-size:90%;
}
.vie_box h1{
	width:100%;
	padding:1% 0 1% 4%;
	font-size:90%;
	color:#99001B;
	font-weight:bold;
	background-color:#F5F5F5;
	transition:0.3s ease-in-out;
}
.vie_box .vie_daten p{
	width:auto;
	margin:2% 0;
	padding:0;
	color:#99001B;
	display:inline-block;
	font-weight:bold;
	transition:0.3s ease-in-out;
}
.vie_box .vie_text p{
	width:auto;
	margin:1% 0 1% 0;
	padding:0;
	color:#99001B;
	display:inline-block;
	font-weight:bold;
	transition:0.3s ease-in-out;
}
.vie_box li:nth-of-type(1){
	background-position:center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.vie_box li:nth-child(2){
	padding:0;
	margin:0;
}
.vie_box .vie_daten{
	width:92%;
	margin:0;
	padding:0 4%;
}
.vie_box .vie_daten li{
	float:left;
	color:#666;
	width:33.3%;
	font-size:85%;
}
.vie_box .vie_text{
	width:92%;
	margin:0;
	padding:0 4%;
	text-align:justify;
}
.vie_box .vie_text li{
	color:#666;
	width:100%;
}
.vie_box .vie_text li:nth-of-type(2){
	font-size:85%;
}
.vie_box .vie_kon{
	text-align:right;
	width:92%;
	padding:4%;
	margin:1% 0 0 0;
	background-color:#f1f1f1;
}
.vie_box .vie_kon li{
	background-color:#99001B;
	width:49.5%;
	padding:2% 0;
	color: white;
	border: none;
	background-image: url("../bilder/mail.svg");
	background-repeat: no-repeat;
	background-size: auto 60%;
	background-position: center;
	float:left;
	margin:0 0.5% 0 0;
}
.vie_box .vie_kon li:nth-of-type(2){
	float:none;
	display: inline-block;
	background-image: url("../bilder/drucker.svg");
}
.vie_box .vie_kon a{
 	border: none;
  	outline: 0;
  	color:#fff;
  	text-align: center;
  	cursor: pointer;
  	width: 100%;
  	font-weight:normal;
	padding:3px 0;
	margin:0;
	font-size:180%;
	text-decoration:none;
	float:left;
}
.vie_box .vie_kon li:hover{
	opacity:0.8;
}
/* ######### view_text ######## */

/*####################################*/

#start{
	margin:10px auto;
	border-spacing:1px;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
}
#start tr{
	width:100%;
    padding: 0;
}
#start td{
	margin:0;
    padding: 0;
	border:0;
}
#start tr:nth-child(1){
	background-image: url("../bilder/logo.svg");
	background-repeat: no-repeat;
	background-position:right;
	background-size:50%;
	height:80px;
	width:100%;
}
#start tr:nth-child(2){
}
#start tr:nth-child(4){
	text-align:right;
	font-weight:bold;
}
#start tr:nth-child(5) td:nth-child(2),#start tr:nth-child(6) td:nth-child(2){
	text-align:right;
}
#start tr:nth-child(3),#start tr:nth-child(4),#start tr:nth-child(5),#start tr:nth-child(6),#start tr:nth-child(7), #start tr:nth-child(8){
	font-size:90%;
}
#start tr:nth-child(5) td:nth-child(1), #start tr:nth-child(6) td:nth-child(1), #start tr:nth-child(7) td:nth-child(1), #start tr:nth-child(8) td:nth-child(1){
	background-image:url("../bilder/daten.svg");
	background-repeat: no-repeat;
}
#start tr:nth-child(5) td:nth-child(1){
	background-size:84%;
	width:50%;
	background-position:-4px -2px;
}
#start tr:nth-child(6) td:nth-child(1){
	background-size:84%;
	width:50%;
	background-position: -4px -35px;
}
#start tr:nth-child(7) td:nth-child(1){
	background-position: -4px -69px;
	background-size:84%;
}
#start tr:nth-child(8) td:nth-child(1){
	background-position: -3px -102px;
	background-size:84%;
}@media screen and (min-width: 300px){
#start{
	width:360px;
	transform: scale(0.9);
}
#viewbox, .konform, .logform{
	width:90%;
}
}
@media screen and (min-width: 500px){
#start{
	transform: scale(1.2);
	transform-origin:top;
}
#viewbox, .konform, .logform{
	width:80%;
}
}
@media screen and (min-width: 600px){
#start{
	transform-origin:top;
}
#viewbox, .konform, .logform{
	width:70%;
}
}
@media screen and (min-width: 700px){
#start{
	transform-origin:top;
}
#viewbox, .konform, .logform{
	width:60%;
}
}
@media screen and (min-width: 800px){
#start{
	transform-origin:top;
}
}
/*####################################*/


@media screen and (max-width: 460px){
.back_per table{
	font-size:60%;
}
/* ######## Verwaltung Ende ######## */
/* ######## Menu ######## */
#oc {
	font-size:0.7em;
	overflow:hidden;
}
#oc li{
	float:left;
}
#oc li a{
	float:left;
	padding:6px;
	margin:0;
	color:#fff;
	text-decoration:none;
	list-style-type:none;
	background-color:#5C5C5C;
}
#oc #menu{
	width:100%;
}
#oc #menu ul{
	float:right;
	width:100%;
	height:0;
	transition: height 0.3s ease;
	visibility: visible;
}
#oc #menu ul li{
	width:100%;
	text-align:center;
	margin:0 0 1px 0;
}
#oc #menu ul li a{
	width:100%;
	margin:0;
	height:12px;
	padding:6p 0;
	font-weight:normal;
}
#oc #menu ul li a:hover{
background-color: #850002;
}

#oc #open,#oc #close{
	display: block;
}
#oc:target #close{display:block;}
#oc:target #open{display:none;}
#oc #close:target{ display:none;}
#oc #close{display:none;}
#oc #open{display:block;}

#oc #open a:hover,#oc #close a:hover{
background-color: #850002;
}
#oc:target #close a{
	-webkit-transform: rotate(90deg);
}
#oc:target #menu,#oc:target #menu ul{
	height:150px;
	visibility:visible;
	transition: height 0.3s ease;
}
/* ######## Menu Ende ######## */
#banner{
	width:100%;
	height:150px;
	margin-bottom:3px;
}
/* ######### Foto_slider ######## */
.cssSlider {
	height:150px;
}
/* ########## Text_auf_Foto ####### */
.sliderElements figcaption {
	font-size:0.7em;
	top:55%;
}
/* ######### Foto ####### */
.sliderElements img {
	height:150px;
}
/* ######### Foto_Navi ####### */
#banner:hover .sliderNavi{
	top:-20%;
}
.sliderNavi li {
	margin:0 0 0 1%;
}
.sliderNavi label {
	width: 15px;
	height: 15px;
	line-height: 15px;
}
/* ######### Foto_slider Ende ######## */
/* ####### Infobox ######## */
#info_view{
  flex-direction:column;
  	box-shadow: 0 5px 10px -4px rgba(0,0,0,0);
	margin:0;
	padding:0;
}
.infobox{
	float:left;
	clear:left;
	width:100% !important;
	height:36px;
	margin:1.5% 0 1% 0;
	font-size:1em;
	overflow:hidden;
	background-color:#fff;
	-webkit-transition: height 0.3s ease-in-out;
	-moz-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
  	box-shadow: 0 6px 10px -4px rgba(0,0,0,0.15);
}
.infobox h1{
	float:left;
	width:100%;
	height:27px;
	font-size:0.9em;
	padding:9px 0 0 0;
	display:inline-block;
	overflow:hidden;
	color:#99001B;
	text-align:center;
	background-color:#f3f3f3;
  	box-shadow: 0 6px 12px -2px rgba(0,0,0,0.15);
}
.infobox:hover {
	height:120px;
	-webkit-transition: height 0.3s ease-in-out;
	-moz-transition: height 0.3s ease-in-out;
	-o-transition: height 0.3s ease-in-out;
	-ms-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
  	cursor: pointer;
}
.infobox .p_tex{
	width:93%;
	height:44px;
	font-size:0.7em;
	font-weight:normal;
	overflow:hidden;
	text-align:justify;
	padding:8px 0 12px 0;
	margin:0 auto;
	color: #666;
	line-height: normal;
}
.infobox .p_foo{
	height:17px;
 	border: none;
  	outline: 0;
  	display: inline-block;
	padding:4px 0 4px 0;
  	color:#fff;
  	background-color:#99001b;
  	text-align: center;
  	cursor: pointer;
  	width: 100%;
  	font-size:0.7em;
  	font-weight:normal;
}
.infobox .p_foo:hover{
	opacity:0.8;
}
.infobox img{
	display:none;
	height:0 !important;
}
/* ####### Infobox Ende ######## */
/* ########## Feld ######### */
.feld h1{
	font-size:0.8em;
	margin:0 2% 0 2%;
}
.feld p{
	font-size:0.7em;
}
/* ###### Feld Ende ####### */
/* ###### Footer ####### */
#fo_men{
	font-size:0.6em;
}
#fo_ico li{
	width:20px;
	height:20px;
}
#fo_ico a{
	width:20px;
	padding:1px 0 0 0;
}
/* ###### Footer Ende ####### */
/* ########## Impressum ############## */
.adress h1,.rights h1{
	font-size:0.8em;
	margin-top:2%;
}
.adress p,.rights p{
	font-size:0.7em;
}
/* ########## Impressum Ende ######## */
/* ######## vermietung num ######## */
.ver_box li .img_num a{
	margin:0;
	padding:0;
}
.ver_box li .img_num a span{
	margin:0;
	padding:2% 2%;
}
.ver_box li .img_num a span:after {
  right: -35px;
}
.ver_box li .img_num a:hover span {
  padding-right: 30px;
}
.ver_box .img:hover .img_num a span{
}
.ver_box li .img_num a:hover span:after {
  right:3px;
}
/* ######## vermietung num ende ######## */
/* ###### Vermietung ##########*/
.ver_box h1{
	margin:0 0 1% 0;
	padding:1% 2%;
	font-size:0.7em;
}
.ver_box .ver_daten p,.ver_box .ver_text p{
	font-weight:bold;
	font-size:1em;
}
.ver_box li:nth-of-type(1){
	width:35%;
}
.ver_box li:nth-child(2){
	width:65%;
}
.ver_box .ver_daten{
	float:left;
	min-height:15px !important;
	padding:0 0 0 2%;
	width:100%;
}
.ver_box .ver_daten li{
	float:left;
	font-size:0.7em;
	font-weight:normal;
	margin:0 5% 0 0;
	width:auto;
}
.ver_box .ver_text{
	min-height:50px !important;
	padding:0 2% 0 2%;
}
.ver_box .ver_text li{
	display:block;
	font-size:0.7em;
	font-weight:normal;
	margin:0 3px 0 0;
	padding:0;
	width:100%;
}
.ver_box .ver_kon{
	float:left;
	padding:2% 1% 2% 2%;
	margin:0;
}
.ver_box .ver_kon li{
	float:left;
	width:48%;
}
.ver_box .ver_kon li:nth-of-type(2){
	width:47%;
	margin:0 0 0 1%;
}
.ver_box .ver_kon li a{
	display:inline-block;
}
/* ###### Vermietung Ende ##########*/
#ver_menu{
	font-size:60%;
}
#ver_menu li ul{
	font-size:100%;
}
/* ###### user_form ##########*/
.user_form {
	font-size:0.7em;
}
.user_form input{
	font-size:0.7em;
}
/* ###### user_form Ende ##########*/
/* ###### Rounded sliders ######### */
.user_form label.switch {
	width:22px;
	height:12px;
}
.slider:before,.slider_box:before {
  height: 10px;
  width: 10px;
  left: 1px;
  top: 1px;
}
.slider.round,.slider_box .round {
  border-radius: 10px;
}

.slider.round:before,.slider_box.round:before {
  border-radius: 50px;
}
/* ###### Rounded sliders ende ######### */
.user_form input{
	font-size:0.8em;
}
}
@media screen and (min-width: 461px){
.back_per table{
	font-size:70%;
}
#oc{
	font-size:0.7em;
	transition: 0.3s ease-in-out;
}
/* ######## Menu ######### */
#oc li a{
	float:left;
	padding:6px 9px;
	margin:0;
	color:#fff;
	text-decoration:none;
	list-style-type:none;
	background-color:#5C5C5C;
}
#oc li a:hover{
	background-color: #850002;
}
#oc #menu{
	float:right;
}
#oc #menu ul{
}
#oc #menu ul li{
	margin:0 0 0 1px;
	text-align:center;
}
/* ######## Menu Ende ######## */
/* ##### Menu Ende ######## */
#banner{
	height:200px;
}
/* ######### Foto_slider ######## */
.cssSlider {
	height:200px;
}
/* ########## Text_auf_Foto ####### */
.sliderElements figcaption {
	font-size:0.8em;
	top:60%;
}
/* ######### Foto ####### */
.sliderElements img {
	height:200px;
}
/* ######### Foto_Navi ####### */
#banner:hover .sliderNavi{
	top:-16%;
}
.sliderNavi li {
	margin:0 0 0 0.5%;
}
.sliderNavi label {
	width: 16px;
	height: 16px;
	line-height: 16px;
}
/* ######### Foto_slider Ende ######## */
/* ########## infobox ######### */
.infobox{
	margin-bottom:2%;
}
.infobox h1{
	height:23px;
	margin:0;
	padding:3px 0 0 0;
	font-size:0.7em;
}
.infobox .p_tex{
	height:80px;
	font-size:0.7em;
}
.infobox .p_foo{
	padding:6px 0;
	font-size:0.7em;
}
.infobox .p_foo:hover{
	opacity:0.8;
}
.infobox img{
	height:90px;
}
/* ###### Infobox Ende ######### */
/* ########## Feld ######### */
.feld h1{
	font-size:0.8em;
	margin:0 2% 0 2%;
}
.feld p{
	font-size:0.7em;
}
/* ###### Feld Ende ####### */
/* ###### Footer ####### */
#fo_men{
	font-size:0.7em;
}
#fo_ico li{
	width:23px;
	height:23px;
}
#fo_ico a{
	width:23px;
	padding:1px 0 0 0;
}
/* ###### Footer Ende ####### */
/* ########## Impressum ############## */
.adress h1,.rights h1{
	font-size:0.8em;
}
.adress p,.rights p{
	font-size:0.7em;
}
/* ########## Impressum Ende ######## */
/* ######## vermietung num ######## */
.ver_box li .img_num a{
	margin:0;
	padding:0;
	font-size:1em;
}
.ver_box li .img_num a span{
	margin:0;
	padding:4% 3%;
}
.ver_box li .img_num a span:after {
  right: -42px;
}
.ver_box li .img_num a:hover span {
  padding-right: 40px;
}
.ver_box li .img_num a:hover span:after {
  right: 5px;
}
/* ######## vermietung num ende ######## */
/* ###### Vermietung ##########*/
.ver_box h1{
	margin:0 0 1% 0;
	padding:1% 2%;
	font-size:0.8em;
}
.ver_box .ver_daten p,.ver_box .ver_text p{
	font-weight:bold;
	font-size:1em;
}
.ver_box li:nth-of-type(1){
	width:35%;
}
.ver_box li:nth-child(2){
	width:65%;
}
.ver_box .ver_daten{
	min-height:35px !important;
	padding:2%;
}
.ver_box .ver_daten li{
	font-size:0.8em;
	font-weight:normal;
	margin:3px 3% 0 0;
	width:auto;
}
.ver_box .ver_text{
	min-height:50px !important;
	padding:0 2% 0 2%;
	margin:0;
}
.ver_box .ver_text li{
	display:block;
	font-size:0.8em;
	font-weight:normal;
	margin:0 3px 0 0;
	padding:0;
	width:100%;
}
.ver_box .ver_kon{
	float:left;
	padding:2% 1% 2% 2%;
}
.ver_box .ver_kon li{
	float:left;
	width:48%;
}
.ver_box .ver_kon li:nth-of-type(2){
	width:47.5%;
	margin:0 0 0 0.5%;
}
.ver_box .ver_kon li a{
}
/* ###### Vermietung Ende ##########*/
#ver_menu{
	font-size:0.7em;
}
/* ###### user_form ##########*/
.user_form {
	font-size:0.8em;
}
.user_form input{
	font-size:0.9em;
}
/* ###### user_form Ende ##########*/
}
@media screen and (min-width: 600px){
/* ##### Menu ######## */
#oc{
	font-size:0.8em;
	transition: 0.3s ease-in-out;
}
#oc li a{
	padding:6px 10px;
}
/* ##### Menu Ende ######## */
#banner{
	height:250px;
}
/* ######### Foto_slider ######## */
.cssSlider {
	height:250px;
}
/* ########## Text_auf_Foto ####### */
.sliderElements figcaption {
	font-size:0.9em;
	top:65%;
}
/* ######### Foto ####### */
.sliderElements img {
	height:250px;
}
/* ######### Foto_Navi ####### */
#banner:hover .sliderNavi{
	top:-14%;
}
.sliderNavi li {
	margin:0 0 0 0.5%;
}
.sliderNavi label {
	width: 18px;
	height: 18px;
	line-height: 18px;
}
/* ######### Foto_slider Ende ######## */
/* ########## infobox ######### */
.infobox h1{
	height:23px;
	margin:0;
	padding:3px 0 0 0;
	font-size:0.8em;
}
.infobox .p_tex{
	height:65px;
	font-size:0.7em;
}
.infobox .p_foo{
	padding:8px 0;
	font-size:0.7em;
}
.infobox .p_foo:hover{
	opacity:0.8;
}
.infobox img{
	height:100px;
}
/* ###### Infobox Ende ######### */
/* ########## Feld ######### */
.feld h1{
	font-size:0.8em;
	margin:0 2% 0 2%;
}
.feld p{
	font-size:0.7em;
}
/* ###### Feld Ende ####### */
/* ########## Impressum ############## */
.adress h1,.rights h1{
	font-size:0.8em;
}
.adress p,.rights p{
	font-size:0.7em;
}
/* ########## Impressum Ende ######## */
/* ######## vermietung num ######## */
.ver_box li .img_num a{
	margin:0;
	padding:0;
	font-size:1em;
}
.ver_box li .img_num a span{
	margin:0;
	padding:6% 3%;
}
.ver_box li .img_num a span:after {
  right: -45px;
}
.ver_box li .img_num a:hover span {
  padding-right: 38px;
}
.ver_box li .img_num a:hover span:after {
  right: 5px;
}
/* ######## vermietung num ende ######## */
/* ###### Vermietung ##########*/
.ver_box h1{
	margin:0 0 1% 0;
	padding:1% 2%;
	font-size:0.8em;
	width:100%;
}
.ver_box .ver_daten p,.ver_box .ver_text p{
	font-weight:bold;
	font-size:1em;
}
.ver_box li:nth-of-type(1){
	width:200px;
}
.ver_box li:nth-child(2){
	width:600px;
}
.ver_box .ver_daten{
	min-height:35px !important;
	padding:0 0 0 2%;
	margin:0;
	width:24%;
	float:left;
}
.ver_box .ver_daten li{
	font-size:0.8em;
	font-weight:normal;
	margin:3px 3px 0 0%;
	padding:0 2%;
	width:100%;
}
.ver_box .ver_text{
	float:right;
	min-height:50px !important;
	padding:0;
	margin:0;
	width:74%;
}
.ver_box .ver_text li{
	display:block;
	font-size:0.8em;
	font-weight:normal;
	margin:3px 3px 0 0;
	padding:0 2%;
	width:90%;
}
.ver_box .ver_kon{
	float:left;
	padding:1% 0 1% 1%;
}
.ver_box .ver_kon li{
	float:left;
	width:10%;
	margin:0 0.1% 0 2%;
}
.ver_box .ver_kon li:nth-of-type(2){
	width:10%;
}
.ver_box .ver_kon li a{
	display:inline-block;
}
/* ###### Vermietung Ende ##########*/
#ver_menu{
	font-size:0.7em;
}
.user_form textarea{
	font-size:0.9em;
}
}
@media screen and (min-width: 800px){
/* ######## HTML BODY ####### */
#inhalt {
	width:800px !important;
	margin:0 auto;
  box-shadow: 0 0 15px -4px rgba(0,0,0,0.15);
}
/* ######## HTML BODY Ende ####### */
/* ######## Menu ######### */
#oc li{
	float:left;
}
#oc #menu{
	float:none;
	width:800px;
	margin:0 auto;
	display:block;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	transition: width 0.3s ease-in-out;
}
#oc #menu ul{
	float:right;
}
#oc #menu ul li{
}
/* ######## Menu Ende ######## */
#banner{
	height:300px;
}
/* ######### Foto_slider ######## */
.cssSlider {
	height:300px;
}
/* ########## Text_auf_Foto ####### */
.sliderElements figcaption {
	font-size:1em;
	top:65%;
}
/* ######### Foto ####### */
.sliderElements img {
	height:300px;
}
/* ######### Foto_Navi ####### */
#banner:hover .sliderNavi{
	top:-13%;
}
.sliderNavi li {
	margin:0 0 0 0.5%;
}
.sliderNavi label {
	width: 20px;
	height: 20px;
	line-height: 20px;
}
/* ######### Foto_slider Ende ######## */
/* ########## infobox ######### */
.infobox h1{
	height:23px;
	margin:0;
	padding:3px 0 0 0;
	font-size:0.9em;
}
.infobox .p_tex{
	height:69px;
	font-size:0.8em;
	font-weight:normal;
}
.infobox .p_foo{
	padding:10px 0;
	font-size:0.8em;
}
.infobox .p_foo:hover{
	opacity:0.9;
}
.infobox img{
	height:100px;
}
/* ###### Infobox Ende ######### */
/* ########## Feld ######### */
.feld h1{
	font-size:0.9em;
	margin:0 2% 0 2%;
}
.feld p{
	font-size:0.8em;
}
/* ###### Feld Ende ####### */
/* ###### Footer ####### */
#fo_men{
	font-size:0.8em;
}
/* ###### Footer Ende ####### */
/* ########## Impressum ############## */
.adress h1,.rights h1{
	font-size:0.9em;
}
.adress p,.rights p{
	font-size:0.8em;
}
/* ########## Impressum Ende ######## */
/* ######## vermietung num ######## */
.ver_box li .img_num a{
	margin:0;
	padding:0;
	font-size:1em;
}
.ver_box li .img_num a span{
	margin:0;
	padding:4% 3% 4% 4%;
}
.ver_box li .img_num a span:after {
  right: -55px;
}
.ver_box li .img_num a:hover span {
  padding-right: 45px;
}
.ver_box li .img_num a:hover span:after {
  right: 5px;
}
/* ######## vermietung num ende ######## */
/* ###### Vermietung ##########*/
.ver_box h1{
	margin:0 0 1% 0;
	padding:1% 2%;
	font-size:0.9em;
	width:100%;
}
.ver_box .ver_daten p,.ver_box .ver_text p{
	font-weight:bold;
	font-size:1em;
}
.ver_box li:nth-of-type(1){
	width:200px;
}
.ver_box li:nth-child(2){
	width:800px;
}
.ver_box .ver_daten{
	min-height:35px !important;
	padding:0 0 0 2%;
	margin:0;
	width:20%;
	float:left;
}
.ver_box .ver_daten li{
	font-size:0.8em;
	font-weight:normal;
	margin:3px 3px 0 0;
	padding:0 2%;
	width:100%;
}
.ver_box .ver_text{
	float:right;
	min-height:50px !important;
	padding:0;
	margin:0;
	width:78%;
}
.ver_box .ver_text li{
	display:block;
	font-size:0.8em;
	font-weight:normal;
	margin:3px 3px 0 0;
	padding:0 2%;
	padding-bottom:1%;
	width:90%;
}
.ver_box .ver_kon{
	float:left;
	padding:1% 0 1% 2%;
}
.ver_box .ver_kon li{
	float:left;
	width:9%;
	margin:0 0.3% 0 0;
}
.ver_box .ver_kon li:nth-of-type(2){
	width:9%;
	margin:0 0 0 0;
}
.ver_box .ver_kon li a{
	display:inline-block;
}
/* ###### Vermietung Ende ##########*/
/* ###### user_form ##########*/
.user_form {
	font-size:0.9em;
}
.user_form input{
	font-size:0.9em;
}
/* ###### user_form Ende ##########*/
}
@media screen and (min-width: 1000px){
/* ######## HTML BODY ####### */
#inhalt {
	width:1000px !important;
	margin:0 auto;
  box-shadow: 0 0 15px -4px rgba(0,0,0,0.15);
}
/* ######## HTML BODY Ende ####### */
/* ######## Menu ######### */
#oc{
	transition: 0.3s ease-in-out;
}
#oc li a{
	padding:6px 15px;
}
#oc li{
	float:left;
}
#oc #menu{
	float:none;
	width:1000px;
	margin:0 auto;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#oc #menu ul{
	float:right;
}
#oc #menu ul li{
}
/* ######## Menu Ende ######## */
.infobox .p_tex{
	height:60px;
	font-size:0.8em;
	font-weight:normal;
}
/* ###### Vermietung ##########*/
.ver_box h1{
	margin:0 0 1% 0;
	padding:1% 2%;
	font-size:1em;
	width:100%;
}
.ver_box .ver_daten p,.ver_box .ver_text p{
	font-weight:bold;
	font-size:1em;
}
.ver_box li:nth-of-type(1){
	width:200px;
}
.ver_box li:nth-child(2){
	width:800px;
}
.ver_box .ver_daten{
	min-height:35px !important;
	padding:0 0 0 2%;
	margin:0;
	width:20%;
	float:left;
}
.ver_box .ver_daten li{
	font-size:0.8em;
	font-weight:normal;
	margin:3px 3px 0 0%;
	padding:0 2%;
	width:100%;
}
.ver_box .ver_text{
	float:right;
	min-height:50px !important;
	padding:0;
	margin:0;
	width:78%;
}
.ver_box .ver_text li{
	display:block;
	font-size:0.8em;
	font-weight:normal;
	margin:3px 0 0 0;
	padding:0 2%;
	padding-bottom:1%;
	width:90%;
}
.ver_box .ver_kon{
	float:left;
	padding:1% 0 1% 2%;
	margin:0;
}
.ver_box .ver_kon li{
	float:left;
	width:9%;
	margin:0 0.3% 0 0;
}
.ver_box .ver_kon li:nth-of-type(2){
	width:9%;
	margin:0;
}
.ver_box .ver_kon li a{
	display:inline-block;
}
#ver_menu{
	font-size:0.8em;
}


.ver_box li .img_num a span{
	margin:0;
	padding:4% 3%;
}

}