* {
  margin:0;
  padding:0;
} 
html, body {
	margin: 0px auto;
	text-align: center;
	background-color: #C8E2D5;
}
body {
	background-image:url(images/hintergrund_body.jpg);
	background-repeat: repeat-x;	
	margin: 0;
	text-align: center;
	background-color: #C8E2D5;
	margin: 0;  padding: 0;  
	margin-bottom: 15px;  
	margin-top: 0px;
}


#wrapper {
	width:760px;
	margin:0px auto;
	text-align:left;
	background-repeat: repeat-y;
	background-position: right top;
	background-color: #F7F9F8;
}

#header {
	height: 86px;
}
#navigation {
	float:left;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

#subnavigation {
	width: 184px;
	float: left;	
}
#subnavigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#subnavigation ul li a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	line-height: 23px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 25px;
	width: auto;
	padding-left: 45px;
	padding-top: 0;
	padding-bottom: 0;
	background-image: url(images/hintergrund_subnavi.png);
	background-repeat: no-repeat;
}
#subnavigation ul li a:hover {
	color: #006735;
}
#subnavigation ul li a.aktuell {
	color: #006735;
}
#bild {
	margin: 0;
	padding: 0;
	border: none;
}

#content {
	width:563px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border-left: solid 1px #fff;
	margin-top: 35px;
	margin-left: 188px;
	margin-right: 5px;
}

#content table{
	float: left;
	width:90%;
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height:15px;
	border-left: solid 1px #fff;
}

#content ul li{
	color: #006736;
	background-image: url(images/liste.gif);
	background-repeat: no-repeat;
	list-style-position: inside;
	list-style-type: none;
	background-position: left 1px;
	padding-left: 15px;
	margin-right: 15px;
}

#content img {
	padding-left: 10px;
	padding-right: 10px;
}

#right {
	float:right;
	width: 160px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	padding-top: 43px;
	margin-right: 4px;
	margin-top: 3px;
}
#right img {
	padding-bottom: 8px;
}

#footer {
	clear:left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 26px;
	text-align: right;
	font-size: 9px;
	color: #fff;
	background-color: #7db59c;
	border-top: 3px;
	padding-right: 25px;
	border-top-color: #006736;
}

h1 {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #006736;
	margin-bottom:30px;
}

h2 {
	font-size: 1.4em;
	color: #006736;
	margin-bottom:15px;
	height: 40px;

}

h3 {
	height: 40px;
	color: #ff6633;
	font-size:1.4em;
}
h4 {
	color: #666666;
	font-size:1.4em;
	height: 40px;
	width: 220px;	
}
h5 {
	font-size:1.2em;
	height: 40px;
	width: 259px;	
	color: #006736;
}
p {
	margin-bottom: 10px;
		padding-right: 10px;
}


a:link    { text-decoration: underline;  color: #ff6633; }
a:visited { text-decoration: underline;  color: #ff6633; }
a:hover   { text-decoration: underline;  color: #ff6633; }
a:active  { text-decoration: underline; }



.tableWidth { min-width: 400px; }
.tblRegular       { border-collapse: collapse; }
.tblRegular td    { padding: 6px;  background-image: url(fade.gif);  border: 2px solid #99c; }
.tblHeaderColor, .tblHeaderColor td { background: #99c; }
.tblNoBorder td   { border: 0; }


td {
	padding-bottom: 10px;
}
.text_gruen {
	color: #006736;
}
.text_orange {
	color: #ff6633;
}
.text_orange a {
	color: #ff6633;
}
.rubrik {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 24px;
	color: #666666;
	text-align: right;
	font-weight: bold;
	padding-right: 3px;
}

/* Formatierung Formular */
form, input, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
}
form {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
	width:380px;
}

select {
	display: block;
	width: 7em;
	float: left;
	background-color: #fff;
	margin: 0 0 0 2px;
	padding: 0;
	border-top: 1px solid #999999;
	border-right: 1px solid #666;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #666;
}
textarea {
	display: block;
	width: 19em;
	float: left;
	background-color: #fff;
	margin: 2px;
	padding: 2px;
	border-top: 1px solid #999999;
	border-right: 1px solid #666;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #666;
}
#nummer {
	width: 3em;
}
#plz {
	width: 3em;
}
#mitbewohner {
	width: 1.5em;
}
label {
	width: 6em;
	float: left;
	text-align: right;
	padding-top: 5px;
	padding-right: 2px;
}
.submit, .reset {
	text-align: center;
	margin: 2px 0 0 0;
	background-color: #7EB79D;
	border: 1px solid #666666;
	width: 65px;
	padding: 0px;
}
.submit {
	margin-left: 5px;	
}

