body{ margin:0; padding:0; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; font-size: 67.5%; background: transparent url(../img/startRightBg.jpg) repeat-x top left; } em{ color: red; } .innertube{ margin: 0 0 0 10px; } #maincontainer{ width: 980px; background: transparent url(../img/sortimentContentBg.jpg) repeat-y top left; margin: 0; } #topsection{ height: 120px; } #topsection h1{ margin: 0; padding-top: 15px; } #contentwrapper{ float: left; width: 100%; margin: 0; padding: 0; } #contentcolumn{ padding-top: 10px; margin: 0 492px 10px 20px; min-height: 300px; } * html #contentcolumn { height: 300px; } #contentcolumn h1 { font-size: 2.5em; font-weight: bold; line-height: 1.2em; } #contentcolumn h2 { font-size: 1.8em; font-weight: bold; } #contentcolumn h3 { font-size: 1.5em; font-weight: bold; } #leftcolumn{ float: left; width: 261px; margin-left: -491px; padding-top: 10px; } #rightcolumn{ float: left; width: 230px; margin-left: -230px; margin-bottom: 10px; padding-top: 10px; } /* ========== Menu ==========*/ #topsection ul#nav { margin: 0; padding: 25px 0 0 370px; list-style-type: none; } #topsection ul#nav li { float: left; padding-right: 30px; } #topsection ul#nav a { display: block; line-height: 61px; text-decoration: none; } #topsection ul#nav li#nav_home { background: transparent url(../img/menuHome.jpg) no-repeat 0px -61px; } #topsection ul#nav li#nav_home a { width: 78px; background: transparent url(../img/menuHome.jpg) no-repeat top left; } #topsection ul#nav li#nav_home a:hover { width: 78px; background: transparent; } #topsection ul#nav li#nav_betriebe { background: transparent url(../img/menuBetriebe.jpg) no-repeat 0px -61px; } #topsection ul#nav li#nav_betriebe a { width: 114px; background: transparent url(../img/menuBetriebe.jpg) no-repeat top left; } #topsection ul#nav li#nav_betriebe a:hover { width: 114px; background: transparent; } #topsection ul#nav li#nav_service{ background: transparent url(../img/menuService.jpg) no-repeat 0px -61px; } #topsection ul#nav li#nav_service a { width: 96px; background: transparent url(../img/menuService.jpg) no-repeat top left; } #topsection ul#nav li#nav_service a:hover { width: 96px; background: transparent; } #topsection ul#nav li#nav_sortiment{ background: transparent url(../img/menuSortiment.jpg) no-repeat 0px -61px; } #topsection ul#nav li#nav_sortiment a { width: 133px; background: transparent url(../img/menuSortiment.jpg) no-repeat top left; } #topsection ul#nav li#nav_sortiment a:hover { background: transparent; } /* ========== Startseite ========== */ #start #maincontainer { background: white url(../img/mainBg.jpg) repeat-y top left; } /* #start #maincontainer #produkte img { border: 0; margin: 0 0 0 5px; padding: 0; } #start #maincontainer #service img { border: 0; margin: 0 0 0 5px; } #start #maincontainer #anfahrt img { border: 0; margin: 0 0 0 5px; } */ #start #contentwrapper { background: transparent url(../img/startContentBg.jpg) no-repeat top left; } #start #contentcolumn { margin: 199px 491px 0px 0px; padding: 0; background-color: #aa373c; } #start #contentcolumn img { padding: 0; margin: 0; } #start #leftcolumn { padding-top: 50px; background: transparent url(../img/startMiddleBg.jpg) no-repeat top left; } #start #leftcolumn p { padding-left: 10px; font-size: 1.2em; line-height: 1.3em; color: black; } #start #leftcolumn p.small { padding: 0 0 0 10px; margin: 5px 0 0 0; font-size: 1em; line-height: 1.2em; } #start #leftcolumn img { border: 0; margin: 0px 0 0px 5px; padding: 0;} #start #rightcolumn { width: 230px; margin-left: -230px; margin-bottom: 0px; padding-top: 35px; background: transparent url(../img/startRightBg.jpg) repeat-x top left; } #start ul#baumschulen { margin: 0; padding: 0; list-style-type: none; } #start ul#baumschulen li { margin-left: 10px; padding: 7px 0px; } /* ========== Sortiment ========== */ #sortiment #maincontainer{ background: white url(../img/sortimentContentBg.jpg) repeat-y top left; } #sortiment #topsection{ background: white url(../img/sortimentHead.jpg) no-repeat top left; } #sortiment #contentcolumn{ padding-top: 40px; background: transparent url(../img/sortimentStep1.jpg) no-repeat top left; } #sortiment #leftcolumn { padding-top: 40px; background: transparent url(../img/sortimentStep2_off.jpg) no-repeat top left; } #sortiment div#leftcolumn.on { background: transparent url(../img/sortimentStep2.jpg) no-repeat top left; } #sortiment #rightcolumn { padding-top: 40px; background: transparent url(../img/sortimentStep3_off.jpg) no-repeat top left; } #sortiment div#rightcolumn.on { background: transparent url(../img/sortimentStep3.jpg) no-repeat top left; } #sortiment ul#baumschulen { margin: 0; padding: 0; list-style-type: none; } #sortiment ul#baumschulen li { margin: 0; margin-left: 10px; padding: 0px 0px; } /* ========== Betriebe ========== */ #betriebe #maincontainer{ background: white url(../img/betriebeMainBg.jpg) repeat-y top left; } #betriebe #topsection{ background: white url(../img/betriebeHead.jpg) no-repeat top left; } #betriebe #contentcolumn { margin-right: 261px; margin-top: 0; padding-top: 0; } #betriebe #contentcolumn h2 { font-size: 1.4em; font-weight: bold; color: #aa373c; border-bottom: 1px solid #aa373c; } #betriebe #contentcolumn #anfahrt { float: left; width: 400px; margin-top: 30px; background: transparent url(../img/anfahrt.jpg) no-repeat 100px 40px; } #betriebe #contentcolumn #anfahrt h2 { margin-bottom: 175px; margin-right: 20px; } #betriebe #contentcolumn #anfahrt p { margin-left: 20px; margin-right: 170px; } #betriebe #contentcolumn #map24 { float: left; width: 270px; margin-top: 30px; } #betriebe #contentcolumn:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #betriebe #contentcolumn { zoom: 1; } /* IE */ #betriebe #lageplan { position: relative; height: 450px; width: 670px; background: #f1f1f1 url(../img/betriebeContentBg.jpg) no-repeat top left; } #betriebe #lageplan a { padding: 0; margin: 0; background: #f1f1f1; border: 2px solid #eee; } #betriebe #lageplan a:hover { border: 2px solid #aa373c; } #betriebe #lageplan a img { border: none; padding: 0; margin: 0; } #betriebe #lageplan a#beckmann { position: absolute; top: 63px; left: 450px; } #betriebe #lageplan a#biermann { position: absolute; top: 395px; left: 50px; } #betriebe #lageplan a#eberts { position: absolute; top: 315px; left: 445px; } #betriebe #lageplan a#ellerbrock { position: absolute; top: 380px; left: 295px; } #betriebe #lageplan a#krohn { position: absolute; top: 65px; left: 135px; } #betriebe #lageplan a#thies { position: absolute; top: 305px; left: 5px; } #betriebe #lageplan a#timm { position: absolute; top: 10px; left: 5px; } #betriebe #lageplan a#zorn { position: absolute; top: 10px; left: 250px; } /* #betriebe #leftcolumn { padding-top: 40px; background: transparent url(../img/sortimentStep2_off.jpg) no-repeat top left; } */ #betriebe #rightcolumn { width: 261px; margin-left: -261px; } #betriebe #rightcolumn p { font-size: 1.0em; } #betriebe #rightcolumn ul { margin: 0 0 0 12px; padding: 0 0 0 5px; list-style-type: square; } #betriebe #rightcolumn ul li { margin: 0; padding: 3px 0 3px 3px; } #betriebe #rightcolumn ul.kontakt { margin: 0 0 0 5px; padding: 0; list-style-type: none; } #betriebe #rightcolumn ul.kontakt li { margin: 0; padding: 3px 0 3px 24px; font-size: 1.1em; } #betriebe #rightcolumn ul.kontakt li.name { padding-left: 0; font-weight: bold; } #betriebe #rightcolumn ul.kontakt li.address { background: transparent url(../img/address.gif) no-repeat 0 4px; } #betriebe #rightcolumn ul.kontakt li.fon { background: transparent url(../img/telephone.gif) no-repeat 0 4px; } #betriebe #rightcolumn ul.kontakt li.fax { background: transparent url(../img/telefax.gif) no-repeat 0 4px; } #betriebe #rightcolumn ul.kontakt li.mailto { background: transparent url(../img/mailto.gif) no-repeat 0 50%; font-size: 0.9em; padding-top: 6px; padding-bottom: 0px; } #betriebe #rightcolumn ul.kontakt li.website { background: transparent url(../img/website.gif) no-repeat 0 50%; font-size: 0.9em; } #betriebe #rightcolumn a { text-decoration: none; } #betriebe #rightcolumn a:hover { text-decoration: underline; } #betriebe #rightcolumn a img { border: none; } #betriebe #rightcolumn h2 { clear: both; font-size: 1.4em; line-height: 1.4em; font-weight: bold; color: #aa373c; padding-top: 10px; margin-right: 10px; border-bottom: 1px solid #aa373c; } #betriebe #rightcolumn #anfahrtSide { padding-top: 150px; background: transparent url(../img/anfahrtSide.jpg) no-repeat top center; } #betriebe #rightcolumn #anfahrtSide p { margin-right: 10px; } #betriebe #rightcolumn #anfahrtSide p.first { margin-right: 120px; } #betriebe #rightcolumn #bsinfo { margin: 0 20px 20px 10px; } #betriebe #rightcolumn #bsinfo h3 { font-size: 1.2em; font-weight: bold; color: #aa373c; } #betriebe #rightcolumn #bsinfo img.logo { padding: 5px; background: white; } #betriebe #rightcolumn #bsinfo p { } #betriebe #rightcolumn #bsinfo p.kontakt { font-size: 1.2em; line-height: 1.4em;} /* ========== Service ========== */ #service #maincontainer{ background: transparent url(../img/betriebeMainBg.jpg) repeat-y top left; } #service #topsection{ background: white url(../img/serviceHead.jpg) no-repeat top left; } #service #contentcolumn { margin-right: 261px; margin-top: 0; padding-top: 0; } #service #rightcolumn { width: 261px; margin-left: -261px; } #service #rightcolumn p.info { margin: 20px 20px 20px 10px; font-size: 1.2em; } /* ========== Impressum ========== */ #impressum #topsection ul#nav { margin: 0; padding: 30px 0 0 320px; list-style-type: none; } #impressum #topsection ul#nav li { float: left; padding-right: 15px; } #impressum #maincontainer{ background: transparent url(../img/betriebeMainBg.jpg) repeat-y top left; } #impressum #topsection{ background: white url(../img/impressHead.jpg) no-repeat top left; } #impressum #contentcolumn { margin-right: 261px; margin-top: 10px; padding-top: 0; } #impressum #contentcolumn td { padding-bottom: 20px; line-height: 1.2em;} #impressum #contentcolumn img.right { float: right; margin-right: 20px; } #impressum #rightcolumn { width: 261px; margin-left: -261px; } #impressum #rightcolumn p.small { margin: 20px 20px 20px 10px; font-size: 1.0em; line-height: 1.2em; } /* ========== Footer ========== */ #footer{ clear: left; width: 100%; background: white url(../img/footer.jpg) no-repeat top left; color: #FFF; padding-top: 20px; } #footer p { text-align: right; padding-right: 15px; color: #aa373c; font-size: 1.1em; } #footer a { color: #aa373c; text-decoration: none; } #footer a:hover { color: #aa373c; text-decoration: underline; } ul#baumschulen li a img { border: none; } ul#sortimentKategorien { padding: 0; margin: 0; margin-top: 0px; list-style-type: none; } ul#sortimentKategorien li { margin: 0 25px 5px 0; padding: 0; padding-left: 20px; height: 80px; background-color: #e8e8e8; cursor: pointer; } ul#sortimentKategorien li.selected { background-color: #cbcbcb; } ul#sortimentKategorien li p {margin: 0; padding: 0; font-size: 1.4em; font-weight: bold; padding-top: 30px; } ul#sortimentKategorien li a { margin: 0; color: black; text-decoration: none; } ul#sortimentKategorien li a:hover { text-decoration: underline; color: #aa373c; } ul#sortimentKategorien li img { float: right; border: none; } ul#sortimentProdukte { list-style-type: none; margin: 0; margin-right: 10px; padding: 0; } ul#sortimentProdukte li { padding: 6px 10px; font-size: 1.2em; font-weight: bold; border: 1px solid #d1e8da; cursor: pointer; } ul#sortimentProdukte li.selected { background-color: #bdd2c5; } ul#sortimentProdukte li.hover { border: 1px solid #bdd2c5; } ul#sortimentProdukte li a { display: block; margin: 0; color: black; text-decoration: none; } ul#sortimentProdukte li a:hover { text-decoration: underline; color: #aa373c; } p.sortimentAnbieter { margin: 0; padding: 0; font-size: 1.2em; font-weight: bold; color: white; } p.hint { background: transparent url(../img/hint-bulb.gif) no-repeat top left; padding: 0 20px 0 70px; font-weight: bold; font-size: 1.1em; min-height: 60px; } p.small { font-size: 1.0em; } * html p.hint { height: 60px; } #rightcolumn p, #rightcolumn h2, #rightcolumn h3 { margin-left: 5px; margin-right: 15px; } #rightcolumn h2 { font-size: 1.4em; font-weight: bold; } p.ajaxHint { background: transparent url(../img/ajax-loader.gif) no-repeat top left; padding-left: 65px; font-weight: bold; font-size: 1.2em; line-height: 60px; } .hidden { display: none; } /* ===== map24 positioning === */ #betriebe #contentcolumn #map24Code .blockborder { margin-left: 30px; } #betriebe #rightcolumn #map24Code .blockborder { margin-left: 15px; }