/* ELEMENTS */
html, body { height:100%; width:100%; margin:0px; padding:0px;}
a { text-decoration:none;}
body, a, div { font-family: Arial, Helvetica, sans-serif; font-size:11px}
#abstand { height:20%; width:100%; margin-bottom: -10em; float: left;}
#layout { width:830px; clear:left; margin:auto;}
#logo { text-align:right; padding-top:10px;}
.dot { width:100%; overflow: hidden; height:1px; background-image:url(../images/line_dot.gif); background-repeat:repeat-x;}
.newslist { margin-top:6px; margin-bottom:6px;}
.newslisthead { margin-top:10px; margin-bottom:10px;}
/* NAVIGATION TEXT */
#navimt { padding-bottom:13px;}
#navimt div { float:left; width:70px;}
#navimt div a { color:#999999; font-size:9px; font-weight:900; }
.navimt { padding-bottom:20px;}
/* NAVIGATION IMAGES */
#navimi { position:relative; padding-bottom:118px;}
#navimi div { position:absolute; width:70px; height:116px; border-right: 1px solid #999999; background-repeat:no-repeat;}
#navimi1 { z-index:9;left: 0px; background-image:url(../upload/header/navi_main_home_img.jpg);}
#navimi2 { z-index:8;left: 70px; background-image:url(../upload/header/navi_main_historie_img.jpg);}
#navimi3 { z-index:7;left:140px; background-image:url(../upload/header/navi_main_produkte_img.jpg);}
#navimi4 { z-index:6;left:210px; background-image:url(../upload/header/navi_main_passform_img.jpg);}
#navimi5 { z-index:5;left:280px; background-image:url(../upload/header/navi_main_pflege_img.jpg);}
#navimi6 { z-index:4;left:350px; background-image:url(../upload/header/navi_main_reparatur_img.jpg);}
#navimi7 { z-index:3;left:420px; background-image:url(../upload/header/navi_main_store_img.jpg);}
#navimi8 { z-index:2;left:490px; background-image:url(../upload/header/navi_main_rwworld_img.jpg);}
#navimi div.emp { z-index:1;left:560px; background-color:#f7f2e5; height:110px; width:140px; padding:0xp; margin:3px 0px 0px 0px; border-width:0px;}
/* CONTENT SHADOW */
.shadow1 { border:1px solid #e8e8e8; width:630px;}
.shadow2 { border:1px solid #ececec; width:632px;}
.shadow3 { border:1px solid #f1f1f1; width:634px;}
.shadow4 { border:1px solid #f4f4f4; width:636px;}
.shadow5 { border:1px solid #f7f7f7; width:638px;}
.shadow1, .shadow2, .shadow3, .shadow4, .shadow5 { padding:0px; margin:0px;}
/* CONTENT */
#conCon { width:705px; height:350px;}
#content { float:left; height:350px;}
#navis { float:left; width:65px; margin-top:260px;}
#navis img { padding-top:4px;}
#navistxt { margin-bottom:22px; color:#cc0033; font-size:12px; font-weight:900}
#conTop { position:relative; width:610px; height:130px; background-color:#ffffff; padding-left:10px; z-index:200;}
#conTop2,
#conTop4,
#conTop5 { position:relative; width:610px; height:130px; background-image:url(../upload/elements/holzbg.jpg); padding-left:10px; z-index:200;}
#conTop3 { position:relative; width:620px; height:130px; padding-left:10px; background-color:#ffffff; z-index:200;}
#conTop4 { height:24px;padding-left:0px;width:630px;}
#conTop5 { padding-left:0px;width:630px; }
#conTopHeader,
#conTopHeader2 { height:25px; font-size:16px; font-weight:900; padding-top:10px; vertical-align: border:1px solid #ff0000;}
#conTopHeader2 { color:#ffffff;}
#conTopNavi { float:left; height:60px; width:130px; padding-top:6px;}
#conTopNavi a { color:#000000; font-weight:900; font-size:11px;}
#conTopNavi a:hover {color:#cc0033;}
#conTopNavi a.ac{ color:#cc0033; font-weight:900;}
#conTopNavi2 { float:left; height:60px; width:180px; padding-top:6px;}
#conTopNavi2 a { color:#ffffff; font-weight:900; font-size:16px; text-transform:uppercase;}
#conTopNavi2 a:hover {color:#cc0033;}
#conTopNavi2 a.ac{ color:#cc0033; font-weight:900;}
#conTopNavi3 { float:left; height:22px; padding-top:4px;}
#conTopNavi3 a { color:#ffffff; font-weight:900; font-size:14px; text-transform:uppercase;}
#conTopNavi3 a:hover {color:#cc0033;}
#conTopNavi3 a.ac{ color:#cc0033; font-weight:900;}
.conTopNavi { margin-top:35px;}
.conTopNavi3 { float:left; width:104px; text-align:center; }
#conTopImgNavi { float:left; width:136px; padding-left:2px; border:1px solid #ffffff}
#imgNaviPics { float:left; width:278px; padding-top:5px;}
#imgNaviPics a { font-weight:900; color:#000000;}
#imgNaviPics a:hover { color:#cc0033;}
#imgNaviPicsCon {}
#imgNaviNums { padding-top:39px; height:22px; letter-spacing:2px;}
#imgNaviNums a { color:#cccccc; font-weight:900; font-size:10px;}
.thumbs1,
.thumbs2 { float:left; padding-bottom:2px;}
.thumbs2 { padding-left:2px; }
#thumbImgH { float:left; width:492px; height:220px;}
#thumbImgV { position:absolute; z-index:200; width:350px; height:350px; text-align:right;}
#thumbTxt { float:left; width:126px; height:208px; padding:6px;}
#thumbTxt a { color:#000000; font-weight:900;}
#thumbImgBG { float:left; width:236px;}
#thumbImgHK { float:left; width:254px;}
#conTopEmpty { float:left; width:212px; height:80px;}
#conTopSubText,
#conTopSubDiv { float:left; width:350px; height:80px;padding-top:6px;}
#conTopSubDiv { padding-top:0px;}
#conTopRight { float:left; width:125px;padding-top:6px;font-size:9px;}
#conBot,
#conBot4 { position:relative; width:630px; height:220px; background-color:#ffffff; z-index:100;}
#conBot2,
#conBot5 { position:relative; width:630px; height:220px; background-color:#f7f2e5; z-index:100;}
#conBot3 { position:relative; width:630px; height:200px; margin:10px 0px 10px 0px; background-color:#ffffff; z-index:100;}
#conBot4 { height:324px;}
#conBot5 { width:610px; padding:0px 10px 0px 10px;}
#conBotRight { float:left; width:351px;}
#conBotLeft { float:left; width:270px; padding-left:8px; background-image:url(../images/line_dot.gif); background-repeat:repeat-x; color:#99998f;}
#conTxt { float:left;width:350px;}
#conTxt2 { float:left;width:490px;}
#conImg { float:left;width:140px;}
/* TABLE */
#tab { left:140px;}
#tab,#tab2 { position:absolute; top:0; width:490px; height:220px; overflow:hidden; z-index:1;}
#tab2 { width:630px;}
.tdr1,.tdr2 { float:left; padding-top:6px; padding-bottom:6px; height:14px; overflow:hidden;}
.tdr1 { width:200px; padding-left:15px;}
.tdr2 { width:130px;}
.tddot { clear:both; width:350px;}
/* PRODUCTS */
div#prods { position:absolute; left:0; top:0; width:630px; height:324px; clip:rect(0, 630px, 324px, 0); overflow:hidden; z-index:1;}
div#prodslayer { width:630px;}
#prodslayer a { color:#000000;}
.prod1,.prod2 { float:left; margin:5px 0px 5px 0px; width:104px; text-align:center; }
.prod2 { border-left:1px solid #999999;}
.tddot,
.prodot1,
.prodot2,
.prodot3 { height:1px; overflow: hidden; background-image:url(../images/line_dot.gif);}
.prodot1 { clear:both; }
.prodot2 { float:left; width:69px;}
.prodot3 { float:left; width:100%;}
#proImgShow { float:left; width:365px; height:200px; border-right:2px solid #77797c}
.proImgShowMain { float:left; width:295px; height:200px;}
.proImgShowPics { float:left; width:70px; height:66px;}
.proDetails1 { float:left; width:263px;}
.proDetails2 { float:left; width:210px; height:132px;}
.proTitle { float:left; height:66px; padding-left:5px; font-size:18px; font-weight:900; width:160px;}
.proPreis { float:left; width:80px; font-size:18px; font-weight:900; text-align:right; color:#77797c;}
.proEquip1,
.proEquip2 { }
.proDetailTitle { font-size:12px; font-weight:900; color:#77797c;}
.proEquip1 { float:left;width:250px; height:122px; padding:5px; order-right:2px solid #77797c}
.proEquip2 { float:left;width:200px; height:61px; padding:5px; padding-bottom:0px;}
/* SCROLLBARS */
div#txt { position:absolute; left:140px; top:0; width:490px; height:220px; clip:rect(0, 490px, 220px, 0); overflow:hidden; z-index:1;}
div#layer { width:490px;}
div.cont { position:absolute; visibility:hidden; left:0; top:0; z-index:1 }
div#scrollbar { position:absolute; visibility:hidden; left:630px; top:0; width:20px; height:220px; font-size:1px; z-index:2; background-color:#cc0033; ackground-image:url(../images/scrollbar_bg.jpg);}
div#track { position:absolute; left:5px; top:16px; width:11px; height:188px; z-index:1}
div#bar { position:absolute; left:0; top:1px; width:8px; height:20px; background-color:#ffffff; z-index:1 }
div#up { position:absolute; left:6px; top:8px; z-index:2 }
div#down { position:absolute; left:6px; bottom:8px; z-index:3 }