*{padding:0; margin:0;}
html, body{background:#312426; font-family:Arial, Helvetica, sans-serif; font-size:0.98em; color:#fff;}
html{height:100%;}
body{height:101%;}
a, a:link, a:visited{color:#fff;}
a:hover{text-decoration:none;}
a:focus { outline: none; }
img, fieldset{border:none;}
p{font-size:0.80em; padding:0 0 1em 0; line-height:1.15em;}
h1{font-weight:normal; font-size:1.8em; padding:0 0 0.8em 0; text-transform:uppercase;}
h2{font-size:0.80em;}
h3{}
h4{}
h5{}
.clear{clear:both; overflow:hidden;height:0.1px;}
p.bigger{font-size:1.1em;}

#wrapper{width:1012px; height:640px; margin:0 auto; border:1px solid black; margin-top:40px; position:relative;}
#superbgimage {
	width: 1012px; 
	height: 640px;
	position: absolute;
	top: 41px !important;
}

#thumbs1, #thumbs2{display:none !important;}

#superbgimage {
	display: none;
	background: #fff url('../images/superbgloading.gif') center center no-repeat;
}
#superbgimage img {
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}




#overlay{width:1012px; height:640px; background:url(../images/punkterl.png) top left repeat-x;}
#overlay2{width:1012px; height:640px; background:url(../images/weisselinie.png) top left no-repeat;}
#header{background:url(../images/header_bg.png) top left repeat-x; height:106px; width:100%; position:relative;}
#hfinder{position:absolute; top:16px; left:0;}
#hfinder a{display:block; text-decoration:none;}
#hfinder #haendlerlogo{margin-left:50px; float:left;}
#hfinder #haendlerlogo a{float:left; width:100%; height:100%;}
#hfinder #basislogo{margin-left:0px;}
#logo{position:absolute; top:16px; right:50px;}


#navi{background:url(../images/nav_bg.png) top left repeat-x; height:40px; width:1012px; padding:0px 0 0 0px; text-transform:uppercase; float:left; list-style:none;}
#mainnav{height:40px;text-transform:uppercase; float:left; list-style:none; position:relative; padding-left:41px;}
#mainnav li{float:left;}
#mainnav li a, #mainnav li a:link, #mainnav li a:visited{color:#fff; text-decoration:none; text-shadow: 1px 1px 1px #000; padding:17px 20px 0px 9px; float:left; height:23px;}
#mainnav li a:hover{color:#000; background:#fff; text-shadow: 1px 1px 1px #666;}
#mainnav li a.active, #mainnav li a:link.active, #mainnav li a:visited.active{color:#000; background:#fff url(../images/flag1.png) top right no-repeat; text-shadow: 1px 1px 1px #666;}

#mainnav ul{position:absolute; top:40px; left:0; background:url(../images/subnav_bg.png) top left repeat-x; height:29px; padding-left:41px; width:971px; text-transform:uppercase; float:left; list-style:none; line-height:29px; font-size:0.7em;}
#mainnav ul li{float:left; background: url(../images/nav_trenner.gif) right 50% no-repeat; height:29px;}
#mainnav ul li.last{background:none;}
#mainnav ul li a, #mainnav ul li a:link, #mainnav ul li a:visited{ float:left; color:#fff; text-decoration:none; padding:0 7px 0 6px; text-shadow:none; height:29px; line-height:29px;}
#mainnav ul li a:hover{color:#dedede; background:none; text-shadow:none;}
#mainnav ul li a.active, #mainnav ul li a:link.active, #mainnav ul li a:visited.active{color:#dedede; background:url(../images/flag2.png) right 7px no-repeat; text-shadow: none; padding:0 13px 0 6px; font-style:italic;}

#contenthome{padding:220px 220px 0 320px; background:url(../images/drop.png) 161px bottom no-repeat; height:274px; }
#contenthome h1{padding-bottom:0.4em; line-height:1.2em; text-transform:uppercase;}

