/* emion interaktive medien GmbH */
/* http://www.emion.de           */
/* mschmidt@20060606 1643        */



body { margin:0; padding:0; text-align:center; font:normal 10px Arial,sans-serif; color:#069; background:#fff }

#seite { width:800px; margin:15px auto 5px auto; text-align:left; border:1px solid #069 }

#kopf1 { width:150px; height:110px; float:left; background:url(../images/main/bg_kopf1.gif) no-repeat }
#kopf2 { width:650px; height:110px; float:left }

#mitte1 { width:150px; float:left; background:url(../images/main/bg_mitte1.gif) no-repeat }
#mitte2 { width:470px; min-height:475px; float:left }
#mitte3 { margin:30px 0; width:180px; float:left; background:url(../images/main/bg_mitte3.gif) 0 33px no-repeat }

#unten1 { height:19px; background:#069 }



/* -------------------------------------------------
DEF: Inner Layer
------------------------------------------------- */

#kopf1 #bereichsicon { width:75px; height:75px; margin:25px 0 0 37px }

#kopf2 #flash { width:445px; height:40px; margin:20px 0 3px 10px; float:left }
#kopf2 #logo { /* width:123px;  height:80px;*/ width:95%; margin:10px 0 3px 10px; float:left; text-align:right; }
#kopf2 #navig1 { height:18px; margin:10px 0 0 0; clear:both }
#kopf2 #navig2 { height:18px; margin-bottom:20px; padding:0 0 0 12px; background:url(../images/main/bg_navig2.gif) no-repeat }

#mitte1 #sidenavig { width:110px; height:342px; margin:25px 0 0 20px }
#mitte1 #helpnavig { width:110px; margin:25px 0 15px 20px }

#mitte2 #content { margin:50px 35px 50px 35px }
#mitte2 #content a { color:#069 !important }

#mitte3 { height:465px; background:url(../images/main/bg_balken.gif) left bottom no-repeat }
#mitte3 #teaserfoto { width:170px }
#mitte3 #binhalt { margin-top:20px; width:170px }

#unten1 #fuss { padding:3px 10px 0 10px; font-size:10px; color:#fff }
/* #unten1 #fuss { padding:3px 10px 0 0; text-align:right; font-size:10px; color:#fff } */


/* -------------------------------------------------
DEF: navig1
------------------------------------------------- */
#navig1 a { padding:0 0 0 12px; margin:0 15px 0 0; font-size:12px; text-decoration:none; color:#069; }
.grau { background:url(../images/icons/quadrate/grau_aus.gif) 0 4px no-repeat }
.grau:hover, .grauaktiv { background:url(../images/icons/quadrate/grau_an.gif) 0 4px no-repeat }
.gelb { background:url(../images/icons/quadrate/gelb_aus.gif) 0 4px no-repeat }
.gelb:hover, .gelbaktiv { background:url(../images/icons/quadrate/gelb_an.gif) 0 4px no-repeat }
.blau { background:url(../images/icons/quadrate/blau_aus.gif) 0 4px no-repeat }
.blau:hover, .blauaktiv { background:url(../images/icons/quadrate/blau_an.gif) 0 4px no-repeat }
.rot { background:url(../images/icons/quadrate/rot_aus.gif) 0 4px no-repeat }
.rot:hover, .rotaktiv { background:url(../images/icons/quadrate/rot_an.gif) 0 4px no-repeat }
.petrol { background:url(../images/icons/quadrate/petrol_aus.gif) 0 4px no-repeat }
.petrol:hover, .petrolaktiv { background:url(../images/icons/quadrate/petrol_an.gif) 0 4px no-repeat }
.lila { background:url(../images/icons/quadrate/lila_aus.gif) 0 4px no-repeat }
.lila:hover, .lilaaktiv { background:url(../images/icons/quadrate/lila_an.gif) 0 4px no-repeat }
.language { background:url(../images/icons/pfeil_language.gif) 0 4px no-repeat }


/* -------------------------------------------------
DEF: navig2
------------------------------------------------- */
#navig2 a { margin:0 20px 0 0; text-decoration:none; color:#069 }


/* -------------------------------------------------
DEF: sidenavig
------------------------------------------------- */
#sidenavig a.main { width:100px; padding:3px 0 3px 0; display:block; text-decoration:none; color:#069 }
#sidenavig a.main:hover { text-decoration:underline }
#sidenavig a.mainaktiv { width:100px; padding:4px 0 0 0; display:block; text-decoration:underline; color:#069 }
#sidenavig a.sub { width:100px; padding:3px 0 3px 6px; display:block; text-decoration:none; color:#069 }
#sidenavig a.sub:hover { background:#fff; -moz-border-radius:5px; }
#sidenavig a.subaktiv { width:100px; padding:4px 0 0 12px; display:block; text-decoration:none; color:#069; background:url(../images/main/bg_a_sidenavig.gif) 1px 3px no-repeat }


/* -------------------------------------------------
DEF: helpnavig
------------------------------------------------- */
#helpnavig a { width:100px; padding:4px 0 0 10px; display:block; text-decoration:none; color:#069 }


/* -------------------------------------------------
DEF: content
------------------------------------------------- */
h1 { font-size:16px; font-weight:bold; letter-spacing:1px }
p { font-size:11px; line-height:1.4em }


/* -------------------------------------------------
DEF: binhalt
------------------------------------------------- */
.binhaltCenter { margin:15px 22px; }
.binhaltCenter p { font-size:9px; line-height:1.4em }


/* -------------------------------------------------
DEF: fuss
------------------------------------------------- */
#fuss a { text-decoration:none; color:#fff }
#fuss .cr { margin:0 0 0 250px }


/* -------------------------------------------------
DEF: Sitemap
------------------------------------------------- */
a.sitemap_level1 { padding:1em 0 0.4em 0; display:block; font-weight:bold; text-decoration:none; color:#374077; border-bottom:1px solid #b4a8b4 }
a.sitemap_level2 { display:block; text-decoration:none; color:#8a8a8a; background:url(/cms/images/navi_pfeil_rechts.gif) 170px 4px no-repeat }
a.sitemap_level2:hover { text-decoration:underline }
a.sitemap_level3 { text-decoration:none; color:#aeaeae }
a.sitemap_level3:hover { text-decoration:underline }
.sitemap_level2_container { width:50%; padding:0.3em 0 0 0; float:left }
.sitemap_level3_container { width:50%; padding:0.3em 0 0 0; float:right }


/* -------------------------------------------------
DEF: Popup
------------------------------------------------- */
#puseite { width:800px; margin:15px auto 5px auto; text-align:center; border:1px solid #069 }
#pukopf { margin:12px 0 }
#pulinks { width:619px; margin:0 0 12px 0; float:left; text-align:left }
#pulinksInnen { padding:0 20px 12px 11px }
#purechts { width:181px; margin:0 0 12px 0; float:left; text-align:left }
#purechtsInnen { width:170px; background:#cecbe6 }
#purechtsInside { padding:15px 22px }
#pufuss { height:30px; background:#069 url(../images/main/bg_pu_fuss.gif) no-repeat }
#pufussInnen { padding:13px 10px 0 0; text-align:right; font-size:10px; color:#fff }
#pufussInnen a { text-decoration:none; color:#fff }


.clear { clear:both }
a img { border:0 }


#realisierung { color:#bebcb2 }
#realisierung a { padding:2px 4px; text-decoration:none; color:#bebcb2 }
#realisierung a:hover { padding:2px 4px; color:#253864; background:url(../images/main/bg_realisierung.gif); border:1px solid #c0baa0 }