@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
}




html, body {
	background-color:#FFF;
	margin:0;
	padding:0; 
	width:100%; 
	height:100%;
	overflow:hidden;
}
#source-image {
	width: 100%;
	height:100%;
	position: absolute;
	z-index:1;
	top: 0;
	left: 0;
}
#source-image-rechts {
	
	position: fixed;
	z-index:1099 !important;
	top: 15%;
	left: 78%;
}
#source-image-unten {
	
	position: absolute;
	z-index:999;
	top: 135%;
	left: 2%;
	
}
#source-image-unten_kurz {
	
	position: absolute;
	z-index:999;
	top: 102%;
	left: 0%;
	
}
div#main {
	margin:auto;
	width:100%;
	height:100%;
	position:relative;
	z-index:3;
	overflow-y:scroll;
	left:1.3%;
	
}
div#wrapper {
	margin:auto;
	width:980px;
	height: auto;


}


/*css neu vom 30. Sept.2013*/
.slider-textbox-news {
background-image: url("../images/box-slider.png");
    border: 1px solid #999999;
    float: right;
    height: 196px;
    margin-right: 60px;
    margin-top: -250px;
    width: 280px;
}

.news-latest-date {
    background: none repeat scroll 0 0 #ff782c;
    color: #FFFFFF;
    font-size: 12px;
    height: 18px;
    line-height: 17px;
    padding-left: 5px;
    padding-top: 2.5px;
}
.news-home {
	font-family:Arial, Helvetica, sans-serif; 
	width:250px !important; 
	margin-left:0 !important;
}

.news-listenansicht {
	font-family:Arial, Helvetica, sans-serif;
}

.news-teaser {
	color:#fff;font-size:14px; 
	line-height:24px; 
	margin:0; padding:0; 
	vertical-align:middle;
}

.uberschrift-news {
	color:#f16518; 
	font-size:18px;
	vertical-align:middle;
}

.news-latest-img {
	border: 1px solid #999;
    padding: 5px 6px; 
	width:200px; 
	position:static;
}
.news-single-img {
	width:500px; 
	position:static;
}
.news-latest-img2 {
	border: 1px solid #999;
    padding: 5px 6px; 
	width:90px; 
	position:static;
}
	
.morelink {
	color:#f16518; 
	text-decoration:none; 
	font-size:16px;
	background: url("../images/pfeil-news.png") no-repeat scroll right center ;
    padding-right: 15px;
}
.listenansicht-morelink a:hover  {
	color:#ff782c; 
	text-decoration:none; 
	font-size:16px;
	background: url("../images/pfeil-news-hover.png") no-repeat scroll right center ;
    padding-right: 15px;
}
.news-single-morelink a:hover  {
	color:#ff782c; 
	text-decoration:none; 
	font-size:16px;
	background: url("../images/pfeil-news-hover.png") no-repeat scroll right center ;
    padding-right: 15px;
}
.news-text {
	color:#666666;
	font-size:14px; 
	line-height:24px;
	vertical-align:middle;
}
.news-text-klein {
	color:#666666;
	font-size:12px; 
	line-height:17px;
	vertical-align:middle;
}
.banner1 {
	padding:5px 6px; 
	border:1px solid #fff; 
	float:right;
	margin-bottom:20px;
}

.banner2 {
	padding:5px 6px; 
	border:1px solid #fff; 
	float:right;
}

.background {
	background-image:url("../images/box-slider.png"); 
	border: 1px solid #999999;
	padding-left:20px; 
	padding-right:20px;
}
.news-single-backlink {
	border:1px solid #999; 
	
}

.news-single-backlink a {
	color:#f16518; 
	text-decoration:none; 
	font-size:16px;
	}
