*{padding:0; margin:0;}
html, body{background:#c6c7c9; font-family: Helvetica, Arial,sans-serif; font-size:0.85em; color:#fff;}
a, a:link, a:visited{color:#fff;}
a:hover{text-decoration:none;}
a:focus { outline: none; }
img, fieldset{border:none;}
p{padding:0 0 1em 0; line-height:1.30em;}
h1{font-weight:normal; font-size:2em; padding:0 0 0.8em 0; text-transform:uppercase;}
span.gelb{color:#ffe500;}
h2{font-size:1em;}
h3{}
h4{}
h5{}
.clear{clear:both; overflow:hidden;height:0.1px;}
p.bigger{font-size:1.2em;}
span.kleiner{font-size:15px;}

#wrapper{width:1007px; height:620px; margin:0 auto; position:relative; border:10px solid #fff; border-bottom:0; z-index:3;}
#superbgimage {
	width: 1007px; 
	height: 620px;
	position: absolute;
	top: 10px !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;
}

#header{background:url(../images/header_bg.png) top left repeat-x; height:170px; width:100%; position:relative;}
#hfinder{position:absolute; top:23px; left:7;}
#hfinder a{display:block; text-decoration:none;}
#hfinder #haendlerlogo{margin-left:7px; float:left;}
#hfinder #haendlerlogo a{float:left; width:100%; height:100%;}
#hfinder #basislogo{margin-left:0px;}
#logo{float:right; padding-right:7px; }
#logo span{display:block; height:23px;font-weight:bold;}
#logo img{display:inline-block;}
#header a.newsletter{clear:both; display:inline-block; display:none; position:absolute; right:7px; background:url(../images/bg_lila.png) top left; padding:5px 8px; text-transform:uppercase; font-weight:bold; font-size:1.2em; margin-top:2px; cursor:pointer; text-decoration:none;}


#navi{position:absolute; top:528px; width:100%; height: 61px; background:url(../images/navi_bg.png) top left repeat-x;}
#mainnav{list-style:none; height:61px; width:957px; padding:0 25px; position:relative; float:left;}
#mainnav li{height:61px;float:left;}
#mainnav li a,#mainnav li a:link, #mainnav li a:visited{text-transform:uppercase; padding:0 26px; height:61px; line-height:61px; float:left; font-weight:bold; text-decoration:none; font-size:1.2em;}
#mainnav li a.active, #mainnav li a:hover{background:url(../images/mainnav_pfeil.png) 50% 5px no-repeat;}
#mainnav li ul{position:absolute; top:-17px; left:0; background:white; height:17px; padding:0 0 0 51px;}
#mainnav li ul li{height:17px;}
#mainnav li ul li a, #mainnav li ul li a:link, #mainnav li ul li a:visited{height:17px; line-height:17px; text-transform:none; font-size:1em; font-weight:normal; color:#933e72; padding:0 20px 0 0; }
#mainnav li ul li a:hover, #mainnav li ul li a.active{color:#87888a;}
#mainnav li ul li a.active{font-style:italic;}


#contenthome{width:926px; height:212px; position:absolute; top:250px; left:0; float:left;}
#toggle{float:left; width:16px;}
#toggle img{height:212px; width:16px;}
#inhalthome{background:url(../images/schraffur.png) top left; width:900px; float:left; height:212px; overflow:hidden; padding-left:10px;}
#contenthome h1{font-size:73px; padding-bottom:0px; line-height:1em; text-transform:uppercase;}
#contenthome h2{font-size:49px;  text-transform:uppercase; line-height:1.1em; font-weight:normal;}
#contenthome p{ font-size:1em; }

#container, #container2{width:685px; height:269px; position:absolute; top:109px; left:0; float:left;}
#container2 #inhalt{width:660px; height:269px; padding: 0 0px 0 0px; background:url(../images/inhalt_bg2.png) top right no-repeat; float:left;}
#content{position:absolute; top:156px; left:0; width:399px;}
#inhalt{background:url(../images/bg_content.png) top left; width:367px; height:281px; padding:13px 8px; float:left;}
#inhalt h1{font-size:2.2em; padding:0 0 0.5em 0; line-height:1em;}
#inhalt h1 span{font-size:0.8em;}
#contentbreit{position:absolute; top:151px; left:0; width:601px; height:307px;}
#contentbreit2{position:absolute; top:151px; left:0; width:760px; height:307px;}
#contentbreit #inhalt{width:585px; height:307px; float:left; background:none; background:url(../images/content2_bg.png) top left no-repeat; padding:0;}
#contentbreit2 #inhalt2{width:744px; height:307px; float:left; background:none; background:url(../images/bg_content.png) top left; padding:0;}
#contentbreit #content2{width:370px; padding:13px 8px; float:left; height:280px; overflow:hidden;}
#contentbreit2 #content3{width:729px; padding:13px 8px; float:left; height:280px; overflow:hidden;}

div.hr{ height:1px; background:url(../images/hr.png) top left repeat-x; margin:0 0 15px 0; clear:both;}

#toggle2{float:left; width:16px; cursor:pointer;}
#toggle2 img{height:307px; width:16px;}

#content ul, #contentbreit ul{margin-left:2.2em; padding-bottom:1.2em;}
#scrollcontent{width:366px; height:280px; float:left; overflow:hidden; padding:0px;}


#rechtsnav{width:180px; float:left; height:321px;}
#rechtsnav ul{list-style:none; margin:15px 0 0 11px;}
#rechtsnav ul li a{text-decoration:none; padding:0 0 1.1em 0; float:left; clear:left;}
#rechtsnav ul li a:hover{text-decoration:underline;}
#rechtsnav ul li a.active, #rechtsnav ul li a:link.active, #rechtsnav ul li a:visited.active{font-style:italic; color:#fff;}

/*mailform*/

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

#footer{position:absolute; top:588px; left:0; width:1007px; height:32px; line-height:30px !important; background:#fff;}
.flinks{float:left; width:110px; padding-top:7px;}
.frechts{float:right; width:890px; font-size:10px; text-align:right; }
.frechts a, .frechts a:link, .frechts a:visited{color:#58585a; padding:0 25px 0 20px; display:inline-block; text-decoration:none; }
.frechts a.garant{background:url(../images/icon_gma.jpg) right 50% no-repeat;}
.frechts a.abverkauf{background:url(../images/icon_abverkauf.jpg) right 50% no-repeat;}
.frechts a.impressum{background:url(../images/icon_impressum.jpg) right 50% no-repeat;}
.frechts a.sitemap{background:url(../images/icon_sitemap.jpg) right 50%  no-repeat;}
.frechts a.newsletter{background:url(../images/icon_newsletter.jpg) right 50%  no-repeat;}
.frechts a.empfehlen{background:url(../images/icon_weiterempfehlen.jpg) right 50% no-repeat;}
.frechts a.home{background:url(../images/icon_home.jpg) right 50% no-repeat;}
.frechts a.partner{background:url(../images/icon_partner.jpg) right 50% no-repeat;}
.frechts a.bpm{background:url(../images/bpm_truegler.png) right 50% no-repeat;}

/*galerie rechts*/
#rechts{position:absolute; right:7px; top:365px; float: right; background:url(../images/rechts_bg.png) top left repeat-x; padding-left:8px; width:319px;}
#slider1{width:319px; height:104px;padding:17px 0 0 0;}
#slider1 img{border:1px solid #fff; margin-right:3px;}
#gpager{float:left; width:327px; position:absolute; top:122px; left:0; height:14px; background:url(../images/bg_lila.png) top left; padding-top:2px;}
#my-pager{font-size:10px; float:left; text-align:center; color:#fff; width:299px; margin:0px 0 0 0; }
#slider1 li img{float:left;}
#slider1 li a, #slider1 li a:link, #slider1 li a:visited{position:relative; display:block; float:left; text-decoration:none;}
#slider1 li a span.caption{position:absolute; top:-15px; width:101px; text-align:center; left:0;}

/*Haendlerfinder*/
#partner{position:absolute; top:130px; right:7px;}
#hf{background:url(../images/hf_bg.png) top left; position:absolute; top:156px; right:7px; text-transform:uppercase; width:368px; height:307px;}
#hf h2{color:#933e72; font-size:1.2em; background:url(../images/hf_lupe.png) 5px 3px no-repeat; padding:6px 0 15px 35px; height:29px; text-transform:none;}
#hf_listen a, #hf_listen a:link, #hf_listen a:visited{color:#3e3d40; font-size:12px; text-decoration:none; text-transform:none;}
#hf_listen a:hover{text-decoration:underline;}
#hf_listen ul{padding-bottom:1em; list-style:none; margin-left:10px; float:left;}
#hf_suche{position:absolute; top:51px; right:10px; width:138px; height:95px; color:#3e3d40;}
#hf_suche label{float:left; width:44px; padding:2px 2px 0 0; text-align:right;}
#hf_suche input#hf_suchen{width:82px; border:2px solid #933e72;}
#hf_suche input#hf_submit{width:132px; height:22px; color:#fff; background:url(../images/bg_lila.png) top left; border:none; font-weight:bold; font-family:arial; font-size:15px; line-height:22px; clear:both; margin-top:0.5em; cursor:pointer !important; }
#hf img{position:absolute; top:125px; right:0px;}
p.adresse{width:190px; float:left; padding-right:5px;}
p.tel_maplink{width:145px; float:left;}
p.tel_maplink a.gmaplink{background:url(../images/gm_button.png) top left no-repeat; display:block; line-height:16px; padding-left:20px;}

#gmaps{position:absolute; top:156px; left:402px; width:224px; height:150px;}
#googlemap{width:224px; height:284px; color:#000;}





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

/*previous button*/
.bx-prev {
/*	position:absolute;
	top:299px;
	left:15px;*/
	padding:2px 3px;
	float:left;
	z-index:999;
	width: 8px;
	height: 11px;
	text-indent: -999999px;
	background: url(../images/gray_prev2.png) no-repeat 2px 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: 280px; overflow: auto;}

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

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

#content3 .jspPane
{
	position: absolute;
	width:705px !important;
	padding-right:10px;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 11px;
	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:260px !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{}

span.filecount{display:none !important;}
.tx-wecmap-pi1, .tx-wecmap-pi1 a{color:#000000 !important;}
.dirmenu{padding-top:6px;}