/* generell */
body {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		11px;
	color:			#6c6560;
	margin:			0px;
	padding:			0px;
	background: 	white;
	text-align:		left; /* For IE */
	}

/* Erik: Das ist ein orangener Hinweis wenn man sich ueber den Shop neu eintraegt */
div.haendlerhinweis {
	color:			#ff6600;
	font-size:		16px;
	font-weight: 	bold;
}


/* Erik: Anpassung P im Footer (vielleicht muss das noch auf ID gesetzt werden) */
#footerid p.bodytext {
	margin:		0 0 0 0px;
	padding:	0 0 0 0px;
	color:		#aaaaaa;
	/* border:1px solid blue; */
}

/* Erik: Debugmode -- kann entfernt werden wenn wir fertig sind */
#content .erik {
	/* margin:		0 0 0 0px;
	padding:	0 0 0 0px; */
	color:		#000000;
	background: 	#bce3a9;

}

/* HALLO ABU, HALLO KARINA,
   WENN MAN ES NOCH BESSER MACHEN KANN, BITTE HIER 
   DEN LINK FUER "WEITERE INFORMATIONEN" UND DEN ZURUECK LINK ANPASSEN. :)
 */
/* Erik: RelatedPage - Verlinkung auf eine "normale" Seite, wenn es weitere Produktinformationen gibt */
#content .relatedpage {
	display:	block;
	margin:		10px 0 10px 0;
	padding:	0 0 10px 20px;
	color:		#666666;
	background: 	url(gfx/li-pfeil-orange.gif) no-repeat;
}
/* Erik: RelatedPage - zurueck-Link (JavaScript) */
#content .relatedpageback {
	display:	block;
	margin:		10px 0 10px 0;
	padding:	0 0 10px 20px;
	color:		#666666;
	background: 	url(gfx/li-pfeil-orange.gif) no-repeat;
}





/* Container Styles */
#container {
	position:		absolute;
	width:			955px !important;
	width /**/:		955px;
	height:			600px;
	min-height:		600px;
	margin:			0 auto;
	padding:			0px 0 0 0px;
	text-align:		left; /* For IE, see above */
	left:				12px;
	top:				12px;
	}
	
	
/* allgemeine Styles */

a{
	color:			#ff6600;
	text-decoration: none;
}

a:hover{
	color:			#666666;
	text-decoration: none;
}

a.pfeil{
	display:			block;
	color:			#666666;
	text-decoration: none;
	background:		url(gfx/li-pfeil-orange.gif) no-repeat;
	padding:			0 0 10px 20px;
	margin:			10px 0 10px 0;
}

a:hover.pfeil{
	color:			#ff6600;
}

a.textlink{
	color:			#ff6600;
	text-decoration: none;
}

a:hover.textlink{
	color:			#666666;
	text-decoration: none;
}


span.bestNr{
	font-size:		9px;
	line-height:	18px;
}

span.teaser{
	line-height:	18px;
}
	

/* Head Bereich */
	
div.backhome{
	position:		absolute;
}

div.backhome a{
	display: 		block;
	background: 	url(gfx/buttons-de/backhome.gif);
	width:			115px;
	height:			16px;
}

div.backhome a:hover{
	background: 	url(gfx/buttons-de/backhome-hover.gif);
}

#top{
	position: 		absolute;
	top:				55px;
	left:				375px;
	height:			53px;
	width:			580px;
	background: 	url(gfx/strichel-head.gif) top left repeat-x;
}

#top div.suche{
	position: 		absolute;
	top:				32px;
	left:				56px;
	height:			20px;
	width:			190px;
	background: 	url(gfx/suche.gif);
}

#top div.suche input.suchfeld{
	position:		absolute;
	top:				2px;
	left:				15px;	
	background: 	transparent;
	color:			#666666;
	border:			none;
	font-size:		10px;
	width:			110px;
}

#top div.suche input.button{	
	position:		absolute;
	top:				2px;
	right:			15px;	
	background: 	url(gfx/los-spacer.gif);
	border:			none;
	height:			17px;
	width:			30px;
}

