/*rudorffer.css*/

{
  margin: 0;
  padding: 0;
}

html, body { 
	width: 99.6%;
	height: 100.1%;
}


body {
  background: #BDAC7D;
  font-family: Calibri, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 100.01%;
}


h1 {
  text-align: center;
  font-size: 1.2em;
  color: #850606;
  font-family: Calibri;
  padding-top: 20px;
}

h2 {
  text-align: right;
  font-size: 1.1em;
  color: #552A03;
  font-family: Calibri;
  padding-top: 10px;
}

h3 {
  font-size: 1.2em;
  color: #850606;
}

h4 {
  font-size: 0.8em;
  color: #552A03;
  padding-left: 320px;
}

h5 {
  font-size: 1.2em;
  color: #850606;
  margin-top: 60px;  
  height: 20px;
}

p {
  padding-right: 50px;
  color: #552A03;
}

#wrapper {
  float: left;
  position: relative;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  min-height: 550px;
  background-color: #FFF;
  margin-bottom: 20px;  
}

#navi {
  width: 1000px;
  height: 22px;
  padding: 0;
  margin: 0;
  background-color: #FFFFFF;
  border-bottom: 1px solid #552A03;
  border-top: 1px solid #552A03;
}

#navi ul {
  margin-left: 30px; 
  margin-top: 0;
  padding: 0;
  list-style: none;
  width: 950px;    
}

#navi li {
  display: inline;
  font-size: 1.1em;
  padding: 5px 30px 0 0; 
  font-weight: bold;
  font-family: Calibri, "Lucida Sans Unicode", "Lucida Grande", sans-serif;  
  margin: 0;
}

#navi a {
  text-decoration: none;
}

#navi a:link {color: #552A03;}
#navi a:visited {color: #552A03;}
#navi a:hover {color: #6C8702;} 

.active {
  color: #6C8702;
}

a.active:link {
  color: #6C8702;
}

a.active:visited {
  color: #552A03;
}

a.active:hover {
  color: #6C8702;
}



#start {
  float: left;
  width: 450px;
  padding-top: 40px;
}

#bild_start {
  float: left;
  width: 400px;
  padding-left: 30px;
  padding-top: 40px;
}

#links {
  float: left;
  width: 200px;
  height: auto;
}

#mitte {
  float: left;
  width: 750px;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

#einseitig {
  width: 750px;
  height: auto;
  margin-left: 200px;
  padding-top: 20px;
  padding-bottom: 20px;
}

#links ul {
  margin: 0;
  padding: 62px 20px;
  list-style: none;
  width: 200px;   
}

#links li {
  font-size: 1.1em;
  line-height: 30px; 
  font-weight: bold;
}

#links a {
  text-decoration: underline;
}

#links a:link {color: #552A03;}
#links a:visited {color: #552A03;}
#links a:hover {color: #6C8702;}

#einseitig ul {
  padding-left: 30px;
  list-style: circle; 
}

#einseitig li {
  color: #552A03;
}

#einseitig a {
  text-decoration: none;
}

#einseitig a:link {color: #552A03;}
#einseitig a:visited {color: #552A03;}
#einseitig a:hover {color: #325813;}

#einseitig img {
  background-color: blue;
}

