/*
################################################################################################
#  Main-Layout
################################################################################################
*/

body {
	background:#cc3300;
	font-family:tahoma, arial;
	font-size:11px;
	background-image:url(../img/background.jpg);
}

#sys_container {
	margin:0 auto;
	width:980px;
	background-image:url(../img/background_frame.jpg);
}

#sys_container_framehelper {
	width:936px;
    padding-left:44px;
}

/*
  *** Header ***
*/

#sys_container_header {
	background:url(../img/header.jpg) no-repeat;
	height:200px;
	width:980px;
	cursor:pointer;
}

/*
  *** Navigation ***
*/

#sys_container_navigation {
    margin-right:10px;
    width:170px;
    float:left;
}

#sys_container_navigation  ul {
    margin:0;
    padding:0;
    list-style-type:none;
}

#menuItem_LevelA  ul{
    margin: 0 0 1px 0;
}

#sys_MenuLevelA {
    padding-top: 10px;
}

#sys_MenuLevelA #sys_MenuLevelA_Title {
    display: block;
    padding-top: 4px;
    padding-bottom: 0px;
    color: #fff;
    text-decoration: none;
    font-family:arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:15px;
    background: url(../img/menuitems_a_title.jpg) no-repeat center left;
}

#sys_MenuLevelA a {
    display: block;
    color: #fff;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left:20px;
    text-decoration: none;
    font-family:arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    background: url(../img/menuitems_a.jpg) no-repeat center left;
}

#sys_MenuLevelA #sys_MenuLevelA_lastItem {
    display: block;
    padding-top: 3px;
    padding-bottom: 10px;
    padding-left:20px;
    width: 170px;
    text-decoration: none;
    background: url(../img/menuitems_a_last.jpg) no-repeat center left;
}

#sys_MenuLevelB {
    padding-top: 10px;
}

#sys_MenuLevelB #sys_MenuLevelB_Title {
    display: block;
    padding-top: 4px;
    padding-bottom: 0px;
    text-decoration: none;
    font-family:arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:15px;
    background: url(../img/menuitems_b_title.jpg) no-repeat center left;
}

#sys_MenuLevelB a {
    display: block;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left:20px;
    color: #fff;
    text-decoration: none;
    font-family:arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    background: url(../img/menuitems_b.jpg) no-repeat center left;
}

#sys_MenuLevelB #sys_MenuLevelB_lastItem {
    display: block;
    padding-top: 3px;
    padding-bottom: 10px;
    padding-left:20px;
    width: 170px;
    text-decoration: none;
    background: url(../img/menuitems_b_last.jpg) no-repeat center left;
}

#sys_MenuLevelC {
    padding-top: 10px;
}

#sys_MenuLevelC #sys_MenuLevelC_Title {
    display: block;
    padding-top: 4px;
    padding-bottom: 0px;
    text-decoration: none;
    font-family:arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:15px;
    background: url(../img/menuitems_c_title.jpg) no-repeat center left;
}

#sys_MenuLevelC a {
    display: block;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left:20px;
    color: #fff;
    text-decoration: none;
    font-family:arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    background: url(../img/menuitems_c.jpg) no-repeat center left;
}

#sys_MenuLevelC #sys_MenuLevelC_lastItem {
    display: block;
    padding-top: 3px;
    padding-bottom: 10px;
    padding-left:20px;
    width: 170px;
    text-decoration: none;
    background: url(../img/menuitems_c_last.jpg) no-repeat center left;
}

#sys_MenuLevelD {
    padding-top: 10px;
}

#sys_MenuLevelD #sys_MenuLevelD_Title {
    display: block;
    padding-top: 4px;
    padding-bottom: 0px;
    text-decoration: none;
    font-family:arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:15px;
    background: url(../img/menuitems_d_title.jpg) no-repeat center left;
}

#sys_MenuLevelD a {
    display: block;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left:20px;
    color: #fff;
    text-decoration: none;
    font-family:arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    background: url(../img/menuitems_d.jpg) no-repeat center left;
}