#top div.logo{
	position: 		absolute;
	top:				0px;
	left:				303px;
	height:			53px;
	width:			170px;
	background: 	url(gfx/logo.gif);
}


*html #service{						/*Extrawurst f�r IE6 */
	position: 		absolute;
	top:				140px;
	left:				165px;
	height:			120px;
	/*width:			800px;*/
	width: 810px;
	background: 	url(gfx/strichel-head.gif) bottom left repeat-x;
	padding-left: 100px;
}

#service{
	position: 		absolute;
	top:				140px;
	left:				165px;
	height:			120px;
	width:			800px;
	background: 	url(gfx/strichel-head.gif) bottom left repeat-x;
}


*html #service div.infos{					/*Extrawurst f�r IE6 */
	/*min-width:		50px;*/
	width:		90px;
	/*width:			auto;*/
	background: 	url(gfx/infos.gif) top left no-repeat;
	float:			right;
	padding-top:	24px;	
	line-height: 	18px;
}

#service div.infos{
	min-width:		50px;
	width:			auto;
	background: 	url(gfx/infos.gif) top left no-repeat;
	float:			right;
	padding-top:	24px;	
	line-height: 	18px;
}

#service div.einloggen{
	min-width:		100px;
	width:			auto;
	background: 	url(gfx/einloggen.gif) top left no-repeat;
	float:			right;
	margin:			0 0 0 25px;
	padding-top:	24px;	
	line-height: 	18px;
}

#service div.sicherheit{
	min-width:		100px;
	width:			auto;
	background: 	url(gfx/sicherheit.gif) top left no-repeat;
	float:			right;
	margin:			0 0 0 25px;
	padding-top:	24px;	
	line-height: 	18px;
}

#service div.warenkorb{
	min-width:		110px;
	width:			auto;
	background: 	url(gfx/warenkorb.gif) top left no-repeat;
	float:			right;
	margin:			0 125px 0 25px;
	padding-top:	24px;	
	line-height: 	18px;
}


/*
#service div.infos{
	min-width:		50px;
	width:			auto;
	background: 	url(gfx/infos.gif) top left no-repeat;
	float:			left;
	margin:			0 0 0 140px;
	padding-top:	24px;	
	line-height: 	18px;
}

#service div.einloggen{
	min-width:		100px;
	width:			auto;
	background: 	url(gfx/einloggen.gif) top left no-repeat;
	float:			left;
	margin:			0 0 0 25px;
	padding-top:	24px;	
	line-height: 	18px;
}

#service div.sicherheit{
	min-width:		100px;
	width:			auto;
	background: 	url(gfx/sicherheit.gif) top left no-repeat;
	float:			left;
	margin:			0 0 0 25px;
	padding-top:	24px;	
	line-height: 	18px;
} 

#service div.warenkorb{
	min-width:		110px;
	width:			auto;
	background: 	url(gfx/warenkorb.gif) top left no-repeat;
	float:			left;
	margin:			0 0 0 25px;
	padding-top:	24px;	
	line-height: 	18px;
}
*/

#service a{
	color: 			#666666;
	text-decoration: none;
	margin: 			0px;
	padding:			0px 0 0 15px;
	background: 	url(gfx/li-pfeil.gif) no-repeat;
}

#service a:hover{
	color: 			#ff6600;
}

#service a.login{
	display:			block;
	height:			12px;
	width:			39px;
	background: 	url(gfx/buttons-de/login.gif) no-repeat;
	margin: 			6px 0 0 0;
	padding:			0px;
}

#service a:hover.login{
	background: 	url(gfx/buttons-de/login-hover.gif) no-repeat;
}

#service a.logout{
	display:			block;
	height:			10px;
	width:			48px;
	background: 	url(gfx/buttons-de/logout.gif) no-repeat;
	margin: 			7px 0 1px 0;
	padding:			0px;
}

#service a:hover.logout{
	background: 	url(gfx/buttons-de/logout-hover.gif) no-repeat;
}

#service a.konto{
	display:			block;
	height:			10px;
	width:			98px;
	background: 	url(gfx/buttons-de/neues-konto.gif) no-repeat;
	margin: 			6px 0 0 0;
	padding:			0px;
}

