/* *** css by bjoern ittensohn *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

html {
min-height:101%; /*Scrollbar immer anzeigen*/
}

body {
background: #cccccc url(images/HG-Bild.jpg) top left;
font-size: 14px;
line-height: 20px;
font-family: Helvetica, Arial, Sans-Serif;
color:#000000;
letter-spacing: 0.3px;
padding:0;
margin:0;
}

p {
margin: 0px;
}

h1 {
font-size: 16px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0 }

h2 {
font-size:14px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 4px;
}

a img {
border: 0;
}

/* ----------Pseudo-Klassen-------------- */
a {color: #999999; text-decoration: none;}
a:visited {color:#999999; outline: none;}
a:hover {color: #666666; outline: none;}
a:active { color:yellow; outline: none;}


/* ---------- Container zentrieren das Layout-------------- */
#container1, #container2 {
width: 960px;
margin: 0 auto;
background-color: white;
}

#container1 {
background-color: transparent;
margin-top: 35px;
margin-bottom: 50px;
}

#container2 {
margin-top: -8px;
}


/* -----------------Bild Kopf--------------------- */
#bild_kopf {
float: left;
padding-top: 23px;
margin-bottom: 8px;
}

/* -------------- Hauptnavigation ------------- */

#hauptnavigation li {
display: inline;
}

#hauptnavigation a {
float: left;
font-weight: bold;
color: white;
width: 101px;
height: 19px;
padding-top: 1px;
margin-right: 10px;
background: #999999;
text-align: center;
font-size: 16px;
font-family: Arial, Sans-Serif;
}

#hauptnavigation ul li a:hover {
color: yellow;
background: #666666;
}

#hauptnavigation .menu-parent a {
color: yellow;
background: #666666;
}

/* -----------------Inhalt--------------------- */
#content {
background-color: white;
margin-top: 30px;
margin-left: 262px;
margin-right: 262px;
padding-right: 20px;
padding-bottom: 20px;
min-height:420px;
height:expression(this.scrollHeight > 420 ? "auto":"420px");
}

#content a {text-decoration: underline;}

/* -------------- Clear ------------- */
#clear {
clear: left;
}

/* -------------- Linke Spalte / Subnavigation ------------- */
#left {
float: left;
width: 230px;
margin-top: 24px;
line-height: 32px;
}

#left ul {
padding-left: 42px;
}

#left ul li a {
color: #666666;
}

#left ul li a:hover {
color: black;
}

#left .menu-current a {
color: black;
}


/* -------------- Rechte Spalte ------------- */
#right {
float: right;
width: 252px;
margin-top: 35px;
padding: 0px;
line-height: 24px;
}

#right h2 {
color: #666666;
margin-top: 10px;
margin-bottom: 0px;
padding-left: 0px;
}

#right ul {
list-style: none;
margin-top: 0px;
padding-left: 0px;
}

#right ul li a {
text-decoration: underline;
color: #666666;
}

#right li a:hover {
color: black;
}

/* -----------Logo-Platzierung--------------------------- */
#logo {
margin-left: -26px;
margin-top: -55px;
margin-right: 43px;
float: left;
}

/* -----------Service-Navigation--------------------------- */
#servicenavi {
font-size: 14px;
font-family: Helvetica, Arial, Sans-Serif;
font-weight: bold;
color:#666666;
margin-top: 20px;
text-align: right;
padding-right: 42px;
}

#servicenavi a {color: #666666;}
#servicenavi a:hover {color: white;}

#servicenavi ul {
margin-right: -4px;
}
#servicenavi li {
padding-right: 4px;
padding-left: 4px;
border-right: 2px solid white;
display: inline;
}

#servicenavi li:last-child {
 border-right: 0px;
}

#servicenavi .menu-current a {
color: white;
}

/* -----------Sitemap--------------------------- */
#sitemap a {text-decoration: none;}