#sys_MenuLevelD #sys_MenuLevelD_lastItem {
    display: block;
    padding-top: 3px;
    padding-bottom: 10px;
    padding-left:20px;
    width: 170px;
    text-decoration: none;
    background: url(../img/menuitems_d_last.jpg) no-repeat center left;
}

#sys_MenuLevelA .sys_Menu_activeItem {
    font-style:italic;
    color:#FC9;
}

#sys_MenuLevelB .sys_Menu_activeItem {
    font-style:italic;
    color:#FC9;
}

#sys_MenuLevelC .sys_Menu_activeItem {
    font-style:italic;
    color:#FC9;
}

#sys_MenuLevelD .sys_Menu_activeItem {
    font-style:italic;
    color:#FC9;
}

/*
  *** Content ***
*/

#content {
    margin:10px 45px 25px 25px;
    /*width:682px; maximale breite*/
    width:632px;
    float:left;
	font: 1.2em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

#content h1 {
	font-size: 1.3em;
}

#content h2 {
	font-weight:normal;
}

.HL_Luz {
    font-family:arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:15px; 
}

.PictureBoxSemi {
    border:1px solid #b0b0b0;
	float:left;
	margin:5px 15px 6px 0;
	padding:5px;
	width:150px;
	height:122px;
}

.PictureBoxSemi_2 {
    border:1px solid #b0b0b0;
	float:left;
	margin:5px 15px 6px 0;
	padding:5px;
	width:205px;
	height:153px;
}

.PictureBoxAres {

}

.ExternerLink {

}

.Liste_Links {
    
}

.Liste_Links  li {
    padding-top:5px;
}

#content .ContentBoxLima {
    margin-bottom:10px;
    
}

#content .ContentBoxOpal1 {
    width:326px;
    float:left;
}

#content .ContentBoxOpal2 {
    width:326px;
    float:left;
}

#content .ContentBoxOpal2_BR {
    clear: both;
}

#content .ContentBoxZuma1 {
    width:435px;
    float:left;
}

#content .ContentBoxZuma2 {
    width:217px;
    float:left;
}

#content .ContentBoxZuma2_BR {
    clear: both;
}

table {


}

table td {
	vertical-align:top;
	padding:5px 5px;
    text-align:left;
}

/*
  *** Footer ***
*/

#sys_container_footer {
	clear: both;
	background:url(../img/footer.jpg) no-repeat;
	color:#F1D6AC;
	width:980px;
	height:110px;
}

#sys_container_footer div {
    margin-left:255px;
    padding-top:58px;
    text-align:center;
    width:620px;
}

#sys_container_footer a {
    margin-right:30px;
    margin-left:30px;
    text-decoration:none;
    color:#fff;
}

/*
################################################################################################
# Spezielle Tags
################################################################################################
*/

/*Lightbox style*/	
/*
#lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails {
	font-size: 1.1em;
	padding-top: 0.4em;
	text-align:left;
}	

#lightboxCaption {
    float: left;
}

#keyboardMsg {
    float: right;
}

#closeButton{
    top: 5px;
    right: 5px;
}

#lightbox img{
    border: none;
    clear: both;
}

#overlay img{
    border: none;
}

#overlay{
    background-image: url(overlay.png);
}

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}
*/

/*Danny*/

.cleardiv
{
	clear: both;
	height: 0px;
	width: 0px;
}

.article {
	clear:both;
	float:right;
	width: 100%;
	border-bottom: 1px solid #cecece;
	}
.article-right {
	float:left;
	}

.video {
	clear:both;
	float:right;
	width: 100%;
	marging-left: 30px;
	}

.inhalt {
		margin: 0px 0 0px 0;
		/*background: #fff url(../img/bgshade.gif) repeat-x;*/
		color: #454545;
		padding: 0px 15px 5px 10px;
	}
	
	.inhalt h1 {
		font-size: 1.9em;
		color:#0072BB;
		}
	.inhalt h2 {
		color:#cc3333;
		font-size: 1.3em;
		}
		
	.inhalt h2:hover {
		color:#000;
		}
	.inhalt h3 {
		color:#E95817;
		font-size: 1.6em;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin-top:25px;
		}
	.inhalt img {
		border:1px solid #b0b0b0;
		float:left;
		margin:5px 15px 6px 0;
		padding:5px;
		}
		
	.tab-tab {
		padding-left:10px;
		}
		.tab-tab-tab {
		padding-left:10px;
		display: inline;
		}

