@import url(/css/volltextsuche.css);
@import url(/css/produkte.css);
@import url(/css/news.css);
@import url(/css/volltextsuche.css);
@import url(/css/reset.css);
@import url(/css/elements.css);
@import url(/common/popup.css);
@import url(/css/formular.css);
@import url(/css/threerows.css);
@import url(/css/home.css);
@import url(/css/box.css);

body { font-family: arial,helvetica,sans-serif; font-size: 11px; }

h1, h3 { font-family: Verdana, Geneva, sans-serif; font-weight: normal; }
h1 { color: #e90025; font-size:24px; margin: 0px; padding: 0px; }
h2 { color: #e90025; font-size: 14px; }
h3 { color:#494949; font-size: 14px; margin: 0px; padding: 0px; }
h4 { color:#000; font-size: 12px; margin: 0px; padding: 0px; }
h6 { color: #999; font-weight: normal; font-size: 9px;}

ul { list-style-type: none; }
p { line-height: 17px; font-family:arial; font-size: 12px; }
a { text-decoration: none; }
div#content a {
    background: url(/files/allgemein/pfeil_rot.gif) no-repeat 0px 2px !important;
    padding-left: 12px;
    color: #000;
    text-decoration: underline;
    font-size: 12px;
}
blockquote { margin-left: 20px; }
div#content a:hover { color: #e90025; }

div.page, div#siteHead, div#footer {width: 950px;}
div.page, div#footer { margin: 0em auto; position: relative;}
div.page { z-index: 0; }

div#siteHead { height: 133px; }
div#siteHead img#logo { position: absolute; top: 35px; left: 21px; }
div#siteHead img#logoBalance { border-bottom: 1px solid #acacac; margin-bottom: -2px; }

/* +++++++ ZWISCHENZEITLICH AUSGEBLENDED +++++++++++++ */
ul#topMenu { position: absolute; top: 74px; left: 21px; display: none; }
ul#topMenu li a { color: #777; text-decoration: underline; font-size: 11px; }

/* ++++++++++++++ Main Menue ++++++++++++++++++++++ */
ul#mainMenu {
    background-color: #323232;
    border-bottom: 1px solid #acacac;
    height: 33px;
    padding-left: 20px;
}
ul#mainMenu li {
    float: left;
    text-transform: uppercase;
    padding-top: 9px; padding-bottom: 9px;
}
ul#mainMenu li.last {
    background: url(/files/allgemein/pfeil.gif) no-repeat 0px 10px;
    padding-left: 22px;
    margin-left: 40px;
}
ul#mainMenu li a { color: #fff; font-family: verdana; margin-right: 28px; }
ul#mainMenu li a:hover { color: #e90025;}

/* +++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++ Content ++++++++++++++++++++++ */
div#outerContent {
    position: relative;
    background: url(/files/allgemein/content_bg.gif) no-repeat top left;
    clear: both;
    min-height: 660px;
    height: auto !important;
    height: 660px;
    margin-top: 4px;
    z-index: 40;
}
div#outerContent div#left {
    margin-top: 12px; padding-left: 21px;
    float: left;
}
div#outerContent div#left div#picLinkText a { text-align: left; }

div#outerContent div#innerContent {
    float: right;
    width: 714px;
    padding-right: 20px; padding-bottom: 20px;
    margin-top: 12px;
    z-index: 50;
}
div#outerContent div#content {
    background: url(/files/allgemein/contentBottom.gif) no-repeat bottom left;
    background-color: #fff;
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

div#outerContent div#content img#contentTop { margin-bottom: 10px; margin-top: 0px;}
div#outerContent div#content div.element ul li {
    background: url(/files/allgemein/liIcon.gif) no-repeat 0px 5px;
    padding-left: 15px;
    margin-bottom: 5px;
    font-size: 12px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++ Menüs und Boxen Links ++++++++++++++++++++++ */
h1#subMenuHeader {
    background: url(/files/allgemein/subMenuBg.jpg) no-repeat top left;
    color: #fff;
    padding: 5px; padding-left: 8px;
    padding-right: 0px;
    font-family: arial;
    font-size: 12px; font-weight: bold;
}
ul#subMenu {
    padding-left: 8px; padding-top: 5px; padding-bottom: 5px;
    background: url(/files/allgemein/subMenuBottom.jpg) no-repeat bottom left;
    background-color: #fff;
    width: 170px;
    margin-bottom: 15px;
}
ul#subMenu li {
    background: url(/files/allgemein/pfeil_rot.gif) no-repeat 1px 2px;
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    padding-left: 15px;
    margin-bottom: 10px;
}
ul#subMenu li.active {
    background: url(/files/allgemein/pfeil_rot_down.gif) no-repeat 1px 5px;
    font-weight: bold;
}
ul#subMenu li a { color: #000; text-decoration: underline; }
ul#subMenu li a:hover { color: #e90025; }

ul#subMenu li.active ul#subSubMenu { margin-top: 10px; }
ul#subMenu li.active ul#subSubMenu li { padding-left: 15px; }

ul#subMenu li.active ul#subSubMenu li.active ul#subSubSubMenu {
    margin-top: 10px;
}
ul#subMenu li.active ul#subSubMenu li.active ul#subSubSubMenu li {
    background: none;
}

div#left div#flashLeft { margin-bottom: 15px; }

/* ++++++++++++++ Menüs und Boxen Links ENDE ++++++++++++++++++++++ */

div.element, div#footer, div.clear {clear: both;}
div.clear { height: 0px; }
div.element { position: relative; margin: 0px 15px; }

/* ++++++++++++++ Footer ++++++++++++++++++++++ */
div#footer { background-color: #f0f0f0; height: 40px; }
div#footer span#data {
    position: absolute;
    top: 21px; left: 385px;
    color: #777;
}
div#footer ul#bottomMenu,
div#footer ul#bottomMenuTwo { width: 380px; margin-left: 303px; padding-top: 7px; }
div#footer ul#bottomMenuTwo { width: 200px; margin-left: 471px; padding-top: 0px; }
div#footer ul#bottomMenu li,
div#footer ul#bottomMenuTwo li { float: left; padding-right: 12px; }
div#footer ul#bottomMenu li span,
div#footer ul#bottomMenuTwo li span { color: #777; }
div#footer ul#bottomMenu li a,
div#footer ul#bottomMenuTwo li a { color: #777; padding-right: 6px; }
div#footer ul#bottomMenu li a:hover,
div#footer ul#bottomMenuTwo li a:hover { color: #e90025;}

img.plus { margin-left: -10px; }
img.mask { position: absolute; width: 100px; height: 100px; }