html { background-color: #ddddff; padding:5; margin:5; }

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



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

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

a { 
color: #0000ff;
font-size: 12px;
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:15em;
padding:15px 0px;
float:left;
background-color:#ffffff;
}
#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:60em;
padding:0;
float:left;
background-color:#ffffff;
overflow: auto;
}
#bild{
float: left;
left: 15em;
padding: 15px;}

#kopf {
background-image: url('file:');
background-repeat:no-repeat;
background-color:#ffffff;
color: #000000;
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:20;
display:inline;
}

#kopf li {
display:inline;
padding: 3px 15px;
font-size: 11px;
text-transform:uppercase;
text-align: center;
color: #ffffff;


}
#kopf a:link, #kopf a:visited
{text-decoration: underline;
color:#ffffff;
background-color:transparent;
}	

#kopf a:hover, #kopf a:active
{
text-decoration: underline;
color:#191970;
background-color:#c9c3ed;
}

#footer{
clear:both;
color:black;
background-color:#6c92db;
text-align: center;
padding: 2px;
}
#bild2{
float: right;
left: 40em;
padding:15px;}

#bild3{
clear:both;
float: right;

padding-right: 100px;}