/* ================= General Settings =================== */
* {margin:0; padding:0;}

/* Globale Korrektur des Italics Bugs des IE 5.x und IE 6 */
* html body * {overflow:visible;}

html {overflow-y: scroll;}
body {font: 12px/18px Arial, Helvetica, sans-serif; background-color: #7cc242; color: #717174; text-align: left;}

img {border: 0 solid;}
ul, li{list-style-type: none;}
sup {line-height: 0;}
p {padding-bottom: 18px;}
a {text-decoration: none; color: #7CC242;}
a:hover{text-decoration: underline;}
a:focus {outline:0;}

a.pdf { background:transparent url(../images/icon/pdf_icon.gif) no-repeat scroll 0 0; display:block; margin:0; padding:0 0 9px 21px;}

div.clear {clear: both; height: 0; overflow: hidden;}
div.line {background:transparent url(../images/linie_horizontal.png) repeat-x scroll left bottom; width: 633px; margin-bottom: 20px;}
table.contenttable {border-collapse: collapse; border-spacing: 0; margin-bottom: 18px;}
table.contenttable td {padding-right: 5px;}

#container{position: relative; margin: 29px auto; width:960px; background: transparent url(../images/blatt_ecke_green.png) 0 bottom no-repeat; background-color: #fff;}

/* ================= Header =================== */
#header{float: left; width: 215px;}
#body{margin-left: 215px; margin-right: 0; padding: 25px 25px 0 25px;}
#logo {position: absolute; left: 25px; top: 20px;}

#language{position: absolute; top: 6px; left: 240px;}
#language a{padding:0 0 0 10px; color: #717174; font-size: 9px; background: transparent url(../images/arrow_lang.png) no-repeat scroll 0 2px; font-size: 10px;}
#language a:hover {text-decoration: none; color: #7CC242;}
#language .sprache-first {margin-right: 5px;}

/* ================= Inhalt =================== */
#contentContainer{padding: 30px 30px 40px; border: 1px solid #7cc242; border-bottom: none; width: 633px; min-height: 494px; height: auto !important; height: 494px;}
#content h1.graphicTitle,
#content h1.graphicTitleHome{text-indent: -10000px;}
#content h1.graphicTitle{padding-bottom: 18px;}
#content h1.graphicTitleHome{height: 40px;}
#content h1.graphicTitle span {display: block; width: 0; overflow: hidden; text-indent: -10000px;}
#content h1.graphicTitle span span {width: 1000px;}
#content h2 {font-size: 12px; font-weight: bold;}
#content ul {margin-left: 15px; padding-bottom: 18px;}
#content li {list-style-type: disc;}

#mainContainer{float: left; background: transparent url(../images/linie_content.png) 0 0 repeat-y; min-height: 494px; height: auto !important; height: 494px;}
#mainContainer #content{float: left; padding: 0 30px 0 0; width: 430px;}
#mainContainer #content div.csc-textpic-equalheight {padding: 0;}
#mainContainer #content div.csc-textpic-equalheight div.csc-textpic-text{margin-left: 20px;}
#mainContainer #content div.csc-textpic-text{margin-left: 120px;}
#mainContainer #content div.csc-textpic-imagewrap{padding: 0 0 30px 0;}
#mainContainer #sidebar{float: right; padding: 0 0 0 30px; width: 143px;}
#mainContainer #sidebar h1.graphicTitle{text-indent: -10000px;}

#picture{position: absolute; padding-left: 1px; left: 240px; bottom: 0; width: 695px;}

/* ================ Verschiedene Hintergrundfarben ==================*/
#blue {background-color: #015b8d;}
#purpur {background-color: #872c6f;}
#orange {background-color: #d18700;}
#yellow {background-color: #FCF120;}
#lightblue {background-color: #99ccff;}

#blue #language a:hover, #blue #navList a:hover {color: #015b8d;}
#purpur #language a:hover, #purpur #navList a:hover {color: #872c6f;}
#orange #language a:hover, #orange #navList a:hover {color: #d18700;}
#yellow #language a:hover, #yellow #navList a:hover {color: #FFFF00;}
#lightblue #language a:hover, #lightblue #navList a:hover {color: #99ccff;}

#blue #container {background-image: url(../images/blatt_ecke_blue.png);}
#purpur #container {background-image: url(../images/blatt_ecke_purpur.png);}
#orange #container {background-image: url(../images/blatt_ecke_orange.png);}
#yellow #container {background-image: url(../images/blatt_ecke_yellow_neu2.png);}
#lightblue #container {background-image: url(../images/blatt_ecke_lightblue2.png);}

#blue #contentContainer {border: 1px solid #015b8d; border-bottom: none;}
#purpur #contentContainer {border: 1px solid #872c6f; border-bottom: none;}
#orange #contentContainer {border: 1px solid #d18700; border-bottom: none;}
#yellow #contentContainer {border: 1px solid #FCF120; border-bottom: none;}
#lightblue #contentContainer {border: 1px solid #99ccff; border-bottom: none;}


/* ================ Navigation CSS ==================*/
ul#navMain {position: absolute; padding-bottom: 1px; top: 210px; left: 56px; width: 150px; overflow: hidden; background: transparent url(../images/linie_horizontal.png) 0 bottom repeat-x; width: 170px; left: 45px;}
ul#navMain li {padding-top: 1px; background: transparent url(../images/linie_horizontal.png) 0 top repeat-x;}
ul#navMain li a:hover, ul#mainNav li.act a {background-position: 0 -18px;}

ul#navList {position: absolute; top: 8px; right: 25px; top: 7px;}
ul#navList li {float: left; padding: 0 8px 0 4px; height: 14px; background:transparent url(../images/nav_bullet.png) 100% 0 no-repeat scroll;}
ul#navList li.last {padding-right: 0; background: none;}
ul#navList li a {color: #717174; font-size: 9px; display: block; font-size: 10px;}
ul#navList li a:hover {text-decoration: none; color: #7CC242;}

ul#navSub {width: 633px; height: 50px; padding-bottom: 20px; /*height: 60px;*/ height: 70px;}
ul#navSub li {float: left; padding: 0 7px; /*width: 80px;*/ width: 99px; background: #fff url(../images/linie_vertical.png) right top repeat-y;}
ul#navSub li.first {padding-left: 0;}
ul#navSub li.last {padding-right: 0; background: none; width: 66px; }
.nager ul#navSub li.last { width: 99px; padding-left: 0; }
ul#navSub li a:hover span.productNav36, ul#navSub li.act a span.productNav36{background-position: 0 -18px;}
ul#navSub li a:hover span.productNav40, ul#navSub li.act a span.productNav40{background-position: 0 -21px;}
ul#navSub li a:hover span.productNav58, ul#navSub li.act a span.productNav58{background-position: 0 -30px;}
ul#navSub li a:hover span.productNav60, ul#navSub li.act a span.productNav60{background-position: 0 -30px;}

ul#navMain li a {display: block; overflow: hidden; text-indent: -10000px; height: 18px;}
ul#navSub li a {display: block; height: 42px; color: #fff; font-size:9px; line-height:14px; /*height: 60px;*/ height: 70px;}
ul#navSub li a span.productNav36{display: block; text-indent: -10000px; cursor: hand; line-height: 14px;}
ul#navSub li a span.productNav40{display: block; text-indent: -10000px; cursor: hand; line-height: 16px;}
ul#navSub li a span.productNav58{display: block; text-indent: -10000px; cursor: hand; line-height: 30px;}
ul#navSub li a span.productNav60{display: block; text-indent: -10000px; cursor: hand; line-height: 30px;}
ul#navSub li a span.subMenu{color: #717174;}

/* ================ Kontaktformular ==================*/
#kontaktFormular{margin: 10px 0 0 0;}
#kontaktFormular td {height: 45px;}
#kontaktFormular p.error{clear: both; color: #CC0000; padding: 0 0 3px 170px;}

#kontaktFormular #plz, #kontaktFormular #nummer {width: 40px;}
#kontaktFormular #anrede {width: 100px;}
#kontaktFormular #ort, #kontaktFormular #strasse {width: 204px;}
#kontaktFormular #plz, #kontaktFormular #strasse {margin: 0 5px 0 0;}

#kontaktFormular label{float: left; margin: 0; padding: 0 10px 8px 0; text-align: left; width: 160px; clear: both;}
#kontaktFormular input {float: left; width: 253px; border: 1px solid #b0b0b0; color: #717174; padding: 1px;}
#kontaktFormular select {float: left; border: 1px solid #b0b0b0; color: #717174;}
#kontaktFormular textarea {float: left; width: 253px; border: 1px solid #b0b0b0; color: #717174; padding: 1px; height: 97px;}

#kontaktFormular label.anzahl {/*padding:6px 0 3px;*/ width: 50px;}
#kontaktFormular input.anzahl {width: 30px;}
#kontaktFormular input.mf-submit {margin: 20px 0 0 170px; width: 80px; cursor: pointer; clear: both; }
#kontaktFormular span.text{vertical-align: middle;}

div.csc-textpic-text {margin-left: 140px;}
* html div.csc-textpic-text {height: 1px;} /* < IE6: 3px-Bug */

div.csc-textpic-equalheight {padding-bottom: 30px;}
div.line div.csc-textpic-equalheight {padding-bottom: 10px;}

/* ================ Store Locator ==================*/
#mailform{margin: 10px 0 0 0;}
#mailform label{float: left; margin: 0; padding: 0 10px 8px 0; text-align: left; width: 120px; clear: both;}
#mailform input {float: left; width: 160px; border: 1px solid #b0b0b0; color: #717174; padding: 1px;}

#mailform input.csc-mailform-submit {margin: 10px 0 0 130px; width: 80px; cursor: pointer; clear: both; }

/* ================ Login Fachpersonen ==================*/
#locatorFormular label{float: left; margin: 0; padding: 0 10px 8px 0; text-align: left; width: 140px; clear: both;}
#locatorFormular input {float: left; width: 160px; border: 1px solid #b0b0b0; color: #717174; padding: 1px;}
#locatorFormular select {float: left; border: 1px solid #b0b0b0; color: #717174; width: 110px;}
#locatorFormular p.radius select {width: 50px;}

#locatorFormular input.mf-submit {margin-top: 10px; width: 120px; cursor: pointer; clear: both; }

/* ================ NEWS ==================*/
div.news-latest-container h1 {font-size:12px;}
div.news-latest-container p {padding-bottom: 0;}
div.news-latest-morelink {padding-bottom: 18px;}
div.news-latest-morelink a {padding: 0 0 0 20px; background:transparent url(../images/arrow_more.png) no-repeat scroll 0 3px;}

div.news-list-item h3 {float: left; margin-right: 10px;}

span.news-list-date {font-weight: bold;}
span.news-list-morelink {padding: 0 0 0 5px;}
span.news-list-morelink a {padding: 0 0 0 20px; background:transparent url(../images/arrow_more.png) no-repeat scroll 0 3px;}

/* ================ Google Map ==================*/
#map {height: 250px; width: 430px; }