/************************************************
* MediandoWEB
************************************************/
body
{
	font-family:		Verdana, Arial;
	background:			#FFF;
	color:				#000;
	font-size:			10pt;
}

#jsError
{
	margin:				0 10px;
	padding:			10px;
	border:				1px solid #C00;
	background:			#FEE;
}

div#master,
div#foot
{
	width:				990px;
}

div#head
{
	height:				105px;
	position:			relative;
}
div#head div#topbanner
{
	position:			absolute;
	right:				0;
	top:				0;
}

div#head div#lang
{
	position:			absolute;
	left:				185px;
	top:				100px;
}

div#left
{
	float:				left;
	width:				170px;
	/*height:				600px;*/
	margin:				0 -1000px 0 0;
	background:			#EEE;
}

div#main
{
	width:				auto;
	margin:				0 165px 0 180px;
	min-height:			50px;
	height:				auto;

}

div#right
{
	float:				right;
	width:				160px;
	height:				650px;
	min-height:			650px;
}	

div#foot
{
	display:			block;
	clear:				both;
	background:			#999;
}


/************************************************
* micronav
************************************************/
div#top
{
	height:				30px;
	width:				640px;
	background:			#EEE;
}

div#top ul
{
	margin:				0 0 0 10px;
	list-style:			none;
}

div#top ul li
{
	display:			inline;
	font-size:			11px;
	line-height:		30px;
	color:				#C00;
}

div#top ul li a
{
	color:				#000;
	text-decoration:	none;
}
div#top ul li a:hover
{
	text-decoration:	underline;
}

div#top select
{
	font-size:			11px;
	margin:				5px 0 0 0;
	width:				100px;
}

/************************************************
* left nav
************************************************/
div#left
{
	background:			#FFF;
}

div#left h3
{
	width:				160px;
	height:				30px;
	line-height:		30px;
	background:			#EEE;
	padding:			0 0 0 10px;
	font-size:			12px;
	font-weight:		bold;
	color:				#000;
}

div#left p
{
	width:				160px;
	padding:			5px 10px;
	font-size:			11px;
	line-height:		14px;
}

div#left ul
{
	width:				160px;
	padding:			5px 10px;
}
div#left ul li
{
	padding:			0 0 10px 0;
}
div#left ul li a
{
	background:			url(../img/link.gif) no-repeat;
	background-position: 0 2px;
	font-size:			11px;
	line-height:		14px;
	color:				#000;
	text-decoration:	none;
	display:			block;
	padding:			0 0 0 25px;
}
div#left ul li a:hover
{
	text-decoration:	underline;
}

div#left img
{
	border:				1px solid #CCC;
	background:			#FFF;
	padding:			5px;
}

div#left p a.langselect
{
	background:			none;
	padding:			0;
	display:			inline;
}


/************************************************
* content
************************************************/
table.roothead
{
	width:				100%;
}
table.roothead tr td
{
	width:				100%;
}

table.roothead tr td.order_catalog a
{
	font-size:			11px;
	line-height:		20px;
	height:				20px;
	color:				#000;
	text-decoration:	none;
	display:			block;
	margin:				0;
	padding:			0;
	border:				1px solid #999;
	background:			#EEE;
	width:				160px;
	text-align:			center;
}
table.roothead tr td.order_catalog a:hover,
{
	background:			#DDD;
}


div#content
{
	padding:			10px 10px 10px 10px;
	/*min-height:			650px;	*/
}

h1
{
	font-size:			24px;
	color:				#C00;
	font-weight:		normal;
}

h2
{
	width:				600px;
	font-size:			12px;
	font-weight:		bold;
	height:				25px;
	line-height:		25px;
	background:			#EEE;
	margin:				5px 0 0 0;
	padding:			0 0 0 10px;
}

h3
{
	font-size:			16px;
	font-weight:		bold;
	color:				#000;
	margin:				0 0 5px 0;	
}

h3 a span,
h3 span
{
	color:				#C00;
}



div.attr
{
	width:				610px;
	margin:				0 0 10px 0;
}

div.attr table.attr
{
	width:				100%;
}
div.attr table.attr tr.odd
{
	background:			#F5F5F5;
}
div.attr table.attr tr td
{
	width:				50%;
	padding:			5px 10px;
	font-size:			11px;
	border-bottom:		1px solid #EEE;
}

table.form
{
	width:				610px;
}
table.form tr td
{
	width:				50%;
	padding:			4px 10px;
}
table.form tr td.right
{
	text-align:			right;
}

