@page { size:landscape; }

body { 
background-color: #CEF2FF;
font-size: 100%;
font-family: Arial, Verdana, Sans-Serif;
color: #000000;
padding: 0;
margin: 0;
background-image:  url(../images/hintergrund.jpg);
background-repeat: repeat-x;
} 


/* ----------container zentriert das layout-------------- */
div.container { 
width: 989px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------Aufteilung Haupteinheiten-------------- */

div.top { 
display:none;

} 

div.center { 
width: 989px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
background-image:  url(../images/product-back.gif);
background-repeat: repeat-y;
} 

div.center-blank { 
width: 989px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
} 

div.bottom { 
xbackground-color: #000000;
width: 985px;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 4px;
float:left;
} 


/* ----------Elemente Top-------------- */

div.head-links { 
width: 703px;
height: 135px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
}

div.head-rechts { 
width: 286px;
height: 135px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
}

/* ----------Elemente Center-------------- */

div.links { 
width: 749px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
} 

div.rechts { 
width: 240px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
} 

/* ----------Elemente Links-------------- */

div.navi { 
display:none;
} 

div.bread { 
display:none;
} 

div.content { 
width: 749px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
} 

/* ----------Elemente Content-------------- */









div.product { 
width: 234px;
height: 612px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
} 

div.content-small { 
width: 515px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
} 

div.content-big { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 3px;
float:left;
} 

div.weissbox-abstand { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 10px 0px;
float:left;
} 

div.weissbox-small { 
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 510px;

} 

div.weissbox-small-startseite { 
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 510px;
height:618px;
float:left;
} 

div.weissbox-big { 
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 741px;
float:left;
} 

div.weissbox-small-innen, div.weissbox-small-startseite-innen { 
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 20px;
float:left;
} 

div.blauback { 
background-image:  url(../images/blauverlauf.jpg);
background-repeat: repeat-y;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 706px;
float:left;
} 

div.blauback-lang { 
background-image:  url(../images/blauverlauf-lang.jpg);
background-repeat: repeat-y;
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
width: 676px;
float:left;
} 

div.linkes-drittel { 
background-color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
width: 225px;
float:left;
} 

div.rechtes-zweidrittel { 
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
width: 441px;
float:left;
} 

/* ----------Elemente Navi-------------- */

div.leer-a { 
height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
} 


a.navibutton { 
background-color: #ECECEC;
color:#656565;
line-height:24px;
height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
display:block;
font-size:13px;
text-align:center;
text-decoration:none;
font-weight:bold;
} 

a.navibutton:hover { 
background-color: #656565;
color:#ffffff;
line-height:24px;
height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
display:block;
font-size:13px;
text-align:center;
text-decoration:none;
font-weight:bold;
} 

/* ----------Elemente Breadcrumb-------------- */


div.leer-b { 
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
} 

div.bread-back { 
height: 20px;
width:745px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
background-image:  url(../images/hintergrund-bread.jpg);
background-repeat: no-repeat;
}

a.breadlink { 
font-size:11px;
color:#A5A5A5;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
text-decoration:none;
} 

a.breadlink:hover { 
font-size:11px;
color:#A5A5A5;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
text-decoration:underline;
} 

div.trenner-punkte { 
width:14px;
heigh:16px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
background-image:  url(../images/trenner-punkte.gif);
background-repeat: no-repeat;
} 










/* ----------Elemente Produktnavi-------------- */

ul.productlist { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 4px;
float:left;
list-style-type: none;

} 

ul.productlist li { 
background-color: #007DB7;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
color:#ffffff;
} 

ul.productlist li a.product-00 { 
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 24px;
width:196px;
height:44px;
display:block;
float:left;
background-image:  url(../images/button-blau01-normal.jpg);
background-repeat: no-repeat;
text-decoration:none;
} 

ul.productlist li a.product-00:hover { 
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 24px;
width:196px;
height:44px;
display:block;
float:left;
background-image:  url(../images/button-blau01-aktiv.jpg);
background-repeat: no-repeat;
text-decoration:none;
} 

ul.productlist li a.product-01 { 
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 24px;
width:196px;
height:44px;
display:block;
float:left;
background-image:  url(../images/button-grau-normal.jpg);
background-repeat: no-repeat;
text-decoration:none;
} 

ul.productlist li a.product-01:hover { 
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 24px;
width:196px;
height:44px;
display:block;
float:left;
background-image:  url(../images/button-grau-aktiv.jpg);
background-repeat: no-repeat;
text-decoration:none;
} 


ul.productlist li a.product-02 { 
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 24px;
width:196px;
height:44px;
display:block;
float:left;
background-image:  url(../images/button-gruen-normal.jpg);
background-repeat: no-repeat;
text-decoration:none;
} 

ul.productlist li a.product-02:hover { 
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 24px;
width:196px;
height:44px;
display:block;
float:left;
background-image:  url(../images/button-gruen-aktiv.jpg);
background-repeat: no-repeat;
text-decoration:none;
} 

ul.productlist li a.product-03 { 
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 24px;
width:196px;
height:44px;
display:block;
float:left;
background-image:  url(../images/button-orange-normal.jpg);
background-repeat: no-repeat;
text-decoration:none;
} 

ul.productlist li a.product-03:hover { 
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 24px;
width:196px;
height:44px;
display:block;
float:left;
background-image:  url(../images/button-orange-aktiv.jpg);
background-repeat: no-repeat;
text-decoration:none;
} 

ul.productlist li a.product-04 { 
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 24px;
width:196px;
height:44px;
display:block;
float:left;
background-image:  url(../images/button-braun-normal.jpg);
background-repeat: no-repeat;
text-decoration:none;
} 

ul.productlist li a.product-04:hover { 
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 24px;
width:196px;
height:44px;
display:block;
float:left;
background-image:  url(../images/button-braun-aktiv.jpg);
background-repeat: no-repeat;
text-decoration:none;
} 

ul.productlist li a.product-05 { 
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 24px;
width:196px;
height:44px;
display:block;
float:left;
background-image:  url(../images/button-rot-normal.jpg);
background-repeat: no-repeat;
text-decoration:none;
} 

ul.productlist li a.product-05:hover { 
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 24px;
width:196px;
height:44px;
display:block;
float:left;
background-image:  url(../images/button-rot-aktiv.jpg);
background-repeat: no-repeat;
text-decoration:none;
} 

ul.productlist li a.product-06 { 
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 24px;
width:196px;
height:44px;
display:block;
float:left;
background-image:  url(../images/button-ocker-normal.jpg);
background-repeat: no-repeat;
text-decoration:none;
} 

ul.productlist li a.product-06:hover { 
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 24px;
width:196px;
height:44px;
display:block;
float:left;
background-image:  url(../images/button-ocker-aktiv.jpg);
background-repeat: no-repeat;
text-decoration:none;
} 

ul.productlist li a.product-07 { 
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 24px;
width:196px;
height:44px;
display:block;
float:left;
background-image:  url(../images/button-blau-normal.jpg);
background-repeat: no-repeat;
text-decoration:none;
} 

ul.productlist li a.product-07:hover { 
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 24px;
width:196px;
height:44px;
display:block;
float:left;
background-image:  url(../images/button-blau-aktiv.jpg);
background-repeat: no-repeat;
text-decoration:none;
} 


.imlink-01 { 
font-size:13px;
color:#ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 28px;
display:block;
float:left;
} 



/* ----------Elemente Head-Rechts-------------- */


form { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
} 

form.suche { 
font-size:14px;
color:#ffffff;
margin: 70px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
} 


input.suchebutton { 
width:50px;
height:35px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
border:none;
background-image:  url(../images/lupe.jpg);
background-repeat: no-repeat;
} 

input.suchefeld { 
width:200px;
font-size:14px;
color:#000000;
margin: 10px 0px 0px 10px;
padding: 0px 0px 0px 0px;
float:left;
border:none;
} 






/* ----------Elemente Rechts-------------- */

div.rechts-schattenbox-01 { 
width:240px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
background-image:  url(../images/rechts-schattenverlauf-01.jpg);
background-repeat: repeat-y;
} 

div.rechts-schattenbox-innen { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
float:left;
} 

div.rechts-blaubalken-01 { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:220px;
height:24px;
float:left;
background-image:  url(../images/rechts-blaubalken-01.jpg);
background-repeat: no-repeat;
} 

div.rechts-blaubalken-02 { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:220px;
height:38px;

background-image:  url(../images/rechts-blaubalken-02.jpg);
background-repeat: no-repeat;
} 

div.rechts-graubalken { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:220px;
height:24px;
float:left;
background-image:  url(../images/rechts-graubalken.jpg);
background-repeat: no-repeat;
} 

div.rechts-blaubalken-01 p, div.rechts-blaubalken-02 p, div.rechts-graubalken p { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 12px;
color:#ffffff;
font-size:14px;
font-weight:bold;
line-height:24px;
} 


div.rechts-schattenkante-01 { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:240px;
height:9px;
float:left;
background-image:  url(../images/rechts-schattenkante-01.jpg);
background-repeat: no-repeat;
font-size:1px;
} 

div.rechts-schattenkante-02 { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:240px;
height:19px;
float:left;
background-image:  url(../images/rechts-schattenkante-02.jpg);
background-repeat: no-repeat;
font-size:1px;
} 

div.rechts-schattenkante-03 { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:240px;
height:5px;
float:left;
background-image:  url(../images/rechts-schattenkante-03.jpg);
background-repeat: no-repeat;
font-size:1px;
} 

div.rechts-scrollflaeche { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:220px;
height:294px;
float:left;
} 




div.rechts-schattenbox-02 { 
width:240px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
background-image:  url(../images/rechts-schattenverlauf-02.jpg);
background-repeat: repeat-y;
} 


div.rechts-schattenbox-03 { 
width:240px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
background-image:  url(../images/rechts-schattenverlauf-03.jpg);
background-repeat: repeat-y;
} 


p.newsteaser { 
color:#888888;
font-size:11px;
line-height:12px;
margin: 0px 12px 0px 12px;
padding: 0px 0px 0px 0px;
} 

p.newsteaser a { 
color:#007CB6;
font-size:11px;
line-height:12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration:underline;
} 

p.newsteaser a:hover { 
color:#ffffff;
font-size:11px;
line-height:12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration:underline;
background-color:#007CB6;
} 

.datum { 
color:#007CB6;
font-size:15px;
line-height:15px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
} 


/* ----------Copy Elemente-------------- */

h1 { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
font-size:17px;
color:#027DB8;
font-weight:normal;
} 

h2 { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
font-size:17px;
color:#656565;
font-weight:normal;
} 


div.content-small p { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:12px;
line-height: 18px;
color:#656565;
} 

div.content-big p { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
font-size:12px;
line-height: 18px;
color:#656565;
} 

div.content-big ul.aufzaehlung { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
font-size:12px;
color:#656565;
list-style-type: none;
} 

div.content-big ul.aufzaehlung li { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 15px;
font-size:12px;
line-height: 18px;
color:#656565;
background-image:  url(../images/bullet-blau.gif);
background-repeat: no-repeat;
} 

div.content-big ul.linkliste { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 0px;
font-size:12px;
color:#656565;
list-style-type: none;
} 

div.content-big ul.linkliste li { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 15px;
font-size:12px;
line-height: 18px;
color:#656565;
background-image:  url(../images/bullet-blau-pfeil.gif);
background-repeat: no-repeat;
} 

div.content-big ul.linkliste li a { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:12px;
line-height: 18px;
color:#007DB7;
} 

div.content-big ul.linkliste li a:hover { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:12px;
line-height: 18px;
color:#ffffff;
background-color:#007DB7;
} 




table.produktliste { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:12px;
line-height: 18px;
color:#656565;
background-image:  url(../images/tabellenkopf.jpg);
background-repeat: repeat-x;
float:left;
} 

table.produktliste th { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 24px;
color:#ffffff;
height:30px;
} 

table.produktliste tr.weiss { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:#ffffff;
} 

table.produktliste tr.grau { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:#ECECEC;
} 

div.blaetternavi { 
width:740px;
height:24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:#ffffff;
float:left;
} 

div.blaetternavi-innen { 
width:740px;
height:24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color:#ffffff;
} 

div.blaetternavi p { 
line-height:24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
} 

div.blaetternavi p a { 
line-height:24px;
margin: 0px 0px 0px 0px;
padding: 0px 1px 0px 1px;
color:#656565;
text-decoration:none;
} 

div.blaetternavi p a { 
line-height:24px;
margin: 0px 0px 0px 0px;
padding: 0px 1px 0px 1px;
color:#656565;
text-decoration:none;
} 


/* ----------Elemente Formular-------------- */

table.formulartabelle { 
font-size:12px;
line-height: 18px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#656565;
background-color:#ffffff;
border: solid 1px #98D2EC;
} 

table.formulartabelle td { 
border-bottom:1px solid #98D2EC;
margin: 0px 0px 0px 0px;
padding: 4px 0px 4px 0px;
} 

table.formulartabelle td.error { 
background-color:#98D2EC;
color:#ff0000;
} 

table.formulartabelle input { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#656565;
border: 1px solid #98D2EC;
width:200px;
} 

table.formulartabelle input:hover, table.formulartabelle textarea:hover { 
background-color:#D3EFFB;
} 

table.formulartabelle textarea { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#656565;
border: 1px solid #98D2EC;
height:100px;
width:200px;
} 




/* ----------Elemente Bottom-------------- */


div.bottom-innen { 
width: 989px;
height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
xbackground-color:#ffffff;
} 

div.bottom-innen-links { 
background-color: #ffffff;
width: 750px;
height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
} 

div.bottom-innen-rechts { 
width: 230px;
height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
} 

div.bottom-innen-links p { 
background-color: #ffffff;
line-height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
float:left;
font-size: 10px;
color:#888888;
}

div.bottom-innen-rechts p { 
background-color: #ffffff;
line-height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 10px;
color:#888888;
text-decoration:none;
width:220px;
}


div.bottom-innen-rechts p a { 
line-height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#888888;
text-decoration:none;
}

div.bottom-innen-rechts p a:hover { 
line-height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color:#888888;
text-decoration:underline;
}
















.blau { 
color:#007DB7;
}

.boldblau { 
font-weight:bold;
color:#007DB7;
}


.bold { 
font-weight:bold;
}

.kursiv { 
font-face:italic;
}

.boldkursiv { 
font-weight:bold;
font-style:italic;
} 


div.leer { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
font-size:0px;
} 


img { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border:0px;
display:block;
} 

img.rechts { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float:right;
border:0px;
display:block;
} 

img.links { 
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
float:left;
border:0px;
display:block;
} 














div.abstand740x10 { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:740px;
float:left;
font-size:1px;
height:10px;
display:block;
background-color:none;
} 

div.abstand515x10 { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:515px;
float:left;
font-size:1px;
height:10px;
display:block;
} 

div.strichel { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:220px;
float:left;
font-size:1px;
height:20px;
display:block;
background-image:  url(../images/strichel.gif);
background-repeat: no-repeat;
}