/******************************************
Copyright (c) 2018 cdnet-internetservice  *
       Alle Rechte reserviert             *
*******************************************/

	* {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
html {
    background-color: #ffffff;
}

body {	
	background-color: #c6c6c6;
	line-height: 1.6em;
    font: 13px "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:#666;padding:0;margin:0;
	text-align:center;	
	color:#666;
}


h1{
	font-size:1.55em;
	font-weight:100;
	line-height:1.5em;
	color:#fff;
}

h2{
	font-size:1.3em;
	font-weight:700;
	line-height:1.5em;
	color:#059;margin-bottom:0;
}



h3{
	font-size:1.1em;
	font-weight: 700;
	color:#444;
	line-height:1.9em;
}


a {
	text-decoration:none;
}

.small  { 
	font-size:80%;
	color:#666;
	line-height:140%
	
}

.datenschutz { 
	display:block;	
	padding-left:23%;
	width:86%;
	text-align:justfy
}

img {
	max-width:100%;
	height:auto;
	}

/*  CSS Layout
----------------------------------------------- */

#main {	
	width:1000px;
	margin:0 auto;
	max-width:100%;
	text-align:left;
}


/* === HEAD === */
#main  #head {	
	background: transparent url(../img/back-head.jpg) 0 0 no-repeat;
	height: 282px;
	padding:0 166px;
}

#main  #head  #adressfeld {
	float:right;
	color:#fff;line-height:1em;
	padding-top:195px;width:40%
}

/* === NAVIGATION ===*/

#main #content {
	background: transparent url(../img/back-content.jpg) 0 0 repeat-y;
	min-height: 360px;
	padding:0 100px;background-size:100%;
			
}
#main  #content #navi {
	height:35px;
	list-style-type:none;
	margin-top:0;
	padding:3px 0;
}

#main  #content #navi li {
	float:left;
	margin:0;

}

#main  #content #navi li a {
	background: url(../img/back-button.png) 0 0 repeat-x;
	font-size:1em;
	line-height:2.7em;
	font-weight:700;
	padding:6px 18px 3px 15px;
	color:#05a;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}

#main  #content #navi li a:hover,
#main  #content #navi li a.active {
	background-color:transparent;
	background-image:none;
	color:#000;
	border-bottom:none;
}
	
/* ===  CONTENT === */
#main  #content  #jens {
padding:22px 0;
}


/* === Zweispaltigkeit === */
#main  #content  #jens  .colR,
#main  #content  #jens  .colL{
	float:left;
	width:370px;
	margin-bottom:25px;
}


#main  #content  #jens  .colR{
margin-left:33px;
}



#main  #content  #jens ul{
	margin:8px 14px;
}
#main  #content  #jens ul li{
	line-height:1.9em;
}

#main  #content  #jens p img {
	float:right;
	width:141px;
	height:141px;
	margin:0 0 12px 25px;
}


#main  #content  #jens a.seclink {
	background-color:#999;
	padding:2px 6px;
	color:#fff;
}

#main  #content  #jens a.seclink:hover {
	background-color:transparent;
	color:#000;
	text-decoration:underline
}

#main  #content  #jens  a.small {
	font-weight:normal;
}

#main  #content  #jens  a.small:hover {
	color:#269;
}


/* === PARTNER === */
#main  #content  #jens .partner {
	margin:26px 0 0 0;
	padding:2px 0 0 15px;
	height:28px;
	width:515px;
	background-color:#d5d5d5;
	border-bottom: 1px solid #999;
	border-left: 1px solid #fff;
}

#main  #content  #jens .partner a {
	background-image:none;
	background-color:transparent;
	padding:0;
}


#main  #content  #jens .partner img  {
	width:23px;
	height:30px;
	float:right;
	margin-top:-2px
}
#main  #content  #jens  p.re {
	padding:5px 18px;
}

#main  #content  #jens  p.bilder {
	width:70%px;
	margin-bottom:33px
	}

#main  #content  #jens  p.bilder img {
	float:right;
	
	}


/* === Textcontainer in Vermietung === */

#main  #content  #jens  .box  {
	width:100%;
	margin-top:26px;
	padding:15px  30px;
	background-color:#ddd;
	min-height:90px
}
#main #content #jens .box  a {
	background-image:none;
	background-color:transparent;
	padding:0;
}
/*======== Foto im Container =======*/

#main  #content  #jens  .box .photo {
	width: 380px;
	height: 80px;
	float:right;
	list-style:none;
	margin-right: 15px;
	padding:0;
}