p
{
	margin:				1em 0;
	line-height:		18px;
}

p a
{
	background:			url(../img/link.gif) no-repeat;
	background-position: 0 2px;
	font-size:			11px;
	line-height:		14px;
	color:				#000;
	text-decoration:	none;
	display:			block;
	padding:			0 0 0 25px;
}

a.link
{
	background:			url(../img/link.gif) no-repeat;
	background-position: 0 2px;
	font-size:			12px;
	line-height:		14px;
	color:				#000;
	text-decoration:	none;
	display:			block;
	padding:			0 0 0 25px;
}

a.linkright
{
	background:			url(../img/link.gif) no-repeat;
	background-position: 0 2px;
	font-size:			10px;
	line-height:		14px;
	color:				#000;
	text-decoration:	none;
	display:			block;
	padding:			0 0 0 25px;
	margin:				0 15px 0 auto;
	width:				120px;
}

span.more
{
	width:				100%;
}

span.more a
{
	background:			url(../img/link.gif) no-repeat;
	background-position: 0 2px;
	font-size:			11px;
	line-height:		14px;
	color:				#000;
	text-decoration:	none;
	padding:			0 0 0 25px;
	float:				right;
}


a.button,
input.button
{
	font-size:			11px;
	line-height:		20px;
	height:				20px;
	color:				#000;
	text-decoration:	none;
	display:			block;
	margin:				0;
	padding:			0;
	border:				1px solid #999;
	background:			#EEE;
	width:				80px;
	text-align:			center;
}
a.button:hover,
input.button:hover
{
	background:			#DDD;
}


ul.selector
{
	list-style:			none;
	background:			#EEE;
	padding:			5px 0;
}
ul.selector li
{
	display:			inline;
}
ul.selector li a
{
	text-decoration:	none;
	color:				#999;
	padding:			0 5px;
}
ul.selector b
{
	color:				#000;
}
ul.selector li a:hover
{
	text-decoration:	underline;
	color:				#000;
}


h2.mWebSlide
{
	cursor:				pointer;
	background:			#EEE url(../img/link.gif) no-repeat;
	background-position: 0 50%;
	padding:			0 0 0 25px;
	width:				585px;
}

span#selection_text {
	color: #050926;
	margin-left: 28px;
}

ul#selection {
	display: inline;
	margin-left: 28px;
}

ul#selection li {
	display: inline; 
}

ul#selection li a {
	text-decoration: none;
	color: #050926;
}

/************************************************
* footerbanner
************************************************/
div#footerbanner div {
	width: 300px;
	margin: 0 auto;
}


/************************************************
* footer
************************************************/
div#foot
{
	margin:				30px 0;
	padding:			2px 0;
	text-align:			right;
	background:			#EEE;
}

div#foot ul
{
	list-style:			none;
}

div#foot ul li
{
	padding:			0 15px;
	display:			inline;
}

div#foot ul li a
{
	font-size:			8pt;
	color:				#999;
	text-decoration:	none;
}
div#foot ul li a:hover
{
	text-decoration:	underline;
}


/************************************************
* root grid
************************************************/
table.rootGrid
{
	margin:				10px 0 0 0;
	width:				610px;
}

table.rootGrid tr td
{
	padding:			0 0 20px 0;
	text-align:			center;
	vertical-align:		middle;
}


/************************************************
* jahr list
************************************************/
table.manuList
{
	margin:				10px 0 0 0;
	width:				610px;
}

table.manuList tr {
	overflow: hidden;
}

table.manuList tr td
{
	vertical-align:		top;
	border-bottom:		1px solid #CCC;
	padding:			5px 3px;
	font-size:			11px;
}

table.manuList tr td.logo
{
	width:				130px;
}
table.manuList tr td.thumb
{
	width:				80px;
}


table.manuList tr.main td
{
	border-bottom:		none;
	width:				50%;
}

table.manuList th
{
	font-weight:		bold;
	background:			#EEE;
	border-bottom:		1px solid #CCC;
	border-top:			1px solid #CCC;
	text-align:			center;
	cursor:				pointer;

	padding:			5px 3px;
	font-size:			11px;	
}

table.manuList tr td img
{
	border:				1px solid #CCC;
	background:			#FFF;
	padding:			5px;
	z-index: -99;
}

table.manuList tr td a
{
	color:				#000;
	text-decoration:	none;
}

table.manuList tr td.small
{
	vertical-align:		middle;
	text-align:			center;
}
table.manuList tr td.smallleft
{
	vertical-align:		middle;
	text-align:			left;
}