.more-width {
	width:520px;
	background: url("../images/pfeil-single.png") #fff no-repeat scroll right center; 
	padding:7px
}
a:hover .more-width {
	padding:7px; 
	width:520px;
	background: url("../images/pfeil-single-hover.png") #fff no-repeat scroll right center; 
}
.news-single-backlink a:hover {
	color:#ff782c;
}
#news {
	background-color:#e7efc2;
	color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
}
/*ende CSS vom 30. Sept. 2013 */






 .logo { float:left; margin-left:-10px; position:relative; z-index:10000; margin-top:-10px;

}


  @media screen and (-webkit-min-device-pixel-ratio:0)
{ #navi {
	width:994px;
	position:fixed;
	margin-top:55px;
	z-index:999;
	margin-left:18px;
	
} 
}








div#content {
	margin-left:6px;
	margin-top:50px;
	font-family:Arial, Helvetica, sans-serif;
	width:984px;
	background-image: url(../images/content-middle.png);
	background-position:center 0;
	background-repeat: repeat-y;
	height:auto;
}
div#platzhalter1 {
	width:870px;
	height:56px;
}
div#slider {
	width:872px;
	height:400px;
	margin:auto;
}
div#slider-karte {
	width:872px;
	height:400px;
	margin:auto;
}

div#impressum {
	width:872px;
	height: auto;
	margin:auto;
}
.slider-textbox {
	margin-right:60px; 
	margin-top:-400px; 
	width:280px; 
	height:375px; 
	background-image:url(../images/box-slider.png); 
	float:right; 
	border:1px solid #999;
}
.more-button {  margin-top:100px;

}
.more-button1 {  margin-top:83px;

}
.more-button2 {  margin-top:67px;

}
.mail-link {
	text-decoration:none;
	color:#999999;
}
.mail-link:hover {
	text-decoration:none;
	color:#f16518;
}
.mail-link-impressum {
	text-decoration:none;
	color:#666;
}
.mail-link-impressum:hover {
	text-decoration:none;
	color:#f16518;
}
div#platzhalter2 {
	width:870px;
	height:100px;
}

div#textfeld {
	margin:auto;
	width:870px;
	height:225px;
}
div#textfeld-kurz {
	margin:auto;
	width:870px;
	height:225px;
}
div#textfeld-kurz-karte {
	margin:auto;
	width:870px;
	height:225px;
}
div#textfeld-links {
	width:585px;
	height:225px;
	background-color:#ffffff;
	float:left;
}
div#textfeld-links-kurz {
	width:585px;
	height:225px;
	background-color:#ffffff;
	float:left;
}
div#textfeld-rechts {
	width:285px;
	height:225px;
	background-color:#f5c87b;
	float:left;
}
div#textfeld-text-links {
	margin-top:40px;
	margin-left:45px;
	width:250px;
	height:150px;
	float:left;
}
div#textfeld-text-rechts {
	margin-top:40px;
	float:left;
	width:250px;
	height:150px;
	
}
.uberschrift-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000;
	}
.unteruberschrift-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	}
.uberschrift-content-impressum {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000;
	margin-left:40px;
	}
.unteruberschrift-content-impressum {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	margin-left:40px;
	}
.unteruberschrift-content-service {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666;
	margin-left:40px;
	}
.text-content {
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	
	}

.text-content-unten {
	margin-left:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	}
.text-content-unten-service {
	margin-left:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	width:700px;
	}
.text-content-unten-impressum {
	margin-left:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	width:760px;
	}
.uberschrift-textfeld-rechts {
	margin-left:25px;
	margin-top:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	color:#fff;
	}	
.text-textfeld-rechts-zeiten {
	margin-left:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-style:italic;
	color:#fff;
	}
	.text-textfeld-rechts-zusatz {

	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:italic;
	
	}
.text-textfeld-rechts {
	margin:10px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#f16518;
	}	
	
