/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

/************************************************
*			Fixes, Workarounds, etc.			*
************************************************/

/* Clearfix fuer das Float-clearing */
.clearfix:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
/* End hide from IE-mac */

.clear {
	clear: both;
}

/************************************************
*				Grundlayout						*
************************************************/

html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	}
	
body {
	font-size: 0.75em;
	line-height: 1.3em;
	height: 100%;
	text-align: center;
	background: #d9d9d9 url(../images/body.gif) repeat-x 0 0;
	}
	
#main {
	width: 953px;
	background-image: url(../images/hg.gif);
	background-repeat: repeat-y; 
	background-color: #fff;
	text-align: left;
	margin: auto;
	border-bottom: solid 4px white;  
	}
	
#header {
	background-image: url(../images/hg_header.gif);
	height: 101px;
	}
	
#maincontent {
	}
	
#left {
	float: left;
	width: 189px;
	margin: 0 0 0 4px;
	background-color: #FFF; 
	}
	
#content {
	float: left;
	width: 547px;
	padding: 15px 10px 10px 10px;
	}
	
#right {
	float: left;
	width: 189px;
	padding: 14px 0 0 0;
	}

/************************************************
*				Style-Elemente					*
************************************************/
img {
	border: none;
	}
ul, li {
	list-style-type: none;
	}
hr {
	clear: both;
	}
a:link {
	color: #005aa9;
	text-decoration: underline;
	}
a:visited {
	color: #005aa9;
	text-decoration: underline;
	}
a:hover {
	color: #000;
	text-decoration: underline;
}
a:focus {
	color: #000;
	text-decoration: underline;
	}
a:active {
	color: #005aa9;
	text-decoration: underline;
	}

h1 {
	font-size: 1.5em;
	border-bottom: solid 1px #999;
	padding: 0 0 7px 0;
	margin: 0 0 20px 0;
	line-height: 22px;
	}
	
h2 {
	font-size: 1em;
	background-image: url(../images/corner.gif); background-repeat: no-repeat; background-position: right top; 
	background-color: #ccc;
	line-height: 16px;
	padding: 2px 0 2px 4px;
	margin: 5px 0 5px 0;
	}
	
h3 {
	font-size: 1em;
	margin: 0 0 5px 0;
	}

h4 {
	font-size: 1.2em;
	border-bottom: solid 1px #999;
	padding: 0 0 3px 0;
	margin: 0 0 20px 0;
	}

/************************************************
*				Header							*
************************************************/
/* Logo, Generic, Search */
#header div.logo {
	float: left;
	}

#header div.position {
	float: left;
	height: 74px;
	width:950px;
	}

#header ul#generic {
	float: right;
	margin: 4px 15px 0 0;
	width: auto;  
	}

#header div.search {
	float: right;
	margin: 8px 4px 0 0;
	}
	
#header div.search input {
	width: 162px;
	margin-right: 2px;
	}

#header div.position ul#generic li {
	margin-left: 10px;
	}

#header div.position ul#generic li a, 
#header div.position ul#generic li a:link, 
#header div.position ul#generic li a:visited {
	font-weight: normal;
	text-decoration: underline;
	}

/* Main Navigation */
#header ul#generic a, 
#header ul#generic a:link, 
#header ul#generic a:visited {
	color: #000000;
	font-size: 1em;
	}

#header ul {
	margin: 0 0 0 4px;
	}

#header ul li {
	display: inline;
	float: left;
	height: 27px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	line-height: 27px;
	}

#header ul li a, 
#header ul li a:link, 
#header ul li a:visited {
	color: #FFFFFF;
	font-size: 1.05em;
	text-decoration: none;
	display: block;
	}

#header ul li.nav1 {
	background-image: url(../images/theme1/nav_a.gif);
	background-repeat: no-repeat;
	width: 188px;
	margin-right: 2px;
	}

#header ul li.nav2 {
	background-image: url(../images/theme2/nav_a.gif);
	background-repeat: no-repeat;
	width: 187px;
	margin-right: 2px;
	}
	
