body { background-color: #FFFFFF; margin: 0px; padding: 0px; font: 11px/20px Verdana; background: url(/style/background.gif) repeat-x; background-color: #f1f0ef; overflow:auto; }
img { border: 0px; }
div, span { behavior: url(/style/pngfix/iepngfix.htc) }

form div { position: relative; }
label { position: absolute; top: 0; left: 0; }

#siteHead { width: 1000px; height: 400px; background: url(/style/head/2009-herbst.png) no-repeat; margin: 0 auto; }
* html #siteHead { width: 1000px; height: 400px; position: absolute; background: url(/style/head/2009-herbst.png) no-repeat; }
*html #siteHead { margin-left: -20px; }

#siteHeadNetwork {position: absolute; margin: 115px 0px 0px 530px; }

#website { width: 975px; margin: 0 auto; margin-top: -360px; }
*html #website { width: 1000px; }

.linkWhite:link, .linkWhite:hover, .linkWhite:active, .linkWhite:visited { color: #000000; }
.linkBlack:link, .linkBlack:hover, .linkBlack:active, .linkBlack:visited { color: #FFFFFF; }

.floatLeft { float: left; }

.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.s12 { font-size: 12px; }
.fLeft { float: left; }
.fRight { float: right; }
.clear { clear: both; }
.inline-block { display: inline-block; }
.block { display: block; }
.noOverflow { overflow: hidden; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.red { color: red; }

/* Accordion */
#accordion p { margin: 0px; padding-top: 5px; padding: 10px; }
/* Accordion END */

/* Top */
#top {  width: 975px; }
#logo { display: inline-block; width: 108px; height: 142px; background: url(/style/logo.png) no-repeat; margin-left: 2px; }
*html #logo { margin-left: -20px; margin-top: 50px; }

#login { float: right; margin-right: 18px; margin-top: 115px; width: 305px; height: 23px; }
* + html #login { clear: right; margin-right: 175px; margin-top: -160px; width: 305px; height: 23px; }
* html #login { margin-right: 20px; margin-top: -30px; width: 305px; height: 23px; }
#login, x:-moz-any-link { margin-right: 13px; } /* only Firefox */
#login div { display: inline-block; }
*html #login div { float: left; }
* + html #login div { float: left; }

#slogan { float: right; margin-right: 4px; margin-top: 111px; width: 166px; height: 28px; }
/* Top END */

/* Top Menü */
#topMenu { width: 794px; height: 48px; float: left; color: white; padding: 14px 10px 0px 20px; background: url(/style/topMenuBackground.png) no-repeat; }
*html #topMenu { margin-top: -135px; }
*+html #topMenu { margin-top: -135px; }

#topMenu ul { list-style: none; margin: 0px; padding: 0px; }
*html #topMenu ul { margin-left: -20px; }
#topMenu ul li { float: left; margin-right: 15px; }
#topMenu a:link, #topMenu a:visited { color: #FFFFFF; text-decoration: none; }
#topMenu a:hover { color: #FFFFFF; text-decoration: underline; }
#topMenu a:active { color: #FFFFFF; text-decoration: underline; }

#topMenu .closed a:link, #topMenu .closed a:visited { color: #BFBFBF; text-decoration: none; }
#topMenu .closed a:hover { color: #BFBFBF; text-decoration: underline; }
#topMenu .closed a:active { color: #BFBFBF; text-decoration: underline; }

.toolTip { width: 300px; height: 230px; background: url(/style/toolTip.png) no-repeat; position: absolute; }
.toolTipContent { margin: 40px 20px 20px 20px; color: #000000; }
.toolTipForm { padding-top: 25px; text-align: center;}
/* Top Menü END */

#thirdNavi li { padding-left: 10px; text-decoration: underline; }

/* FirstSide */
#firstSideBox { display: inline-block; width: 755px; overflow: hidden; margin-top:25px; }
.firstSideBoxTitle { display: inline-block; background-color: #0087C9; height: 25px; line-height: 25px; padding: 0px 10px 0px 10px; color: #FFFFFF; }
#firstSideLeft { display: inline-block; margin-right:26px; width:360px; vertical-align: top; }
#firstSideRight { display: inline-block;  width:360px; vertical-align: top; }
* + html #firstSideLeft { float: left; }
* + html #firstSideRight { float: right; }
* html #firstSideLeft { float: left; }
* html #firstSideRight { float: right; }
.firstSideBoxSmall { display: block; border: 1px solid #CCCCCC; height: 195px; overflow: hidden; }
.firstSideBoxPicture { float: left; margin-right: 10px; }
.firstSideBoxPicture img { max-width: 150px; max-height: 150px; }
* html .firstSideBoxPicture img { width: 150px; height: 150px; }
.firstSideBoxText { width: 100%; vertical-align: top; padding: 5px -10px 5px 5px; }

#firstSideTop { margin: -5px -14px 0px -12px; max-width: 780px; min-height: 300px; border-bottom: #CCCCCC 1px solid; text-align: center; }
#firstSideBottomLeft { float: left; display: inline-block; margin-top: 10px; width: 370px; vertical-align: top; }
#firstSideBottomRight { float: right; display: inline-block; margin-top: 10px; width: 370px; vertical-align: top; }
#firstSideBottomBreak { height: 100%; width: 2px; background-color: #CCCCCC; }
.firstSideMore { background-color: #B2B2B2; color: #FFFFFF; height: 25px; line-height: 24px; float: right; padding: 0px 15px 0px 15px; margin: -26px 1px 0px 0px; position: relative; }

#slideshow { width: 780px; height: 300px; }
/* FirstSide END */

/* Sub-Content Box */
#subContentBox { float: left; margin-top: -15px; }
/* Sub-Content Box END */

/* Sub Menü */
#subMenu { width: 172px; height: 32px; margin-top: 5px; margin-left: 1px; float: left; }
*html #subMenu { margin-top: -70px; }
*+html #subMenu { margin-top: -70px; }
#subMenuHead { width: 172px; height: 31px; color: white; padding: 10px 10px 0px 20px; background: url(/style/subMenuHead.png) no-repeat; }
#subMenuWhiteHead { width: 172px; height: 12px; color: white; padding: 10px 10px 0px 20px; background: url(/style/subMenuWhiteHead.png) no-repeat; }

#subMenuMiddle { min-height: 120px; height: auto !important; height: 120px; width: 142px; margin: -9px 0px 0px 0px; background: url(/style/subMenuMiddle.png) repeat-y; padding: 5px 15px 5px 15px; }
*html #subMenuMiddle { margin-left: -5px; }

#shoppingCartMiddle { height: auto !important; width: 142px; margin: -9px 0px 0px 0px; background: url(/style/subMenuMiddle.png) repeat-y; padding: 5px 15px 5px 15px; }
*html #shoppingCartMiddle { margin-left: -5px; }

#subMenuMiddle ul { list-style: none; margin: 0px; padding: 0px; }
#subMenuMiddle a:link, #subMenuMiddle a:visited, #shoppingCartMiddle a:link, #shoppingCartMiddle a:visited { color: #000000; text-decoration: none; }
#subMenuMiddle a:hover, #shoppingCartMiddle a:hover { color: #000000; text-decoration: underline; }
#subMenuMiddle a:active, #shoppingCartMiddle a:active { color: #000000; text-decoration: underline; }

#subMenuBottom { height: 13px; width: 172px; background: url(/style/subMenuBottom.png) no-repeat; }
*html #subMenuBottom { margin-left: -20px; }

.pictureLinksWithSub { margin-left: 6px; margin-top: 10px; display: inline-block; vertical-align: top; }
.pictureLinksWithBig { margin-left: 8px; margin-top: 10px; float: left; }
/* Sub Menü END */

/* RightBox */
#rightBox { width: 180px; float: right; }
*html #rightBox { margin-left: -40px;  }
*+html #rightBox { margin-top: -74px; }
#rightBoxHead { margin-top: -4px; height: 20px; width: 174px; background: url(/style/rightHead.png) no-repeat; }
/* RightBox END */

/* Content */
#contentBox { width: 613px; margin-top: 5px; margin-left: 179px; margin-bottom: 50px; }
*html #contentBox { margin-top: -70px; }
*+html #contentBox { margin-top: -70px; }

#content { padding: 5px 20px 10px 20px; overflow: hidden; }
* html #content { padding:0px; margin: 5px 20px 10px 20px; }
#contentHead { padding: 10px 0px 0px 20px; margin-bottom: -10px; color: #FFFFFF;width: 613px; height: 32px; background: url(/style/contentHead.png) no-repeat; }
*html #contentHead { margin-left: -28px; }
#contentMiddle { min-height: 400px; height: auto !important; height: 400px; width: 613px; background: url(/style/contentMiddle.png) repeat-y; }
*html #contentMiddle { margin-left: -48px; }
#contentBottom { height: 13px; width: 613px; background: url(/style/contentBottom.png) no-repeat; }
*html #contentBottom { margin-left: -48px; }

#contentBoxBig { width: 794px; margin-top: -10px; float: left; margin-bottom: 50px; }
*html #contentBoxBig { margin-top: -85px; }
*+html #contentBoxBig { margin-top: -85px; }
#contentBig { padding: 5px 20px 10px 20px; overflow: hidden; }
#contentHeadBig { padding: 10px 0px 0px 20px; margin-bottom: -10px; color: #FFFFFF;width: 794px; height: 32px; background: url(/style/contentHeadBig.png) no-repeat; }
#contentMiddleBig { min-height: 300px; width: 794px; background: url(/style/contentMiddleBig.png) repeat-y; }
*html #contentMiddleBig { margin-left: -20px; }
#contentBottomBig { height: 13px; width: 794px; background: url(/style/contentBottomBig.png) no-repeat; }
*html #contentBottomBig { margin-left: -20px; }
/* Content END */

/* Products */
.productProducerBox { margin: -5px -15px 50px -12px; overflow: hidden; }
* html .productProducerBox { margin: -5px -15px 50px -12px;  width: 600px; }
* + html .productProducerBox { margin: -5px -15px 50px -12px;  width: 600px; }
.productProducerBox h3 { font: 12px/25px Verdana; padding: 0px; margin: 0px; }
.productProducerBox h4 { font: 11px/25px Verdana; padding: 0px; margin: 0px; }
.producerName { background-color: #0087C9; color: #FFFFFF; margin-bottom: 10px; padding-left: 7px; height: 27px; text-decoration: underline; }

.productTitle { display: inline-block; background-color: #0087C9; height: 25px; padding: 0px 10px 0px 10px; color: #FFFFFF; }
.productBox { display: inline-block; width: 290px; padding: 4px; vertical-align: top; overflow: hidden;}
* + html .productBox { float: left; }
* html .productBox { float: left; }
.productBoxBig { display: inline-block; width: 590px; padding: 4px; vertical-align: top; }

.productContent { display: block; border: 1px solid #CCCCCC; height: 195px; overflow: hidden; }
.productPicture { float: left; margin-right: 10px; padding: 3px 0px 0px 3px; }
.productPicture img { max-width: 150px; max-height: 150px; }
* html .productPicture img { width: 150px; height: 150px; }
.productText { vertical-align: top; padding: 5px 5px 5px 5px; }

#productBox { overflow: hidden; }
#productOneImage { margin: 0px -15px 0px -12px; padding: 5px 0px 5px 0px; border-bottom: 1px solid #E8E8E8; text-align: center; }
#productOneImage img { max-height: 300px; max-width: 600px; }
* html #productOneImage img { height: 300px; width: 600px; }
#productOneHead { margin-top: 10px; }
#productOneHead h3 { margin: 0px; font-size: 12px; text-decoration: underline; }
#productOneDescription { margin-bottom: 25px; }
#productOneDownLeft { float: left; width: 50%; }
#productOneDownRight { float: right; width: 50%; }
#productOneHighlights h3 { margin: 0px; font-size: 12px; text-decoration: underline; }
/* Products END */

/* Promotion */
#promotionLogin { text-align: center; }
#promotionLogin form table { margin: 0 auto; }
.loginText { width: 160px; height: 20px; border: #0E9AC8 1px solid; }
#loginSubmit { width: 60px; }

#promotionBox { overflow: hidden; }
#promotionOneImage { margin: 0px -15px 0px -12px; padding: 5px 0px 5px 0px; border-bottom: 1px solid #E8E8E8; text-align: center; }
#promotionOneImage img { max-height: 300px; }
#promotionOneHead { margin-top: 10px; }
#promotionOneHead h3 { margin: 0px; font-size: 12px; text-decoration: underline; }
#promotionOneDescription { margin-bottom: 25px; }
#promotionOneDownLeft { float: left; width: 50%; }
#promotionOneDownRight { float: right; width: 50%; }
#promotionOneHighlights h3 { margin: 0px; font-size: 12px; text-decoration: underline; }

.tdLeft { border-bottom: #CCCCCC 1px solid; border-right: #CCCCCC 1px solid; }
.tdRight { border-bottom: #CCCCCC 1px solid; }
.tdTotalLeft { border-top: #CCCCCC 2px solid; border-right: #CCCCCC 1px solid; }
.tdTotalRight { border-top: #CCCCCC 2px solid; }
/* Promotion END */

/* News */
#topNews { background-color: #0087C9; margin: -5px -15px 10px -12px; color: #FFFFFF; padding: 5px 22px 30px 20px; }
#newsOne { height: 130px; margin-bottom: 10px; padding: 5px 22px 0px 20px; }
.otherNews { padding: 10px; display: inline-block; }

.newsBorderBottom { border-bottom: #CCCCCC 1px solid; }

.newsHead h3 { margin: 0px; font-size: 12px; padding: 0px; margin-bottom: 5px; }
.newsContent { }
.newsOnePicture { float: left; margin-right: 10px; }
.newsOnePicture img { max-height: 195px; max-width: 425px; }
.newsMore { float: right; }

.newsPicture { float: left; margin-right: 10px; }
.newsPicture img { max-height: 195px; max-width: 425px; }

#newsTeaserBox { float: right; margin-top: -58px; width: 174px; }
#newsTeaserHead { height: 20px; width: 174px; background: url(/style/newsTeaserHead.png) no-repeat; }
#newsTeaserHeadText { padding: 5px 17px 0px 17px; text-decoration: underline; }
#newsTeaserHeadText h2 { margin: 0px; font-size: 11px; }
.newsTeaserMiddle { height: auto !important; height: 20px; width: 174px; background: url(/style/rightMiddle.png) repeat-y; }
#newsTeaser { padding: 5px 18px 0px 18px; }
.newsTeaserBottom { height: 20px; width: 174px; background: url(/style/rightBottom.png) no-repeat; overflow: hidden; }
#newsTeaserMore { margin-top: 10px; width: 100%; text-align: right; }
/* News END */

/* Right Side Neuheiten */
#newThingsBox { float: right; margin-top: 10px; width: 174px; }
#newThingsHead { height: 20px; width: 174px; background: url(/style/newThingsHead.png) no-repeat; }
#newThingsHeadText { padding: 5px 17px 0px 17px; text-decoration: underline; }
#newThingsHeadText h2 { margin: 0px; font-size: 11px; }
#newThingsMiddle, #newThingsTitle { height: auto !important; height: 20px; width: 174px; background: url(/style/rightMiddle.png) repeat-y; }
#newThings { padding: 5px 18px 0px 18px; }
#newThingsBottom { height: 20px; width: 174px; background: url(/style/rightBottom.png) no-repeat; overflow: hidden; }
#newThingsMore { margin-top: 10px; width: 100%; text-align: right; }
/* Right Side Neuheiten */

/* ToolCheck */
.toolcheck:hover { background-color: #CCCCCC; }
.toolcheckHead { width: 405px; float: left; border-bottom: #CCCCCC 1px solid; border-right: #CCCCCC 1px solid; padding: 5px 5px 5px 1px; }
.toolcheckNextDate { width: 100px; float: left; border-bottom: #CCCCCC 1px solid; border-right: #CCCCCC 1px solid; padding: 5px; text-align: center; }
.toolcheckMore { width: 40px; border-bottom: #CCCCCC 1px solid; padding: 5px; display: inline-block; text-align: center; }

#toolcheckOneDates { overflow: hidden; }
.toolcheckOneHead { width: 456px; float: left; border-bottom: #CCCCCC 1px solid; border-right: #CCCCCC 1px solid; padding: 5px 5px 5px 1px; }
.toolcheckOneNextDate { width: 100px; float: left; border-bottom: #CCCCCC 1px solid; padding: 5px; text-align: center; }
/* ToolCheck END */

/* Places */
#places p { margin: 0px; padding-top: 5px; }
.placeLine:hover { background-color: #CCCCCC; display: block; }
.placesHead { width: 515px; float: left; border-bottom: #CCCCCC 1px solid; border-right: #CCCCCC 1px solid; padding: 5px 5px 5px 1px; }
.placesMore { width: 40px; border-bottom: #CCCCCC 1px solid; padding: 5px; display: inline-block; text-align: center; }
.placesInfo { border-left: #CCCCCC 1px solid; border-right: #CCCCCC 1px solid; border-bottom: #CCCCCC 1px solid; display: block; }

.placeDescription { width: 307px;  display: inline-block; padding-left: 10px; }
.placePicture { width: 250px; display: inline-block; text-align: right; vertical-align: top;}
/* Places END */

/* Link */
.link { margin: 0 auto; padding: 10px 14px 5px 14px; float: left; height: 120px; width: 150px; text-align: center; }
.linkPicture { max-width: 150px; max-height: 120px; margin-right: 10px; }
*html .linkPicture { width: 150px; }
/* Link END */