div#platzhalter2 {
	width:870px;
	height:25px;
}
.image-rechts {
	width:250px;
	height:582px;
	background-image: url(../images/hasenoehrl-aufsteller.png);
	background-repeat:no-repeat;
	background-position:120% 90%;
	float:right;
	position: fixed;
	z-index:2;
}
.image-unten {
	width:500px;
	height:384px;
	background-image: url(../images/red_bag_day_aufsteller.png);
	background-repeat:no-repeat;
	margin-top:-290px;
	margin-left:-220px;
	position:absolute;
	z-index:2500;
	
}
.image-unten-lang {
	width:500px;
	height:384px;
	background-image: url(../images/red_bag_day_aufsteller.png);
	background-repeat:no-repeat;
	margin-top:-290px;
	margin-left:-200px;
	position:absolute;
	z-index:2500;
	
}
div#partner {
	margin:auto;
	width:964px;
	height:160px;
	background-color:#eaeaea;
}
div#formular {
	margin:auto;
	width:964px;
	height:560px;
	background-color:#eaeaea;
}
hr {
	border:none;
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 1px;
}
div#platzhalter-partner {
	width:693px;
	height:1px;
}
div#platzhalter-partner-dazwischen {
	width:693px;
	height:15px;
}
 .uberschrift-partner {
	margin-left:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
}
#uberschrift { margin-left:615px; margin-top:-350px; font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#777777;}
	.linie {
	width:700px;
	
}
.karte {  width: 750px; height:400px; margin:auto;

}
.frame-karte {  width: 750px; height:400px; 

}
#flex-caption { margin-left:615px; width:350px; margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#999999;}
/* CSS für Partnernavi */
div#husqvarna-overlay{margin-left:193px; margin-top:15px; position:absolute; z-index:24;}
div#hyosung-overlay{margin-left:351px; margin-top:15px; position:absolute; z-index:24;}
div#herkules-overlay{margin-left:505px; margin-top:15px; position:absolute; z-index:24;}
div#peugeot-overlay{margin-left:580px; margin-top:15px; position:absolute; z-index:24;}
div#kymco-overlay{margin-left:633px; margin-top:15px; position:absolute; z-index:24;}

#button1 a
{
width:148px; /* entspricht Breite Deiner Grafik */
height:28px; /* entspricht Höhe Deiner Grafik */
display:block;
background-image: url(../images/husqvarna.gif); /* Deine Grafik */
background-repeat:no-repeat;
}

/* CSS für Button im Overzustand */
#button1 a:hover
{
width:148px;
height:28px;
display:block;
background-image:url(../images/husqvarna-hover.gif);
background-repeat:no-repeat;
}

#button2 a
{
width:144px; /* entspricht Breite Deiner Grafik */
height:28px; /* entspricht Höhe Deiner Grafik */
display:block;
background-image: url(../images/hyosung.gif); /* Deine Grafik */
background-repeat:no-repeat;
}

/* CSS für Button im Overzustand */
#button2 a:hover
{
width:144px;
height:28px;
display:block;
background-image:url(../images/hyosung-hover.gif);
background-repeat:no-repeat;
}

#button3 a
{
width:55px; /* entspricht Breite Deiner Grafik */
height:37px; /* entspricht Höhe Deiner Grafik */
display:block;
background-image: url(../images/herkules.gif); /* Deine Grafik */
background-repeat:no-repeat;
}

/* CSS für Button im Overzustand */
#button3 a:hover
{
width:55px;
height:37px;
display:block;
background-image:url(../images/herkules-hover.gif);
background-repeat:no-repeat;
}

#button4 a
{
width:33px; /* entspricht Breite Deiner Grafik */
height:51px; /* entspricht Höhe Deiner Grafik */
display:block;
background-image: url(../images/peugeot.gif); /* Deine Grafik */
background-repeat:no-repeat;
}

/* CSS für Button im Overzustand */
#button4 a:hover
{
width:33px;
height:51px;
display:block;
background-image:url(../images/peugeot-hover.gif);
background-repeat:no-repeat;
}

#button5 a
{
width:133px; /* entspricht Breite Deiner Grafik */
height:33px; /* entspricht Höhe Deiner Grafik */
display:block;
background-image: url(../images/kymco.gif); /* Deine Grafik */
background-repeat:no-repeat;
}

/* CSS für Button im Overzustand */
#button5 a:hover
{
width:133px;
height:33px;
display:block;
background-image:url(../images/kymco-hover.gif);
background-repeat:no-repeat;
}