#header ul li.nav3 {
	background-image: url(../images/theme3/nav_a.gif);
	background-repeat: no-repeat;
	width: 187px;
	margin-right: 2px;
	}
	
#header ul li.nav4 {
	background-image: url(../images/theme4/nav_a.gif);
	background-repeat: no-repeat;
	width: 187px;
	margin-right: 2px;
	}
	
#header ul li.nav5 {
	background-image: url(../images/theme5/nav_a.gif);
	background-repeat: no-repeat;
	width: 188px;
	}
	
#header ul li.nav1.activ, 
#header ul li.nav1:hover {
	background-image: url(../images/theme1/nav_b.gif);
	background-repeat: no-repeat;
	}

#header ul li.nav2.activ, 
#header ul li.nav2:hover {
	background-image: url(../images/theme2/nav_b.gif);
	background-repeat: no-repeat;
	}

#header ul li.nav3.activ, 
#header ul li.nav3:hover {
	background-image: url(../images/theme3/nav_b.gif);
	background-repeat: no-repeat;
	}
	
#header ul li.nav4.activ, 
#header ul li.nav4:hover {
	background-image: url(../images/theme4/nav_b.gif);
	background-repeat: no-repeat;
	}
	
#header ul li.nav5.activ, 
#header ul li.nav5:hover {
	background-image: url(../images/theme5/nav_b.gif);
	background-repeat: no-repeat;
	}

/************************************************
*				Left							*
************************************************/
/* Auswahl Marke / Typ */

#left div.select {
	margin: 6px 0 8px 4px;
	}
	
#left div.select label {
	float: left;
	font-size: 0.93em;
	width: 50px;
	margin: 3px 0 0 0;
	}
	
#left div.select select {
	float: left;
	width: 130px;
	font-size: 0.93em;
	margin: 3px 0 0 0;
	}

/* Navigation */
#left ul {
	width: 189px; 
	display: block; 
	}
	
#left ul li {
	display: block;
	margin-bottom: 2px;  
	}

#left ul li a, 
#left ul li a:link, 
#left ul li a:visited {
	color: #fff; 
	text-decoration: none;
	font-weight:bold;
	display: block; 
	background-image: url(../images/corner.gif); background-repeat: no-repeat; background-position: right top; 
	line-height: 17px;
	padding: 2px 0 2px 6px;  
	
	}

#left ul ul {
	margin-top: 2px;
	background-color: #fff; 
	}
	
#left ul ul li a, 
#left ul ul li a:link, 
#left ul ul li a:visited {
	padding: 2px 0 2px 12px;  
	font-weight:normal;
	}


#left li a.inactiv,
#left li a.inactiv:link,
#left li a.inactiv:visited {
	background-image: url(../images/corner.gif); background-repeat: no-repeat; background-position: right top; 
	background-color: #666666;  
	}

#left li a.inactiv:hover {
	background-image: url(../images/corner.gif); background-repeat: no-repeat; background-position: right top; 
	background-color: #333333; 
	}

#left li a.coactiv,
#left li a.coactiv:link,
#left li a.coactiv:visited {
	background-image: url(../images/corner.gif); background-repeat: no-repeat; background-position: right top; 
	background-color: #333333; 
	}
	
	
#left ul ul li a.inactiv,
#left ul ul li a.inactiv:link,
#left ul ul li a.inactiv:visited {
	background-image: url(../images/corner.gif); background-repeat: no-repeat; background-position: right top; 
	background-color: #999999; 
	color: #fff;  
	}
	
#left ul ul li a.inactiv:hover {
	background-image: url(../images/corner.gif); background-repeat: no-repeat; background-position: right top; 
	background-color: #818181;  
	}
	
#left ul ul li a.coactiv,
#left ul ul li a.coactiv:link,
#left ul ul li a.coactiv:visited {
	background-image: url(../images/corner.gif); background-repeat: no-repeat; background-position: right top; 
	background-color: #818181; 
	color: #fff; 
	}

/************************************************
*				Right							*
************************************************/