.beschreibung {
	
	}
.aufklappen {
	float: right;
	}
		
.slogan { font-size: .9em; padding: 0 0 0 17px; background:url(../img/date.png) no-repeat left center; color: #808080;}

		.bigimage {
			float: left;
			clear: left;
			border: 1px solid #ccc;
			background: #E95817;
			color: #000;
			width: 200px;
			height: 150px;
			margin: 0 15px 10px 0;
		}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../addon/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../addon/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Technische Details */
.dhtmlgoodies_question span {
	text-align:right;
	color:#ED1C24;
	float:right;
	}
	
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	list-style: none;
	padding: 4px;
	margin-bottom: 4px;
	text-decoration:underline;
	font-size:1.4em;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}

.dhtmlgoodies_answer a {
		text-decoration: none;
		display: block;
		text-align:right;
		padding:10px;
	}
		.dhtmlgoodies_answer a span {
			float: right;
			font-size: 11px;
			color: #979797;
			padding:5px;
			text-decoration:none;
			cursor: hand;
		}
		.dhtmlgoodies_answer a:hover span {
			float: right;
			font-size: 11px;
			color: #9D0C0C;
		}

.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:10px;
	position:relative;
}

/* Bild mit Unterschrift*/

.card {
	float: left;
	width: 230px;
	margin: 0 5px 5px 20px;
	text-align: center;
	font-size: 0.9em;
	}
.card-photo {
	margin:0 auto; padding:0;
	border: none;
	}
.card-desc {
	margin: 5px 10px; padding:0;
	text-align: left;
	font-size: 0.9em;
	}
	
/*Listen*/

div#inhalt ul {
	display:block;
	}
div#inhalt ul li {padding-left:30px;}

/*Table normal*/
table {
	border-spacing:3px; width:100%;
}

td, th {
	padding: 2px;
}

