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,pre, h1, h3 {
margin:0px 10px 10px 10px;
}

h1,h2 {
font-size:14px;
padding-top:10px;
text-transform:uppercase;
text-align: left;
color: #564b47;
background-color: transparent;
	}

h3 {
font-size:11px;
padding-top:10px;
text-transform:uppercase;
text-align: left;
color: #564b47;
background-color: transparent;
	}

a { 
color: #ff66cc;
font-size: 11px;
background-color:transparent;
text-decoration: none; 
}
 
pre { 
color: #564b47;
font-size: 11px;
background-color:transparent;
font-family: Courier, Monaco, Monospace;
}


/*  positioning-layers statisch und absolut */

#box {
width:75em;
margin: 0px auto;
padding:0px;
text-align:left;
}

#links {
width:12em;
padding:15px 0px;
float:left;
background-color:#fff7b2;
}
#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, #rechts li a:link, #rechts 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,#rechts li a:hover, #rechts li a:active, #rechts li a:focus  {
        border-left: 12px solid #4092db;
        background-color: #ADD8e6;
        color: #000000;
}

#inhalt {
width:63em;
padding:0;
float:right;
background-color:#fff7b2;
overflow: auto;
}
#inhalt table{padding-left:0}

#inhalt a:link, #inhalt a:visited
{text-decoration: none;
color:blue;
font-weight:bold;
background-color:transparent;
}	

#inhalt a:hover, #inhalt a:active
{
text-decoration: underline;
font-weight:bold;
color:#191970;
background-color:#c9c3ed;
}

#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:2px 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;
}
#suche{
clear: both;
font-size:0,7em;
color:black;
background-color:transparent;
text-align: center;
padding: 2px;
}
#footer{
clear: both;
font-size:0,7em;
color:black;
background-color:#6c92db;
text-align: center;
padding: 2px;
}