#right div.box {
	background-color: #ccc;
	font-size: 0.93em;
	line-height: 1.15em;
	padding: 4px;
	}
	
#right h2 {
	background-image: url(../images/corner.gif); background-repeat: no-repeat; background-position: right top; 
	background-color: #666; 
	line-height: 18px;
	padding: 0 0 0 4px;
	margin: 3px 0 0 0;
	color: #fff;
	font-weight: normal;
	}

#right div.left {
	float: left;
	width: 120px;
	line-height: 15px;
	}

#right div.right {
	float: left;
	text-align: right;
	width: 55px;
	line-height: 15px;
	}

/* Box Kundenlogin */

#right div.box label.customlogin {
	float: left;
	width: 60px;
	}
	
#right div.box input.customlogin {
	float: left;
	width: 80px;
	}
	
#right div.box input.btn2 {
	margin: 0 0 10px 60px;
	font-size: 10px;
	height: 20px;
	background-color: #ddd; 
	border: solid 1px #999;
	}
	
/* Content Kundenlogin */

#content div.box label.customlogin {
	clear: left; 
	float: left;
	width: 150px;
	line-height: 20px; 
	}
	
#content div.box input.customlogin {
	float: left;
	width: 200px !important;
	line-height: 16px;
	height: 16px;
	font-size: 12px;
	margin: 2px 0 0 0; 
	}
	
#content input.btn2  {
	margin: 5px 0 0 150px;
	font-size: 10px;
	height: 21px;
	background-color: #ddd; 
	border: solid 1px #999;
	}
	
/*
div.box div.left2 {
	float: left;
	width: 55px;
	line-height: 16px; 
	}

div.box div.right2 {
	float: left;
	width: 125px;
	}
*/


div.box input {
	font-size: 11px;
	line-height: 12px;
	height: 12px;
	}

#right input.btn {
	font-size: 10px;
	line-height: 15px;
	height: 20px;
	background-color: #ddd; 
	border: solid 1px #999;
	}

#right input.btn3 {
	font-size: 10px;
	line-height: 15px;
	height: 20px;
	background-color: #ddd; 
	border: solid 1px #999;
	width: 100px; 
	}

#right .textarea {
	width: 170px;
	font-family: Arial;
	font-size: 1.05em;  
	}

/* Box Warenkorb */

#right .radio {
	margin-top: 5px;
	margin-bottom: -2px;
	}
	
#right div.radio input {
	vertical-align: middle;
	margin-right: 2px;
	margin-top: -2px;   
	}
	
#right div.radio span {
	margin-right: 5px; 
	}


/************************************************
*				Content							*
************************************************/

/************************************************
*				Coupon / Gutschein				*
************************************************/

.coupon label {
	float:left;
	margin:3px 0 0;
	width: 60px;
}

.coupon input{
	float:left;
	margin:3px 0 0;
	width:130px;
}

.check{
	margin-bottom: -2px;
}

/************************************************
*				Allgemein						*
************************************************/

.articleimg
{
	border: solid 1px black;		
}

.nobr 
{
	white-space: nowrap;	
}

#content a {
	text-decoration: none;
	}

#content .center {
	text-align: center;
	vertical-align: middle;
	}

#content .grau {
	background-color: #CCCCCC;
	padding: 2px 0 2px 4px; 
	}

#content .strong {
	font-weight: bold;
	}

#content .rand {
	margin-right: 40px;
	}

#content .txfield {
	margin-left: 20px;
	}

#content .button {
	margin-left: 10px;
	font-size: 10px;
	background-color: #ddd; 
	border: solid 1px #999;
	}

#content .button2 {
	font-size: 12px;
	float: right;
	font-size: 10px;
	height: 20px;
	background-color: #ddd; 
	border: solid 1px #999;
	}

#content .next {
	text-decoration: none;
	border: #333333 solid 1px;
	padding: 2px 6px 2px 5px;
	font-weight: bold;
	}

#content .dropdown {
	float: right;
	width: 395px;
	height: 18px;
	font-size: 11px;
	margin-bottom: 4px;
	margin-right: 20px;
	}
	
