/* Allgemeine Definitionen */
html { height:101% }

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4a4a4c; 
	background-color:#d3cbc6;
	margin:0px;
}

h1, h2, h3 { padding:0; margin: 0 }
h1 span, h2 span { display:none; }

a { color:#4a4a4c }

.clear { clear:both; visibility:hidden }

/* Strukturdefinitionen */
#container { margin: 0 auto; width: 1017px; background-color:#c4c8d4 }

#wrap { width:997px; padding:0 10px 0 10px; background-image:url(img/bg-wrap.jpg) }
#top { width:1017px; height:23px; background-image:url(img/bg-top.jpg) }

#kopf { width:997px; height:92px; background-image:url(img/bg-kopf.jpg) }
#kopf img { border:0 }
#kopf a { font-size:11px; float:left; background-position:0 2px }
#logo { float:right; margin-right:30px }

#fuss { width:987px; height:27px; padding:0 10px 0 20px; background-image:url(img/bg-fuss.jpg); font-size:12px; line-height:20px }
#fuss a { display:block; float:right; padding:0 15px 0 15px; background-color:#d2210d; color:#fff; text-transform:uppercase; text-decoration:none; font-size:12px; font-weight:bold; letter-spacing:1px }
#fuss a:hover { text-decoration:underline }

#inhalt-home { width:788px; height:428px; padding:19px 0 0 209px; background-image:url(img/bg-inhalt-home.jpg); background-repeat:no-repeat; background-color:#f6f3f1 }
#inhalt-home img { float:left; border:0 }

#nav-top { padding:30px 0 0 20px }
#nav-links { position:absolute; margin-top:80px }

#inhalt-e1 { width:835px; min-height:325px; padding:0 0 0 162px; background-image:url(img/bg-inhalt-e1.jpg); background-repeat:no-repeat; background-color:#fff }
* html #inhalt-e1 { height:325px }


/* Grafiküberschtift Entspannung mit Linienfarbe je Katregorie */
h1#kb { width:997px; height:101px; border-bottom:1px solid #fab52c } 
h1#alltag { width:997px; height:101px; border-bottom:1px solid #3e50bf }
h1#arbeit { width:997px; height:101px; border-bottom:1px solid #50b345 }
h1#publikum { width:997px; height:101px; border-bottom:1px solid #e93b27 }


/* Menü Linkstile */
a.h-kb, a.kb, a.h-alltag, a.alltag, a.h-arbeit, a.arbeit, a.h-publikum, a.publikum, #kopf a { font-weight:bold; text-decoration:none; font-size:12px; color:#4a4a4c; }

a.h-kb, a.kb { background-image:url(img/squ-yellow.gif); background-repeat:no-repeat; margin-left:16px; padding:2px 0 2px 30px }
a.h-kb:hover, a.kb:hover { color:#fab52c }
a.h-alltag, a.alltag { background-image:url(img/squ-blue.gif); background-repeat:no-repeat; margin-left:68px; padding:2px 0 2px 30px }
a.h-alltag:hover, a.alltag:hover { color:#3e50bf }
a.h-arbeit, a.arbeit { background-image:url(img/squ-green.gif); background-repeat:no-repeat; margin-left:79px; padding:2px 0 2px 30px }
a.h-arbeit:hover, a.arbeit:hover { color:#50b345 }
a.h-publikum, a.publikum { background-image:url(img/squ-red.gif); background-repeat:no-repeat; margin-left:66px; padding:2px 0 2px 30px }
a.h-publikum:hover, a.publikum:hover { color:#e93b27 }

a.kb, a.alltag, a.arbeit, a.publikum { font-size:15px; background-position:0 2px; margin-left:0 }

a#s-kb { background-image:url(img/squ-syellow.gif); background-repeat:no-repeat; margin-left:16px; padding:0 0 0 20px }
a#s-kb:hover, a#s-kb span { color:#fab52c }
a#s-alltag { background-image:url(img/squ-sblue.gif); background-repeat:no-repeat; margin-left:38px; padding:0 0 0 20px }
a#s-alltag:hover, a#s-alltag span { color:#3e50bf }
a#s-arbeit { background-image:url(img/squ-sgreen.gif); background-repeat:no-repeat; margin-left:39px; padding:0 0 0 20px }
a#s-arbeit:hover, a#s-arbeit span { color:#50b345 }
a#s-publikum { background-image:url(img/squ-sred.gif); background-repeat:no-repeat; margin-left:36px; padding:0 0 0 20px }
a#s-publikum:hover, a#s-publikum span { color:#e93b27 }

a.e2-kb, a.e2-alltag, a.e2-arbeit, a.e2-publikum { background-repeat:no-repeat; background-position:12px 0; color:#7a7a7d; line-height:26px; width:175px; display:block; padding-left:39px; text-decoration:none; font-weight:normal; font-size:17px; margin-bottom:10px }
a.e2-kb { background-image:url(img/bg-m-kb.gif) }
a.e2-alltag { background-image:url(img/bg-m-alltag.gif) }
a.e2-arbeit { background-image:url(img/bg-m-arbeit.gif) }
a.e2-publikum { background-image:url(img/bg-m-publikum.gif) }

a.e2-kb:hover, #kb-activ { background-position:12px -26px; background-color:#fab52c; color:#fff; }
a.e2-alltag:hover, #alltag-activ { background-position:12px -26px; background-color:#3e50bf; color:#fff; }
a.e2-arbeit:hover, #arbeit-activ { background-position:12px -26px; background-color:#50b345; color:#fff; }
a.e2-publikum:hover, #publikum-activ { background-position:12px -26px; background-color:#e93b27; color:#fff; }


/* Definitionen Bereich Inhalt */
#inhalt { padding:29px 90px 15px 92px; font-size:15px }
#inhalt h3 { font-size:25px; font-weight:normal }

.farbe-kb { color:#fab52c }         
.farbe-alltag { color:#3e50bf }         
.farbe-arbeit { color:#50b345 }    
.farbe-publikum { color:#e93b27 }   

.bild-links { float:left; padding:0 20px 10px 0px; font-size:10px }
.bild-links-oben { float:left; padding:20px 20px 10px 0px; font-size:10px }
.bild-rechts { float:right; margin:0 0 10px 20px; font-size:10px }
.bild-rechts-oben { float:right; margin:20px 0 10px 20px; font-size:10px }

.bild-links img, .bild-rechts img, .bild-links-oben img, .bild-rechts-oben img { margin-bottom:5px } 


/* Farb-Fusszeile Unterseiten */
#e1-fuss { width:997px; height:20px; line-height:20px }
.bg-kb { background-color:#f9c050 }
.bg-alltag { background-color:#5f6dc8 }
.bg-arbeit { background-color:#6ebf64 }
.bg-publikum { background-color:#eb5c4b }

a#e1-home  { display:block; float:right; padding:0 28px 0 29px; background-color:#e8e5e3; color:#4a4a4c; text-transform:uppercase; text-decoration:none; font-size:12px; font-weight:bold; letter-spacing:1px }
a#e1-home:hover { text-decoration:underline }