*{padding:0; margin:0;}
html, body{background:#a5a1a1; font-family:Arial, Helvetica, sans-serif; font-size:0.98em; color:#fff;}
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;}
span.gelb{color:#ffe500;}
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;}
#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:40px;}
#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 9px 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;}

#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:none; font-style:italic;}


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

#container{width:685px; height:354px; position:absolute; top:211px; left:0; float:left; }
a.show{ width:16px; height:346px; display:block; float:left; padding: 8px 0 0 6px; background:url(../images/content_bg.png) left top; }
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;}
#inhalt{width:660px; height:354px; padding: 0 0px 0 0px; float:left; background:url(../images/content_bg.png) left top; }
/*
#content{width:522px; height:321px; float:left; overflow:hidden; padding:0 22px 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;}
*/

#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; float:left;}
#container2 #inhalt{width:660px; height:354px; padding: 0 0px 0 0px; float:left;}
#container3 #inhalt{width:352px; height:354px; padding: 0 0px 0 0px; 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; }
#content ul ul{font-size:1em;}

/*mailform*/

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


#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;}

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

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

.jspPane
{
	position: absolute;
	width:580px !important;
}

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

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

.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{}

.csc-textpic-caption{font-size:0.8em;}