/* reset start */
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, font, img, ins, kbd, q, s, samp,
small, strike, b, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; padding-right: 60px;}
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* reset end */

/*
colors:
#db0119 lloyd red (benefit)
#e6e8e9 light gray (caption, borders)

#808a92 darker gray (caption, paging, info)
#74747b middle gray (service sub2)
#00121e near black
#f8f8f8 near white (firstnav master default)
#e6e8e9 cartbg

________________________________

#c4c4c4 caption
#900 dk red, neu asp nav
#333 txt

*/


/*********************************************************** layout position start******************************************/

#logo { width:90%; background-color: #db0119; height: 32px; text-align: right; margin-top: 20px; margin-bottom: 23px }

#container { min-height:450px; margin: -38px 0px 0px 160px; border-left: 1px solid #e6e8e9; border-right: 1px solid #e6e8e9; border-top: 1px solid #e6e8e9; border-left: 1px solid #e6e8e9; min-width: 740px; background: url(https://www.lloyd-shop.de/shop/schuhe/online/lloyd/container_top.gif) repeat-x top left; padding-bottom: 0.8em; }

.kategorien { min-width: 855px; border-bottom: 1px solid #e6e8e9; border-right: 1px solid #e6e8e9; border-top: 1px solid #e6e8e9; height: 108px; padding-right: 45px; margin-top: -4px; }


#content { padding: 0em 2em 3em 2em; width:95%; overflow:hidden; text-align: left; }
#maincontent { position: relative; }
#footer { position: fixed; width: 100%; margin: 0 auto;  bottom: 0; padding:4px; background-color: #fff; font-size: 11px; color: #00121e; border-top: 1px solid #e6e8e9; text-align:center; }
#footer a {  color: #00121e; border: 0px; font-weight: normal  }  	

.bottom { bottom:0; display: inline; position:absolute; text-align:center; width: 192px; }

.fltl { float:left; }

.fltimg { float:left; margin: 0px 20px 20px 0px; }/*images patente*/

.clearlft { clear:left; }

/*popups*/
.branding { background:url(https://www.lloyd-shop.de/shop/schuhe/online/img_logo/llo_kl_1.gif) bottom right no-repeat; display:block; height: 18px; margin: 30px 20px 0px; overflow:hidden; width: 440px; }

.artikel { position: fixed; margin-bottom: 12px; }/*popup artikeldetails: fenster schliessen*/

#pcontent { width:440px; padding-bottom: 0.8em; }

#pcontainer {  margin-left: 40px; }

.popup { bottom:0; position:fixed; height:40px; width:430px!important }/*style fenster schliessen*/


/***********************************************************   text formats start    ******************************************/


body { color: #00121a; font: 12px Arial,Helvetica,Verdana,sans-serif; }



p, td { line-height: 1.8em; }

.caption { 	color:#fff; width: 180px; padding: 0.4em 0.7em 1.3em 1em; font-size:1.1em; font-weight:normal; 
 			background: url(https://www.lloyd-shop.de/shop/schuhe/online/lloyd/caption_top.gif) repeat-x top left; }/*Überschriften 1. Ordnung*/

.sub { border-bottom: 1px dotted #ccc; color:#999; font-size: 12px; font-weight:bold; margin: 12px 0px 24px 0px; padding-bottom:12px; width: 40em;  letter-spacing:0.03em; }/*Überschriften 2. Ordnung*/
	
.captionmy { border-bottom: 1px dotted #ccc; font:  bold 15px verdana, Arial,Helvetica,Verdana,sans-serif; color: #333; margin: 12px 0px 22px 0px; width: 15em; padding-bottom:6px; }/*Überschriften im MyShop Bereich & service.asp*/

h4 { font-size: 13px; font-weight:bold; margin: 18px 0px 24px 0px; }/*headings order.aspx*/

.bigger { font-size:1.3em; } /*headings order.aspx*/

h5 { font-weight:bold; margin:18px 0px 12px 0px; } 

.alert { color: #cc0000; } 

.benefit { color: #db0119; } /*popup Versandkosten, cartview versandkostenfrei, service versandkosten */

b { font-weight:bold; }


	
/************************************************* start ARTIKEL ******************************************/
.styles_overview table { width: 100%; } /*schuhmodelle.aspx search_result.aspx search_result_express.aspx, search_result_angebote.aspx */
.styles_overview td { min-height:160px; padding: 0px 0px 18px 0px; text-align:center;  margin-bottom:10px; } /*schuhmodelle.aspx search_result.aspx search_result_express.aspx, search_result_angebote.aspx */


.artmain { bottom:0; display: inline; width: 130px; position:absolute; text-align:center; }/*artikel startseite*/

.artikelname { text-align: center; width: 200px;  letter-spacing:0.03em; font-weight: bold; }/*artikelnamen*/

.info { color: #999; display: block; text-align: center; border-top: 2px solid #e6e8e9; font-size:11px; margin: 5px 10px 20px 20px; width: auto; }/*style artikeldetail, artikeldet/-big/-sohle 
*/
.btn_cart { margin: 0 0 -5px 0; }/*Warenkorb-Button*/

/* start artikelnavigation schuhmodelle.aspx search_result.aspx search_result_express.aspx, search_result_angebote.aspx */

#sort { text-align:right; width: 400px; display: inline; float: right; margin-top: -32px; color: #808a92; font-size: 12px; margin-right: 12px; }/*sortierung nach farbe, preis usw. - oben rechts*/

.artcount { color: #808a92; margin-left: 14px; margin-top: -8px; margin-bottom: -2px; }/*wie viele artikel sind lieferbar - oben links*/

.searchexp { font-weight: normal; color: #999; }/*welche suchbegriffe wurden eingegeben - oben links*/

#paging { text-align: right; color: #db0119; display:inline; margin: -14px -12px 0px 0px; float: right; }	

.paging {  text-align: left; color: #808a92; margin-left: -12px; width: auto; }/*schuhmodelle, artikeldetail, search_result, search_result_express, search_result_angebote*/

.page { font-weight: normal; color: #808a92; }/*formatierung schrift "seite" unten rechts*/



/* artikelnavigation end */



/*style artikeldetail (crosselling), artikelauswahl */

.artikeldet { margin-left: 3%; width: 85%; }/*breite content artikeldetail*/

.crosselling { text-align: center; position: relative; bottom:4px; width: auto; padding-top: 4px;}/*ausrichtung bild + text*/
.crossellingbtm { height: 60px; padding-top:12px;}/*hoehe text artikeldetail*/
.crossellingtxt { height: 34px; padding-top:5px; text-align:center; line-height: normal;  color: #f0f0f0; font-weight: normal;  }/*hoehe text artikelauswahl*/
.crossellingimg { margin-top: 14px; margin-bottom: 10px; }/*ausrichtung bild*/


.artdesc { width: 600px; margin-left: 50% }/*Formatierung rechter Block artikeldetail*/

/***********************************************************   START Navigation, Hyperlinks   ************************************************/

/*START navigation info - agb, impressum etc.*/
#nav_info { width:100%; background-color: black; color:#f8f8f8; font-size: 11px; height: 70px; text-transform: uppercase; text-align: right; }
#nav_info a { text-decoration:none; color: #f8f8f8; border-bottom: 0; font-weight: normal; }

/*START navigation top*/
.nav_top { display: inline; float: left; font-weight: bold; color: #333; margin-left: 0.8em; width: 520px; }

.nav_top li { float:left; text-align:left; text-decoration:none; font-weight: bold; font-family:Arial,Helvetica,Verdana,sans-serif; text-transform:uppercase;}

.nav_top_a { color:#000; display:block; font-weight: bold; margin: 0em; }/*for asp class highlight*/	

.nav_top_active { color:#db0119; display:block;  font-weight:bold; margin: 0em; }/*for asp class highlight*/	

.wk {  display:block;  font-weight:bold; color:#db0119; }/*for asp class highlight, no inheritance!*/	

.wk_active {  display:block; font-weight:bold; color:#db0119;}/*for asp class highlight, no inheritance!*/

/*END navigation top*/


/*START navigation sub*/
.home { color: #666; }

.nav_left { height: auto; position: absolute; left: 0px; top: 202px; background-color: white; border-top: 1px solid #e6e8e9; border-right: 1px solid #e6e8e9; padding: 10px 0px 40px 0px; width: 160px; }

.nav_left ul { display:block; line-height:15px; color:#db0119; }

.nav_left li { text-decoration:none; text-align:left; width:149px; color:#db0119; margin:0em 0em 0.6em 0.8em; }

.nav_left a { color:#666; display:block; font-weight:normal; letter-spacing: 0.02em; text-decoration:none; padding:0; }/*for asp class highlight*/
	
.nav_left a:hover { color:#db0119; }

.nav_left li li a:hover { color:#666; text-decoration: underline; }

.nav_left li li a { color:#666; display:block; font-weight:normal; letter-spacing: 0.02em; text-decoration:none; padding: 0em; margin: 0em 0em 0.4em 6px; }

.navl_ddlist { width: 130px; margin-left: 14px; }/*warensuche dropdownlisten*/

.express_txtbx { margin-top: 14px;  margin-left: 12px;}


/*END navigation sub*/	
	
/*Start artikelauswahl*/
.pfeil { margin-right: 2px; margin-bottom: -7px; } /*default, artikelauswahl*/

.crossellingtxt a:link { color: #999; font-size: 11px; }
.crossellingtxt a:active { color: #999; font-size: 11px; }
.crossellingtxt a:visited { color: #999; font-size: 11px; }
.crossellingtxt a:hover { color: #f0f0f0; }

/*Start artikelauswahl*/
		p a:link, p a:active, p a:visited {
			border-bottom: 1px dotted #990000;
			color: #990000;
			font-weight:bold;
			text-decoration:none;
		}
		p a:hover {
			border-bottom: 1px solid #990000;
			color: #990000;
			font-weight:bold;
			text-decoration:none;
		
		}
		a:link, a:active, a:visited, a:hover {
			color: #333;
			font-weight:normal;
			text-decoration:none;
			border:none;
		}
	
	
	.menu_item, a.menu_item:link, a.menu_item:visited {
			font-size: 11px;
			text-decoration: none;
			font-weight: normal;
			color: #000000;
			margin-left: 18px;
			border:none;
		}
		
		a.menu_item:hover {
			font-size: 11px;
			text-decoration: none;
			color: #333;
			background-color:#a1c7a1;
			border:none;
		}		
	
	/*START_small*/

		.active {
			font-size: 11px;
			color:#555;
		}
	
		.small {
			font-size: 11px;
			color:#999;
		}
		
		A.small:link {
			font-size: 11px;
			text-decoration: none;
			color: #999;
		}
		
		A.small:active {
			text-decoration: none;
			color: #000;
		}
		
		A.small:visited {
			text-decoration: none;
			color: #999;
		}
		
		A.small:hover {
			text-decoration: none;
			color: #000000;
		}
	/*END_small*/

/***********************************************************   END Navigation, Hyperlinks   ************************************************/

/***********************************************************   START Forms   ************************************************/

#form {	margin-left: 12px; width:148px; }
#form p { color:#333; font-size:10px; margin: 6px 0px 2px 0px; }
#form select { width: 130px; }/*suchfelder warensuche*/
/*##form input { margin-left: -11px; }suchfelder warensuche*/

.formular label, select { /* Alle Labels UND Formularelemente der Klasse Form auswählen */
  display: block;
  float: left;
  width: 140px; /* Breite.*/
  margin-bottom: 12px;
  
}

.formular br { /* Alle Zeilenumbrüche in Formularen auswählen */
   clear:left; } /* das floating der labels und inputs aufheben */
	

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}
.formular label {
 text-align: right;
 margin-top: 6px; 
 padding-right: 1em; 
}
.formular {
  background: #fff;
  border: none;
  margin:0;
  overflow:hidden;
}
.inline label {
 display:inline;
 width: 70px;
 line-height:normal;
 }

select {
  border-collapse: collapse;
  border-top: 1px solid #ccc;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #ccc;
  background-color: #fff;
  height: 20px;
  padding: 0;
}

.formular input {
  border-collapse: collapse;
  border: none;
  border-top: 1px solid #ccc;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #ccc;
  color: #333;
  padding: 0px;
}

/***********************************************************   END Forms   ************************************************/

/*START main*/

#main_container { min-height:450px; height: 100%; margin: 0px 0px 0px 160px; border-right: 1px solid #e6e8e9; min-width: 740px; padding: 0px; margin-top: -15px; overflow:hidden;} /*Position Container Startseite*/

#main_content {  padding: 0em 2em 3em 2em; width:95%; overflow:hidden; text-align: left;  } /*Position Container Startseite*/

.highlights { margin-left: 355px; margin-top: 30px; width: 370px; height: 170px; position: relative; vertical-align:bottom; } /*Position Artikel*/

.main_img { float: left; display: inline; margin: 0 0 0 1px; } 

.main_info { width: 100%; min-width: 750px; background-color:#E4E5E5; text-align: center; margin-right: -2em; font-weight: bold; font-size: 12px; color: #999; padding: 6px; } /* grauer Balken*/

/*END main*/

/*START order*/

.cartview { width: 90%; }

.cartrow td { border-bottom: 1px solid #ccc; }

.cartview th { padding:5px 2px 2px 3px; vertical-align:middle; background-color: #e6e8e9; color: #00121e; border-bottom: 1px dotted #333; border: 1px solid #fff; text-align: center; }

.cartview td { padding-top:4px; vertical-align:middle; text-align: center}

.subtotal td { text-align: right; font-size: 11px; }/*Position und Größe Zwischensummen Warenkorb*/

.section { height: 2px; border-bottom: 1px dotted #333; }/*Trennstriche Warenkorbdarstellung*/

.customer { width: 100%; }/* Bestellung 4. Uebersicht*/

.customerinf {  font-size: 0.9em; color: #808a92; margin: 0px 0px 12px 0px; padding: 0px; font-weight: normal; }/*Bestellung 4. Uebersicht Überschriften Kundendaten*/

.customer td {  background-color:#e6e8e9; width: 100%; line-height: 1.5em; }/*Bestellung 4. Uebersicht */

.customer_aendern { position: absolute; bottom: 12px; }/*Bestellung 4. Uebersicht Buttons "ändern" */

.form_adresse { width: 470px; margin-right: 10px; }/*Formulare Rechnungs- und Lieferadresse WK */

/*END order*/



/***********************************************************   START Service   ***********************************/

/*   start SERVICE NAV  */

.service_tab { }/*Service Navigation Register oberer Teil*/

.service_tab_active {  background: url(https://www.lloyd-shop.de/shop/schuhe/online/lloyd/caption_top.gif) repeat-x top left;  }/*Service Navigation Register oberer Teil*/ 

.service_tab2_nav { height:15px; background-color: #f8f8f8; margin-top: 10px; padding: 10px 10px 6px 24px; }/*Service Navigation Register unterer Teil komplettes Div*/

.service_tab2 { height:18px; width: auto; padding: 2px 5px 2px 12px; text-align: center; width: auto; margin-top: 1px; }/*Service Navigation Register unterer Teil*/

.service_tab2_active { height:18px; width: auto; background: url(http://www.lloyd-shop.de/shop/schuhe/online/lloyd/service/service_tab2_h.gif) no-repeat top left; padding: 2px 5px 2px 12px; text-align: center; width: auto; margin-top: 30px; }/*Service Navigation Register unterer Teil highlight*/

/*   end SERVICE NAV  */

.service_sub { color: #74747b; font: 1.7em bold Georgia, "Times New Roman", Times, serif; letter-spacing: 0.02em; margin: 1.5em 0 2.4em 0;  }/*Servicebereich Formatierung Subunterschriften*/

.bestellinfoimg {  float:left; width:140px; text-align:right; }/*Unterseite Bestellinfos*/

.bestellinfop {  margin-left: 150px; }/*Unterseite Bestellinfos*/

.agb p {  font:  normal 12px/1.6em verdana, Arial,Helvetica,Verdana,sans-serif; }

.agb b { margin-bottom: 7px; }

.specific { border:0; }/*highlightet alles shopspezifische*/

.bullet { padding-left:20px; background:url(https://www.lloyd-shop.de/shop/schuhe/online/lloyd/dreieck.gif) no-repeat; border: 1px solid red; }


.art p {
	margin-bottom: 20px;
	margin-right: 30px;
	margin-left: 20px;
	text-align: justify;
	font-size: 12px;
	line-height: 2.4em;
	}
.box {
	display: block;
	margin-right: 30px;
	margin-left: 20px;
	text-align: justify;
	font-size: 12px;
	line-height: 2.4em;
	}
.art {
	border: 1px solid #d8d8d8;
	height: 140px;
	margin-bottom: 20px;
	background-color:#EEEFEF;
	}

.pflege td, th{
	padding: 12px;
	
	}/*verwendet: Unterseite Pflegetipps, Anfrage*/
.pflege td ul {
	margin-left: 14px;
	line-height: 2.4em;
	
	}/*verwendet: Unterseite Pflegetipps, Anfrage*/


.service p { max-width: 950px; }

/* START Groessentabellen */
.shop { background-color: #E8E8E8; border-width: 0px; border-color: #E8E8E8; text-align: center; font-weight: bold; } 
.teilung td { border-right: 1px solid #E8E8E8; font-size: 12px; text-align: center; } 
.rahmen td { border-bottom: 1px solid #E8E8E8; } 
.rahmen td { border-bottom: 1px solid #E8E8E8; padding: 5px; } 
.submenu { margin-bottom: 0.5em; }
/* END Groessentabellen */
	
/***********************************************************   END Service   ***********************************/

/*** scroller begin ***/

div.scroller {

    width:570px;
    overflow:hidden;
    white-space:normal;
    height:130px;
}

/*** end scroller ***/


.test * { border: 1px solid red; }