/*allgemeine Definitionen*/
html { 
  	
  padding:0px;
  margin:0px;
}

body {
  background-color: #fff7b2;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#564b47;  
  text-align:center;
	margin:0px;
	padding:0px;
}
p{font-size:1em;
  font-weight: lighter;}


p,pre, h1,h2, h3, h4 {
margin:0px 10px 10px 10px;
}

h1 {
font-size:16px;
padding-top:10px;
text-align: left;
color: #564b47;
background-color: transparent;
	}
h2 {
font-size:14px;
text-align: left;
color: #564b47;
background-color: transparent;
	}
h3 {
font-size:12px;
text-align: left;
color: #564b47;
background-color: transparent;
	}	
/*Der Kasten, der alles zusammen hält*/
#box {
width:75em;
margin: 0px auto;
padding:0px;
text-align:left;
}
/*Die Navigationsleiste*/
#links {
width:15em;
padding:10px 0 0 0;
float:left;
background-color:#fff7b2;}

#links table{
background-color:#6c92db;
color:#000000;
}
#links td {
        margin: 0 0 1px 0;
}
#links ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
}
#links li {
        margin: 0 0 1px 0;
}

#links li a:link, #links li a:visited {
        display: block;
        text-decoration: none;
        font-weight: bold;
        padding: 5px 5px 5px 0.5em;
        border-left: 12px solid #4092db;
        background-color: #6c92db;
        color: #E1E6CF;
}
#links li a:hover, #links li a:active, #links li a:focus {
        border-left: 12px solid #6c92ff;
        background-color: #ADD8e6;
        color: #000000;
}
/*Inhalt mit eingeschachteltem Bild*/
#inhalt {
width:45em;
padding:0px;
float:left;
background-color:#fff7b2;
overflow: auto;
}
#inhalt table{ padding-left: 10px; }

/*linksbündiges Bild*/
#bild{
float: left;
left: 15em;
padding: 15px;}
/* Die rechte Leiste*/
#rechts {
width:15em;
padding:0px;
float:left;
text-align:center;
background-color:#fff7b2;
color:#000000;
}
#rechts ul{
list-style-type: none;
margin:0;
padding:10px 0 0 0;
}
#rechts li {
margin:0 0 3px 0;
}
#rechts table{
background-color:#6c92db;
text-align: left;
margin-left: 1em;
}
/*Der Kopf mit dem Banner und der horizontalen Navigation*/
#kopf {
background-image: url(../Bilder/banner-hausundberghell.jpg);
background-repeat:no-repeat;
background-color:transparent;
color: #fff82c;
margin:0;
padding:0;
}

#kopf h1 {
font-size: 11px;
text-transform:uppercase;
text-align: center;
color: #ffffff;
background-color: #6c92db;
margin:0;
padding:4px 0;
}

.halbhoch {

padding: 10px;
font-size: 1.5em;
}
#kopf p {
font-size: 3em;
padding:10px;
margin:0px;
}

#kopf ul{
list-style-type: none;
padding-left:0;
margin-left:0;
display:inline;
}

#kopf li {
display:inline;
padding: 3px 15px;
}
#kopf a:link, #kopf a:visited
{text-decoration: none;
color:#ffffff;
background-color:transparent;
}	

#kopf a:hover, #kopf a:active
{
text-decoration: none;
color:#191970;
background-color:#c9c3ed;
}
/*Die Fußleiste*/
#footer{
clear:both;
font-size:0.7em;
color:#000000;
background-color:#6c92db;
text-align: center;
margin-top: 10px;
padding: 2px;
}