* { margin: 0; padding: 0; }

/* Im CSS-Stylesheet */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.woff2') format('woff2'),
         url('fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.woff2') format('woff2'),
         url('fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

body { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #444; background: url(../img/bgBody.jpg) top center repeat-y #acacac; line-height: 18px; }
img { border: 0; }
.clear { clear: both; border-bottom: 1px solid #bbb; width: 650px; height: 1px; padding: 1px;}


h1 { font: 18px museo300, Arial, sans-serif; text-transform: uppercase; border-bottom: 1px solid #bbb; line-height: 1.2; margin-bottom: 15px; padding-bottom: 3px; font-weight: normal; color: #444; }
h2 { font: 18px museo300, Arial, sans-serif; color: #004494; line-height: 1.2; margin-bottom: 10px; font-weight: normal; }

/*h1 { font: 18px museo300, Arial, sans-serif; text-transform: uppercase; border-bottom: 1px solid #bbb; line-height: 1.2; margin-bottom: 10px; padding-bottom: 3px; font-weight: normal; color: #004494; }
h2 { font: 18px museo300, Arial, sans-serif; color: #e2001a; line-height: 1.2; margin-bottom: 10px; font-weight: normal; }*/
a { font-family: 'Open Sans', sans-serif; font-size: 13px; text-decoration: none; color: #004494; }

.siteMap a:hover, #article a:hover { text-decoration: underline; }
hr { color: #bbb; border: solid #bbb;  border-width: 1px 0 0 0; margin: 0 0 15px 0; clear: both; }
p, ul, ol, dl { margin-bottom: 15px; }
ul, ol { padding-left: 18px; }

p span.red {color: #e2001a; font-weight: 700;}

#wrapper { width: 920px; margin: 0 auto; }
#top { width: 920px; height: 146px; position: relative; }
#logo { width: 148px; height: 56px; position: absolute; left: 15px; top: 67px; background: url(../img/logo.png) 0 0 no-repeat; text-indent: -999em; }
#claim { position: absolute; top: 37px; right: 15px; color: #fff; margin: 0; font: 18px museo700, Arial, sans-serif; }
#nav1 ul { list-style: none; position: absolute; right: 15px; top: 110px; margin: 0; padding-left: 0; }
#nav1 li { float: left; margin-left: 15px; }
#nav1 a { color: #444; font: 12px museo300, Arial, sans-serif; text-transform: uppercase; }
#nav1 a:hover { color: #004494; }
a#sel_willkommen, a#sel_unternehmen, a#sel_qualitaet, a#sel_produkte, a#sel_kunden, a#sel_fabrikverkauf, a#sel_kontakt { color: #004494; }

#content { width: 890px; padding: 15px 15px 30px 15px; min-height: 300px; overflow: hidden; background-color: #fff; }
#footer { width: 890px; padding: 10px 15px; height: 50px; }
#footer p, #footer a { font-size: 10px; color: #888; }
#footer .left { float: left; }
#footer .right { float: right; }

#nav2 { float: left; width: 225px; }
#nav2 ul { list-style: none; margin: 0; padding-left: 0; }
#nav2 a { display: block; border-bottom: 1px solid #bbb; font-family: 'Open Sans', sans-serif; font-size: 13px; padding: 6px 8px 3px 0; background: url(../img/bgNav2.gif) right 11px no-repeat; color: #444; }
#nav2 a:hover, #nav2 a.rex-active, #nav2 a.rex-current { color: #004494; }
#nav2 ul ul a { padding: 6px 0 3px 8px; background-position: 11px left; border-bottom: none; }
#nav2 a.rex-active, #nav2 a.rex-current { background: url(../img/bgNav2Active.gif) right 11px no-repeat; }
#nav2 ul ul li:last-child a { border-bottom: 1px solid #bbb; }
#article { float: right; width: 850px; }
#full #startarticle { float: none; width: 892px; }
#full #article { float: right; width: 650px; }
#article ul li { list-style: none; padding: 0px 0px 0px 10px; }

/*MULTIMEDIA-BROSCHÜRE*/

.multimediaBroschuere { margin-bottom: 30px; width: 892px; border-bottom: 1px solid #bbb;}
.multimediaBroschuere .mediaLink {font-size: 18px;padding: 0px 20px 0 0px; float: right; background: url(../img/content/mediaLinkArrow.jpg) no-repeat; background-position: right center; margin: 25px 60px 0 0;}

/* MODULES */
.teaser4 h1 { color: #004494; font: 22px museo500, Arial, sans-serif; margin-bottom: 0; border: none; text-transform: none; }
.teaser4 h2 { color: #e2001a; font: 15px museo100, Arial, sans-serif; margin-bottom: 10px; }
.teaser4 img { margin-bottom: 10px; }
.teaser4 { width: 211px; float: left; margin-right: 16px; }
.teaser4 .textLink { background: url(../img/bgNav2Active.gif) center right no-repeat; padding-right: 8px; color: #004494; }
.teaser4 .textLink:hover { color: #004494; }
.imageOne { width: 650px; overflow: hidden;}
.border { width: 650px; overflow: hidden; border-bottom: 1px solid #bbb; }
.imageOne h1, .imageOne h2 { margin-bottom: 0; }
.imageOne img { float: left; width: 245px; }
.imageOne .text { float: right; width: 382px; }

.imageOne .text li { background: url(../img/bgNav2Active.gif) left no-repeat; list-style: none; padding: 0px 0px 0px 10px; }
.imageOne .text ul { padding: 3px 0 0 5px; }
.imageOne .textLink { background: url(../img/bgTeaserLink.gif) center right no-repeat; padding-right: 8px; }

.imageOne .textAP { float: left; width: 382px; }

/*#full .imageOne { width: 100%; }
#full .imageOne .text { width: 630px; }
#full .imageOne h2 { margin: 15px 0;}*/

.imageSlide img { float: left; width: 245px; }
.imageSlide .text { float: right; width: 382px; }
.imageSlide .text li { background: url(../img/bgNav2Active.gif) left no-repeat; list-style: none; padding: 0px 0px 0px 10px; }
.imageSlide .text ul { padding-left: 5px; }
.imageSlide .textLink { background: url(../img/bgTeaserLink.gif) center right no-repeat; padding-right: 8px; }



.jobSite img { float: left; width: 245px; }
.jobSite .text { float: left;}
.jobSite .text li { background: url(../img/bgNav2Active.gif) left no-repeat; list-style: none; padding: 0px 0px 0px 10px; }
.jobSite .text ul { padding-left: 5px;}
.jobSite .text ul li.no-arrow{ background: none!important;}
.jobSite .textLink { background: url(../img/bgTeaserLink.gif) center right no-repeat; padding-right: 8px; }

ul.arrowlist { padding-left: 5px;}
ul.arrowlist li { background: url(../img/bgNav2Active.gif) left no-repeat; list-style: none; padding: 0px 0px 0px 10px; }

.imageFour img { float: right; width:125px ; }
.imageFour .text { float: left; width: 500px; }
.imageFour .text li { background: url(../img/bgNav2Active.gif) left no-repeat; list-style: none; padding: 0px 0px 0px 10px; }
.imageFour .text ul { padding-left: 5px; }
.imageFour .textLink { background: url(../img/bgTeaserLink.gif) center right no-repeat; padding-right: 8px; }

.price {color: #e2001a; font-size: 18px; margin-top: 15px; list-style: none; background: none;}

.last { margin-right: 0; }
.slideshow { margin-bottom: 25px; }
.header { width: 892px; height: 390px; overflow: hidden; }
.imgMax { margin-bottom: 15px; }

.siteMap ul { line-height: 25px; margin-bottom: 0; }
.siteMap li {list-style-image: url(../img/bgNav2Active.gif); }
.siteMap { float: right; width: 650px; }


#mailForm {  }
#mailForm fieldset { border: 0;}
#mailForm legend { display: none; }
#mailForm label {display: block; }
#mailForm input, #mailForm textarea { width: 282px; padding: 3px; margin-bottom: 10px; font: 12px Arial; color: #444; border: 1px solid #bbb; }
#mailForm textarea { height: 164px; width: 307px; resize: none; }
#mailForm .i70 { width: 183px; }
#mailForm .i30 { width: 50px; }
#mailForm #strasse, #mailForm #plz { margin-right: 5px; }
#mailForm div { }
#mailForm #submit { width: auto; border: none; cursor: pointer;}
#mailForm em {  }
#mailForm .colOne { float: left; width: 290px; }
#mailForm .colTwo { float: right; width: 315px; }
.infoMessage { color: #bbb; }
.error { color: #e2001a; }

.cc_container .cc_btn {
background-color: #e2001a !important; /* Farbe des Buttons */
color: #fff !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: rgba(0, 68, 148, 0.8)!important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #fff !important; /* Textlink-Farbe "Mehr Infos" */
font-size: 16px!important;
}