#container, #container2{width:685px; height:354px; position:absolute; top:211px; left:0; float:left;}
#container3{width:375px; height:354px; position:absolute; top:211px; left:0; float:left;}
a.show{ width:16px; height:346px; background:url(../images/content_bg.png) left top; display:block; float:left; padding: 8px 0 0 6px;}
a.hide{width:655px; height:22px; display:block; float:left; background:url(../images/klapp_pfeil2.png) right -1px no-repeat; text-align:right; padding-right:3px; font-size:10px; text-decoration:none; line-height:22px;}
#container3 #inhalt a.hide{width:347px; height:22px; display:block; float:left; background:url(../images/klapp_pfeil2.png) right -1px no-repeat; text-align:right; padding-right:3px; font-size:10px; text-decoration:none; line-height:22px;}
#inhalt{width:660px; height:354px; padding: 0 0px 0 0px; background:url(../images/inhalt_bg.png) top right no-repeat; float:left;}
#container2 #inhalt{width:660px; height:354px; padding: 0 0px 0 0px; background:url(../images/inhalt_bg2.png) top right no-repeat; float:left;}
#container3 #inhalt{width:352px; height:354px; padding: 0 0px 0 0px; background:url(../images/content_bg.png) top right; float:left;}
#content{width:422px; height:321px; float:left; overflow:hidden; padding:0 22px 0 34px;}
#content2{width:398px; float:left; padding:0 0 0 34px;}
#contentscroll{width:462px; height:321px; float:left; overflow:hidden; padding:0 22px 0 34px;  }
#hfcontentscroll{width:312px; height:321px; float:left; overflow:hidden; padding:0 22px 0 34px; }
#content2scroll{width:393px; float:left; padding:0 0 0 34px; }
#content ul, #content2 ul, #scrollcontent ul, #contentscroll ul, #content2scroll ul{font-size:0.8em; margin-left:1.2em; padding-bottom:1.2em;}
#content ol, #content2 ol, #scrollcontent ol, #contentscroll ol, #content2scroll ol{font-size:0.8em; margin-left:2em; padding-bottom:1.2em;}
#scrollcontent{width:600px; height:321px; float:left; overflow:hidden; padding:0 0px 0 34px; }

#hf{width:364px; height:354px; padding-left:20px; float:right; background: url(../images/content_bg.png) left top; position:absolute; top:211px; right:0; }
#hf img{ position:absolute; top:160px; right:0;}
#hf ul{float:left; font-size:0.8em !important; list-style:none; padding-right:30px;}
#hf ul a{text-decoration:none !important;}
#hf h2{padding-bottom:1em; padding-top:0.7em;}
#hf form{position:absolute; top:185px; left:20px;}
#hf form label{font-size:0.8em;}
#hf_suchen{width:120px; border:none; font-size:0.83m; padding:2px;}
#hf_submit{background:url(../images/klapp_pfeil.png) left 50% no-repeat; padding-left:20px; border:none; color:#fff; font-family:arial; font-size:0.8em; float:right; cursor:pointer;}
#gmaps{position:absolute; top:211px; left:386px; width:228px; height:354px;}
div.hr{ height:1px; background:#fff; margin:0 0 15px 0; clear:both;}
#googlemap{width:228px; height:323px; color:#000 !important;}



#rechts{float:right; margin-right:30px; position:relative;}
#rechtsnav{width:228px; float:right; height:321px;}
#rechtsnav ul{font-size:0.8em; list-style:none; margin:30px 0 0 26px;}
#rechtsnav ul li a{text-decoration:none; padding:0 0 1em 0; float:left; clear:left;}
#rechtsnav ul li a:hover{color:#dedede;}
#rechtsnav ul li a.active, #rechtsnav ul li a:link.active, #rechtsnav ul li a:visited.active{font-style:italic; color:#dedede; background:url(../images/flag2.png) right 7px no-repeat; background:url(../images/flag2.png) right 3px no-repeat; padding-right:12px;}

/*mailform*/

#mailform {font-size:0.8em;}
#mailform .csc-mailform-field{float:left; padding-bottom:0.2em;}
#mailform label{float:left; width:105px;}
#mailform input.csc-mailform-submit{font-size:0.9em; font-family:arial; margin-left:105px;}
#mailform textarea{width:250px; height:50px; font-family:arial; font-size:1em;}

/*sitemap*/
.sitemap ul {font-size:0.8em;}
.sitemap ul ul{font-size:1em !important;}

#footer{background:url(../images/balken_footer.png) top left repeat-x; height:26px; float:left; position:absolute; bottom:0; left:50px; color:#000; line-height:26px; padding:0 12px;}
#footer a{color:#000; text-decoration:none; font-size:0.7em;}
#footer a:hover{text-decoration:underline;}
#footer .editable{float:left;}
#footer .coded{float:left;}
#footer .coded img, #footer .coded span, #footer .coded iframe{float:left; line-height:26px;}
#footer .fsitemap{padding:8px 0 0 0;}
#footer .ffb{padding:3px 0 0 0;}

/*galerie rechts*/
#slider1{width:91px; height:290px;}
#gpager{float:left; width:91px; position:absolute; top:299px;}
#my-pager{font-size:10px; float:left; text-align:center; color:#bfbfbf; width:50px; margin:-3px 0 0 0; }
#gpager a.first{float:left; line-height:20px; }
#gpager a.last{float:right; line-height:20px; }
#slider1 li img{margin-bottom:7px; float:left;}
#slider1 li a, #slider1 li a:link, #slider1 li a:visited{position:relative; display:block; float:left;}
#slider1 li a:hover span{position:absolute; top:0; left:0; z-index:40000; border:1px solid white; width:89px; height:89px; background:url(../images/plus.gif) bottom left no-repeat; display:block;}



/*next button*/
.bx-next {
/*	position:absolute;
	top:299px;
	left:72px;*/
	float:left;
	padding:0 3px;
	z-index:999;
	width: 4px;
	height: 7px;
	text-indent: -999999px;
	background: url(../images/gray_next2.png) no-repeat 3px 0px;
}

/*previous button*/
.bx-prev {
/*	position:absolute;
	top:299px;
	left:15px;*/
	padding:0 3px;
	float:left;
	z-index:999;
	width: 4px;
	height: 7px;
	text-indent: -999999px;
	background: url(../images/gray_prev2.png) no-repeat 3px 0px;

}

/*pager links*/
.bx-pager a {
	margin-right: 5px;
	color: #fff;
	padding: 3px 8px 3px 6px;
	font-size: 12px;
	zoom:1;
	background: url(../images/gray_pager.png) no-repeat 0 -20px;
}

/*auto start button*/
.bx-auto .start {
	background: url(../images/gray_auto.png) no-repeat 0 2px;
	padding-left: 13px;
}

/*auto stop button*/
.bx-auto .stop {
	background: url(../images/gray_auto.png) no-repeat 0 -14px;
	padding-left: 13px;
}

/*
 * End color scheme styles
 */


/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
	background-position: 0 0;
}