#service a:hover.konto{
	background: 	url(gfx/buttons-de/neues-konto-hover.gif) no-repeat;
}


#service a.kontoverwalten{
	display:			block;
	height:			10px;
	width:			108px;
	background: 	url(gfx/buttons-de/konto-verwalten.gif) no-repeat;
	margin: 			6px 0 0 0;
	padding:			0px;
}

#service a:hover.kontoverwalten{
	background: 	url(gfx/buttons-de/konto-verwalten-hover.gif) no-repeat;
}


#service a.warenkorb1{
	display:			block;
	height:			8px;
	width:			74px;
	background: 	url(gfx/buttons-de/warenkorb.gif) no-repeat;
	margin: 			6px 0 0 0;
	padding:			0px;
}

#service a:hover.warenkorb1{
	background: 	url(gfx/buttons-de/warenkorb-hover.gif) no-repeat;
}


/*  linker Navigationsbaum mit Bestseller  */

#navigation{
position:   absolute;
left:    150px;
top:    316px;
width:   200px;
background:  url(gfx/unsere-preise.gif) top left no-repeat;
padding-top: 25px;
}

#navigation ul.pri{
margin:    0px;
padding:   0px;
width:   200px;
}

#navigation ul.pri li{
list-style:  none;
padding:   5px 0 0 3px;
border-bottom: 1px solid #dddddd;
}

#navigation ul.pri li a{
display:   block;
/*height:   19px;*/
color:   #666666;
text-decoration: none;
background:  url(gfx/li-pfeil-orange.gif) no-repeat;
padding:   0 0 5px 20px;
/*border-bottom: 1px solid #dddddd;*/
}

#navigation ul.pri li a:hover{
color:   #ff6600;
}

#navigation ul.pri li a.aktiv{
display:   block;
/*height:   19px;*/
color:   #ff6600;
text-decoration: none;
background:  url(gfx/li-pfeil-orange.gif) no-repeat;
padding:   0 0 0 20px;
border:   none;
}

#navigation ul.sek{
margin:    0 0 0 20px;
padding:   0 0 11px 0;
width:   190px;
/*border-bottom: 1px solid #dddddd;*/
}

#navigation ul.sek li{
list-style:  none;
/*height:   15px;*/
padding:   5px 0 0 0px;
/*padding:   5px 0 0 22px;*/
border: none;
}

#navigation ul.sek li a{
display:   block;
/*height:   19px;*/
color:   #666666;
text-decoration: none;
background:  url(gfx/li-pfeil.gif) no-repeat;
padding:   0 0 5px 20px;
border: none;
}

#navigation ul.sek li a:hover{
color:   #ff6600;
}

#navigation ul.sek li a.aktiv{
display:   block;
/*height:   19px;*/
color:   #ff6600;
text-decoration: none;
background:  url(gfx/li-pfeil.gif) no-repeat;
padding:   0 0 5px 20px;
}

#navigation ul.ter{
margin:    0px;
padding:   0 0 11px 0;
width:   175px;
/*border-bottom: 1px solid #dddddd;*/
}

#navigation ul.ter li{
list-style:  none;
/*height:   15px;*/
padding:   0px;
padding:   5px 0 0 22px;
border: none;
}

#navigation ul.ter li a{
color:   #666666;
font-size:   9px;
text-decoration: none;
padding:   0px;
border:   none;
background:  none;
}

#navigation ul.ter li a:hover{
color:   #ff6600;
}


/*  Bestseller innerhalb navigation */

#bestseller{
	width:			200px;
	background: 	url(gfx/bestseller.gif) top left no-repeat;
	padding-top:	12px;
	margin-top:		40px;
}

#bestseller img{
	width:			160px;
	border:			none;
	margin-left:	12px;
	margin-top:		15px;
}

#bestseller p.bodytext a{
	display:			block;
	color:			#666666;
	text-decoration: none;
	background:		url(gfx/li-pfeil-orange.gif) no-repeat;
	padding:			0 0 10px 20px;
	margin:			10px 0 10px 0;
}

