body {
max-width: 1100px;
background-color:#cccccc; 
font-family: Arial, Verdana, sans-serif;
font-size: 93%;
color: #000;
margin:auto;
padding:0;
text-align:center;
}



.solid {	
   border-top: 1px solid #ffffff;
   border-bottom: hidden;
   border-left: hidden; 
   border-right: hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
	
}

.dashed {
  border-bottom:1px dashed #7D5A34;
   border-top:hidden;
   border-left:hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
	
}

.dotted {
	border-bottom:1px dotted #7D5A34;
   border-top:hidden;
   border-left:hidden;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


b{

color: #000000;
font-family: Arial;
}


 
ul {
list-style-type: none;
padding-left: 0;
margin-left: 10px;
}
 
li.custom {
background: url(gfx/bulletthd.gif) left center no-repeat; 

padding-left: 20px;
margin-bottom: 10px;

 }
 
 li.custom1 {
background: url(gfx/bullet.gif) left center no-repeat; 

padding-left: 20px;
margin-bottom: 10px;

 }
 

a { font-family: Arial, Verdana, sans-serif; 
font-size: 100%; 
background-color: #cccc99; 
-->*/cc9966;/ <--
color: #000000; text-decoration: underline;
}

a:hover { font-family: Arial, Verdana, sans-serif;
 font-size: 100%; 
 background-color: #000000;
 color: #FAE993;
 }


h1 { font-family: Arial, Verdana, sans-serif; font-size: 150%;  color: #5A3A20}
h2 { font-family: Arial, Verdana, sans-serif; font-size: 116%;  color: #5A3A20}
h3 { font-family: Arial, Verdana, sans-serif; font-size: 108%;  color: #5A3A20}


.main-table {
width:expression(document.body.clientWidth > 1052? "1050px": "auto" );
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}


table {
font-family: Arial, Verdana, sans-serif;
font-size: 93%;
color: #000;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}



.note {
font-family: Arial, Verdana, sans-serif;
background-color:#fff; 
font-size: 77%;
color: #666666;
font-weight: bold;
font-style: italic;
} 



td.top-nav {
background-image: url(oben.jpg);
background-repeat: repeat;
}


td.headerbg {
background-color:#000000;
}

td.spacerbg {
background-color:#000000;
background-image: url('gfx/thdfaded-left.jpg');
background-repeat: repeat-y;
}

td.contentbg {
background-color:#ffffff;
}

td.contentbg1 {
background-color:#FCF9EA;
}

td.rightbg {
font-family: Arial, Verdana, sans-serif;
font-size: 93%;
color: #000;
padding-left: 10;
padding-right: 10;
background-color:#000000; 
background-image: url('gfx/thdfaded-right.jpg');
background-repeat: repeat-y;
background-position: right; 
}

td.leftbg {
font-size: 86%;
margin-left: 10px;
padding-left: 10;
background-color:#000000; 
}

td.footerbg {
font-size: 86%;
font-family: Arial, Verdana, sans-serif;
font-size: 90%;
color: #ffffff;
background-color:#000000; 
}


.hbg{
background-color:#000000; 
color:#ffffff;
width: auto;
z-axis: 1;
text-align: center;
}
.hbg1{
color:#330000;

}


a.spring{
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
}

a:hover.spring  {
text-decoration: none;
font-size: 100%; 
background-color: transparent;
color: #000;
} 

#navigator {

}

.button-links {
}

.button-links a {
font-size: 100%;
}

.button-links a:hover {
font-size: 100%;
}



#navigator {



width: 165px;

margin-top: auto;

margin-left: auto;

margin-right: auto;

padding: 5px;

text-align: center;


}



.button-links {

font-weight: bold;
text-align: center;
margin-bottom: 1px;
margin-top: 1px;
}



.button-links a {

padding: 4px;

text-decoration: none;

display: block;

color: #000000; /*this is where you change the button font color*/

background-color: #969690;

border-top: 3px #C29151 outset;

border-left: 3px #C29151 outset;

border-bottom: 3px #C29151 outset;

border-right: 3px #C29151 outset;

}


.button-links a:hover {

color: #000; /*-----this is where you change the button font color, when the button is hovered over*/

background-color: #807E81;

border: 4px #DAA520 double;

text-decoration: none;


}


#nav ul { 
float: left; 
list-style: none; 
width: 100%; 
padding: 0; margin: 0 0 0 0px; 
height: 30px; 
display: inline;
 text-transform: uppercase;
 }
 #nav ul li { 
display: inline; 
margin: 0; padding: 0;
 } #nav ul li a { 
display: block; 
float: left; 
width: auto; 
margin: 0; 
padding: 0 15px; 
color: #5A3A20;
font: bold 10px/30px Arial, Geneva, sans-serif; 
	text-transform: uppercase; 
text-decoration: none; 
letter-spacing: 1px; 
} #nav ul li a:hover, 
#nav ul li a:active { 

color: #F8E692; 
font: bold 12px/30px Arial, Geneva, sans-serif; 
}  

div.content-box {
   background-color: transparent;
	margin: -30px 0px 0px 0px;
	padding: 25px;
	border-top: none;
	border-bottom: none;
	Border-right: 0px solid #7D5A34; 
	border-left: 0px solid #7D5A34;
}



div.full-width-box {
   background-color: #FCF9EA;
	margin: 15px 0px 10px 0px;
	padding: 15px;
   border: 1px solid #7D5A34;
	
}

div.full-width-box2 {
   background-color: #ffffaa;
	margin: 15px 0px 10px 0px;
	padding: 15px;
   border: 1px solid #7D5A34;
	
}
	
div.half-width-box-left {
   background-color: #666666;
	margin: 5px 5px 5px 5px;
	border: 1px solid #7D5A34;
	padding: 10px;
	width: 50%;
	float: left;
	
}

div.half-width-box-right {
   background-color: #ffffff;
	margin: 5px 5px 5px 5px;
	border: 1px solid #7D5A34;
	padding: 10px;
	width: 50%;
	float: right;
	
}



.Bild-links {
	float: left;
	padding: 2px;
	margin-right: 5px;
	border: 2px solid #7D5A34;
}
.Bild-rechts {
	float: right;
	padding: 2px;
	margin-left: 5px;
	border: 2px solid #7D5A34;
}


div.clear {
	clear: both;
	width: 100%;
	height: 1px;
}