thead th {
	color: #fff;
	background-color:#FBB63F;
	text-align:left;
	padding:5px;
	font:1.3em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

tbody th {
	font-weight: bold;
	color: #FBB63F;
	text-align:left;
	padding:5px;
}

tbody tr {
	font-size:0.9em;	
	}
tbody tr.odd {
	background-color:#FEE7BE;
}

tbody tr td { 
	padding-left:10px;
	
	}

tbody tr.odd td{ 
	
	}
tbody th.sub {font-size:100.01%; color:#000; padding:6px}

/*Tabelle Werte*/
.table2 {border-collapse:collapse; font-size:100.01%;}
	.table2 td {padding:3px 15px; font-size:100.01%;}
	.table2 th {text-align:left;}
	.table2 thead th {color:#E95817; font-size:100.01%; padding:10px 3px; text-decoration:underline;}
	.table2 tbody th {color:#4d4d4d; font-size:100.01%; padding: 3px}
	.table2 tbody th.sub {font-size:100.01%; color:#000; padding:3px}

/*Tabelle Zustand*/
.zustand2 {border-collapse:collapse; font-size:1.1em; margin-left:10px;}
	.zustand2 td {padding:3px 15px;}
	.zustand2 th {text-align:left;}
	.zustand2 thead th {color:#E95817; padding:10px 3px; text-decoration:underline;}
	.zustand2 tbody td {vertical-align:top; color:#cc3300;}
	.zustand2 tbody th {color:#4d4d4d; padding: 3px}
	.zustand2 tbody th.sub {color:#000; padding:3px; vertical-align:top;}
	
/*Classes*/
.img noborder {
	border:none;
	}

.price {
	display:block;
	color:#000;
	text-align:right;
	border:none;
	font-size:1.6em;
	font-weight:bold;
	font-family:Georgia;
	margin:10px 15px;	
}

.price-klein {
	display:block;
	color:#ED1C24;
	text-align:right;
	border:none;
	font-size:1.2em;
	font-weight:bold;
	font-family:Georgia;
	margin:10px 15px;	
}

#footer-function {
	text-align:right;
	margin-right:20px;
	padding-top:50px;
	color: #333333;
	}

#footer-function a {
	color: #EA5A19;
	}

.on_top {
	}
	
.history_back {
	}


/*Produkte H1*/

#produkte{
		}
#produkte h1 {
		float:right;
			}
.blue a { color: #3399FF; font-size: 2.9em; padding-left:200px;}
.orange a { color: #FF9900; font-size: 2.7em; padding-left:100px;}
.green a { color: #33CC33; font-size: 1.4em; padding-left:60px;}
.grey a { color: #333333; font-size: 2.7em; padding-left:300px;}
.red a { color: #990000; font-size: 2.7em; padding-left:150px;}
.violet a { color: #6633CC; font-size: 3.1em; padding-left:30px;}
.turquoise a { color: #66CCFF; font-size: 1.5em; padding-left:90px;}
.brown a { color: #663300; font-size: 2.2em; padding-left:190px;}


/*Produkt Menu*/
#products{width:620px; height:195px; position:relative; margin:0 auto; padding-top:25px;}
#kymco{width:200px; height:200px; float:left; background:url(../img/kymco.jpg) 0 0 no-repeat #5B5550; margin:8px 0 0; color:#fff;}
#kymco a{text-decoration:none; display:block; width:200px; height:200px;}
#kymco a:hover{text-decoration:none; background:url(../img/kymco-hover.jpg) 0 0 no-repeat;}
#kymco p{display:block; width:-12px; height:15px; position:absolute; top:-6660px; left:-6660px; font:11px/13px Arial, Verdana, sans-serif; margin:54px 0 0 21px;}

#arctic{width:200px; height:200px; float:left; background:url(../img/arctic-cat.jpg) 0 0 no-repeat #5B5550; margin:8px 10px 0; color:#fff;}
#arctic a{text-decoration:none; display:block; width:200px; height:200px;}
#arctic a:hover{text-decoration:none; background:url(../img/arctic-cat-hover.jpg) 0 0 no-repeat;}
#arctic p{display:block; width:90px; height:15px; position:absolute; top:-6660px; left:-6660px; font:11px/13px Arial, Verdana, sans-serif; margin:30px 0 0 21px; }

#suzuki{width:200px; height:200px; float:left; background:url(../img/suzuki.jpg) 0 0 no-repeat #5B5550; margin:8px 0 0; color:#fff;}
#suzuki a{text-decoration:none; display:block; width:200px; height:200px;}
#suzuki a:hover{text-decoration:none; background:url(../img/suzuki-hover.jpg) 0 0 no-repeat;}
#suzuki p{display:block; width:90px; height:15px; position:absolute; top:-6660px; left:-6660px; font:11px/13px Arial, Verdana, sans-serif; margin:54px 0 0 21px; }

#yamaha{width:200px; height:200px; float:left; background:url(../img/yamaha.jpg) 0 0 no-repeat #5B5550; margin:8px 0 0; color:#fff;}
#yamaha a{text-decoration:none; display:block; width:200px; height:200px;}
#yamaha a:hover{text-decoration:none; background:url(../img/yamaha-hover.jpg) 0 0 no-repeat;}
#yamaha p{display:block; width:90px; height:15px; position:absolute; top:-6660px; left:-6660px; font:11px/13px Arial, Verdana, sans-serif; margin:54px 0 0 21px; }

#hyosung {width:200px; height:200px; float:left; background:url(../img/hyosung.jpg) 0 0 no-repeat #5B5550; margin:8px 10px 0; color:#fff;}
#hyosung a{text-decoration:none; display:block; width:200px; height:200px;}
#hyosung a:hover{text-decoration:none; background:url(../img/hyosung-hover.jpg) 0 0 no-repeat;}
#hyosung p{display:block; width:90px; height:15px; position:absolute; top:-6660px; left:-6660px; font:11px/13px Arial, Verdana, sans-serif; margin:54px 0 0 21px; }	

#cectek {width:200px; height:200px; float:left; background:url(../img/cectek.jpg) 0 0 no-repeat #5B5550; margin:8px 0 0; color:#fff;}
#cectek a{text-decoration:none; display:block; width:200px; height:200px;}
#cectek a:hover{text-decoration:none; background:url(../img/cectek-hover.jpg) 0 0 no-repeat;}
#cectek p{display:block; width:90px; height:15px; position:absolute; top:-6660px; left:-6660px; font:11px/13px Arial, Verdana, sans-serif; margin:54px 0 0 21px; }

#herkules-adly {width:200px; height:200px; float:left; background:url(../img/herkules-adly.jpg) 0 0 no-repeat #5B5550; margin:8px 0 0; color:#fff;}
#herkules-adly a{text-decoration:none; display:block; width:200px; height:200px;}
#herkules-adly a:hover{text-decoration:none; background:url(../img/herkules-adly-hover.jpg) 0 0 no-repeat;}
#herkules-adly p{display:block; width:90px; height:15px; position:absolute; top:-6660px; left:-6660px; font:11px/13px Arial, Verdana, sans-serif; margin:54px 0 0 21px; }

/*Startseite*/
#start{width:100%; height:159px; position:relative; margin:0 auto;}
#tuning{width:195px; height:195px; float:left; background:url(../img/tuning.png) 0 0 no-repeat #EA5A19; margin:8px 0 0; color:#fff;}
#tuning a{text-decoration:none; display:block; width:160px; height:160px;}
#tuning a:hover{text-decoration:none; background:url(../img/tuning-hover.png) 0 0 no-repeat;}
#tuning p{display:block; width:-12px; height:15px; position:absolute; top:-6660px; left:-6660px; font:11px/13px Arial, Verdana, sans-serif; margin:54px 0 0 21px;}

#news{width:195px; height:195px; float:left; background:url(../img/news.png) 0 0 no-repeat #EA5A19; margin:8px 10px 0; color:#fff;}
#news a{text-decoration:none; display:block; width:160px; height:160px;}
#news a:hover{text-decoration:none; background:url(../img/umbau-news.png) 0 0 no-repeat;}
#news p{display:block; width:90px; height:15px; position:absolute; top:-6660px; left:-6660px; font:11px/13px Arial, Verdana, sans-serif; margin:30px 0 0 21px; }

#tourlaub{width:195px; height:195px; float:left; background:url(../img/gebrauchte.png) 0 0 no-repeat #EA5A19; margin:8px 0 0; color:#fff;}
#tourlaub a{text-decoration:none; display:block; width:160px; height:160px;}
#tourlaub a:hover{text-decoration:none; background:url(../img/gebrauchte-hover.png) 0 0 no-repeat;}
#tourlaub p{display:block; width:90px; height:15px; position:absolute; top:-6660px; left:-6660px; font:11px/13px Arial, Verdana, sans-serif; margin:54px 0 0 21px; }

.sold-out { background:url(../img/verkauft.png) top right no-repeat; }

.small { 
	font-size:70%;
	text-align:right;
	}

/*Openstreet*/
#map {
	margin:35px 15px;
	height: 400px;
  	width: 590px;
	border: 1px solid #e2e2e2;
	padding-left: 2px;
	}
.popup_map {
	font-size:0.8em;
	color:#FF0000;
	}
	
.article ul.txt2 li {background: url(../img/bullet.gif) no-repeat 0px 0.5em; color:#533E18; padding-left: 15px; list-style:none; margin-left:-30px;}

.text {
	float:right;
	}


/*Linkformat*/

.pdf_link {		
	font-size:1.4em;
	/* Start layout CSS */
	list-style: none;
	padding: 4px;
	margin-bottom: 4px;
	text-decoration:underline;
	font-size:1.4em;	
	/* End layout CSS */
	overflow:hidden;
	cursor:pointer;
	color:#454545;
}

.pdf_link a:link, .pdf_link a:visited {		
	color:#454545;
}

.pdf_link a:hover, {		
	color:#cc3300;
}