/*--- RESET ---*/
html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input{margin:0; padding:0}
table{table-layout:fixed; width:445px; border-collapse:collapse; border-spacing:0; padding:0; margin:0; position:relative; z-index:10}
img{border:none}
/*--- LAYOUT ---*/
.clearall{clear:both; float:none !important; overflow:hidden; width:auto !important; font-size:1px; margin:0; padding:0; height:1px}
#header{margin:0 0 0 20px; padding:12px 0 0; height:143px; width:920px; position:relative;}
.navbutton{float:right; font-size:12px; margin:2px -5px 0 0;height:18px;width:153px; background:url(hmbutton_default2.png) no-repeat;text-indent:-9999px}
.navbutton:hover{float:right; font-size:12px; margin:2px -5px 0 0; height:18px; width:153px; background:url(hmbutton_hover2.png) no-repeat 0 -1px;}
.navbuttonactive{float:right; font-size:12px; margin:2px 0 0 0; height:18px; width:153px; background:url(hmbutton_hover2.png) no-repeat 0 -1px; text-indent:-9999px}
.navbuttonactive:hover{float:right; font-size:12px; margin:2px 0 0 0; height:18px; width:153px; cursor:default; border:none; background-color:transparent; text-indent:-9999px}
#metawrapper{margin:0 auto; padding:0 25px 0 0; width:960px; background:white url(schatten_r.gif) repeat-y right top; text-align:left}
#metawrapperbg{width:960px; background:url(logohg.gif) no-repeat left bottom}
#center{float:left; width:445px; margin:36px 50px 35px 25px; border:none;}
#outer, #left, #center, #right{padding:0 0 25px 0}
#center .infobox {position:absolute; bottom:8px;left:3px;}
#center .infobox div {width:192px;_width:220px;height:auto;position:absolute;top:0;left:0;padding:8px 20px;color:#666}
.tableinside .fiveCells{width:89px}
.tableinside .fourCells{width:111px}
.tabletitle{border-bottom:1px solid #999; height:35px; vertical-align:middle; font-size:15px;}
.tabletitle:hover{background:none}
.tableinside tr:hover{background:#ccc}
#center .tableinside tr.nohover{background:none; border:none}
#center .tableinside tr.nohover2, #tabelleCe .nohover2{background:#fef9da}
#center .tableinside tr.nohover2 .tdlefttitle, #tabelleCe .tdlefttitle{padding:4px 5px 6px 3px; border-left:none; background:#fef9da}
#center .tableinside tr.nohover3, #tabelleCe .nohover3{border-bottom:1px solid #999;background:none;}
.trhead {padding:4px 5px 6px 5px; border-top:1px solid #999; border-left:none; background-color:#fef9da; color:#777}
.trhead span {float:right;width:auto;}
.trhead a {font-weight:bold;}
.trhead div.tablink {float:right;width:32px;position:relative;}
.trhead > div a.tablink {padding:1px 5px 0;background: transparent}
.trhead > div a.tablink:hover, .trhead > div a.tablink:focus {background: transparent}
.trhead > div > a.muster {background: transparent;font-size:13.5px;padding:0;}
#center tr.trlastline{border-bottom:1px solid #999}
#tabelleCe {width:100%; border-collapse:collapse;border-bottom:1px solid #999;font-size:11px; line-height:15px; padding:0; text-align:left; vertical-align:top;}
.ilink{position:relative; float:right;display:inline;}
* .tabletitle .ilink >a{background: url(icon_iob.png) no-repeat 0 1px;padding: 0 3px;}
* .tabletitle .ilink >a:hover{background: url(icon_iob.png) no-repeat 0 -18px;}
.ilink a.muster {background:transparent;padding: 0 5px 0 0;font-size:13.5px;}
* .tabletitle .ilink a.muster:hover{background:transparent;text-decoration:underline;}
.tabletitle th span{bottom:1px; color:#666; font-size:10.5px; margin:0 5px 0; padding:0 0 10px; position:relative}
td{border-left:1px solid #999; border-top:1px solid #999; padding:4px 2px 4px 5px; vertical-align:top}
.tdtitle{padding:4px 5px 6px 5px; border-left:1px solid #999}
.tdleft, .tdlefttitle{padding:4px 5px 6px 0; border-left:none}
#center .tdleft a {color:#666; background:url(pfeilup2.png) no-repeat right 2px;padding: 0 12px 0 0;margin:0 -1px 0 0;float:right;}
#center .tdleft a:hover {color:#c58619;background:url(pfeilup2.png) no-repeat right -11px;}
td.tdlefttitle p {margin:8px 0 0;float:left; width:219px; _width:210px;}
td.tdlefttitle p.twoColumn {width:438px}
td.tdlefttitle p img {float:left; margin: 0 10px 0 0; width:85px;}
td.tdlefttitle p img.toggle {width:13px;margin: 0 5px 0 0;}
#center .tdleft span a {color:#c58619;background: transparent;position:absolute;right:0;}
#center .tdleft span a:hover {color:#c58619;background:transparent;}
.tdleftempty{padding:4px 5px 6px 0; border:none}
.first{ border-top:1px solid #999}
.tdx{text-align:center}
tr[id^="muster"] >td{padding:4px 0 0 0; border-bottom:1px solid #999; border-left:none; border-top:1px solid #999}
div[class*="infobox"] {display:none;}
.tdleftmuster {padding:0;}
.tdleftmuster p {padding:0 0 10px;}
.img_right{float:right; margin:16px 0 0 20px; width:205px}
.kap_mitte img{float:right; margin:5px 0 10px 20px; width:auto}
.printericon{float:right; margin:4px 0 0 40px; width:20px;cursor:pointer}
#right{margin:45px 0; width:190px; float:left; line-height:15px}
.box img{float:right; margin:4px 8px 0 0}
.box .img_right{border:none; float:right; margin:10px 10px 0 0; width:86px}
.box .img_rightre{float:right; margin:0 15px 20px 0; width:25px}
.box .img_rightli{float:left; margin:10px 45px 13px 10px; width:110px}
.box ul{list-style-type:none; margin:10px 0 0 10px; width:180px}
.box ul li{padding:0 0 4px 18px; margin:0 0 5px; position:relative}
.box ul.download li{padding:0 0 4px 20px;}
.box ul li img{float:left; left:0; margin:2px 0 0 0; position:absolute}
.box ul li.hr{border-bottom:1px solid #bbb; font-weight:bold; color:#333; width:165px; _width:185px}
.box ul li.hr img, #right .box img.toggle{float:left; left:0; margin:0px 5px 0 0}
#right .box p img, #right .box ul div img{float:none; position:relative;margin: 5px 0 0 }
#right ul.download div img{float:none; position:relative;margin: 15px 0 0 -20px }
#footer{border-top:1px solid #bb7b47; padding:9px 0 0 0; margin:0 20px; font-size:10.5px}
.footer_linkeSeite{float:left; width:218px}
.footer_Mitte{float:left; width:444px}
.footer_rechteSeite{float:right; text-align:left; width:205px;}
#schatten{background:url(schatten_b.gif) repeat-x 0 0; clear:both; width:960px}
#schatten div{background:url(schatten_bl.gif) no-repeat 0 0; height:25px}
#schatten div div{background:url(schatten_br.gif) no-repeat right top; left:25px; position:relative}
/*--- TYPE ---*/
html, body{color:#666; background:#f8f5e4; font-family:arial,helvetica,sans-serif; text-align:center}
a{text-decoration:none}
a:hover{color:#fff; text-decoration:none; background-color:transparent}
sup{font-size:8px}
#fourColumns{float:left; margin:43px 0 40px 222px; _margin:43px 0 40px 125px; width:512px; _width:482px;}
#fourColumns h3{margin:0 0 0 15px; _margin:0 ; font-family:Arial; font-size:18px; color:#c58619}
#fourColumns p{margin:10px 35px 0 15px; _margin:20px 35px 0 0;font-size:12px; line-height:20px;}
#fourColumns div{float:left; margin:0 0 0 15px; _margin:20px 0 0 0; width:140px}
#fourColumns ul{list-style-type:none; font-size:12px; line-height:18px; list-style-image:none}
#fourColumns ul li ul{float:left;width:auto;}
#fourColumns ul li li{margin:0 0 0 12px; width:128px}
#fourColumns div h5, #fourColumns div h5 a{color:#c58619; font-size:14px; margin:18px 0 0;}
#fourColumns div a{color:#666}
#fourColumns div a:hover{color:#c58619; text-decoration:underline}
.text{padding:5px 0 10px 0;}
.text h3{font-family:Arial; font-size:18px; color:#c58619; margin:0}
#center h3.gebiete {right:150px;position:relative;_right:0px;}
.text p{font-size:12px; line-height:20px; margin:12px 0 0}
.text a{color:#666}
.text a:hover{color:#C58619; text-decoration:underline; background:transparent}
div.kap_mitte.text{padding:0 0 20px 0}
div.introtext p{font-size:14px; line-height:22px}
.tabletitle th, .tabletitle th a {color:#c58619; vertical-align:middle; font-size:15px; font-weight:bold; text-decoration:none}
table tr{font-size:11px}
th{vertical-align:top; padding:4px 2px 4px 0; text-align:left}
th a:hover{background:none}
.tableinside{font-size:11px; line-height:15px; padding:0; vertical-align:top; border:none}
.tableinside a{text-decoration:none; color:#c58619}
.tableinside a:hover{text-decoration:underline;}
#tabelleCe li a{text-decoration:none; color:#666}
#tabelleCe li a:hover{text-decoration:underline; color:#c58619}
#main_nav a.active{background-color:#df8424; padding:2px 12px 4px; float:left; color:white; text-decoration:none; border-right:2px solid #fff; width:auto}
#main_nav ul{background-color:#007555; margin:0 0 0 20px; color:white; float:left; list-style-type:none; font-weight:bold; font-size:12px; width:920px; display:inline}
#main_nav ul li{display:inline}
.mainnav{padding:2px 12px 4px; float:left; color:white; text-decoration:none; border-right:2px solid #fff; width:auto}
.mainnav:hover{background-color:#f1be0d}
#left {width:174px;margin:45px 0 0 40px; _margin:43px 0 0 20px; float:left; font-size:12px; line-height:20px; list-style-type:none; }
#left ul{float:left; margin:0 0 0 10px; _margin:0 0 0 5px; list-style-type:none; width:162px}
#outer ul.gebiete {_width:30px;}
#left a{color:#666}
#left a:hover{color:#C58619;text-decoration:underline;}
#left a.active, #footer a.active{color:#C58619;font-weight:bold;}
#left a.forwardoff{color:#C58619}
#left .neu {background:url(neu_button.png) no-repeat 130px bottom;}
#center ul{font-size:12px; line-height:20px; margin:0 0 10px 0;}
#center ul li {background:url(bullet.png) no-repeat scroll left 7px;list-style-image:none;list-style-position:outside;list-style-type:none;padding: 0 0 0 9px;}
#center table ul {font-size:11px; list-style-position:inside;line-height:15px;}
#center table ul li {font-weight:normal;background:url(bullet.png)no-repeat left 5px;padding: 0 0 0 7px;}
#center .neutab {background:url(neu_button_klein.png) right 0px no-repeat;width:32px;}
.kap_mitte strong{margin:0; font-family:Arial; font-size:14px; color:#c58619}
#center .infobox * {font-size:11.5px;text-align:left; line-height:17px;font-weight:normal;}
#center .infobox h5 {margin:4px 0 35px 0;width:195px;font-weight:bold;font-size:12px;}
#center .infobox h5 a {background: url(icon_close.gif) no-repeat right 1px;height:16px;width:16px;}
#center .infobox h5 a:hover {text-decoration:none;background: url(icon_close.gif) no-repeat right -15px;}
#center .infobox h6 {font-weight:bold;margin: 0 0 -7px;}
#center .infobox div ul {margin:7px 10px 7px 0;list-style-position:outside;padding:0;}
#center .infobox div ul li {background: url(bullet.png) no-repeat scroll left 6px;padding: 0 0 0 9px;float:none;}
#center .infobox img {margin:0; display:inline;}
#center .infobox li img {margin:0 0 -2px;}
#center .infobox p {margin:7px 0}
#center .infobox strong {font-weight:bold;}
#center .infobox div a {float:right;position:relative;color:#c58619;width:auto;padding-left:5px;}
#center .infobox a:hover{text-decoration:underline}
#right a{color:#C58619}
#right a:hover{text-decoration:underline; background:transparent}
.box{margin:0 0 20px 0; padding:0 0 10px 0; background:url(box_bottom2.gif) no-repeat left bottom; width:207px; font-size:11px;}
.box h3{margin:0; padding:3px 10px; color:#666; font-size:12px; border-bottom:1px #bbb solid; background:#fff url(box_top2.gif) no-repeat}
.box p{margin:0; padding:8px 12px 2px 10px}
#right .hr p, .box .data p{color:#888; margin:6px 0 8px; padding:0; font-weight:normal}
#right .hr p.emphasize {font-weight:bold;}
.box strong{color:#c58619}
#right .produkte, #right .rightli{list-style-type:none; margin:0px; padding:5px 0 0}
#right .produkte li{color:#888; font-weight:normal; list-style:none; list-style-image:none; background:url(bullet.png) left 5px no-repeat; padding:0 0 0 9px; width:160px}
#right .rightli li{color:#c58619; font-weight:bold; list-style:none; list-style-image:none; background:url(bullet.png) left 5px no-repeat; padding:0 0 0 9px; margin:0 0 0 10px; width:180px}
#footer a{color:#666;}
#footer a:hover{color:#C58619; text-decoration:underline}
#footer .footer_rechteSeite a {color:#666; background: url(printer.png) no-repeat left 0;padding: 0 0 0 16px;}
#footer .footer_rechteSeite a:hover {color:#c58619; background: url(printer.png) no-repeat left -16px;padding: 0 0 0 16px;}
#center .holzart {float:left;}
#center .zusatzinfo {float:right;position:relative;}
#center .zusatzinfo ul {margin:0; padding:0;}
#center .zusatzinfo ul li {background:none;padding:0;float:left}
#center .zusatzinfo li span {bottom:2px;color:#666; font-size:10.5px;position:relative;float:none;}
.info {background:url("icon_iob.png") no-repeat scroll center -1px transparent;display:inline-block;padding:0 3px;}
.info a:hover{background:url("icon_iob.png") no-repeat scroll center -20px transparent;;}
.musterbutton {font-size:13.5px;}
#center .close {position:absolute;right:20px;bottom:65px;background:none;}
.kap_mitte div.karte {margin:30px 50px 40px -20px;position:relative;float:left;}
div.l1, div.l2, div.l3 {position:absolute;}
div.l1 {top:250px;left:200px;}
div.l2 {top:450px;left:400px;}
div.l3 {top:650px;left:300px;}
.infobox#region1, .infobox#region2, .infobox#region3 {bottom:30px;left:50px;}
.infobox#region1 div img,.infobox#region2 div img,.infobox#region3 div img {float:none;margin:2px 0 0;}
#center .infobox div a.email {float:left;padding:0;}
#center .infobox#region1 h5,#center .infobox#region2 h5,#center .infobox#region3 h5 {margin:4px 0 0px 0;}
#center a.region {font-size:13.5px;font-weight:bold;}
#center .tdleft a.email {float:none; background:none; color: #c58619;padding:0;}
#center .tdleft a.email:hover {background:none;}
.musterleft {float:left; margin: 5px 0 0;}
.musterright {float:right; margin: 5px 0 0;}
.musterright p, .musterleft p {margin-left: 10px;}
/*-- Gebiete --*/
#map-view-container {position: relative;top:30px;right:150px;_right:0px;_zoom:1;}
#map-container {float: left;}
#map-view-container img.map {position: relative;z-index: 100;}
#map-view-container img.region {display: none;left: 0px;position: absolute;top: 0px;z-index: 20;}
#map-view-container img.regionBg {left: 0px;position: absolute;top: 0px;z-index: 19;}
#practice-container {float: left;}
#gebiete div.selected {display: inline;}
.plzklick {display:none;}
/* Gallery styles */
#gallery1, #gallery2, #gallery3 {width:444px;position:relative;overflow:hidden;}
#slides1, #slides2, #slides3 {width:444px;height:auto;overflow:hidden;}
.slide1, .slide2, .slide3 {float:left;}
.slide1 p, .slide2 p, .slide3 p {float:none;width:444px;margin-top:0px;}
#center #menu1, #center #menu2, #center #menu3{height:15px;position:absolute;left:-2px;top:214px;}
#center #menu1 .navthema, #center #menu2 .navthema, #center #menu3 .navthema {margin:0px;padding:0px;display:none;}
#center #menu1 .navthema li, #center #menu2 .navthema li, #center #menu3 .navthema li {background:url(slidenav.png) 0 -32px no-repeat;width:12px;display:inline-block;list-style:none;overflow:hidden;padding:0;z-index:9999;}
#center #menu1 .navthema li a, #center #menu2 .navthema li a, #center #menu3 .navthema li a {background:none;display:block;height:16px;margin:0px;padding:0px;float:none;}
#center #menu1 li.inact:hover, #center #menu2 li.inact:hover, #center #menu3 li.inact:hover {background:url(slidenav.png) 0 -16px no-repeat;}
#center #menu1 li.act,#center #menu1 li.act:hover, #center #menu2 li.act, #center #menu2 li.act:hover, #center #menu3 li.act, #center #menu3 li.act:hover {background:url(slidenav.png) no-repeat 0 0;}
#center #menu1 li.act a, #center #menu2 li.act a, #center #menu3 li.act a {cursor:default;}
/* Zoomer styles */
#wrap, #wrap2, #wrap3, #wrap4, #wrap5 { width: 158px; position: relative; }
#small, #small2, #small3, #small4, #small5 { position: relative; width: 100%; }
#large, #large2, #large3, #large4, #large5 { background: none; position: relative; width: 600px; }
#mover, #mover2, #mover3, #mover4, #mover5 { position: absolute; top: 0; left: 0; width: 104px; height: 104px; overflow: hidden; z-index: 100; background: white; display: none; }
#overlay, #overlay2, #overlay3, #overlay4, #overlay5 { border: 1px solid #C58619; width: 102px; height: 102px; position: absolute; top: 0; left: 0; z-index: 200; }
/*--- Warnmeldung ---*/
#noscript_warnung {background:#cc0000!important;color:white; border-bottom:2px solid white;position:fixed;top:0;left:0;font-weight:bold;width:100%;text-align:center;padding:5px 0 ;z-index:101;height:20px!important;}