body, tr, td {
	background:#fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #5d5d5d;
	padding: 0;
	margin: 0;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

p {
	margin: 1em 0 1em;
	padding: 0;
	margin: 5px 0px;
}

ul {
	padding:0;
	margin:5px 0px 0px 5px;
}

li {
	padding:0;
	margin:0px 0px 0px 25px;
}

li.gruen {
	list-style-image:url(../bilder/bullet_gruen.gif);
}

hr {
	border: 1px solid #ccc;
	padding: 0px 0px 0px 0px;
	margin: 17px 0px 17px 0px;	
}

h1{
	font-family:Verdana;
    font-size: 14px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom:2px solid #ccc;	
}

h2{
    font-size: 13px;
	color:#30AC72;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;	
}

h3 {
    font-size: 12px;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
h4{
    font-size: 12px;
	color:#636490;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
} 

a {
	color: #5d5d5d;
	text-decoration: underline;
}
a:link {
	color: #5d5d5d;
	text-decoration: underline;
}

a.active {
	color: #0C9968;
	text-decoration: underline;
}

a.active:link {
	color: #0C9968;
	text-decoration: underline;
}

a:hover {
	color: #0C9968;
	text-decoration: underline;
}

a.active:active {
	color: #0C9968;
	text-decoration: underline;
}

a img{
	border: none;
}	

form { 
	display:inline
}


.rahmen {
	border: 1px solid black;
}

.datum {
	font-size: 10px;
	color: #808080;
}

.floatleft {
	float: left;
	margin-right: 10px;
	display: inline;
}

.floatright {
	float: right;
	margin-left: 10px;
	display: inline;
}

input, textarea, select {
	background: #ffffff;
	color: #000000;
	padding: 2px;
	border: 1px solid #ccc;
}
input:focus, select:focus {
	background: #cecece;
	padding: 2px;
}
.tabellenrahmen {
	border: 1px solid black;
	border-collapse: collapse;
}
.tabellenrahmen thead td {
	background-color: #066DB0;
	border-bottom: 1px solid black;
	font-weight: bold;
	color: #000000;
}
.tabellenrahmen td {
	border: 1px solid black;
	padding: 4px;
	margin: 0;
}

/* Kontaktformular */
.ausfuellen{
	border: 1px solid red ;
}

form label{
	cursor: pointer;
	cursor: hand;
}

form label.required {
  color: red;
}

form label.completed {
  color: #5d5d5d;
}

.formmailerror{
	border: 1px solid #E7DBC6;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
}

label{
    position: relative;
	width: 170px;
	display: block;
	float: left;
	margin-bottom: 5px;
}

.kontakt {
    position: relative;
	width: 300px;
	display: block;
	float: left;
	margin-bottom: 5px;
}
.antifloat {
	float:none;
	clear:both;
}
.clearleft{
	clear: left;
}
.gruener_text {
	color:#30AC72;	
}
label.anfahrt {
    position: relative;
	width: 140px;
	display: block;
	float: left;
	margin-bottom: 5px;	
}



/* 
########################################################################
Grundgerüst Styles
########################################################################
*/

#container{
	background-image:url(../bilder/kachel.gif);
	background-repeat:repeat-y;
    margin: 0 auto;
    position: relative;
    width: 961px;
	padding: 0px 10px 0px 10px;
	text-align:left;
	border-bottom: 1px solid #E4E4E4;
}

#header {
	background-image:url(../bilder/header/oben.gif);
	background-repeat:no-repeat;
	width: 942px;
	height:33px;	
	padding: 18px 20px 0px 0px;
	margin: 0;
	text-align:right;
}

#panorama {
	width: 962px;	
	padding: 0;
	margin: 0px 0px 10px 0px;
}


#leftrow {
	background-image:url(../bilder/leftrow/bg.jpg);
	background-repeat:no-repeat;
	width:231px;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
	float:left;
}

#rightrow{
	width: 720px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
}	

