/* 
 * Farben:
 * 1C2E39   blau header background
 * 3A5767   blau content hintergrund
 * 657B87	blau top
 * EBEBEB	grau inhalt
 * 58585A	text
 * 980D19	rot links
 * B7AC56   gelb
 */

body { margin: 0; padding: 0; font: 13px/145% 'Lucida Grande', Verdana, Arial, sans-serif; background: #3a5767 url(../bilder/layout/bg_body.jpg) repeat-x; color: #58585A }
h1 { margin: 0 0 1em 0; padding: 0; font-size: 20px }
h2 { margin: 0 0 1em 0; padding: 0; font-size: 14px }
a:link, a:visited { color: #980D19; text-decoration: none }
a:hover, a:active { text-decoration: underline }
a img { border: 0 }

/* -- Struktur --------------------------------------------------------------- */
#page { width: 984px; margin: 0 auto; } /* 960px Content, 12px jede Seite für Schattierung */
#top { width: 984px; height: 304px; background: url(../bilder/layout/bg_top.jpg) repeat-y;  }
#toplinks { width: 956px; height: 43px; line-height: 43px; margin: 0 auto; border: 2px solid #6E818F; border-bottom:0  }
#toplinks-container { background: #617B88; padding-right: 50px; text-align: right; color: #fff; }

#banner { width: 960px; height: 259px; margin: 0 auto; border-bottom:1px solid #fff }
#banner-container { height: 259px; color: #fff;  }

#schwerpunkte { width: 984px; height: 58px; background: #fff url(../bilder/layout/bg_content.jpg) repeat-y; }
#schwerpunkte-container { width: 960px; margin: 0 auto; line-height: 8px;   }

#inhalte { width: 984px; background: url(../bilder/layout/bg_content.jpg) repeat-y; }
#inhalte-container { width: 960px; margin: 0 auto; background: #ebebeb; border-top: 1px solid #e4e4e4   }
#inhalte-content { width: 790px; padding: 40px 0 90px 110px;  }

#footer { width: 984px; height: 27px; line-height: 27px; background: url(../bilder/layout/bg_footer.jpg) repeat-y; }
#footer-container { width: 960px; margin: 0 auto; background: url(../bilder/layout/bg_footer_container.jpg) repeat-x; text-align: center }
#footer-shadow { width: 984px; height: 12px; background: url(../bilder/layout/bg_footer_shadow.jpg) no-repeat; }

/* -- Menues ----------------------------------------------------------------- */
#toplinks ul { margin: 0; padding: 0; }
#toplinks li { display: inline; padding: 15px 0 25px 0  }
#toplinks li a { color: #fff; text-decoration: none; padding: 0 10px 0 8px;  background: url(../bilder/layout/bg-toplinks-li.gif) no-repeat center right; text-transform: lowercase; }
#toplinks li.sel a { color: #980D19 }
#toplinks li.last a { background: none; padding-right:0 }

/* -- Einstellungen ---------------------------------------------------------- */
#banner-container { display: table-cell; min-height: 260px; vertical-align: middle }
#banner .block1 { width: 304px; height: 260px; float: left; text-align: center }
#banner .block1 img { padding-top: 145px }
#banner .block2 { width: 656px; height: 260px; float: left }
#schwerpunkte-center { width: 790px; margin: 0 auto; padding-left: 50px; background-color: #fff } 
#schwerpunkte-center div { float: left; height: 38px; width: 210px; text-align: left; margin-top: 10px }
#schwerpunkte-center .block1 { border-left: 35px solid #b7ac56; padding-left: 10px }
#schwerpunkte-center .block2 { border-left: 35px solid #980d19; padding-left: 10px }
#schwerpunkte-center .block3 { border-left: 35px solid #117799; padding-left: 10px }
#schwerpunkte h1, #schwerpunkte h2 { margin: 0; padding: 0 }
#schwerpunkte h1 { font-size: 14px; margin-top: 4px; line-height: 12px }
#schwerpunkte h2 { font-size: 12px;  }
#schwerpunkte a { text-decoration: none; color: #58585A }
#schwerpunkte a h2, #schwerpunkte h2 a { color: #980d19  }
#lcol { float: left }
#lcol-container { width: 420px; padding-right: 70px; }
#lcol-container-breit { width: 800px; padding-bottom: 40px }
#rcol { float: left; }
#rcol-container { width: 258px }
#footer ul { display: inline; margin: 0; padding: 0  }
#footer li { display: inline; margin: 0 1.8em; padding: 0; list-style-type: none }
#footer a { padding: 0 1em; background: url(../bilder/layout/bg_footer_li.jpg) repeat-x; display: inline-block; text-decoration: none; color: #fff; font-size: 85%; line-height: 26px }
.subspalte-links { float: left; width: 385px; padding-right: 26px; }
.subspalte-rechts { float: left; width: 385px;  }
.banner-sitewide { background: #3A5768 }
.banner-stoffe { background: #B7AC56 }
.banner-beratung { background: #980D19 }
.banner-produkt { background: #117799 }

/* -- Produkte --------------------------------------------------------------- */
.produktbox-hoch { background: #fff; padding-right: 10px; margin-bottom: 40px }
.produktbox-hoch .bild { float: right; width: 70px }
.produktbox-hoch .beschreibung { float: left; width: 156px; padding: 10px }
.produktbox-hoch .beschreibung div { margin: 1ex 0 0 0; }
.produktbox-hoch .beschreibung div a { background: #3A5768; padding: 1px 20px; color: #fff; font-weight: bold; text-decoration: none }
.produktbox-hoch h2 { font-size: 14px; margin: 0  }
.produktbox-hoch p { font-size: 11px; margin: 8px 0 0 0; line-height: 12px }

.produktbox-weit { background: #fff; padding-right: 10px; margin-bottom: 40px }
.produktbox-weit .bild { float: right; width: 108px; margin-top: 38px }
.produktbox-weit .beschreibung { float: left; width: 118px; padding: 10px }
.produktbox-weit .beschreibung div { margin: 1em 0 0 0; }
.produktbox-weit .beschreibung div a { background: #3A5768; padding: 1px 20px; color: #fff; font-weight: bold; text-decoration: none }
.produktbox-weit h2 { font-size: 14px; margin: 0  }
.produktbox-weit p { font-size: 11px; margin: 8px 0 0 0; line-height: 12px }

/* -- Formulare -------------------------------------------------------------- */
form { background: url(../bilder/layout/bg_form.jpg) repeat; width: 480px; border-top: 1px solid #aaa; color: #747474; font-size: 11px; font-weight: bold; text-transform: uppercase;  }
fieldset { border: 0; padding: 20px 12px;  }
label { font-weight: bold; display: block; margin-top: 12px  }
label[for="mailformPortfolio"], label[for="mailformRueckruf"] {  }
input.csc-mailform-check { width: 20px; float: left; clear: left }
input#mailformPortfolio { clear: right }
.csc-mailform-submit { margin-top: 20px }
input#mailformformtype_mail { background:  url(../bilder/layout/button-senden.jpg) no-repeat; border: 0; color: #e1e1e1; width: 91px; height: 19px; margin-left: 280px; cursor: pointer }
input, textarea { font: 13px 'Lucida Grande', Verdana, Arial, sans-serif; }
textarea { margin-bottom: 12px;  }

/* -- Sonstige Formate ------------------------------------------------------- */
#inhalte p {  }
#lcol h1 { line-height: 130% }
div#schwerpunkt1, div#schwerpunkt2, div#schwerpunkt3 { cursor: pointer }
p.align-right { text-align: right }
p.absatz-schmal { width: 180px }
p.kleingedruckt { font-size: 10px }
div.schmaler-container { width: 180px; padding-left: 72px; }
p.punktrahmen { border-top: 2px dotted #58585A; padding-top: 1em; border-bottom: 2px dotted #58585A; padding-bottom: 1.4em; }
p.linkrothg a, .align-justify a { padding: 0 1em; background: #980d19; color: #fff; font-weight: bold }
.csc-textpicHeader h1, .csc-textpic-text h2, .csc-textpic-text p { margin: 0; padding: 0 }

.clear { height: 1px; line-height: 1px; clear: both }