div#footer {
	margin:auto;
	width:964px;
	height:180px;
	background-color:#e2e2e2;
	
}
div#footer-box1 {
	float:left;
	margin-left:140px;
	padding-top:45px;
	width:250px;
	height:140px;
}
div#footer-box2 {
	padding-top:55px;
	float:left;
	width:200px;
	height:140px;
}
div#footer-box3 {
	padding-top:55px;
	float:left;
	width:200px;
	height:140px;
}
.uberschrift-footer {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#777777;
	}
.unteruberschrift-footer {
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:11px;
	color:#777777;
	}
.text-footer {
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	}
.uberschrift-footer-links {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#404040;
	}
.footer-links {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	}	
div#content-schatten {
	margin-left:6px;
	
	width:984px;
	background-image: url(../images/content-footer2-bottom.png);
	background-position:center 0;
	background-repeat: no-repeat;
}
div#roller1 {
	
	margin-bottom:590px;
	margin-left:-400px;
	position: fixed;
	z-index:6;
}
#roller2 {

	
	
}
#roller {

	   margin:0; padding:0; left:5%; bottom:0; position: absolute;  z-index:200;  overflow:hidden; width:20%; height:50%; 
}
#beschreibung-text {
	text-align:center;
}
.beschreibung-uberschrift {
	text-align:center;
	color:#999999;
	font-size:9px;
}
.beschreibung-text {
	text-align:center;
	font-size:9px;
	color:#999999;
}
.formular-text {
	margin-left:100px;
}
.formular-feld {
	margin-left:100px;
}
.text-formular {
	margin-left:100px;
}
@media only screen and (max-width: 599px) {
	  .logo {  position: fixed; z-index:101;  top:0;

} 
	 .logo-nav { float:left;  position: fixed; z-index:100; width:500px; height:128px !important; background-image:url(../images/navigation-ohne-linien.png); background-repeat:no-repeat; margin-top:26px; background-position:-400px 0; margin-left:85px;

} 
 
 #navi {
	width:100%
	position:fixed;
	margin-top:55px;
	z-index:999;
	margin-left:0px;
	
} 

	#source-image-rechts {
	
	position: relative;
	z-index:1;
	top: 0;
	left: 0;
}
#source-image-unten{
	
	position: absolute;
	z-index:1;
	bottom: 0;
	left: 0;
}
	div#content {
	margin-left:18px;
	margin-top:100px;
	width:410px;
	background-image: url(../images/content-middle.png);
	background-position:center 0;
	background-repeat: repeat-y;
}
div#platzhalter1 {
	width:100%;
	height:15px;
}
div#slider {
	width:300px;
	height:400px;
	margin:auto;
	clear:both;
	margin-left: auto;
}

div#slider-karte {
	width:410px;
	height:250px;
	margin:auto;
	clear:both;
	margin-left: auto;
}

.slider-textbox {
	margin-top:-170px;
	width:300px; 
	height:250px; 
	background-image:url(../images/box-slider.png);
	float:left;
	border:1px solid #999;
	margin-left:54px;
	text-align:center;
	
}

.uberschrift-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#000;
	margin-left:20px;
	}

.unteruberschrift-content-service {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	margin-left:20px;
	width:350px;
	}

.text-content-unten-service {
	margin-left:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	width:300px;
	}



.more-button {  margin-top:20px;

} 
.more-button1 {  margin-top:15px;

}
.more-button2 {  margin-top:10px;

}
.karte {  width: 400px; height:219px; margin:auto;

}
.frame-karte {  width: 400px; height:219px;

}

div#platzhalter2 {
	width:100%;
	height:100px;
}

