/* 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;
}
/* neu 06/04/09*/
p.sidebarp {
font-size: 11px;
color: #ffffff;
text-align: center;
margin-top: 30px;
}
/* Ende neu 06/04/09*/
#inhaltstart {
float: left;
width: 690px;
height: 472px;
background: url(../img/inhalt_start.gif) left no-repeat;
}
img.start {
margin: 14px 0 0 180px;
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: 10px 0 0 35px;
}
.gruen {
color: #8bb110;
}
/* -------------------------Inhaltsbereich ----------------------*/
#content {
float: left;
width: 959px;
height: 712px;
}
#inhalt {
float: left;
width: 690px;
height: 712px;
background: url(../img/inhalt.gif) left repeat-y;
}
#inhaltkurz {
float: left;
width: 690px;
height: 522px;
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 10px;
}
img.galeriequer90 {
margin: 18px 0 0 90px;
}
img.galerie500 {
margin: 18px 0 0 170px;
}
p.beschreibung {
text-align: center;
margin: 10px 0 0 0;
}
p.leistungen {
width: 563px;
text-align: left;
margin: 5px 0 5px 50px;
}

text-align: left;
margin: 10px 0 0px 50px;
}
/* -------------------------Seiten umblättern ----------------------*/
#seiten {
float: left;
width: 690px;
height: 18px;
}
#seiten ul {
margin: 5px 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: 712px;
background: url(../img/hg_unternavi.gif) left no-repeat;
}
#unternavigationkurz {
float: left;
width: 265px;
height: 522px;
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;
}