html {
height:100%; 
max-height:100%; 
padding:0;
margin:0; 
border:0; 
background:#b69e8d;
font:normal 14px arial,helvetica,sans-serif;
color:#fff;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {
height:100%; 
max-height:100%; 
overflow:hidden; 
padding:0; 
margin:0; 
border:0;
}

#head {
position:absolute; 
margin:0; 
top:0; 
left:0; 
display:block; 
width:100%; 
height:100px; 
z-index:5; 
overflow:hidden; 
background: #5d524a url(img/bg_head.jpg) no-repeat fixed left top;
}

#left {
position:absolute; 
left:0; 
top:100px; 
bottom:25px; 
width:199px;  
z-index:4; 
overflow:hidden;
background: #817267;
border-right:1px solid #000;
/*background: #817267 url('img/bg_nav.png') top right repeat-y; 
background: #817267 url('img/test_left.gif') bottom left no-repeat; z-index:105;*/
}

* html #left {
width:200px;
height:100%; 
top:0; 
bottom:0; 
border-top:100px solid #fff; 
border-bottom:25px solid #fff; 
}

#main {
overflow:auto; 
position:absolute; 
z-index:3; 
top:100px; 
bottom:25px; 
left:200px; 
right:0; 
background:#b69e8d;
padding: 10px 20px 0px 20px; 
}

* html #main {
top:0; 
left:0; 
right:0; 
bottom:0; 
height:100%; 
max-height:100%; 
width:100%; 
overflow:auto; 
position:absolute; 
z-index:3; 
border-top:100px solid #fff; 
border-bottom:25px solid #fff; 
border-left:200px solid #fff;
}

#foot {
position:absolute; 
margin:0; 
bottom:0; 
left:0; 
display:block; 
width:100%; 
height:24px; 
z-index:5; 
overflow:hidden;
background:#5d524a;
border-top:1px solid #000; 
}

* html #foot {
height:25px;
} 

/* Navigation Anfang */
.navtop {
font: bold 14px arial,helvetica,sans-serif; color:#fff;
padding-top:4px;
text-align:center;
font-variant:small-caps;
display: block;
width: 199px;
height:26px; 
background: url("img/nav_butt.gif") 0 0 no-repeat;
}

.navbutt a {
display: block;
width: 199px; 
height: 26px;
font: bold 12px arial,helvetica,sans-serif; color:#fff;
margin: 0;
padding-top:5px;
text-align:left;
background: url("img/nav_butt.gif") 0 0 no-repeat;
text-decoration: none;
}

.navbutt a:hover {
background-position: -199px 0px;
color:#fff;
padding-left:10px;
}

#center_box1 {
width: 105px;
height: 20px;
background: #b69e8d;
position:absolute;
margin-left: -52px;
left: 50%;
}

#center_box2 {
width: 210px;
height: 18px;
background: #b69e8d;
position:absolute;
margin-left: -105px;
left: 50%;
}

a.button {
  display:block; 
  width:90px; 
  height:14px; 
  margin:0;
  text-align:center; 
  font:bold 12px arial,helvetica,sans-serif; 
  text-decoration:none;
  padding: 1px;
  border:1px solid #000;
  background:#817267;
  color:#fff;
}
a.button:hover {
  background:#5d524a;
}

a {
	outline: none;
}
/* Navigation Ende */

img {
border:0px;
}


#mainbox {
border:0px solid #fff;
width:610px;
height:410px;
position:absolute;
top: 50%;
left: 50%;
margin-left: -305px;
margin-top: -205px;
overflow:hidden;
text-align:justify;
}

#text_foot {
text-align:center; 
font-variant:small-caps; 
letter-spacing:1px; 
padding-top:5px;
color:#fff;
font-size:12px;
}

/* kontakt formular */
.kontaktbox {
width:600px;
height:350px;
position:absolute;
top: 50%;
left: 50%;
margin-left: -300px;
margin-top: -175px;
overflow:auto; 
}  

input, textarea {
border-top:1px solid #787878;
border-right:1px solid #787878;
border-left:1px solid #dddddd;
border-bottom:1px solid #dddddd;
background-color:#f2f2ed;
}

.legende div {
display: inline;
border: 1px solid #000;
background: #817267;
padding: 2px 4px 2px 4px;
position: relative;
top: 8px;
left: 12px;
font-weight:bold;
}

.legende p {
border: 1px solid #000;
background: #B69E8D;
padding: 16px 14px 10px 14px;
margin-top: 0;
}
/* kontakt formular */