@charset "ISO-8859-1";
/* CSS Document */
img, div { behavior: url("iepngfix.php")}
img {border:none; margin:0; padding:0;}

body {font-size:10px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; background-color:#000; background-image:url(../gfx/gui/body-hg-01.jpg); background-position:top left; background-repeat:no-repeat; color:#FFF;}


/* CONTAINER ********************************************************************/
.container {width:89em; margin:5px auto 0 auto; padding:0;}


/* hintergrundfarbe gelb 80% */
.header, .content {background-image:url(../gfx/gui/gelb-80.png); background-repeat:repeat; background-position:top left;}
/* margin, padding 0 */
.header, .navi, .content, .subnavi, .footer, ul, li {margin:0; padding:0;}


/* HEADER ********************************************************************/
.header {margin:0; padding:0 0 0 0; float:left; width:89em;}

/* header-navi */
.header-navi {height:10.7em; width:44.5em; float:right; background-image:url(../gfx/gui/header-navi-hg.gif); background-position:left bottom; background-repeat:no-repeat; position:relative; margin-bottom:14px;}
.header-navi ul {list-style:none;}
.header-navi li {margin-left:7px; float:right; list-style:none;}
.header-navi ul a, .header-navi ul a:hover {color:#FFFF54; text-decoration:none; text-transform:uppercase; font-size:1.1em;}
.header-navi ul a:hover, .header-navi ul .aktiv {text-decoration:underline;}
.header-navi .logo {position:absolute; bottom:7px; right:7px;}
.header-navi .logo img {width:36.5em;}
/* navi */
.navi {float:left; width:85.8em; margin:0 0 0 1.6em; background-image:url(../gfx/gui/schwarz-30.png); background-position:top left; background-repeat:repeat;}
*html .navi {margin-left:0.7em;}
.navi ul {}
.navi li {float:left; border-right:2px solid #CFCF46; list-style:none;}
.navi li a, .navi li a:hover {display:block; padding:8px 15px; font-size:1.4em; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; text-transform:uppercase; color:#FFF; text-decoration:none;}
.navi li a:hover {color:#000;}
.navi li .aktiv, .navi li .aktiv:hover {color:#ffff54; background-color:#000;}


/* CONTENT ************************************************************************/
.content {padding:1.4em 0 1.4em 1.6em; clear:both; float:left; width:87.4em;}
*html .content {padding-left:1.4em; width:87.6em;}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .content p, .content ul, .content ol, .content li {font-weight:normal; margin:0 16px; padding:0 0 0 0; line-height:1.3em;}
.content h1 {font-size:3.5em; margin-bottom:30px;}
.content h1 img {margin:0 0 0 -14px; padding:0;}
.content h2, .content h3, .content h4, .content h5, .content h6 {font-size:1.4em; text-transform:uppercase; margin-top:8px; margin-bottom:14px;}
.content h3, .content h5 {margin-bottom:5px;}
.content h4, .content h5, .content h6 {text-transform:none;}
.content h5 {}
.content h6 {margin-bottom:0;}
.content p {margin-bottom:20px; font-size:1.2em;}
.content ul, .content ol {margin-left:30px; margin-bottom:20px; }
.content li {margin-bottom:5px;font-size:1.2em;}

.content ul ul, .content ol ol, .content ul ol, .content ol ul {margin-left:0px; margin-top:5px; margin-bottom:10px;}
.content li li {font-size:1em;}

.content a, .content a:hover {color:#FFF; text-decoration:underline;}
.content a:hover {color:#ffff54;}

.content .gelber-text {color:#ffff54;}
.content .margin-right-300 {margin-right:300px;}

/* Bilderstile */
.img-rechts {float:right; margin:0 0 0 6em;}


/* 5er Boxen */
.box-5er-raster {float:left; margin-right:0.1em; margin-bottom:0.2em; background-color:#000; position:relative; background-image:url(../gfx/gui/gelb-cfcf46.gif); background-repeat:repeat-y; background-position:right top;}
.box-5er-raster_box-01er {width:17.1em;}
.box-5er-raster_box-02er {width:34.3em;}
.box-5er-raster_box-03er {width:51.5em;}
.box-5er-raster_box-04er {width:68.7em;}
.box-5er-raster_box-05er {width:85.9em;}
/* bild oben */
.box-5er-raster img {float:left; margin-bottom:10px;}
/* textboxen */
.box-5er-raster .textbox {float:left; margin-bottom:30px;}
.box-5er-raster_box-01er .textbox {width:17em;}
.box-5er-raster_box-02er .textbox {width:34.2em;}
.box-5er-raster_box-03er .textbox {width:51.4em;}
.box-5er-raster_box-04er .textbox {width:68.6em;}
.box-5er-raster_box-05er .textbox {width:85.8em;}
.box-5er-raster .textbox h1 {font-size:2.5em; margin-bottom:40px;}
.box-5er-raster .textbox p {margin-bottom:0;}

/* 2er Boxen */
.box-2er-raster {float:left; margin-right:0.2em; margin-bottom:0.2em; background-color:#000; position:relative;}
.box-2er-raster_box-01er {width:42.8em;}
/*.box-2er-raster_box-02er {width:34.3em;}
.box-2er-raster_box-03er {width:51.5em;}
.box-2er-raster_box-04er {width:68.7em;}
.box-2er-raster_box-05er {width:85.9em;}
*//* bild oben */
.box-2er-raster img {float:left; margin:0;}
/* textboxen */
.box-2er-raster .textbox {float:left; margin-bottom:0;}
.box-2er-raster_box-01er .textbox {width:24.5em;}
.box-2er-raster_box-02er .textbox {width:34.2em;}
.box-2er-raster_box-03er .textbox {width:51.4em;}
.box-2er-raster_box-04er .textbox {width:68.6em;}
.box-2er-raster_box-05er .textbox {width:85.8em;}
.box-2er-raster .textbox h1 {font-size:2.5em; margin-bottom:0;}
.box-2er-raster .textbox img {margin-bottom:0;}
.box-2er-raster .textbox p {margin-bottom:0; clear:both;}


/* 3er Boxen */
.box-3er-raster {float:left; margin:0 0 1.6em 1.4em; position:relative;}
*html .box-3er-raster {margin:0 8px 1.5em 6px;}
.box-3er-raster_box-01er {width:26.7em;}
.box-3er-raster_box-02er {width:54.8em;}
.box-3er-raster_box-03er {width:82.9em;}
/**/
.box-3er-raster img {float:left; margin-bottom:10px;}
.box-3er-raster .textbox {float:left;}
.box-3er-raster_box-01er .textbox {width:26.6em;}
.box-3er-raster_box-02er .textbox {width:54.7em;}
.box-3er-raster_box-03er .textbox {width:82.8em;}
.box-3er-raster .textbox h1, .box-3er-raster .textbox h2, .box-3er-raster .textbox h3, .box-3er-raster .textbox h4, .box-3er-raster .textbox h5, .box-3er-raster .textbox h6, .box-35er-raster .textbox p, .box-3er-raster .textbox ul, .box-3er-raster .textbox ol, .box-3er-raster .textbox li {margin-right:0; margin-left:0;}
.box-3er-raster .textbox p {margin:0; clear:both;}
.box-3er-raster .textbox .margin-links-16-rechts-70 {/*margin-left:16px;*/ margin-right:70px;}


/* boxen */
.content .textbox-schwarz {background-color:#000; margin-bottom:2px; float:left; width:85.8em; padding:1.6em 0; position:relative;}
/**html .content .textbox-schwarz {padding-bottom:0;}
*+html .content .textbox-schwarz {padding-bottom:0;}*/

/* bild überschrift */
.box-5er-raster h1, .box-5er-raster h1 img, .box-3er-raster h1, .box-3er-raster h1 img, .box-2er-raster h1, .box-2er-raster h1 img {padding:0; margin-bottom:16px;}
.box-5er-raster h1 img, .box-2er-raster h1 img {margin-left:-16px;}
.box-3er-raster h1, .box-3er-raster h1 img {margin-bottom:0;}
.box-3er-raster h1 img {margin-left:-28px;}
/* link pfeilchen */
.box-5er-raster .link-pfeilchen, .box-2er-raster .link-pfeilchen, .box-3er-raster .link-pfeilchen, .textbox-schwarz .link-pfeilchen {position:absolute; bottom:0; right:1px; clear:both;}


/* min-height */
.min-height {float:right; width:1px; background-color:#CFCF46;}
.box-5er-raster .min-height {height:340px;}
.box-3er-raster .min-height {background-color:#000; height:320px;}
.box-3er-raster .height-200px {height:200px; height:1px;}
.box-2er-raster .min-height {}


/* produkte-subnavi *************************************************************/
.produkte-subnavi {background-color:#4d4d4d;float:left; width:82.6em; margin-left:1.6em; margin-bottom:40px;}
*html .produkte-subnavi {margin-left:0.8em;}
.produkte-subnavi ul {margin:0; padding:0; float:left;}
.produkte-subnavi li {float:left; list-style:none; margin:0; padding:0;}
.produkte-subnavi ul a, .produkte-subnavi ul a:hover {display:block; padding:4px 15px; font-size:1em; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; text-transform:uppercase; color:#FFF; text-decoration:none; border-right:2px solid #000;}
.produkte-subnavi ul a:hover {color:#FFFF54;}
.produkte-subnavi ul .aktiv, .produkte-subnavi ul .aktiv:hover {color:#000000; background-color:#000; background-image:url(../gfx/gui/gelb-80.png); background-repeat:repeat; background-position:top left;}


/* SUBNAVI ************************************************************************/
.subnavi {background-image:url(../gfx/gui/gelb-28.png);float:left; width:89em; padding:0.9em 0; border-top:2px solid #000000;}
.subnavi ul {color:#FFF; text-align:center;}
.subnavi li {list-style:none; display:inline; margin:0 0.5em;}
.subnavi ul a, .subnavi ul a:hover {color:#FFF; text-decoration:none; text-transform:uppercase; font-size:12px;}
.subnavi ul a:hover, .subnavi ul .aktiv {text-decoration:underline;}


/* FOOTER ************************************************************************/
.footer {background-image:url(../gfx/gui/gelb-60.png); float:left; width:85.8em; padding:0 1.6em 1.6em 1.6em; border-top:2px solid #000000;}
.footer p {margin:50px 0 0 0; font-size:1.2em;}
.footer .footer-logo-bha {float:right; margin-top:1.6em;}
.footer .footer-logo-bha img {width:8.7em;}
.footer a, .footer a:hover {color:#FFF; text-decoration:none;}
.footer a:hover {text-decoration:underline;}




.ohne-margin-right {margin-right:0;}
.content .ohne-margin-bottom {margin-bottom:0;}
.ohne-margin {margin:0;}

.content .ohne-padding-bottom {padding-bottom:0;}

.margin-bottom-40 {margin-bottom:40px;}

.margin-left-minus-14 {margin-left:-14px;}
.margin-left-minus-16 {margin-left:-16px;}
.margin-left-minus-28 {margin-left:-28px;}