/* |--MainClasses--|*/
body {font-family: arial, sans-serif; font-size: 13px; padding: 0px; margin: 0px; overflow:auto; background:#fff; text-align: center; line-height: 20px; background: #343434 url(../images/bg.gif) repeat-x; color: #000;}
img	{border: none;}
ol, ul {list-style: none;}
a {color: #000; text-decoration: none;}
h1 {font-size: 14px; margin: 0px; padding: 0px; font-weight: normal;}
h2 {font-size: 12px; margin: 0px; padding: 0px; font-weight: normal;}
h3 {font-size: 12px; margin: 0px; padding: 0px; font-weight: normal;}
.button {background: #fff url(../images/link.gif) no-repeat right -10px; padding: 8px 40px 8px 20px; color: #e20821; border: 1px solid #e20821;}
.button:hover {background: #e20821 url(../images/link.gif) no-repeat right 7px; padding: 8px 40px 8px 20px; color: #fff; border: 1px solid #e20821;}
.bold {font-weight:bold;}
.contentPad {padding-left:15px;}
.txtLnk, .changer {color:#e20821; font-weight:bold; text-decoration:underline;}
.txtLnk:hover, .changer:hover {color:#000; font-weight:bold; text-decoration:none;}

/* |--MainContainer--|*/
#mainContainer {position: relative; top: 0px; width: 980px; margin: 0 auto; text-align: left; background-color: #fff;}
#moodImg {height: 220px; border-top: 1px solid #4c4b4b; border-right: 1px solid #4c4b4b; border-left: 1px solid #4c4b4b;}
#logoContainer {height: 70px; width: 600px; background: url('../images/logo.gif') #fff no-repeat 0px center; overflow: hidden; cursor: pointer; float: left;}
#likeContainer {width:120px; height:30px; float:right; position:relative; top:35px;}
#likeContainer iframe {width:120px; height:30px; overflow:hidden; display:inline;}
#likeContainer div{float:right; display:inline;}
#facebookContainer {height: 70px; width: 30px; background: url('../images/facebook_button.jpg') #fff no-repeat 0px 30px; overflow: hidden; cursor: pointer; float: right; text-align:right;}
.breaker {clear: both; display: block;}
#borderContainer {-moz-box-shadow: 7px 15px 13px #111; -webkit-box-shadow: 7px 15px 13px #111; box-shadow: 7px 15px 13px #111; margin-bottom:25px;}
#contentContainer {margin: 20px 40px;}
#footContainer {position: relative; background-color: #fff; width: 970px; height: 25px; padding-right: 10px; padding-top: 5px; text-align: right; border-top: 1px solid #343434;}
#footContainer a{color: #343434;}

/* |-- Menu --| */
#menu {position: relative; z-index: 10; height: 30px; background: #4c4b4b;}
#menuHome, #menuProd, #menuShop, #menuService, #menuNewsletter, #menuContact {position: absolute; z-index: 0;}
#menuHome {left: 0; border-right: 1px solid #000;}
#menuProd {left: 88px; border-right: 1px solid #000;}
#menu #menuProd .menuContainer {height: 400px;}
#menu #menuProd .menuContainer {left: -88px;}
#menuShop {left: 217px; border-right: 1px solid #000;}
#menuService {left: 303px; border-right: 1px solid #000;}
#menuNewsletter {left: 413px; border-right: 1px solid #000;}
#menuContact {left: 562px;}
#menu a {display: block; font-size: 16px; line-height: 20px; padding: 5px 20px; text-transform: uppercase; color: #fff;}
#menu li:hover a {background: #000; color: #fff;}
#menu .menuContainer {display: none; position: absolute; width: 980px; z-index: 15; -moz-box-shadow: 0px 2px 5px #111; -webkit-box-shadow: 0px 2px 5px #111; box-shadow: 0px 2px 5px #111;}
#menu li:hover .menuContainer {display: block;}
#menu .menuBG {background: #000; height: 100%;}
#menu .menu {left: 0; position: absolute; top: 0;}
#menu .col {float: left; padding: 15px 0 0 10px; width: 201px;}
#menu .col-row {width: auto;}
#menu .col a {background: none !important; display: block; font-size: 12px; line-height: 16px; text-transform: none;}
#menu .col a:hover {background: none; color: #e20821;}
#menu .col a.headline, #menu .col a.headline-inline {color: #fff; font-size: 14px; text-transform: uppercase;}
#menu .col a.headline-inline {margin: 20px 0 0;}
#menu .col-separator {float: left; height: 366px; margin: 17px 0 0; width: 1px; background: #fff;}

/* |--Home--|*/	
.top div {background: #ddd; margin: 30px 0px 20px 0px; -moz-box-shadow: 3px 3px 4px #777; -webkit-box-shadow: 3px 3px 4px #777; box-shadow: 3px 3px 4px #777;}
.top .headline {font-size: 21px; position: relative; top: -10px; left: 15px; text-shadow: 3px 3px 4px #777; font-weight:bold; color:#333;}
.newsWith h2, .news h2{font-size: 16px; text-shadow: 3px 3px 4px #777;}
.newsWith, .news {width: 418px; float: left; margin: 0 20px 20px 0; border-bottom: 1px solid #4c4b4b; height: 180px; overflow: hidden;}
.newsWith img {float: left; padding: 0 10px 10px 0; }
.divider {background: #4c4b4b; float: left; height: 165px; width: 1px; margin-right: 23px;}
#newsArchive {display: none; margin-top: 20px; margin-left: 40px;}

/* |--Products--|*/	
#prodLists {margin-bottom: 15px;}
#prodLists li{margin-left: 15px; list-style-type:square;}
.prodDivider {border-bottom: 1px solid #222;}
.changer h3 {font-size: 16px; margin: 0px; padding: 0px; font-weight: bold;}
.changer h3:hover {font-size: 16px; margin: 0px; padding: 0px; font-weight: bold; color:#e20821;}

/* |--Service--|*/	
#servListTable td{padding-bottom: 20px;}
#servListTable li {list-style:disc;}
#servListTable b{font-size:14px; line-height:30px;}

/* |--Newsletter--| */
#nl_form {padding-top: 20px;}
#nl_form td{font-weight: bold;}
#nl_form .submit{background: #666; width: 217px; color: #fff;}
#nl_form .submit:hover{background: #fff; width: 217px; color: #666;}
#nl_form input{border: 1px solid #666; padding: 4px; margin: 5px;}
#nl_form select{border: 1px solid #666; padding: 4px; margin: 5px; width: 217px; }
label.error {padding-left: 4px; color: #f00;}
#vorname, #nachname, #email {width: 207px;}
#hausnummer {width: 25px;}
#strasse {width: 158px;}
#plz{width: 40px;}