/* layout definitions heim-pages */
* { padding: 0; margin: 0; }
body { background: #fff url(../img/line.gif) repeat-x;  color: #030; padding: 0 1em; }
/* das layout */
#doc4 { position: relative; background: url(../img/heimpagesheader3.jpg) top left no-repeat; }
.sterne1 { display: block; height: 40px; background: #fff url(../img/ws3.jpg) repeat; }
.sterne2 { display: block; height: 150px; margin-top: 3em; background: #fff url(../img/ws1.jpg) no-repeat; }

#hd { padding: 0; margin: 0; border: solid 0px silver; height: 160px; }
#hd #slogan { position: absolute; top: 117px; right: 0; width: 100%; height: 30px; background: url(../img/bgtrans.png); }
#hd h1 { margin-bottom: 1.5em; padding-left: 195px; padding-top: 40px; margin: 0 0 5px 0; }
#hd h1 a:link, #hd h1 a:visited, #hd h1 a:hover, #hd h1 a:focus, #hd h1 a:active { font: normal 2.5em georgia, sans-serif; color: #fff; }
#hd h1 a span { color: #fc0; }
#hd p { color: white; padding-left: 25px; font: normal 1em georgia, sans-serif; }
#hd #slogan h2 { color: #030; text-align: right; padding-right: 1em; font-size: 1.5em; line-height: 30px; font-weight: normal; }
#bd { margin: 0; padding: 0; }
#inhalt { padding: 0; margin: 0; text-align: left; color: #360; }
#inhalt .first { background: #eee; padding: 30px 0; margin: 0; }
#inhalt .first p, #inhalt .first h1, #inhalt .first h2, #inhalt .first h3, #inhalt .first .referenz { padding: 0 25px; }
#inhalt .first h2 { padding-top: 0.5em; padding-bottom: 0.5em;  }
#inhalt #info { border: solid 0px white; width: 30%; padding-top: 30px; position: relative; }
#inhalt .first p { padding-bottom: 1em; }
#inhalt #info p { font-size: 90%; }
#inhalt #info p, #inhalt #info h2 { padding-top: 0; padding-left: 0; padding-right: 0; color: #777; }
#info #aktuelles h2, #info #aktuelles p { color: #060; border-bottom: dashed 1px #ABC58C; padding-top: 0; padding-bottom: 0.5em; margin-bottom: 0.5em; }
.referenz { clear: left; margin-bottom: 2em; }
.referenz img { float: left; background-color: white; margin-right: 2em; padding: 2px; border: solid 2px silver; }
.referenz p { line-height: 1.4em; margin-bottom: 0.5em; }
#hnav { padding: 30px 0 0 0; border-bottom: solid 0 #eee; }
#ft { position: relative; height: 55px; text-align: center; font-size: 95%; padding: 0; margin: 0; 
border-top: solid 2px #060; /*background: url(../img/heimpagesfooter.jpg) top left no-repeat;*/ }
#ft #tools { position: absolute; top: 10px; left: 0; width: 100%; height: 20px; /*background: url(../img/bgtrans.png);*/ }
#ft p { margin: 0; padding: 0; color: #030; border: solid 0 #fff; text-align: center; }
#ft a { color: #030; }

/* classes */
img.rechts { float: right; }
img.links { float: left; padding-right: 2em; margin-bottom: 1em; }
.noimg { list-style-type: none; }
.haken { list-style-image: url(../img/haken_breit.gif); list-style-type: disc; }
ul.bild { 
list-style-image: url(../img/pfeil.gif); 
list-style-type: disc; 
vertical-align: middle; 
}
.zentriert { text-align: center; }
.rechts { text-align: right; }
.links { text-align: left; }
.pr2 { padding-right: 2em; }
.mr0 { margin-right: 0; }
.ml30 { margin-left: 30px; }
.ml60 { margin-left: 60px; }
.lh150 { line-height: 150%; }
.lh200 { line-height: 250%; }
.hide { display: none; }
.gelb { color: #cf3; }
.weiss { color: white; }
.orange { color: #fc0; }
.fett { font-weight: bold; }
.teaser { 
color: #663; 
padding: 10px; width: auto; 
border: dashed 1px #690; 
}
.rahmen-unten { border-bottom: solid 1px #fff; }
.rahmen-links { border-left: dashed 1px green; }
.mru { border-bottom: dashed 1px #9c3; }
.fn { margin: 0 4px; padding: 1px; font-size: 70%; font-weight: bold; color: #9c3; }
.klein { font-size: 75%; }
.kleiner { font-size: 90%; }
.logo { color: #693; }
.datum { width: 10em; }
.clear { clear: left; }
.eingerueckt { margin-left: 3em; }
.abstand { margin-top: 3em; }
.upper { text-transform: uppercase; }
p.preis { 
text-align: right; margin-right: 5%; 
font-weight: bold; color: #9c0; 
}
.pages { color: green; font-family: Georgia, serif; font-weight: bold; font-size: larger; }
.accesskey { text-decoration: underline; }
.w-50 { width: 50%; }
.w-75 { width: 75%; }
p.weiter { text-align: right; margin: 0 1em; padding-top: 0; }
#inhalt.feedback, #inhalt.feedback-fehler {
width: 450px;
margin: auto;
background-repeat: no-repeat;
background-position: 50% 50%;
}
#inhalt.feedback { background-image: url('../img/feedback.gif'); }
#inhalt.feedback-fehler { background-image: url('../img/feedback_fehler.gif'); }
p.f-rechts { float: right; }
p.f-links { float: left; margin-right: 2em; }

/* links */
#inhalt a:link, #inhalt a:visited, #inhalt a:active { white-space: nowrap; color: #060; font-weight: normal; text-decoration: none; }
#inhalt a:hover { text-decoration: underline; }
#info a:link, #info a:visited, #info a:active { white-space: nowrap; color: #9c3; font-weight: bold; text-decoration: none; }
#inhalt a:hover { text-decoration: underline; }
#inhalt .referenz a, #inhalt .first a { text-decoration: underline; }
a.mehr:link, a.mehr:visited, a.mehr:active, a.mehr:hover { padding-left: 2em; background-image: url('../img/more_gr.gif'); background-repeat: no-repeat; background-position: left 50%; }
/*#info a.mehr { padding-left: 2em; background-image: url('../img/mehr.gif'); background-repeat: no-repeat; background-position: left 50%; }*/
a.mail {
padding-left: 2em;
background-image: url('../img/mail.gif');
background-repeat: no-repeat;
background-position: left 50%;
}
a.extern {
padding-right: 1.25em;
background-image: url('../img/link_extern.gif');
background-repeat: no-repeat;
background-position: right 50%;
}
#hnav ul#main { padding-bottom: 1em; border-bottom: solid 2px #eee; }
#hnav ul li a { white-space: nowrap; display: block; border-right: solid 0px #63A017; text-decoration: none; }
#hnav ul li a:link, #hnav ul li a:visited, #hnav ul li a:active, #hnav ul li a:hover { color: #030; text-decoration: none; }
#hnav ul li a:hover { color: #fff; background-color: #030; }
#hnav ul li a.aktiv:hover, #hnav ul li a.aktiv { font-weight: bold; color: #006600; background-color: white; }
.neu { color: #c00; border: solid 2px red; padding: 2em; }
.rot { color: #c00; }