html { 
  height: 100%;
}

* { 
  margin: 0;
  padding: 0;
}

header, footer, nav { 
  display:block;
}

body { 
  font-family: 'Muli', sans-serif;
  font-weight: 100;
  background: #ccc ;
  color: #222;
  padding-bottom: 3px;
}

p { 
  padding: 0 0 20px 0;
  line-height: 1.7em;
}
a:active, a:focus {
	outline: none
}

h1 {
  padding: 5px 0 25px 0;
  font-family: 'Dosis', sans-serif;
  font-weight: 300;
}

img { 
  border: 0;
}

.left { 
  float: left;
  width: auto;
  margin-right: 10px;
}

.right { 
  float: right; 
  width: auto;
  margin-left: 10px;
}

.center { 
  display: block;
  text-align: center;
  margin: 20px auto;
}

.logo_img { 
  float: right; 
  width: auto;
  padding: 0 80px 0px 0;
}

.logo { 
  float: left;
  width: auto;
  margin: 0;
  padding-top: 20px;
}

#main, nav, #container, #logo, #Seiteninhalt, footer { 
  margin-left: auto; 
  margin-right: auto;
}

#main {
  margin: 50px auto;
  width: 1000px;
  background-color: #fff;
  border-radius: 13px 13px 13px 13px;
  -moz-border-radius: 13px 13px 13px 13px;
  -webkit-border: 13px 13px 13px 13px;
}

#logo { 
  width: 930px;
  padding: 0;
}

nav { 
  height: 40px;
  width: 930px;
  clear: both;
  margin: -34px auto 0 auto;
  color: #222;
  background: #ddd; /* alte Browser */
  background: -moz-linear-gradient(#fff, #ddd);
  background: -o-linear-gradient(#fff, #ddd);
  background: -webkit-linear-gradient(#fff, #ddd);
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  border: 1px solid #eee;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;
} 

#menu_container { 
  width: 930px;
  margin: 0 auto 0 auto;
}

#Seiteninhalt { 
  width: 930px;
  overflow: hidden;
  margin: 0px auto 0 auto;
  padding: 30px 0 15px 0;
} 

.content { 
  text-align: left;
  width: 920px;
  margin: 0 0 15px 5px;
  float: left;
  font-size: 120%;
  padding: 14px 0 0 0;
}

.content a {
	text-decoration: none;
}

.content ul { 
  margin: 2px 0 22px 0px;
}

.content ul li { 
  list-style-type: none;
  background: url(../images/bullet.gif) no-repeat;
  margin: 2px 0 0 0; 
  padding: 0 0 4px 20px;
  line-height: 1.5em;
}

footer { 
  width: 930px;
  font: 'Dosis', sans-serif;
  height: 10px;
  padding: 5px 0 20px 0;
  text-align: center; 
  color: #222;
}

footer p { 
  line-height: .5em;
  padding: 5px 0 0 0;
  font-size:x-small;
}

ul.menu,ul.menu * { 
  margin: 0;
  padding: 0;
}

ul.menu { 
  display: block;
}
  
ul.menu li { 
  display: block;
  list-style: none;
  float: left;
 }

ul.menu a { 
  display: block;
  margin-left: 30px;
}

ul#nav ul { 
  background: #ddd; /* alte Browser */
  background: -moz-linear-gradient(#fff, #ddd);
  background: -o-linear-gradient(#fff, #ddd);
  background: -webkit-linear-gradient(#fff, #ddd);
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
  border: 1px solid #eee;
  border-radius: 0px 0px 7px 7px;
  -moz-border-radius: 0px 0px 7px 7px;
  -webkit-border: 0px 0px 7px 7px;
  margin-top: -5px;
  padding-bottom: 15px;
}

ul#nav li a { 
  padding:5px 80px 6px 40px;
  font: 150% 'Dosis', sans-serif;
  font-weight: 400;
  text-decoration: none;
  color: #000;
  margin-right: 2px;
}

ul#nav li a:hover { 
  color: #ccc;
  text-shadow: none;
}

body#home #home a {
	color: #663333;	
}

body#projekte #projekte a {
	color: #663333;	
}

body#aktuell #aktuell a {
	color: #663333;	
}

body#kontakt #kontakt a {
	color: #663333;	
}

body#gesuche #gesuche a {
	color: #663333;	
}