/* CSS Document */
html { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; font-size: 11px; line-height: 14px; height: 100%; }
body { margin: 0px; height: 100%; text-align: left; }
html>body { margin-top: 0px; height: 100%; }
img { border: 0px; }
table { font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; font-size: 11px; line-height: 14px; }
/* ALLGEMEIN */
#rahmen { width: 934px; text-align: left; padding: 0px 11px 0px 13px; margin: auto; height: 100%; background-image: url(/_images/hg_innen.gif); }
#links { width: 220px; margin-right: 5px; float: left; }
#rechts { width: 707px; float: left; }
.textMeta { font-size: 10px; font-weight: normal; line-height: 10px; }
.headlineRot11px { font-size: 11px; font-weight: normal; line-height: 11px; color: #b3000d; }
.rot { font-size: 11px; font-weight: normal; line-height: 11px; color: #b3000d; }
p.we { border: 1px solid #ccc; background-color: #E1F0FF; width: 250px; padding: 10px; }
p.we input { border: 1px solid #ccc; font-size: 11px; margin-right: 10px; }
.we { font-family: verdana: display: block; color: green; }
.we_blue { font-family: verdana: display: block; color: blue; }
a { color: #b3000d; text-decoration: none; }
a:hover { text-decoration: underline; }
a.zurueckRet { display: block; height: 13px; width: 22px; background-image: url(/_images/zurueck.gif); background-repeat: no-repeat; background-position:left bottom; color: #666; }
a.zurueckRet:hover { background-image: url(/_images/zurueck_on.gif); color: #b3000d; }
a.mehrRet { display: block; height: 13px; width: 22px; background-image: url(/_images/mehr.gif); background-repeat: no-repeat; background-position:left bottom; color: #666; }
a.mehrRet:hover { background-image: url(/_images/mehr_on.gif); color: #b3000d; }
a.mehr { display: block; height: 13px; padding-left: 29px; background-image: url(/_images/mehr.gif); background-repeat: no-repeat; background-position:left bottom; color: #666; }
a.mehr:hover { background-image: url(/_images/mehr_on.gif); color: #b3000d; }
a.pfeil { display: block; width: 22px; height: 13px; background-image: url(/_images/mehr.gif); background-repeat: no-repeat; margin-top: 8px; }
a.pfeil:hover { background-image: url(/_images/mehr_on.gif); color: #b3000d; }
#logo { height: 101px; padding: 5px 0px 26px 16px; }
#lineB { float: left; width: 625px; background-image: url(/_images/linie.gif); height: 1px; font-size: 1px; line-height: 1px; margin: 5px 0px 4px 0px; }
html>body #lineB { width: 625px; background-image: url(/_images/linie.gif); height: 1px; margin: 5px 0px 5px 0px; }
/* Startseite */
#rahmenStart { width: 958px; padding: 15px 0px 0px 0px; margin: auto; }
#eckenOben { width: 958px; height: 6px; background-image: url(/_images/startO.gif); line-height:5px; font-size: 5px; }
#eckenOben #links { float: left; width: 6px; height: 6px; background-image: url(/_images/startOL.gif); }
#eckenOben #rechts { float: right; width: 6px; height: 6px; background-image: url(/_images/startOR.gif); }
#startContent { width: 940px; height: 482px; background-image: url(/_images/startHG.gif); padding: 123px 7px 5px 11px; }
#startContent #flashStart { float: left; width: 489px; height: 319px; background-color: yellow; }
#startContent #logoStart { float: right; width: 447px; height: 319px; background-color: #FCE5BC; background-image: url(/_images/eckBeige.gif); background-repeat: no-repeat; }
#startContent #sprache { float: left; width: 489px; height: 20px; margin-top: 5px; }
#startContent #navStart { float: right; width: 447px; height: 20px; margin-top: 5px; }
#eckenUnten { width: 958px; height: 6px; background-color: yellow; background-image: url(/_images/startU.gif); line-height:5px; font-size: 5px; }
#eckenUnten #links { float: left; width: 6px; height: 6px; background-image: url(/_images/startUL.gif); }
#eckenUnten #rechts { float: right; width: 6px; height: 6px; background-image: url(/_images/startUR.gif); }
/* Navigation */
#nav { background-color: #FDECCF; }
#nav #oben { height: 15px; background-image:url(/_images/eck_nav_oben.gif); background-repeat: no-repeat; }
#nav #buttons { padding-left: 16px; }
#nav #unten { height: 15px; background-image:url(/_images/eck_nav_unten.gif); background-repeat: no-repeat; }
/* Subnav */
#subnav { background-color: #FCE4BB; margin-top: 4px; }
#subnav #oben { height: 10px; background-image:url(/_images/eck_subnav_oben.gif); background-repeat: no-repeat; line-height: 0px; }
#subnav #subLinks { padding: 0px 0px 5px 16px; }
#subnav #unten1 { float: left; width: 209px; height: 11px; line-height: 11px; background-color: #FCE4BB; background-image:url(/_images/eck_subnav_unten1.gif); background-repeat: no-repeat; }
#subnav #unten2 { float: right; width: 11px; height: 11px; background-image:url(/_images/eck_subnav_unten2.gif); background-repeat: no-repeat; }
#subnav a { display: block; background-position:26px; width: 139px; padding: 1px 0px 0px 56px; color: #666666; text-decoration: none; background-image:url(/_images/subnav_off.gif); background-repeat: no-repeat; }
html>body #subnav a { display: background-position:26px; block; width: 139px; padding: 2px 0px 0px 56px; color: #666666; text-decoration: none; background-image:url(/_images/subnav_off.gif); background-repeat: no-repeat; }
#subnav a:hover { color: #b3000d; background-image:url(/_images/subnav_on.gif); background-repeat: no-repeat; }
#subnav a.on { display: block; background-position:26px; width: 139px; padding: 1px 0px 0px 56px; text-decoration: none; color: #b3000d; background-image:url(/_images/subnav_on.gif); background-repeat: no-repeat; }
/* Meta-Navigation */
#meta { width: 204px; margin: 3px 0px 0px 16px; }
#meta a.grau, #meta a.grau2 { color: #666; }
#meta a.grau2: hover { color: #999; }
#meta select { margin: 11px 0px 11px 0px; font-size: 10px; width: 120px; }
/* Seitenkopf "klein" */
#boxRotK { float: left; position: absolute; z-index: 2; height: 81px; width: 154px; margin-top: 215px; }
#boxRotK #eckOben1 { float: left; width: 8px; height: 7px; background-image: url(/_images/eck_rotK_oben1.gif); background-repeat: no-repeat; font-size: 1px; line-height: 7px; }
#boxRotK #eckOben2 { float: left; width: 8px; height: 7px; background-image: url(/_images/eck_rotK_oben2.gif); background-repeat: no-repeat; font-size: 1px; line-height: 7px; }
#boxRotK #oben { float: left; width: 138px; height: 7px; background-color: #b3000d; font-size: 1px; line-height: 7px; }
#boxRotK #headline { clear: left; float: left; width: 133px; height: 51px; background-color: #b3000d; padding: 12px 10px 10px 11px; }
#boxRotK #headline .headlineBox { font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; line-height: 20px; }
#boxRotK #headline .headlineProd { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; line-height: 20px; }
#boxRotK #unten { clear: left; float: left; width: 146px; height: 7px; background-color: #b3000d; line-height: 7px; font-size: 7px; }
#boxRotK #eckUnten { float: left; width: 8px; height: 7px; background-image: url(/_images/eck_rotK_unten.gif); background-repeat: no-repeat; }
/* Seitenkopf "mittel" */
#kopfK { width: 707px; padding: 0px; height: 132px; background-image:url(/_images/hg_top.gif); }
#kopfG { width: 707px; padding: 0px; height: 302px; background-image:url(/_images/hg_top.gif); }
#boxRotM { float: left; position: absolute; z-index: 2; height: 132px; width: 224px; }
#boxRotM #eckOben { float: left; width: 224px; height: 12px; background-image: url(/_images/eck_rot_oben.gif); background-color: #b3000d; background-repeat: no-repeat; }
#boxRotM #headline { clear: left; float: left; width: 205px; padding: 41px 0px 24px 19px; background-color: #b3000d; }
html>body #boxRotM #headline { clear: left; float: left; width: 205px; padding: 42px 0px 24px 19px; background-color: #b3000d; }
#boxRotM #unten { clear: left; float: left; width: 212px; background-color: #b3000d; line-height: 13px; }
#boxRotM #eckUnten { float: left; width: 12px; height: 13px; background-image: url(/_images/eck_rot_unten_oaa.gif); }
/* Seitenkopf "gross" */
#boxRotG { float: left; position: absolute; z-index: 2; height: 170px; width: 308px; margin-top: 132px; }
#boxRotG #eckOben { float: left; width: 13px; height: 12px; background-image: url(/_images/eck_rot_oben_oaa.gif); background-repeat: no-repeat; font-size: 1px; line-height: 12px; }
#boxRotG #oben { float: left; width: 295px; height: 12px; background-color: #b3000d; font-size: 1px; line-height: 12px; }
#boxRotG #headline { clear: left; float: left; width: 289px; padding: 7px 0px 97px 19px; background-color: #b3000d; }
html>body #boxRotG #headline { clear: left; float: left; width: 289px; padding: 7px 0px 97px 19px; background-color: #b3000d; }
#boxRotG #unten { clear: left; float: left; width: 296px; background-color: #b3000d; line-height: 13px; font-size: 1px; }
html>body #boxRotG #unten { clear: left; float: left; width: 296px; background-color: #b3000d; line-height: 13px; height:13px; font-size: 1px; }
#boxRotG #eckUnten { float: left; width: 12px; height: 13px; background-image: url(/_images/eck_rot_unten_oaa.gif); }
#kopfBildK { float: left; position: absolute; z-index: 1; height: 132px; }
#kopfEck { float: right; padding-top: 120px; }
#kopfEckG { float: right; padding-top: 290px; }
/* Inhaltsbereich */
#content { width: 624px; }
#contentF { width: 625px; }
#inhaltB { width: 590px; padding: 0px 16px 0px 16px; }
#inhaltN { float: left; padding: 0px 16px 0px 16px; }
#newsBild { float: left; width: 200px; }
#content #headline { width: 590px; font-size: 13px; border: #ccc solid 1px; margin: 5px 0px 23px 0px; padding: 5px 16px 5px 16px; color: #b3000d; }
#content #headlineUeber { width: 590px; font-size: 13px; border: #ccc solid 1px; margin: 5px 0px 5px 0px; padding: 5px 16px 5px 16px; color: #b3000d; }
#content #headlineColl { width: 590px; font-size: 13px; border: #ccc solid 1px; margin: 5px 0px 0px 0px; padding: 5px 16px 5px 16px; color: #b3000d; }
#content #collections { padding: 5px 16px 5px 16px; height: 400px; }
#adresse { float: left; width: 608px; font-size: 11px; padding: 0px 7px 0px 7px; color: #999; }
#adresse a.grau { color: #999; }
/* | Uebersicht 01*/
#uebersicht01 { float: left; width: 471px; margin-bottom: 2px; }
#uebersicht02 { float: left; width: 471px; margin-bottom: 2px; }
#uebersicht01_we, #uebersicht02_we { float: left; width: 414px; margin-bottom: 2px; }
#uebersicht01 img, #uebersicht02 img { margin: 4px 3px 0px 0px; }
/* | Uebersicht 02*/
#ueberIMG { float: left; width: 154px; }
#ueberText { float: left; width: 140px; padding: 0px 0px 0px 8px; }
#newsText { float: left; padding: 0px 0px 0px 8px; }
#lineUeber { float: left; width: 624px; background-image: url(/_images/linie.gif); height: 1px; line-height: 1px; font-size: 1px; margin: 5px 0px 5px 0px; }
html>body #lineUeber { float: left; width: 624px; background-image: url(/_images/linie.gif); height: 1px; font-size: 1px; margin: 6px 0px 6px 0px; }
#lineUeber2 { float: left; width: 624px; background-image: url(/_images/linie.gif); height: 1px; line-height: 1px; font-size: 1px; margin: 5px 0px 5px 0px; }
html>body #lineUeber2 { float: left; width: 624px; background-image: url(/_images/linie.gif); height: 1px; line-height: 1px; font-size: 1px; margin: 6px 0px 6px 0px; }
#lineDetail { float: left; width:464px; background-image: url(/_images/linie.gif); height: 1px; line-height: 1px; font-size: 1px; margin: 10px 0px 5px 0px; }
#nextBack { float: left; width: 624px; margin-bottom: 3px; }
#nextBack #next { float:left; width: 100px; text-align: right; }
#nextBack #middle { float:left; width: 424px; text-align: center; }
#nextBack #back { float:left; width: 100px; text-align: left; }
a.back { float: left; display: block; width: 22px; height: 11px; background-image: url(/_images/back.gif); background-repeat: no-repeat; }
a.back:hover { background-image: url(/_images/back_on.gif); text-decoration: none; }
a.next { float: right; display: block; width: 22px; height: 11px; background-image: url(/_images/next.gif); background-repeat: no-repeat; }
a.next:hover { background-image: url(/_images/next_on.gif); text-decoration: none; }
/* Detailseite */
#inhaltDetail { float: left; width: 471px; margin-bottom: 2px; }
#inhaltDetail #coll { width: 439px; padding: 0px 16px 0px 16px; }
#inhaltDetail #text { width: 370px; padding: 10px 85px 0px 16px; }
#inhaltDetail #text2 { padding: 10px 16px 0px 16px; }
#inhaltDetail #matUeber { width: 445px; padding: 0px 10px 0px 16px; }
#inhaltDetail #matUeber #imgMat { margin: 5px 5px 0px 0px; float: left; }
#inhaltDetail #funktionen { float: left; width: 198px; padding: 0px 16px 0px 11px; background-image: url(/_images/hg_materialien.gif); background-repeat: repeat-y; background-position: right; }
#inhaltDetail #funktionen p { margin: 0px 0px 5px 0px; }
#inhaltDetail #funktionen a.mehr { margin-bottom: 2px; }
#inhaltDetail #materialien { float: left; padding: 0px 11px 0px 11px; }
#inhaltDetail #materialien p { margin: 0px 0px 5px 0px; }
#inhaltDetail #materialien #beispiele { margin-bottom: 11px; }
#inhaltDetail #materialien #beispiele img { margin: 0px 10px 5px 0px; }
/* | Boxen */
#boxen { float: right; width: 153px; padding-top: 4px; }
#boxen_we { float: right; width: 210px; padding-top: 4px; }
#box { width: 153px; background-color: #e6e6e6; margin-bottom: 4px; }
#box #oben { width: 7px; height: 7px; background-image: url(/_images/eck_grau_oben.gif); font-size: 1px; margin-bottom: 3px; }
#box #inhalt { width: 131px; padding: 0px 7px 0px 15px; }
#box #unten { width: 153px; height: 7px; }
#box #unten #eckL { float: left; width: 7px; height: 7px; background-image: url(/_images/eck_grau_unten1.gif); font-size: 1px; }
#box #unten #eckR { float: right; width: 7px; height: 7px; background-image: url(/_images/eck_grau_unten2.gif); font-size: 1px; }
#clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; }
form { margin: 0px 0px 0px 0px; }
label { display: block; margin: 0px; padding-top: 3px; float: left; }
form input { float: left; font-size: 11px; margin-right: 2px; margin-left: 5px; }
form select { float: left; font-size: 11px; margin-right: 15px; margin-left: 5px; }