#bestseller p.bodytext a:hover{
	color:			#ff6600;
}


/* Content-Bereich*/

#content {
	position: absolute;	
	left:				390px;
	top:				290px;
	/*width:			460px;*/
	width:			570px;
}


#content h1{
	color:			#6c6560;
	font-size:		16px;
	font-weight: 	bold;
	padding:			0px;
	margin:			0 0 13px 0;
	clear: both;
}

#content h2{
	color:			#ff6600;
	font-weight:	bold;
	font-size:		14px;
	clear: both;
}

#content h3{
	display:			block;
	color:			#6c6560;
	font-weight:	bold;
	font-size:		10px;
	clear: 			both;
	background:		#dddddd;
	border-top: 	dashed 1px #cccccc;
	border-bottom: dashed 1px #cccccc;
	padding:			3px 0 3px 5px;
	margin-top:		5px;
}

#content p{
	line-height:	18px;

}

#content div.neuheiten{
	width:			150px;
	margin-right:	3px;
	float:			left;
}

#content div.neuheiten img{
	width:			130px;
	border:			none;
	margin:			0 10px 0 10px;
}

#content a.pfeil, a.intenal-link, a.download, a.external-link{
	color:			#666666;
	text-decoration: none;
	background:		url(gfx/li-pfeil-orange.gif) no-repeat;
	padding:			0px 0px 0px 15px;
}

#content a:hover.pfeil, a:hover.intenal-link, a:hover.download, a:hover.external-link{
	color:			#ff6600;
}


/* Produkt vorschau */

#content div.vorschau{
	/*width:			460px;*/
	width:			570px;
}

#content div.vorschau img{
	width:			130px;
	border:			none;
	margin:			0 20px 20px 20px;
	float:			left;
}

#content div.vorschau .wrap{
	float: 			right;
	/*width:			290px;*/
	width:			400px; /* Extrawurst ff */
}

#content div.vorschau table.bestellung{
	border-top:		1px solid #ccc;
	border-bottom:	1px solid #ccc;
	/*width:			290px;*/
	width:			400px;
	margin:			0 0 10px 0;
}

#content table.bestellung td.left{
	width:			40%;
	text-align:		left;
	padding-right:	10px;
}

#content table.bestellung td.right{
	width:			20%;
	text-align:		right;
}

#content table.bestellung input.menge{
	border:			1px solid #ccc;
	width:			20px;
	font-size:		10px;
}

#content table.bestellung input.bestellen{
	background: 	url(gfx/buttons-de/bestellen.gif) no-repeat;
	width:			65px;
	height:			9px;
	border:			none;
}


/* Produktdetails */


#content img.detail{
	width:			350px;
	margin-left:	40px;
}

#content ul{
	padding:			0px 0 0 15px;
	margin:			0px 0 25px 0;
	list-style: 	disc;
}

#content ul li{
	line-height:	18px;
	margin:			0px;
	padding:			0px;
}

#content .rulerBefore{
	border-top:		1px solid #dcdcdc;
	padding-top:	15px;
}
#content	form{
	margin:			0px;
	padding:			0px;
}

#content table.bestellung{
	border-top:		1px solid #ccc;
	border-bottom:	1px solid #ccc;
	width:			100%;
	margin:			0px 0 10px 0;
}


/* Warenkrob und Bestellvorgang */


table.warenkorb {
width:   100%;
}

table.warenkorb td, th {
text-align: right;
padding:   4px;
}

table.warenkorb td.spacer {
height:  5px;
}

table.warenkorb td.orange, th.orange{
background: #FFE4BB;
width: 20%;
}

table.warenkorb td.orange2, th.orange2{
background: #FFE4BB;
width: 20%;
text-align: left;
}

table.warenkorb td.silver, th.silver{
background: #E6E6E6;
border-top:  1px solid #666;
text-align:  left;
}

table.warenkorb input.feld {
width:   200px;
border:   1px solid silver;
text-align:  right;
}

table.warenkorb input {  /* Aktualisierungsbutton */
font-family:	Verdana, Arial, Helvetica, sans-serif;
border: none;
color: #FF6600;
font-weight: bold;
background: transparent;
}


