html * {
    font-size: 100.01%;
   
}

body {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	background-color:#999;
	margin:0;
	color:#d8d8d8;
}

a{
	text-decoration:none;
	outline-color: #809FB1;
 	color:white;

}
/*a:active, a:focus {outline: none;} */

div.main{
	margin:0 auto;
	width:1000px;
}

div.header{
	margin:0;
 	height: 249px;
	width:1000px;
   background: url("../pics/header.png") no-repeat scroll left top transparent;   
	position:relative;
}

div.header a{
	display:block;
 	position:absolute;
 	width:90px;
	height:34px;   
	right:54px;
 	bottom:0;
	 margin:0;
	 padding:0; 
}

div.inhalt{
	margin:0;
 	height: 574px;
	width:1000px;
   background: url("../pics/inhalt.png") no-repeat scroll left top transparent;   
   overflow: hidden;

}

div.content{
	margin:0 auto;
 	height: 435px;
	width:850px; 
   background: transparent;   
	padding:20px 75px;
}

ul{
	list-style-type:none;	
}

ul.berufszweige{
	margin-left:75px;
	padding-top:10px;
	padding-bottom:15px; 
  			
}

div.left{
	height:474px;
 	color:#e0e0e0;
}

div.right{
	float:left;
 	height:474px;
}

div.clear{
	clear:both;
	height:1px;
}

div.nav{
	margin:0;
 	height: 99px;
	width:1000px;
/*   background: url("../pics/nav.png") no-repeat scroll left top transparent;  */
}

ul.nav_liste{
	margin:0;
 	padding:0; 
  	list-style-type:none;
}

ul.nav_liste li{
	float:left;
 	padding-top:7px; 
  	padding-left:30px;
}

ul.nav_liste li a{
	display:block;
 	width:90px; 
  	height:90px;
}

ul.nav_liste li a img{
	border:none;
}

div.footer{
	margin:0;
 	height: 76px;
	width:1000px;
   background: url("../pics/footer.png") no-repeat scroll left top transparent;
}

/*--------- Angaben zum inhalt ---------------- */
img#referenz{
	border:1px solid #d8d8d8;
	float:right;
/*	margin-right:140px; */
}
span.ueberschrift{
	text-decoration:underline;
}

div#bilderliste{
	padding:3px 0;
	width:500px;
	height:90px;
	background:transparent;
	position:absolute;
	right:80px;
	bottom:40px;
}

div#bilderliste_htm{
	padding:3px 0;
	width:500px;
	height:90px;
	background:transparent;
	position:absolute;
	left:80px;
	bottom:40px;
}

div#bilderliste img, div#bilderliste_htm img{
	border:1px solid white;	
}

ul#bilder{
	margin:0;
 	padding:0;
}

ul#bilder li{
	float:left;
 	margin-left:8px;
}

/*------Angaben zum Kalender-------------*/
table.kalender{
	border:1px solid #809FB1;
 	width:100%; 
  	margin:0;  
	padding:0;
 	border-style: ridge;
}

table.kalender thead td{
	background-color:#232323;
 	font-weight:bold; 
  	border:none;
	  
}

table.kalender tbody td{
	font-weight:bold;
 	border:none; 
  	color:#232;
}

table.kalender td{
	margin:0;
 	padding:0;
 	text-align:center; 
  
}

td.inaktiv{
	color:#808080 !important;
 	background-color:#9b9b9b;
}

td.gebucht{
	background-color:#AF0303;
}

td.reserviert{
	background-color:#FFFF00;
}

td.frei{
	background-color:#006600;
}

form#kalender input {
	border:1px solid #809FB1;
	background-color: #809fb1;
 	border-style: outset;
}

form#kalender select{
	border:1px solid #809FB1;

}

div.legende ul{
	list-style-type: none;
	
}

div.legende ul li{
	line-height: 20px;
	
}
/*------Angaben zum Kalender-------------*/

/*------Angaben zum Kontaktformular------*/
tr.kontakt{
	margin-top: 18px;
 	height:30px;  
}

td{
	vertical-align:top;
}

td.links {
    width: 100px;
}

td.rechts {
    text-indent: 8px;
}

div.konR {
    float: left;
    margin-top: 18px;
    width: 330px;
}

.kontakt_tabelle input, .kontakt_tabelle select, .kontakt_tabelle option {
    background-color: #FFFFFF;
    border: 1px dashed #C2C2C2;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    width: 150px;
}

input#betreff{
	width:410px;
}

input#code{
	width:100px;
}

textarea {
    background-color: #FFFFFF;
    border: 1px dashed #C2C2C2;
    color: #888888;
    height: 102px;
    overflow: auto;
    width: 410px;    
    resize:none;    
	 margin-bottom:10px;
}
input[type="radio"]{
	border: 0;
	background:none;
 	color:#43C33F;
}

em {
    color: red;
    font-size: 12px;
    vertical-align: bottom;
}

input.butt {
    background-color: #FFFFFF;
    border: 1px outset #B6B6B6;
    color: #7A7A7A;
    margin-bottom: 5px;
    width: 120px;
}

a#reload{
/*<img style="position:absolute;bottom:10px;" src="../pics/reload2.gif" title="Reload Captcha" alt="reload captcha" onclick="reload()" /> */
background: url("../pics/reload2.gif") no-repeat;
width:16px;
height:16px;
/* position:absolute; */
display:inline-block;
bottom:10px;
}
a#reload:hover{
	background: url("../pics/reload1.gif") no-repeat;
}
/* Kalender */
td.calTD{
	color:black;
}
/*------Angaben zum Kontaktformular------*/