html {
 height:100%
 }

body {
	font-family: arial, verdana, sans-serif; 
    font-size: 100.01%;
     background:#FFF8D3;
	 color:black;
	 margin:0;
	 height:100%
 }

#center {
 position:relative;
 background:white;
 margin:auto;
 width:760px;
 padding:6px;
 }

#top   { background-image: url("../images/hotel.jpg"); background-position: left top; height: 180px; border-bottom: 15px solid #00863c }
#content     { background-image: url("../images/hinter.jpg"); padding-left: 200px }
#contentmap  { background-image: url("../images/hinter.jpg"); padding-left: 280px }
#content h1, #content h1 a   { font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; padding-bottom: 2px; border-bottom: 2px dashed #00863c }
#content h2  { font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; padding-bottom: 2px; border-bottom: 1px dashed #000000 }

#content p,
#content ul {
 font-family:Arial,Helvetica,sans-serif;
 font-size:14px;
 line-height:1.7em
 }
.ungerade { color:black; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.5em }
.gerade { color:black; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.5em }
.picture { padding: 10px; width: 180px; float: right; text-align:center }
.picture img {  padding-right: 2px; padding-bottom: 2px; border-right: 5px solid #00863c; border-bottom: 5px solid #00863c }
.bigpicture { padding: 10px; width: 500px; text-align:center }
.kontakt { text-align: center; padding: 10px 10px 10px 80px; width: 300px }
.bigpicture img {  padding-right: 2px; padding-bottom: 2px; border-right: 5px solid #00863c; border-bottom: 5px solid #00863c }
#footer  { font-size: 12px; font-stretch: expanded; background: white; text-align: center; margin: auto; padding: 6px; width: 760px; border-top: 1px dotted #000000 }


   form {display: left;
	 margin			: 0px;	 
        }
	
   fieldset {width: 28em;
			 display: inline;
			 float:left;
			 font-size: 0.80em; 
			 border: 1px solid #4b408c;
			 background:transparent;			
			 padding:10px;
			 vertical-align: top;
			 z-index: 1;
 			 margin-bottom: 10px; 
			}

	* html fieldset {padding: 5px;}
	
   legend {background: #00863c;
	   	   color:white;
		   padding: 4px;
		   border: 1px solid #4b408c;
		   border-right-width: 2px;
		   border-bottom-width: 2px;
		   margin-bottom: 4px;
		   font-weight: bold;
		   }


input[type=text], input[type=password], select {
 float: left;
 border: 1px solid #4b408c;
 background: white; 
 margin: 3px;
}						
   input:active, input:focus, input:hover { background: #E8EBDF;}
   
   .buttons {
   text-align: center;
   }
   
   	
label.left {
	 float: left;
	 text-align: right;
	 width: 6em;
	 margin-right: .3em;
 }


input[type=submit], input[type=reset] {
		margin: 3px 0;
		border: 1px solid #4b408c;
		background: white;
}

input[type=submit]:active, input[type=reset]:active, input[type=submit]:focus, input[type=reset]:focus, input[type=submit]:hover, input[type=reset]:hover 
{ background: #E8EBDF;}

input.right {
 float: left;
 width: auto;
 clear: both;
 margin-left: 5.3em;
 margin-right: .3em;
}

input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right {
 margin-left: 6.3em;
}

form br {
 clear: both;
}