table.warenkorb input.anzahl {
width:   50px;
border:   1px solid silver;
text-align:  right;
color:			#6c6560;
}

table.warenkorb select.dropdown {
width:   90%;
border:   1px solid silver;
text-align:  left;
color:			#6c6560;
}

table.warenkorb td.orange select.laender {
width:   205px;
border:   1px solid silver;
text-align:  left; 
color:			#6c6560;
}

table.warenkorb td.orange select {
width:   300px;
border:   1px solid silver;
text-align:  left; 
font-size: 11px;
color:			#6c6560;
}

.warenkorb .orange2 input {  
border: 1px solid silver;
background: white;
font-weight: normal;
color:			#6c6560;
}

.warenkorb .orange2 select{
border:   1px solid silver;
text-align:  left;
color:			#6c6560;
}

.silver a.last{
	display: block;
	margin-left: 8px;
	color: #FF6600;
	font-size: 13px;
	font-weight: bold;
	background: none;
}

.silver a.weiter{
	color: #FF6600;
	font-size: 17px;
	font-weight: bold;
	background: none;
}

th.silver input{
	color: #FF6600;
	font-size: 17px;
	font-weight: bold;
	background: none;
}


/* Login */

#tx-srfeuserregister-pi1-fe_users_form{
width: 400px;
}

#tx-srfeuserregister-pi1-fe_users_form dt{
width: 90px; /* Felder bleiben in einer Flucht IE7! */
}




#tx-srfeuserregister-pi1-fe_users_form fieldset{
width: 400px;
border: none;
}

#tx-srfeuserregister-pi1-fe_users_form label{
display: block;
text-align:			left;
}

.tx-srfeuserregister-pi1-text {
border: 1px solid #6c6560;
width: 200px;
}

.tx-srfeuserregister-pi1-password {
border: 1px solid #6c6560;
width: 200px;
}

#tx-srfeuserregister-pi1-fe_users_form select{
border: 1px solid #6c6560;
width: 207px;
}

#tx-srfeuserregister-pi1-fe_users_form textarea{
border: 1px solid #6c6560;
width: 207px;
}

.tx-srfeuserregister-pi1-submit {
border: 1px solid #FF6600;
width: 207px;
color: #FF6600;
background: transparent;
}

/* Adressverwaltung */

.com-chkout-address-fields .orange2 input {  
border: 1px solid silver;
color: #FF6600;
background: white;
font-weight: normal;
}

.com-chkout-address-fields .orange2 select{
border:   1px solid silver;
text-align:  left;
}

.com-chkout-address-fields input {  /* Aktualisierungsbutton */
border: none;
color: #FF6600;
font-weight: bold;
background: transparent;
}

.com-address-list-link a{
	display:			block;
	color:			#666666;
	text-decoration: none;
	background:		url(gfx/li-pfeil-orange.gif) no-repeat;
	padding:			0 0 10px 20px;
	margin:			10px 0 10px 0;
}

.com-address-list-link a:hover{
	color:			#ff6600;
}



/* Modellspezifikationen */

a.modellspezifikationen{
display: block;
width: 454px;
height: 22px;
background: url(gfx/buttons-de/modellspezifikationen.gif);
padding: 0px;
margin: 10px 0 10px 0;
}

a:hover.modellspezifikationen{
display: block;
width: 454px;
height: 22px;
background: url(gfx/buttons-de/modellspezifikationen-hover.gif);
padding: 0px;
margin: 10px 0 10px 0;
}

/* Kontaktformular/Modellanfrage */

.tx-pilmailform-pi1 td.left{
width: 100px;
}

.tx-pilmailform-pi1 .eingabe {
border: 1px solid #6c6560;
width: 200px;
}

.tx-pilmailform-pi1 .pflichteingabe {
border: 1px solid #FF6600;
width: 200px;
}

.tx-pilmailform-pi1 textarea{
border: 1px solid #6c6560;
width: 300px;
overflow: hidden;
}

.tx-pilmailform-pi1 .button {
border: 1px solid #FF6600;
width: 200px;
color: #FF6600;
font-weight: bold;
background: transparent;
}