/*pager wrapper*/
.bx-pager {
	text-align:center;
	padding-top: 7px;
	font-size:12px;
	color:#666;
}

/*captions*/
.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}

/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px;
}

.bx-auto a {
	color: #666;
	font-size: 12px;
}



/*SCROLL-PANE*/
.scroll-pane{width: 100%; height: 321px; overflow: auto;}

.jspContainer
{
	overflow: hidden;
	position: relative;
}

#scrollcontent .jspPane
{
	position: absolute;

	width:580px;
}

#contentscroll .jspPane
{
	position: absolute;
	width:422px !important;
}

#content2scroll .jspPane
{
	position: absolute;
	width:373px !important;
}

#hfcontentscroll .jspPane
{
	position: absolute;
	width:283px !important;
}


/*Anpassungen 20.1.2012 */
#container4{width:390px; height:354px; position:absolute; top:211px; left:0; float:left;}
#container4 a.hide{width:355px; height:22px; display:block; float:left; background:url(../images/klapp_pfeil2.png) right -1px no-repeat; text-align:right; padding-right:3px; font-size:10px; text-decoration:none; line-height:22px;}
#container4 #rechts{margin-right:10px;}
#container4 #contentscroll{width:262px; height:321px; float:left; overflow:hidden; padding:0 22px 0 34px;  }
#container4 #inhalt{width:367px; height:354px; padding: 0 0px 0 0px; background:url(../images/content_bg.png) top right; float:left;}
#container4 #contentscroll{width:245px; height:321px; float:left; overflow:hidden; padding:0 10px 0 0px;  }
#container4 .jspContainer{width:245px !important;}
#container4 #contentscroll .jspPane
{
    position: absolute;
    width:222px !important;
}
/*ende*/





.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	display:none;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background:	url(../images/bg_scrollbar.png) top left;
	position: relative;
	height:301px !important;
}


.jspDrag
{
	background: url(../images/bg_scrollbalken.png) top left;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspArrowUp
{	background: url(../images/pfeilhoch.png) top left no-repeat;}

.jspArrow.jspArrowDown
{	background: url(../images/pfeilrunter.png) bottom left no-repeat;}


.jspArrow.jspDisabled
{
	cursor: default;
	background: url(../images/pfeilhoch.png) top left no-repeat;
}

.jspArrow.jspArrowDown.jspDisabled
{	background: url(../images//pfeilrunter.png) bottom left no-repeat;}

.jspVerticalBar .jspArrow
{
	height: 10px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

.jspVerticalBar{}

.tx-wecmap-pi1{color:#000000 !important; font-size:0.8em;}
.tx-wecmap-pi1 a{color:#000000 !important; }
.pp_description {margin-top:3px !important;}