#content .filterdropdown {
	float: left;
	width: 130px;
	font-size:0.93em;
	margin:3px 0 0;
	}
	
#content .filterlabel {
	float: left;
	width: 50px;
	margin:3px 0 0;
	}	
	
#content div.margin {
	padding-bottom: 180px;
	}


/************************************************
*				Start und Overviews				*
************************************************/

#content div.welcome {
	float: left;
	width: 220px;
	padding-bottom: 12px;
	}
#content .welcome .floatright {
	margin-top: 0px;
	float:left;
	}

#content div.welcomepic {
	float: right;
	width: 320;
	text-align: right;
	}

#content .vorschau {
	width: 170px;
	float: left;
	}

#content .vorschau2 {
	width: 130px;
	float: left;
	margin-right: 47px;
	padding-top: 4px; 
	}

#content .end {
	margin-right: 0px;
	}

#content .vorschautitel {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	}

#content .vorschaupic {
	text-align:center;
	margin-bottom: 10px;
	}

#content .vorschaubilder {
	float: right;
	margin-left: 5px;  
	}

#content p.gueltig {
	font-size: 10px;
	}
	
#content span.action {
	color:Red;
	font-weight:bold;
}

#content .vorschaustrich {
	width: 7px;
	height: 180px;
	background-image: url(../images/Vorschautrennstrich.gif);
	background-repeat: repeat-y;
	float: left;
	padding-right: 4px;
	margin-left: 3px;
	}

#content .productpic {
	float: left; 
	margin: 0px 12px 0 0px;
	border: solid 1px #ccc; 
	}
	
#content hr {
	height: 1px; 
	width: 100%;
	background-color: #cbcbcb;
	margin: 0; padding: 0; 
	border: none;
	color:#cbcbcb; }


/************************************************
*				ProdutDetail etc.				*
************************************************/

#content ul.auswahlli {
	height: 21px;
	margin-bottom: 20px;
	}

#content ul.auswahlli li {
	display: block;
	float: left;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	line-height: 21px;
	font-size: 1em;
	color: #FFFFFF;
	width: 124px;
	margin-right: 1px;
	}

#content ul li a {
	text-decoration: none;
	display: block;
	}

#content li.auswahl {
	background: url(../images/hg_Detail.gif) no-repeat;
	}

#content li.auswahl2 {
	background: url(../images/hg_Detail2.gif) no-repeat;
	}

#content li.auswahlst {
	background: url(../images/hg_Detail2.gif) no-repeat;
	}

#content ul li.auswahl a, 
#content ul li.auswahl a:link, 
#content ul li.auswahl a:visited, 
#content ul li.auswahlst a, 
#content ul li.auswahlst a:link, 
#content ul li.auswahlst a:visited, 
#content ul li.auswahl2 a, 
#content ul li.auswahl2 a:link, 
#content ul li.auswahl2 a:visited {
	color: #FFFFFF;
	width: 124px;
	}

#content ul li.auswahl2:hover {
	background-image: url(../images/hg_Detail.gif);
	background-repeat: no-repeat;
	}

#content ul li.auswahlst a:hover, #content ul li.auswahlst a:link {
	background-image: url(../images/hg_Detail.gif);
	background-repeat: no-repeat;
	}

#content .detailpic {
	margin: 5px;
	}

#content .detailkauf {
	background-color: #ccc;
	padding: 2px;
	}

#content .rabatt {
	text-decoration: line-through;
	}

#content .red {
	font-weight: bolder;
	color: red;
	}

#content .underline {
	text-decoration: underline;
	}


/************************************************
*				Bildwechselrand					*
************************************************/
.detailimage {
	position: absolute;
	height: 100px;
	}

.detailimage div {
	height: 100px;
	display: none;
	}

.detailimageactive div {
	display: block;
	}

.detailimage div a {
	display: block;
	}

.detailimage a.border {
	float: left;
	position: absolute;
	margin-left: 0px;
	margin-top: 90px;
	border: #CCCCCC 1px solid;
	padding: 0 4px 0 4px;
	color: #CCCCCC;
	text-decoration: none;
	}

