/* CSS Document */
/* Webseite Jennifer Reisner
Start 18. Februar 2008 */
/* Wichtige Farben
Hellgrau: #e8e8e8
Grün: #8bb110
Dunkelgrau: #686868
*/
*{ 
padding: 0;
margin: 0;
}
body {
font-size: 0.7em; line-height: 1.4em; font-family: Verdana, Helvetica, sans-serif; text-align: center; color: #686868; 
background: url(../img/background.gif) repeat-x;
}
ul,li {
padding: 0; margin: 0; list-style-type: none; border: 0;
}
a:link.text, a:visited.text {
font-weight: bold;
text-decoration: underline;
color: #686868;
}
a:hover.text, a:active.text {
font-weight: bold;
text-decoration: underline;
color: #8bb110;
}
img, a img {
border: 0;
}
#wrap {
margin: 0 auto; padding: 0; width: 955px; text-align: left; height: 100%;
}
/* -------------------------Navigation----------------------*/
#header {
float: left;
width: 955px;
height: 152px;
}
#logo {
float: left;
width: 265px;
height: 152px;
}
#navigation {
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
float: left;
width: 690px;
height: 152px;
background: url(../img/hg_navi.gif) left no-repeat;
}
#navigation ul {
float: right;
margin: 131px 70px 0 0;
}
* html #navigation ul {
float: right;
margin: 131px 10px 0 0;
}
#navigation ul li{
margin: 0;
padding: 0;
display: inline;
}
#navigation li a:link, #navigation li a:visited {
font-weight: bold;
margin-left: -4px;
padding: 0 22px 0 22px;
text-decoration: none;
color: #e8e8e8;
border-right: 1px solid #8bb110;
}
#navigation li a:hover, #navigation li a:active {
background-color: #949494;
margin-left: -4px;
}
#navigation li a:link.end, #navigation li a:visited.end {
padding: 0 22px 0 22px;
text-decoration: none;
color: #e8e8e8;
border-right: 1px solid #707070;
}
#navigation li a:hover.end, #navigation li a:active.end {
background-color: #949494;
}
#navigation li a:link.hier, #navigation li a:visited.hier, 
#navigation li a:hover.hier, #navigation li a:active.hier {
background-color: #949494;
}
/* -------------------------Startseite ----------------------*/
#contentstart {
float: left;
width: 959px;
height: 472px;
}
#sidebar {
float: left;
width: 265px;
height: 472px;
background: url(../img/hg_start.gif) left no-repeat;
}
#inhaltstart {
float: left;
width: 690px;
height: 472px;
background: url(../img/inhalt_start.gif) left no-repeat;
}
img.start {
margin: 14px 0 0 205px;
border: 4px solid #9c9c9c;
}
h1 {
font-size: 1.8em;
font-weight: normal;
text-align: center;
margin: 74px 0 0 35px;
}
p.titel {
text-align: center;
margin: 24px 0 0 35px;
}
.gruen {
color: #8bb110;
}
/* -------------------------Inhaltsbereich ----------------------*/
#content {
float: left;
width: 959px;
height: 542px;
}
#inhalt {
float: left;
width: 690px;
height: 542px;
background: url(../img/inhalt-kurz.gif) left repeat-y;
}

h2 {
float: left;
width: 90px;
font-family: 'Trebuchet MS', Verdana, Helvetica, sans-serif;
font-size: 1.8em;
font-weight: bold;
margin: 35px 0 0 20px;
color: #8bb110; 
}
h3 {
float: right;
width: 430px;
font-size: 1.1em;
font-weight: bold;
margin: 35px 25px 0px 0px;
padding: 0px 15px 0px 10px;
color: #686868;
background-color: #e8e8e8 
}
h3.leistungen {
float: right;
width: 340px;
font-size: 1.1em;
font-weight: bold;
margin: 35px 25px 0px 0px;
padding: 0px 15px 0px 10px;
color: #686868;
background-color: #e8e8e8 
}
img.galerie {
margin: 18px 0 0 220px;
}
img.galeriequer {
margin: 18px 0 0 150px;
}
img.galeriequer50 {
margin: 18px 0 0 50px;
}
img.galeriequer90 {
margin: 18px 0 0 160px;
}
img.galerie500 {
margin: 18px 0 0 190px;
}
p.beschreibung {
text-align: center;
margin: 10px 0 0 0;
}
p.leistungen {
width: 563px;
text-align: left;
margin: 5px 0 5px 50px;
}

ul.leistungen {
list-style-type:circle;

}

/* -------------------------Seiten umblättern ----------------------*/
#seiten {
float: left;
width: 690px;
height: 18px;
position:absolute; top:650px; 


}
#seiten ul {
margin: 10px 45px 0 33px;
background-color: #dadada;
}
#seiten ul li{
font-size: 10px;
margin: 0;
padding: 0;
display: inline;
}
#seiten li a:link, #seiten li a:visited {
font-weight: bold;
padding: 0 5px 0 2px;
text-decoration: none;
color: #686868;
border-right: 1px solid #8bb110;
}
#seiten li a:hover, #seiten li a:active {
color: #8bb110;
}
#seiten li a:link.hier, #seiten li a:visited.hier, 
#seiten li a:hover.hier, #seiten li a:active.hier {
color: #8bb110;
}
/* -------------------------Unternavigation ----------------------*/
#unternavigation {
float: left;
width: 265px;
height: 542px;
background: url(../img/hg_unternavi-kurz.gif) left no-repeat;
}

#unternavigation ul {
margin-top: 70px;
}
#unternavigation ul li{
width: 229px;
margin-left: 18px;
padding: 8px 0 8px 0px;
display: block;
background: url(../img/trennung.gif) bottom repeat-x;
}
#unternavigation li a:link, #unternavigation li a:visited {
font-weight: bold;
margin-left: 10px;
text-decoration: none;
color: #fff;
}
#unternavigation li a:hover, #unternavigation li a:active {
color: #686868;
}
#unternavigation li a:link.hier, #unternavigation li a:visited.hier, 
#unternavigation li a:hover.hier, #unternavigation li a:active.hier {
color: #686868;
}
/* -------------------------Fußzeile ----------------------*/
#footer {
float:left;
width: 955px;
height: 90px;
background: url(../img/footer.gif) left no-repeat;
}
p.footer {
color: #fff;
text-align: center;
margin-top: 30px;
}
.adresse {
color: #8bb110;
padding: 0 5px 0 5px;
}
#footer a:link, a:visited, a:hover, a:active {
text-decoration: none;
color: #fff;
}

/* ------------------- Formular ----------------------*/
.formTable {
	padding:0px 0px 0px 0px;
	margin:50px 25px 0px 0px;
	float:right;
	background-color:#E8E8E8;
}

html>body .formTable {
	margin:50px 25px 0px 0px;
}

.formTableTd {
	color:#000000;
	font-weight:bold;
	padding-left:10px;
}

.formTableTdWhiteLine {
	border-bottom:2px solid #ffffff;
}

.formTableTdInput {
	padding-bottom:5px;
	padding-top:5px;
}

.inputText {
	font-size:11px;
	width:240px;
}

.inputArea {
	font-size:11px;
	width:240px;
}

.inputSubmit {
	background-image:url(/img/formular_button_send.jpg);
	width:115px;
	height:19px;
	border:0px;
	margin-left:70px;
}

html>body .inputSubmit {
	margin-left:65px;
}

.inputAttention {
	font-weight:bold;
	margin-top:10px;
	margin-left:30px;
}