.tx-pilmailform-pi1 span {
color: #FF6600;
}

.tx-pilmailform-pi1 select {
border: 1px solid #6c6560;
width: 205px;
}


/* Login */

#tx-srfeuserregister-pi1-fe_users_form{
width: 315px;
}

#tx-srfeuserregister-pi1-fe_users_form{
width: 315px;
}

#tx-srfeuserregister-pi1-fe_users_form fieldset{
width: 315px;
border: none;
}

#tx-srfeuserregister-pi1-fe_users_form label{
display: block;
text-align:			left;
}


#tx-srfeuserregister-pi1-fe_users_form .eingabe {
border: 1px solid #6c6560;
width: 200px;
}


#tx-srfeuserregister-pi1-fe_users_form .pflichteingabe {
border: 1px solid #FF6600;
width: 200px;
}



#tx-srfeuserregister-pi1-fe_users_form select{
border: 1px solid #FF6600;
width: 207px;
}

#tx-srfeuserregister-pi1-fe_users_form textarea{
border: 1px solid #6c6560;
width: 207px;
overflow: hidden;
}

.tx-srfeuserregister-pi1-submit {
border: 1px solid #FF6600;
width: 207px;
color: #FF6600;
font-weight: bold;
background: transparent;
}



/* Login */

.tx-felogin-pi1 input{
border: 1px solid #FF6600;
width: 200px;
}

.tx-felogin-pi1 .button {
border: 1px solid #FF6600;
width: 200px;
color: #FF6600;
font-weight: bold;
background: transparent;
}

/* Suche */

.tx-commercesearch-pi1 input{
border: 1px solid #FF6600;
width: 200px;
}

.tx-commercesearch-pi1 select{
border: 1px solid #FF6600;
width: 203px;
}

.tx-commercesearch-pi1 tfoot input {
border: 1px solid #FF6600;
width: 203px;
color: #FF6600;
font-weight: bold;
background: transparent;
}


/* F�r zusammengesetzte Bilder Adresse */

.csc-textpic-imagecolumn dl{
margin: 0px;
padding: 0px;
line-height: 0px;
border: none;
}

.csc-textpic-imagecolumn dt{
margin: 0px;
padding: 0px;
line-height: 0px;
border: none;
}

.csc-textpic-imagecolumn img{
margin: 0px;
padding: 0px;
line-height: 0px;
border: none;
}


/* F�r PDF-Icon in Produktdetails */

.com-single-desc a.download{
	color:			#666666;
	text-decoration: none;
	background:		url(gfx/pdf-icon.gif) no-repeat;
	padding:			0 0 0 20px;
}

a:hover.download{
	color:			#ff6600;
}



/* Konto l�schen */

.tx-srfeuserregister-pi1 input {
border: 1px solid #FF6600;
width: 200px;
color: #FF6600;
font-weight: bold;
background: white;
}


/* Linie Danach  */

.csc-frame-rulerAfter{
border-bottom: 1px solid #666666;
}


/* Download-Bereich */

table.csc-uploads{
border-bottom: 1px solid #666666;
margin-bottom: 20px;
width:			460px;
}

td.csc-uploads-fileName p{
margin: 0px;
padding: 0px;
}

td.csc-uploads-fileName p a{
	color:			#666666;
	text-decoration: none;
	background:		url(gfx/pdf-icon.gif) no-repeat;
	padding:			0 0 0 20px;
}

td.csc-uploads-fileName p a:hover{
	color:			#ff6600;
}

/* Content Listing */

#content div.download-cat h2{
	font-size: 11px;
	display: block;
	border: 1px solid #ccc;
	float:left;
	clear: none;
	padding: 5px;
	margin: 5px;
	width: 160px;
}

#content div.download-cat a{
	color:			#666666;
	text-decoration: none;
	background:		url(gfx/li-pfeil-orange.gif) no-repeat;
	padding:			0px 0px 0px 15px;
}


#content div.download-cat a:hover{
	color:			#ff6600;
}

#content div.com-category div.clear-both {
	clear:both;
	margin-bottom: 30px;
}