.detailimageactive a.border {
	margin-top: 0px;
	border: #CCCCCC 1px solid;
	color: #000000;
	padding: 0 4px 0 4px;
	float: left;
	}

/************************************************
*				PictureOverview					*
************************************************/

#content .pictures {
	width: 109px;
	float: left;
	}

#content .pictitle {
	white-space: nowrap;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	}

#content .picimg {
	text-align: center;
	max-width: 100px;
	max-height: 90px;
	}

#content .picheight {
	height: 110px;
	}

#content .picdescription {
	height: 102px;
	width: 300px;
	font-size: 12px;
	font-family: Arial;
	font-size: 0.93em;  
	}

a.imgMapArea {
	position: absolute;
	filter: alpha(opacity=0);
	opacity: 0;
	background-color: Yellow;
	}

a.imgMapArea:hover, a.imgMapArea:active {
	filter: alpha(opacity=50);
	opacity: 0.5;
	}

/*a.imgMapArea div
{
	display:none;
	padding:4px;
	width:100px;
	position:absolute;
	background-color:#FFFFFF;
	border: dotted 1px #CCCCCC;
}

a.imgMapArea a
{
	display:block;
	background-color:Yellow;
}

a.imgMapArea:hover a, a.imgMapArea:active a
{
	display:block;
	filter:alpha(opacity=50);
	opacity:0.5;
}

a.imgMapArea:hover div, a.imgMapArea:active div
{
	display:block;
}*/

/************************************************
*				Search							*
************************************************/

#content .searchtitle {
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
	}

#content .searchlink {
	color: #666666;
	font-weight: bold;
	font-size: 10px;
	}

#content .searchwahl {
	float: right; 
	}

#content .searchwahl .border {
	border-color: #000000;
	color: #000000;
	}

#content .searchwahl .border2 {
	border: #000000 1px solid;
	padding: 0 4px 0 4px;
	color: #000000;
	background-color: #FFFFFF;
	}

#content .searchheader {
	background-color: #CCCCCC;
	padding: 3px 5px 3px 5px;
	}
	
#content input.search {
	font-size: 1em;
	line-height: 14px;
	height: 14px;
	margin: 0; 
	}
	
#content div.Pager {
	margin: 5px 0 5px 0; 
	}
	

/************************************************
*				Shophelp						*
************************************************/

#content .shopleft {
	float: left;
	}
#content .shoplist li {
	list-style-type: circle;
	list-style-position: inside;
	list-style: circle;
	margin-left: 15px;
	}
/* Wic's CSS shopleft Anpassungen für Div 2 Spaltig		*/
#content .shopleft div.sleft {
	width: 240px;
	float: left;
	clear:left;
	line-height: 15px;
	}
#content .shopleft div.sright {
	float: left;
	width: 150px;
	line-height: 15px;
	}


/************************************************
*				Floats							*
************************************************/


#content div.right {
	float: left;
	width: 390px;
	line-height: 15px;
	}

#content div.left {
	float: left;
	width: 130px;
	line-height: 20px;
	clear: left;
	}

#content div.left3 {
	float: left;
	width: 300px;
	line-height: 20px;
	}

#content div.right2 input.textbox,
#content div.right2 select.textbox {
	float: right;
	width: 390px;
	height: 12px;
	font-size: 11px;
	margin-bottom: 4px;
	margin-right: 20px;
	}

#content div.right2 select.textbox
{
	height: 20px;
	width: 394px;
	padding: 0px;
	}

#content .floatright {
	float: right;
	margin-top: -18px;
	padding-right: 5px;
	/*max-width: 120px;*/
	}
#content img.CMSPageImage 
{
	padding:4px;
	}

#content a.floatright {
	text-decoration: underline;
	}

#content .floatright2 {
	float: right;
	padding-right: 5px;
	font-weight: bold;
	line-height: 18px;
	text-align: right;
	}

