body{
background-color: #ffe1af; 
padding-top: 0;
overflow:hidden;
letter-spacing:1px;
font-size:12px; 
font-family: arial, verdana, tahoma, 'Microsoft Sans Serif';
color:#ffffff;      
padding:0px;

}

/* hauptgerüst */

#haupt {
width:730px; 
height: 575px;
top: 50%;
left: 50%;
margin: -287px 0 0 -365px;
padding: 0;
position: absolute;
} 

/* top-logo */
#top { 
overflow:hidden;
position: relative;
width:730px; 
height: 160px;
margin: 0;
padding: 0;
background-color:#d3834e;
background-image:url(haupt/image/logo-back.jpg);
background-repeat: no-repeat;
float: left;
}

/* weblinie */
#logo-a { 
position: relative;
margin: 3px 0 0 6px;
padding: 0;
background: transparent;
width:23px;
height:108px;
}

#logotext {
text-align:right;
position: relative;
margin: -15px 0 0 180px;
padding: 0;
width:460px; 
height: 35px;
background-color: transparent;
}

#logo-b1 {
position: relative;
line-height: 110%;
margin: 0;
padding: 0;
width:150px; 
height: 25px;
background-color: transparent;
float: left;
}

#logo-b2 {
position: relative;
line-height: 110%;
margin: 0;
padding: 0;
width:200px; 
height: 25px;
background-color: transparent;
float: left;
}

#logo-b3 {
position: relative;
margin: 0;
padding-left: 0;
width:90px; 
height: 22px;
background-color: transparent;
float: left;
}



/* linke spalte */
#spleft {
position: relative;
border: 0;
margin:0;
overflow:hidden;
padding: 0px;
background-color:#833b09;
background-image:url(haupt/image/seiten-back-li.jpg);
background-repeat:repeat-y;
width:70px; 
height:375px;
float: left;
}

/* mittelspalte site */
#main-site {
overflow:hidden;
position: relative;
border: 0;
margin:0; 
padding: 20px;
background-color:#833b09;
width:560px; 
height:335px;
overflow: auto;
float: left;
}

* html #main-site {  /* nur fuer Internet Explorer */
  height:355px;     /* Version 5.x */
  width:580px;
  h\eight:335px;    /* Version 6 */
  w\idth: 560px;

}

/* rechte spalte */
#spright {
position: relative;
border: 0;
margin:0;
padding: 0px;
background-color:#833b09;
background-image:url(haupt/image/seiten-back-re.jpg);
background-repeat:repeat-y;
width:60px; 
height:375px;
float: left;
}

/* bottom */
#spbot {
position: relative;
border: 0;
margin: 0 !important; /* Für moderne Browser */
padding: 5px 0 0 580px;
background-color:#000000;
background-image:url(haupt/image/bottom-back.jpg);
background-repeat:no-repeat;
width:150px; 
height:35px;
clear:both;
}

* html #spbot {  /* nur fuer Internet Explorer */
  height:40px;     /* Version 5.x */
  width:730px;
  h\eight:30px;    /* Version 6 */
  w\idth: 150px;

}

#menu-u a , #menu-re a:visited { 
font-family: arial, verdana, tahoma, 'Microsoft Sans Serif';
font-weight: bold;
text-decoration:none; color:#d3834e;
position: relative;
margin: 0;
padding: 0;
background-color: transparent;
}

#menu-u a:hover, #menu-re a:active {
background: background-color: transparent;
color:#e2b382;
text-decoration:none ;
}


/* allgemeine Überschriften*/
h1{
letter-spacing:1px;
margin-bottom:0px;
margin-top:0px;
padding: 20px 0 20px 0;
font-family: arial, verdana, tahoma, 'Microsoft Sans Serif';
color:#ffffff;
font-size:100%;
font-weight: bold; 
font-style:italic;
}

h2{
letter-spacing:1px;
margin-bottom:0px;
margin-top:0px;
padding: 20px 0 20px 0;
font-family: arial, verdana, tahoma, 'Microsoft Sans Serif';
color:#ffffff;
font-size:100%;
font-weight: bold; 
font-style:italic;
}


h3{
letter-spacing:1px;
margin-bottom:0px;
margin-top:0px;
padding: 20px 0 20px 0;
font-family: arial, verdana, tahoma, 'Microsoft Sans Serif';
color:#ffffff;
font-size:120%;
font-weight: bold; 
font-style:italic;
}

h4{
letter-spacing:1px;
margin-bottom:0px;
margin-top:0px;
padding: 10px 0 10px 0;
font-family: arial, verdana, tahoma, 'Microsoft Sans Serif';
color:#ffffff;
font-size:100%; 
font-weight: bold;
font-style:italic;
}

/* scrolleiste internet explorer ab vers.5.5 */

body{
scrollbar-arrow-color: #ffffff;
scrollbar-highlight-color: #893904; 
scrollbar-shadow-color: #633d18;
scrollbar-base-color: #833b09;
scrollbar-track-color: #833b09;
}

/* menue-oben */
#button {
position: relative;
vertical-align:bottom;
text-align:right;
width:720px;
height:17px;
padding:0 10px 0 0;
border: 0px;
}

#menu2 a span{
float:left;
background:  url("haupt/image/nav-links2.jpg") left no-repeat;
height:24px;
line-height:24px;
width:13px;
}

#menu2 a , #menu2 a:visited, #menu2 a:active {
display:block;
background:  url("haupt/image/nav-rechts2.jpg")  right  no-repeat;
color:#e2b394;
font: bold 12px arial, verdana, tahoma, 'Microsoft Sans Serif';
line-height:24px;
height:30px;
text-decoration:none ;
padding: 5px 15px 0px 0px;
text-align:center;
margin-left:2px;
}

/* hover */

#menu2 a:hover span{
background:  url("haupt/image/nav-links.jpg")  left  no-repeat;
}

#menu2 a:hover  {
background:  url("haupt/image/nav-rechts.jpg")  right  no-repeat ;
color:#404040;
text-decoration:none ;
}



/* allgemeine links im text */

a:link, a:visited, a:active{ 
font-family: arial, verdana, tahoma, 'Microsoft Sans Serif';
text-decoration:underline overline; color:#e2b394;}

a:hover{ 
color:#ffffff;}

ul {
line-height:150%;
}

/* Kontaktformular*/

#komplett {
	border: 0px double #000000;
	width: 420px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	padding-top: 10px;
	padding-left: 15px;
	text-align: left;
}
.li {
	clear: left;
	float: left;
	width: 50%;
}
.lire {
	clear: right;
	float: left;
	width: 50%;
}
.textfeld {
	border: 1px solid #d3834e;
	height: 15px;
	width: 180px;
	font-size: 12px;
	color: #000000;
	font-family: "Courier New", Courier, mono;
	padding-left: 13px;
}
.textarea {
	border: 1px solid #000000;
	height: 100px;
	width: 380px;
	font-size: 12px;
	color: #023c38;
	font-family: "Courier New", Courier, mono;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 13px;
}
.button {
	background-color: #d3834e;
	height: 25px;
	width: 120px;
	margin: 15px 5px 10px;
	border: 1px solid #ffe07e;
	text-align: center;
	vertical-align: middle;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #833b09;
}
.textfeldspam {