#inhalt{	
	/*background-image:url(../bilder/rightrow/inhalt/bg.gif);*/
	background-repeat:no-repeat;
    line-height: 1.5em;
	padding: 37px 19px 0px 19px;
	margin: 0px 0px 0px 0px;	
}

#inhalt a {
	text-decoration: none;
	font-weight:bold;
	text-decoration:underline;
}

#inhalt a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#0C9968;
}

#unten {
	width: 962px;
	padding: 0;
	margin: 20px 0px 0px 0px;
	float:left;
}
#links {
	background-image:url(../bilder/unten/links_bg.gif);
	background-repeat:no-repeat;
	width:213px;
	height:52px;
	padding: 17px 29px 0px 0px;
	margin: 0;
	color:#3C9A76;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	float:left;
}
#links a {
	color:#3C9A76;
	font-size:14px;
	text-decoration:none;
}
#links a:hover {
	color:#5d5d5d;
	font-size:14px;
}

#rechts {
	width:720px;
	padding: 0;
	margin: 0px 0px 0px 0px;
	float:left;
}


#footer {
	background-image:url(../bilder/rightrow/footer/bg.gif);
	background-repeat:no-repeat;
	height:52px;
	font-size: 11px;
	text-align: left;
	padding: 12px 0px 0px 27px;
	margin:0px 0px 0px 0px;
	color:#fff;	
}
#footer a {
	color:#fff;	
}
#footer a:hover {
	color:#5d5d5d;	
}

#interface_logo {
	width: 961px;
	margin: 0 auto;
	padding-top:13px;
	padding-bottom:30px;
}


/* 
########################################################################
Navigation
########################################################################
*/
#navigation {
background-color:#F4F4F4;
width:232px;
color:#8C8C8C;
font-weight:bold;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align:right;
}

#navigation ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style:inherit;
list-style-type:none;
display:block;
}

#navigation ul li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display:block;
}

#navigation ul li a, #navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited{
background-image:url(../bilder/navi/li.gif);
background-repeat:no-repeat;
text-decoration:none;
width:216px;
height:18px;
padding: 8px 18px 0px 0px;
margin: 0px 0px 0px 0px;
display:block;
}

#navigation ul li a:hover{
background-image:url(../bilder/navi/li_h.gif);
background-repeat:no-repeat;
width:216px;
height:18px;
padding: 8px 18px 0px 0px;
margin: 0px 0px 0px 0px;
display:block;
}

/*Aktivierter Punkt*/
#navigation ul li a.active, #navigation ul li a.active:link, #navigation ul li a.active:active, #navigation ul li a.active:visited{
background-image:url(../bilder/navi/li_h.gif);
background-repeat:no-repeat;
width:216px;
height:18px;
padding: 8px 18px 0px 0px;
margin: 0px 0px 0px 0px;
display:block;
}

#navigation ul li.active ul {
display: block;
}

/*Subnavi */
#navigation ul li ul {
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
font-weight:normal;
display: none;
}

#navigation ul li ul li inherit  {
height:20px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: block;
}

#navigation ul li ul li a, #navigation ul li ul li a:link, #navigation ul li ul li a:active, #navigation ul li ul li a:visited{
height:20px;
width:217px;
color:#000;
font-weight:normal;
margin: 0px 15px 0px 0px;
padding: 0px 0px 0px 0px;
display: block;
}

#navigation ul li ul li a:hover{
height:20px;
color:#31AC72;
padding: 0px 0px 0px 0px;
margin: 0px 15px 0px 0px;
display: block;
}

#navigation ul li ul li a.active, #navigation ul li ul li a.active:link, #navigation ul li ul li a.active:active, #navigation ul li ul li a.active:visited {
height:20px;
color:#31AC72;
width:217px;
padding: 0px 0px 0px 0px;
margin: 0px 15px 0px 0px;
display: block;
}

/* 
########################################################################
Flash Container
########################################################################
*/
#flashinhalt {
	width:722px;
	height:177px;
	float:left;
}

.hellgruen {
	background-color:#E6F4F0;
}

.dunkelgruen {
	background-color:#CEEAE1;
}