#content span.right4 {
	float: right;
	font-weight: normal;
	padding-right: 15px;
	}
#content div.right p {
	margin-bottom: 10px; 
	}


/************************************************
*					Table						*
************************************************/


#content table a {
	color: #005aa9;
	text-decoration: underline;
	}

#content .block {
	display: block;
	}

#content .table {
	width: 100px;
	}

#content input.textbox {
	font-size: 11px;
	line-height: 12px;
	height: 12px;
	}

#content table {
	font-size: 11px;
	border-collapse: collapse;
	border: solid 1px #cccccc;
	width: 547px;
	}

#content table th {
	text-align: left;
	padding: 3px 3px 3px 3px;
	border: solid 1px #cccccc;
	background-color: #e5e5e5;
}
#content table td {
	text-align: left;
	padding: 1px 3px;
	border: solid 1px #cccccc;
	vertical-align: top;
	}
#content table input {
	font-size: 11px;
	width: 30px;
	line-height: 12px;
	height: 12px;
	}
	
#content table input.text {
	width: 320px;
	}
	
#content table select {
	font-size: 11px;
	}
	
#content table .imgpadding {
	padding: 3px;
	}

.productgroup {
	margin: 30px 0 5px 0;
	}

.productgroup h2 {
	margin-right: -1px;
	}

.productgroup a img {
	border-right: solid 1px #cccccc;
	margin-bottom: 1px;
	margin-right: 8px;
	margin-top: -5px;
	}

.validator {
	position:relative;
	z-index:1000;
	background-color:#FFFFFF;
	}

div.overflow_table {
	border-bottom: solid 1px #cccccc;
	height: 100px;
	display: block;
	position: relative;
	overflow-y: scroll;
	overflow-x: hidden; 
	}

div.overflow_table table
{
	border-bottom:none;
	border-top:none;
	}

table th.prdNr, 
table td.prdNr {
	width: 40px;
	}
	
/* product Number description */
table th.prdNrDesc, 
table td.prdNrDesc  {
	width: 296px;
	}
	
table th.link, 
table td.link {
	width: 50px;
	}
	
table th.vehicle, 
table td.vehicle {
	width: 118px;
	}
	
table th.price, 
table td.price {
	width: 53px;
	text-align: right;
	}


div.gallery div.image
{
	border-bottom: 1px solid silver;
	padding-bottom: 20px;
	padding-top: 5px; 
	}

div.gallery div.image h3
{
	margin: 0 0 8px 4px;
	}

div.gallery div.image div.picture
{
   	float: left;
    width: 160px;
	margin: 0 0 0 4px;
	}

div.gallery div.image div.description
{
    float: left;
	padding: 0 0 0 0;
	}
	
div#content label.imageupload {
	float: left;
	width: 100px; 
	}
	
div#content input.imageupload {
	float: left;
	width: 80px;
	}







/************************************************
*				Adresse				*
************************************************/

#content input {
	font-size: 11px;
	}

#content label.address {
	float: left;
	width: 150px;
	}
	
#content input.address {
	float: left; 
	width: 200px;
	height: 16px;
	font-size: 12px;
	}
	
#content input.addressReadOnly {
	float: left;
	width: 200px;
	height: 16px;
	font-size: 12px;
	border: solid 1px #7F9DB9;
	background-color: #CCCCCC;
	}
	
#content span.checkbox input {
	margin-right: 10px; 
	}
	
#content select {
	font-size: 11px;
	}
	
#content div.hr {
	height: 1px;
	margin: 2px 0 2px 0; 
	border-bottom: solid 1px #cbcbcb; 
	clear: both; }
	
#content div.hr hr {display: none;}

#content span.radio input {
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -2px;   
	}
	
	
/************************************************
*				FastEntry				*
************************************************/
	
	
#right .directInputError
{
    color: Maroon;
}

#content .passwordrecovery td table td, 
#content .passwordrecovery td table,
#content .passwordrecovery td, 
#content .passwordrecovery
{
	border-style:none;
}

#content .passwordrecovery input
{
	margin:0px;
	width:auto;
}