table.manuList tr td.small a b,
table.manuList tr td.smallleft a b
{
	color:				#C00;
}

table.manuList th.sortedASC {
	background:			#EEE url(../img/up.gif) no-repeat 50% top;
}

table.manuList th.sortedDESC {
	background:			#EEE url(../img/down.gif) no-repeat 50% top;
}

table.manuList th.left {
	text-align:			center;
}

table.manuList tr td.mvinfo {
	float: left;
	margin-left: 0px;
	width: 300px;
	z-index: 99;
}

/************************************************
* Modell
************************************************/
img.modPic
{
	border:				1px solid #CCC;
	background:			#FFF;
	padding:			10px;
}


/************************************************
* motorvariante 
************************************************/
div#mvbox
{
	margin:				10px 0;
}

h4
{
	font-size:			11px;
	line-height:		14px;
	font-weight:		bold;
	background:			#EEE;
	text-align:			right;
	color:				#000;
	margin:				0 0 5px 5px;
	padding:			5px 10px;
}

img.smoothbox
{
	border:				1px solid #CCC;
	background:			#FFF;
	padding:			10px;
	float:				left;
}
p.mvpicinfo
{
	width:				450px;
	font-size:			10px;
}

div#mvtools
{
	float:				right;
	margin:				10px 0 0 0;
	padding:			0;
}

div.buttonlink
{
	width:				140px;
	margin:				0 0 5px 5px;
	padding:			5px;
	border:				1px solid #CCC;
}

div.buttonlink a
{
	background:			url(../img/link.gif) no-repeat;
	background-position: 0 2px;
	font-size:			11px;
	line-height:		14px;
	color:				#000;
	text-decoration:	none;
	display:			block;
	margin:				3px 0 0 0;
	padding:			0 0 0 25px;
}
div.buttonlink a:hover
{
	text-decoration:	underline;
}
div.buttonlink a.img
{
	background:			none;
	display:			block;
	margin:				0;
	padding:			0;
}

img.mainpic
{
	border:				1px solid #CCC;
	background:			#FFF;
	padding:			5px;
}


span.pdf
{
	display:			block;
	background:			url(../img/pdf_mini.gif) no-repeat;
	background-position: 0 0;
	padding:			0 0 0 20px;
	text-align:			right;
	height:				16px;
}

span.pdf a
{
	background:			none;
	padding:			0;
	color:				#000;
	text-decoration:	none;
	text-align:			left;
}
span.pdf a:hover
{
	text-decoration:	underline;
}


/************************************************
* basket
************************************************/
table.compare
{
	margin:				0 0 0 10px;
}

table.compare tr
{
	border-bottom:		1px solid #EEE;
}
table.compare tr td
{
	vertical-align:		middle;
	padding:			2px 0;
}
table.compare tr td.marker
{
}
table.compare tr td.name
{
	padding:			0 5px;
}
table.compare tr td.name a
{
	font-size:			11px;
	text-decoration:	none;
	color:				#000;
}
table.compare tr td.name a:hover
{
	text-decoration:	underline;
}
table.compare tr td.delete
{
}
table.compare tr td.delete img
{
	border:				1px solid #F00;;
	
}




table.compareList,
table.compareListHead
{
	width:				580px;
}
table.compareList tr.odd
{
	background:			#F5F5F5;
}
table.compareList tr.head td
{
	width:				115px;
}
table.compareList tr.head td a
{
	color:				#C00;	
	text-decoration:	none;
}

table.compareList tr.head td a.link
{
	background:			url(../img/link.gif) no-repeat;
	background-position: 0 2px;
	font-size:			10px;
	line-height:		14px;
	color:				#000;
	text-decoration:	none;
	display:			block;
	padding:			0 0 0 25px;
	font-weight:		normal;
}

table.compareList tr td
{
	width:				115px;
	padding:			5px 10px;
	font-size:			11px;
	border-bottom:		1px solid #EEE;
}

table.compareListHead tr td
{
	width:				115px;
	font-size:			10px;
	font-weight:		normal;
}

table.compareList tr.head td.label,
table.compareList tr td.label
{
	width:				200px;
	font-weight:		bold;
	font-size:			11px;
	overflow:			hidden;
display: block;
}

table.compareListHead tr td.label
{
	width:				200px;
	font-weight:		bold;
	font-size:			11px;
	overflow:			hidden;
}






.custom-tip {
	color: #000;
	width: 150px;
	z-index: 13000;
}
 
.custom-title {
display: none;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

div#left img#ar_banner {
	padding: 0;
	border: 0;
}