div#textfeld {
	margin-left: auto;
	margin-top:50px;
	width:300px;
	height:600px;
}
div#textfeld-kurz {
	margin-left: auto;
	margin-top:50px;
	width:300px;
	height:420px;
}
div#textfeld-kurz-karte {
	margin-left: auto;
	margin-top:-40px;
	width:300px;
	height:420px;
}
div#textfeld-links {
	width:300px;
	height:400px;
	background-color:#ffffff;
	
}
div#textfeld-links-kurz {
	width:300px;
	height:240px;
	background-color:#ffffff;
	
}
div#textfeld-text-rechts {
	width:300px;
	clear:both;
	height:150px;
	background-color:#ffffff;
	margin-top:-20px;
	
}
div#textfeld-rechts {
	width:300px;
	height: 225px;
	background-color:#f5c87b;
	
}
div#textfeld-text-links {
	margin:45px 45px;
	width:300px;
	height:150px;
}
div#textfeld-text-rechts {
	width:300px;
	height:150px;
}
div#platzhalter2 {
	width:300px;
	height:50px;
}
div#partner {
	margin:auto;
	width:410px;
	height:200px;
	background-color:#eaeaea;
}
div#formular {
	margin:auto;
	width:410px;
	height:580px;
	background-color:#eaeaea;
}
.text-content-unten {
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	}
.linie {
	width:200px;
	
}
.image-rechts {
	width:0px;
	height:0px;
	background-image: none;	
}
.image-unten {
	width:0px;
	height:0px;
	background-image: none;
	
	
}
.formular-text {
	margin-left:30px;
}
.text-formular {
	margin-left:30px;
}
.formular-feld {
	margin-left:30px;
}
div#footer {
	margin:auto;
	margin-top:20px;
	height:380px;
	background-color:#e2e2e2;
	width:100%
	
}
div#footer-box1 {
	clear:both;
	margin-left:20px;
	padding-top:45px;
	height:80px;
}
div#footer-box2 {
	clear:both;
	margin-left:20px;
	
	height:60px;
}
div#footer-box3 {
	clear:both;
	margin-left:20px;
	
	height:60px;
}
div#content-schatten {
	margin-left:18px;
	height:150px;
	width: 410px;
	background-image: url(../images/content-footer2-bottom.png);
	background-position:center 0;
	background-repeat: repeat-x;
}
.image-unten {
	width:0px;
	height:0px;
	background-image: none;
	
}
.image-unten-lang {
	width:0px;
	height:0px;
	background:none;
	
	
}


/*neues CSS News*/
div#impressum {
	width:280px; 
	margin-left:10px; 
	margin-right:10px;}
.text-content-unten-impressum {
    margin-left:10px;
	margin-right:10px;
    width: 280px;
}
.uberschrift-content-impressum {

    margin-left: 10px;
}
.unteruberschrift-content-impressum {

    margin-left: 10px;
}
div#footer {
	margin:auto;
	margin-top:20px;
	height:420px;
	background-color:#e2e2e2;
	width:100%
	
}
div#footer-box1 {
	clear:both;
	margin-left:20px;
	padding-top:45px;
	height:100px;
}
div#footer-box2 {
	clear:both;
	margin-left:20px;
	height:80px;
}
div#footer-box3 {
	clear:both;
	margin-left:20px;
	
	height:80px;
}
/*.news-teaser {width:30% !important;}
.news-text {width:30% !important;}*/
.news-listenansicht {width:65% !important; margin-left:1% !important; margin-bottom:50px !important; }
.news-abstand {padding-left:25px; width:275px !important;}
.background {width:59% !important; margin-left:4% !important; margin-bottom:50px !important;}
.news-latest-img {width:200px !important;}
.news-single-img {width:200px !important;}
.news-latest-img2 {width:90px !important;}
.img-news {widht:30% !important;}
.abstand {width:5% !important;}
.banner1 {clear:both; float:none; /*width:25% !important;*/ margin-left:10.5% !important;}
.banner2 {clear:both; float:none; /*width:25% !important;*/ margin-left:10.5% !important;}
#textfeld-kurz {float:none !important; clear:both !important;}
#textfeld-links-kurz { float:none !important; clear:both !important;}
.slider-textbox-news {margin-top:-130px !important; height:196px !important;}
#uberschrift {margin-top:50px !important; }
#impressum { margin-top:50px !important;}
.news-single-backlink {width:20% !important;}
.more-width {width:95.3% !important;}
/*neues CSS News*/

}