@charset "utf-8";
/********************************************************
=default - default styles, used by nearly every site
********************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;outline:none}
html {font-size:100.01%;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
html{overflow-y:scroll}
.systemError{display:block;background:#f00;color:#fff;text-align:center;padding:0 50px;height:40px;line-height:40px;position:absolute; top:0;left:0}
.clear, #footer, .separator, .hr{clear:both; float:none}
.clear, .hidden, .separator, .hr{font-size:0.01em; line-height:0.01em}
.hidden{text-indent:-9999px; overflow:hidden; white-space:nowrap; display:block}
span.hidden{width:0; height:0}
ul{list-style:none}
img{border:0; vertical-align:baseline}
p, td p.padding, #content-container ul{padding-bottom:18px; line-height:1.45em}
p.no-padding, #footer p, td p{padding-bottom:0}
.center{text-align:center}
.float-left{float:left}
.float-right {float:right}
iframe{border:0}
#content-container .no-margin, .no-margin{margin:0}
.separator{width:1px; height:15px; display:block}
.hr hr{display:none}


/*
=margins & =paddings - margin and padding classes from 5 to 25
*/
.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}

/*
=layout - individual layout styles
*/
body{background:#fdfdfd url(../images/intro/bg-body.jpg) center 0 repeat-x; font:62.5%/100.01% Verdana, Arial, Helvetica, sans-serif; color:#303030}
#container{margin:0 auto; width:860px}
#header{height:179px; position:relative}
#branding{display:block; background:url(../images/intro/branding.jpg); width:327px; height:73px; position:absolute; top:42px; left:258px}
#branding a{text-indent:-9999px; overflow:hidden; white-space:nowrap; display:block; width:327px; height:73px}
#content-main{padding:0 0 30px; font-size:1.1em}
#footer{font-size:1.1em; width:820px; padding:15px 20px; color:#989898; border-top:1px solid #cacaca; font-family:Arial, Helvetica, sans-serif}

/*
=navigation - navigation styles
*/
#navi-main{height:186px}
#navi-main li{height:186px; float:left; width:275px; padding-left:17px}
#navi-main .li-01{padding:0}
#navi-main a, #navi-main a:visited, #navi-main a:hover, #navi-main a:active{text-indent:-9999px; overflow:hidden; white-space:nowrap; float:left; height:186px; background:0 0 no-repeat; width:275px}
#navi-main a:hover{background-position:0 -186px}

#navi-main .li-01 a, #navi-main .li-01 a:visited, #navi-main .li-01 a:hover, #navi-main .li-01 a:active{
background-image:url(../images/intro/bg-lichtechte-farben.gif)}
#navi-main .li-02 a, #navi-main .li-02 a:visited, #navi-main .li-02 a:hover, #navi-main .li-02 a:active{
background-image:url(../images/intro/bg-hohe-witterungsbestaendigkeit.gif)}
#navi-main .li-03 a, #navi-main .li-03 a:visited, #navi-main .li-03 a:hover, #navi-main .li-03 a:active{
background-image:url(../images/intro/bg-enorme-stabilitaet.gif)}


/*
=footer - footer content styles
*/
#footer a, #footer a:visited, #footer a:hover, #footer a:active{color:#989898; font-weight:normal}
address{font-style:normal}
#footer address{float:left; white-space:nowrap}
#footer address span{padding:0 7px}
#footer address .escape span{padding:0}
#footer ul{float:right}
#footer li{background:url(../images/bg-listitem-grey.gif) 0 5px no-repeat; padding:0 4px 0 9px; line-height:1.45em}

/*
=headlines
*/
#content-main h1{text-indent:-9999px; overflow:hidden; white-space:nowrap; display:block; background:0 0 no-repeat; padding-bottom:35px; height:35px}
#startseite-body #content-main h1{background-image:url(../images/h1/startseite.gif); height:67px}
#content-main h2, #content-main h3, #content-main h4, #content-main h5, #content-main h6{font-size:1.6em; line-height:1.3em; padding-bottom:18px; color:#999}

/*
=content - individual content styles
*/
a,a:visited,a:hover,a:active{color:#d91d52; text-decoration:underline; font-weight:bold}
a:hover{text-decoration:none}

.highlight{font-weight:bold}
.image{padding:1px; border:1px solid #ddd}
.bold{font-weight:bold}

.hr{margin-bottom:25px; height:7px; border-bottom:1px solid #cacaca; width:100%}

#homepage-button, #homepage-button:visited, #homepage-button:active, #homepage-button:hover{background:url(../images/intro/bg-homepage-button.gif); width:240px; height:30px; display:block; text-indent:-9999px; overflow:hidden; white-space:nowrap; margin:10px auto}
#homepage-button:hover{background-position:0 -30px}