#main  #content  #jens  .box .photo  li {
	display:inline;
	float:left;
	width:120px;
	height:80px;
	float:right;
	margin:0 0 0 6px;
}
#main  #content  #jens  .box   li.links {
	float:left;
}

#main  #content  #jens  .box .photo li a {
	display:block;
	width:120px;
	height:80px;
	background-image:none;
	background-color: transparent;
	padding:0;
}

#main  #content  #jens .box .photo li a img { 
	display:block;
	width:120px;
	height:80px;
	background-color: transparent;
	z-index:99;
	margin-top:0px
}

#main  #content  #jens  .box .photo li a:hover {
	white-space:normal;
	position:relative;
}

#main  #content  #jens  .box .photo li a.hor:hover img {
	position:absolute;
	left:-12px;
	top:-180px;
	width: 880px;
	height: 260px;
	border:9px solid #059;
}

/* ===  TABELLEN im CONTENT === */
#main  #content  #jens  table {
	width:70%;
	color:#036
}

#main  #content  #jens  table.termin {
	width:330px;
	color:#036;
}
#main  #content  #jens  table.termin  td {
	text-align:left;
	padding:6px 22px;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}



#main  #content  #jens table  td {
	padding:6px 9px;
	text-align:center;
	vertical-align:top;
}
#main  #content  #jens  table td p.small {
	font-size:0.85em;
	color:#942;
	line-height:1.1em;

}

	
#main  #content  #jens  table  th {
	padding:12px 9px;
	color:#900;
	font-size:1.2em;
	font-weight:100;
	text-align:center;
}
#main  #content  #jens  table.termin  td.leer {
	padding:6px 22px;
	border:none;
	background-color:#f2f2f2;
	height:22px

}
#main  #content  #jens caption {
		visibility:hidden;
}

#main  #content  #jens table.pruefung  {
	width:100%;
	background-color:#cfdfef;
	color:#636;
}


#main  #content  #jens table.pruefung td.erste{
	font-weight:700;
	background-color:#c0d0e0;
	color:#444;
}


#main  #content  #jens table.pruefung td{
	font-weight:200;
	background-color:#dae8f7;
	color:#636;
	border-right:1px solid #a5b4c2;
	border-bottom:1px solid #a5b4c2;
	width:24%
}



/* ===  FEET === */

#main #feet {
	background: transparent url(../img/back-feet.jpg) 0 0 no-repeat;
	height:242px;
	color:#005694;
	font-size:0.8em;
	padding:12px 80px 28px 80px;
	letter-spacing:0.13em;
	margin:0;
}

#main #feet a {
	color:#005694;
}
#main #feet a:hover,
#main #feet a.active {
	color:#000;
}

#main .clear {
	clear:both;
	height:0;
	padding:0;
	margin:0;
	font-size:0;
}



	
/*   Formularfelder wie Name, Kontonr. etc. 
------------------------------------------ */

#main  #content #jens fieldset {
	width:90%;
}

#main  #content #jens label {
	display: inline;
	width:22%;
	float: left;	
	margin:3px 9px 0 0;
	text-align:right;
}

#main  #content #jens  p input,
#main  #content #jens p select,
#main  #content #jens p textarea,
#main  #content #jens p submit	{   
	border: 1px solid #05a;
	background-color:#ddd;
	color:#049;
	height:2em;
	width: 62%;
	margin:4px 0;
	line-height:1.5em
}

#main #content  #jens p input.dsgvo { 
    width:1.8em;
    background-color:transparent;
	margin:0;
	height:1.5em
 
}

/*  Felder-Länge   
--------------------------*/



#main  #content #jens p textarea {
	height:8em;
}
#main  #content #jens p input:hover,
#main  #content  #jens p textarea:hover,
#main  #content #jens p input:focus, 
#main  #content #jens p textarea:focus {
	background-color: #fff;
	border:1px solid #000;
}

  
#main  #content #jens  .kurz,
#main  #content #jens p select {
  width: 8%;
 }
 
#main  #content #jens .Lang,
#main  #content #jens p select {
  width: 53%; 
}


#main  #content #jens p input.noframe,
#main  #content  #jens p input.noframe:hover{
	border:none;
	background-color:transparent;
	text-align:left;
	width:15px
}

#main  #content #jens .hony{
	visibility: hidden !important;
}


#main  #content #jens .send {
	cursor:pointer;
	width:9em;
	font-size:1.2em;
	height:3em;
	padding:2% 3%;
	color:#fff;
	background-color:#049;
	border:none;
}
#main  #content #jens .send:hover {
	background-color:#000;
	color:#fff;
	border:none;
}