@charset "utf-8";

/*@import ".css"; */

.hide,
#damenstiefel .hidesup,
#damenmetropolitan .hidesup, 
#damencasual .hidesup,
#herrenmetropolitan .hidesup,
#herrenhandnaht .hidesup,
#herrencasual .hidesup,
#tilschweiger .hidesup,
#unisexhandnaht .hidesup,
#unisexsneakers .hidesup,
#trekking .hidesup,
#kids .hidesup,
#accessoires .hidesup {
	display: none;
}

/*****************************************************************
		Screen-Stylesheet  .de
		Nadine Oberstein ::: Beratung. Konzeption. Web- und Printdesign.
		www.nadine-oberstein.de 
		
		Farben:
		Rot Links & Highlights: 		#812839
		Rot Link-Hintergünde:				#c0939c
		Rot Formular-Hintergrund:		#f4e6e8
		Rot Special-Hintergrund:		#edd5d9
		Rot Asterix:								#c0939c
		
		Grün Rahmen Wrapper:				#cbd8d8
		Grün Rahmen Inner:					#6e8c17
		Grün Formular Schrift: 			#6b7367
		Grün Formular Hintergrund:	#d7e6ce
		Grün Formular Rahmen:				#98aa9b
*****************************************************************/

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, strong, sub, 
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: 0;	
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	background: transparent;
}

html {
	height: 100%;
}

body {		
	height: 100%;
	font: normal 0.7em verdana, helvetica, sans-serif;
	line-height: 130%;
	color: #000;
	background: url(../images/css/bg_body.jpg) repeat-x bottom left #fff;
	background-attachment: fixed;	
}

/***********************
			Typo
***********************/

h1, h2, h3,
caption,
#index .modell_large_font,
fieldset legend,
.haendler thead th {
	line-height: 110%;
	margin-bottom: 1em;
	font-family: georgia, times, serif !important; 
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
}

h1, h2 {
	font-size: 145%;
	margin-bottom: 1em;
}

h3, 
caption,
fieldset legend {
	text-transform: none;
	font-style: normal;
	font-size: 110%;
	line-height: 130%;
	margin-bottom: 0.6em;
}

#models h3,
#kollektionen h3 {
	font-style: italic;
	text-transform: uppercase !important;
}

#kollektionen div.pretty h3 {
	margin-bottom: 1.5em;
}

h4, h5, h6,
input,
select,
.semi,
.modell_large_font a {
	text-transform: none;
	font-size: 100%;
	font-weight: normal;
	font-family: verdana, helvetica, sans-serif !important;
}

h4, h5, h6,
.semi,
h3.intro {
	font-weight: bold;
	font-style: normal;
}

p, img, h4, h5, h6,
.semi,
address,
#content ul,
#retailer_suchfeld_content,
#retailer_world fieldset,
#tradition dl,
#tradition dd,
div.special#downloads_hb,
div.special#vororder_hb,
.haendler table  {
	margin-bottom: 1em;
}


strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.intro,
#passform dd,
.bu {
	font-style: italic;
	font-size: 110%;
	line-height: 140%;
	color: #666;
}

.bu img {
	margin-bottom: 0em;
}


hr {
	height: 0px;
	border: none;
	color: #fff;
}

ol, ul,
#content ul.contentsubmenu {
	list-style: none;
}

dl {
	clear: left;
}

dt {
	float: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

#models sup,
div.gloss sup,
.haendler sup {
	color: #c0939c;
}

.clearer {
	clear: both;
}

.light, .bu {
	color: #888;
}

.highlight {
	color: #812839;
}

.error strong {
	color: red !important;
}

.contentcenter {
	text-align: center;
}

.border {
	border: 1px solid #bad3d2;
}

/***********************
			Links
***********************/

a, a:link, a:visited, a:focus, a:hover, a:active {
	padding: 0.1em;
	color: #666;
	text-decoration: none;
}

a:focus, a:hover, a:active,
#metamenu a:focus, #metamenu a:hover, #metamenu a:active,
#menu ul a:focus, #menu ul a:hover, #menu ul a:active,
#footer .active:focus, #footer .active:hover, #footer .active:active {
	color: #fff !important;
	background: #c0939c;
}

a:active {
  outline: 1px dotted #888;
}

/*** Homelink  ***/

#homelink:focus, #homelink:hover, #homelink:active {
	outline: 1px dotted #666 !important;
}

/*** Menues ***/

.active {
	font-weight: bold;
}

/*** Menü 1. Ebene ***/

#menu a {
	color: #666;
}

#menu>li>a {
	display: block;
	padding-top: 0;
	white-space: nowrap;
}

#menu a.active {
	color: #333;
	background: none;
}

#menu a.active:focus, #menu a.active:hover, #menu a.active:active {
	background: #c0939c;
}

/*** Menü 2. Ebene ***/

#menu ul a,
#menu ul a.active {
	padding-top: 0 !important;
	color: #666;
	background: none;
}

#menu ul a.active {
	text-shadow: none !important;	
}

#menu ul a.active:focus, #menu ul a.active:hover, #menu ul a.active:active {
	background: #c0939c;
}

/*** Content ***/

#content a,
#index.suche #content a {
	padding-left: 15px;
	background: url(../images/icons/icon_intern.gif) no-repeat center left;
	color: #812839;
}

#content a:focus, #content a:hover, #content a:active {
	background-color: #c0939c;
}

#index.suche #content a:focus, #index.suche #content a:hover, #index.suche #content a:active,
#impressum #content a:focus, #impressum #content a:hover, #impressum #content a:active,
#fachhaendler_result .retailer a:hover, #fachhaendler_result .retailer a:focus, #fachhaendler_result .retailer a:active {
	background-color: #c0939c !important;
}

#content p a {
	padding-top: 0.1em;
	padding-right: 0.1em;	
	padding-bottom: 0.1em;
}

a.extern,
a[href*="http"] {
	padding-left: 16px !important;
	background-image: url(../images/icons/icon_web.gif) !important;
}

a.mail,
a[href*="mailto"],
#index.suche #content a[href*="mailto"] {
	padding-left: 20px !important;
	background: url(../images/icons/icon_mail.gif) no-repeat center left !important;
}

a[href$=".pdf"] {
	padding-left: 22px !important;
	background-repeat: no-repeat;
	background-position: center left !important;
	background-image: url(../images/icons/icon_pdf.gif) !important;
}

#models div.picsarticle a,
#models div.picsmodel a {
	padding: 0px !important;
	background: none !important;	
}

div#fancy_outer a:active {
	border: none !important;
}

div#fancy_outer a:hover, div#fancy_outer a:focus, div#fancy_outer a:active {
	background: transparent !important;
}

/*** Sonderfälle ***/

#content .reference a {
	color: #666;
	display: block;
	background-image: none;
	padding: 1em;
}

#index #content a {
	color: #666;
	background-image: none;
	padding-left: 0;
}

#index #content a:before {
	white-space: nowrap;
	letter-spacing: -0.1em;
	content: "> ";
}

#index.suche #content a:before {
	content: "" !important;
}

div.pretty a {
	color: #000 !important;
	background-image: none !important;
	padding: 0 !important;
	display: block;
}

div.pretty a:hover, div.pretty a:focus, div.pretty a:active {
	background: #ececec !important;
}

div.pretty h2 a,
div.pretty h3 a {
	padding-bottom: 3em !important;
}

#schuhe div.pretty h2 a {
	padding-bottom: 0em !important;
}

a.imglink,
#schuhe div.pretty p a {
	display: block;
	padding: 4.6em 0 0 0 !important;
	margin-top: -8.9em;
}

a.imglink img,
#schuhe div.pretty p {
	margin: 5em 0 0 0;
}

#kollektionen a.imglink img,
#schuhe div.pretty p {
	margin-left: 20px;
}

#schuhe div.pretty a.light {
	color: #888 !important;
}

/*** Footer ***/

#footer .active {
	background: none;
}
	
/*********************** 
			Struktur
***********************/

h6, 
legend span,
caption span,
#header h1,
#submenu h2,
span.hide,
#retailer.en a span,
span.hidden,
.bdate label {
	position: absolute;
	top: -200em;
	left: -200em;	
}

/*** Skiplinks ***/

#meta {
	z-index: 1;
	position: absolute;
}

#skiplinks {
	list-style: none;
	text-align: center;
}

#skiplinks a, #skiplinks a:link, #skiplinks a:visited, #skiplinks a:focus, #skiplinks a:hover, #skiplinks a:active {
	display: block;
	position: absolute;
	top: -200em;
	left: -200em;
	font-size: 90%;
	color: #fff;
}

#skiplinks a:focus, #skiplinks a:active {
	top: 0px;
	left: 0px;
	width: 235px;
	color: #888;
	font-size: 105%;
	font-weight: bold;
	padding: 0.2em;
	text-decoration: none;
	background: #c0939c;
}

#skiplinks a:active {
	color: #666;
}

/***********************
			Layout
***********************/

#wrapper {
	position: relative;
	width: 960px;
	margin: 0 auto 100px auto;
	padding: 0 15px;
	border: 1px solid #cbd8d8;
	border-top: 0px;
	background: url(../images/css/bg_wrapper.png) repeat bottom left;	
}

#inner {
	position: relative;
	border: 1px solid #6e8c17;
	border-top: 0px;
	background: #fff;		
}

#header {
	height: 130px;
}

#main {
	padding-bottom: 0px;
}

#content {
	margin-top: 40px;
}

.suche #content,
.sucheen #content,
#suchseite #content {
	margin-top: 40px !important;
}

#footer {
	margin: 0.4em 0;
}

/***********************
			Header
***********************/

#homelink,
#metamenu {
	position: absolute;
}

#homelink {
	display: block;
	padding: 0;	
	top: 40px;
	left: 20px;	
	width: 200px;
	height: 36px;
}

#homelink:focus {
	top: 41px;
	left: 21px;	
}

#homelink img {
	width: 100%;
	height: 100%;
}

#metamenu {
	top: 0;
	right: 5px;
	text-align: right;
	color: #888;	
	font-size: 95%;
	line-height: 120%;
}

#metamenu a {
	color: #888;
}

#metamenu li {
	padding-top: 10px;
	float: right;
	margin-left: 5px;
}

#metamenu li:after {
	padding-top: 10px;
	content: " | ";
}

#metamenu li.form:after,
#metamenu li.last:after {
	content: "";
}

#metamenu li.form {
	padding-top: 0 !important;
	margin-left: 8px;
}

/***********************
	Hauptnavigation
***********************/

#navigation {
	min-height: 30px;
	background: url(../images/css/bg_navigation.gif) repeat-x top left #fff;
}

#suche {
	position: relative;
	float: left;
	height: 28px;
	width: 200px;
	margin-left: 20px;
	padding: 0 !important;
}

#suche #suchfeld {
	position: absolute;
	top: 6px;
	left: 0px;
	width: 150px;
	padding: 2px;
	background: #f2f5e5;
	border: 1px solid #a6a9b8;
}

#suche #submit {
	position: absolute;
	top: 8px;
	right: 13px;
}

#menu {
	float: right;
	margin-top: -7px;
	width: 720px;
}

#menu ul {
	margin-top: 20px;
	height: 64px;
}

#menu>li {
	float: left;
	width: 200px;
	margin-right: 20px;
	padding-top: 15px;
	padding-left: 20px;
	font: bold 1.35em georgia, times, serif; 
	font-style: italic;
	text-transform: uppercase;
	background: url(../images/css/navigation_trenner.png) no-repeat 0 0;
}

#menu ul li {
	float: none;
	padding: 0px;	
	font: normal 0.7em verdana, helvetica, sans-serif;
	text-transform: none;
	background: none;
}

/***********************
			Sub-Navigation
***********************/

#submenu {
	float: left;
	width: 190px;
	height: 320px;
	margin: 10px 50px 0 -10px;
	padding: 0 0 3em 30px;
	background: url(../images/css/bg_subnavigation.png) no-repeat top left;
}

.en #submenu {
	background-image: url(../images/css/bg_subnavigation_en.png) !important;
}

#damensportiv #submenu,
#damenstiefel #submenu,
#damenmetropolitan #submenu, 
#damencasual #submenu,
#herrenmetropolitan #submenu,
#herrenhandnaht #submenu,
#herrencasual #submenu,
#tilschweiger #submenu,
#unisexhandnaht #submenu,
#unisexsneakers #submenu,
#trekking #submenu,
#kids #submenu {
	margin-top: 50px;
}

body.suche #submenu,
body.sucheen #submenu {
	display: none;
}

#submenu a {
	color: #333;
}

#submenu ul {
	margin-top: 50px;
}

#submenu ul ul {
	margin: 0 0 5px 0;
}

#submenu ul li {
	font: bold 1.2em georgia, times, serif; 
	font-style: italic;
	text-transform: uppercase;
	line-height: 150%;
}

#submenu ul ul li {
	font: normal 0.83em verdana, helvetica, sans-serif;
	text-transform: none;
}

/***********************
	Contentlayout
***********************/

#content .nofloat {
	float: none !important;
}

#content .floatright,
div.fancy_content_inner .floatright {
	float: right !important;
}
#content .floatleft,
div.fancy_content_inner .floatleft {
	float: left !important;
}

#content .teaser,
#content .medium,
#content .large,
#content .xlarge,
#content .full,
div.pretty {
	float: left;
}

#content div.teaser,
#content div.medium,
#content div.large,
#content div.xlarge,
#content div.full,
#content table.teaser,
#content table.medium,
#content table.large,
#content table.xlarge,
#content table.full,
#content form.teaser {
	margin-bottom: 3em;
}


#content .teaser,
div.pretty,
div.fancy_content_inner div.teaser {
	width: 200px;
}

#content .medium {
	width: 440px;	
}

#content .large {
	width: 680px;	
}

#content .xlarge {
	width: 920px;	
}

#content .full {
	margin-left: -1px;
	width: 958px;	
}

/*** reguläre Abstände ***/

.gapleft {
	margin-left: 20px;
}

.gapright {
	margin-right: 20px;
}

.gapleftright {
	margin-left: 20px;
	margin-right: 20px;	
}

.gaptop {
	margin-top: 26px;
}

.gapbottom {
	margin-bottom: 26px;
}

/*** doppelte Abstände ***/

.gapbottomdouble {
	margin-bottom: 40px;
}

.gaptopdouble {
	margin-top: 40px;
}

.gapleftdouble {
	margin-left: 40px;
}

.gaprightdouble {
	margin-right: 40px;
}

/*** Kein Abstand ***/

.nogapbottom {
	margin-bottom: 0px !important;
}

/*** negative Abstände ***/

.neggapmain {
	margin-top: -40px;
}

.neggaptop {
	margin-top: -20px;
}

/*** Abstände innen ***/

.plusleft {
	padding-left: 20px;
}

.plustopbottom {
	padding-top: 20px !important;
	padding-bottom: 20px !important;	
}

.plusleftrightdouble {
	padding-left: 40px !important;
	padding-right: 40px !important;	
}

/***********************
	Contentdesign
***********************/

#content ul {
	list-style: square inside;
}

/*** Blockverweis ***/

#content .reference {
	background: #ececec;
}

/*** Special ***/

#content .special {
	padding: 1em;	
	background: #edd5d9;
}

#content span.special {
	padding: 0 0.2em;	
}

#content div.special h2.attmark,
#content div.special h3.attmark,
#content div.special p.attmark {
	padding-left: 32px;
	background: url(../images/css/bg_special.gif) no-repeat center left;
}

#content div.special h2,
#content div.special h3 {
	color: #333;
}

#content div.special h2 {
	font-size: 125%;
}

#content div.special#downloads_hb,
#content div.special#vororder_hb {
	padding-bottom: 0.5em !important;
}

#content div.special#downloads_hb h2,
#content div.special#downloads_hb h3,
#content div.special#vororder_hb h2,
#content div.special#vororder_hb h3 {
	padding-left: 0px !important;
	background: none !important;
}

/***********************
			Formulare
***********************/

/*#retailer_suchfeld,*/
#retailer_suchfeld_content,
#retailer_world select,
.bdate select,
#haendlerlogin input[type="text"],
#haendlerlogin input[type="password"],
#suche_content input[type="text"],
.catorder input[type="text"],
.catorder textarea {
	width: 125px;
	padding: 0.3em;
	color: #6b7367;
	background: #d7e6ce;
	border: 1px solid #98aa9b;
}

.bdate select {
	padding: 0.2em 0.1em 0.22em 0.3em;
}

#retailer_suchfeld:focus,
#retailer_suchfeld_content:focus,
#retailer_world select:focus,
#haendlerlogin input[type="text"]:focus,
#haendlerlogin input[type="password"]:focus,
#suche_content input[type="text"]:focus,
.catorder input[type="text"]:focus,
.catorder textarea:focus {
	color: #000;
	background: #b5cfa6;
}

#retailer_suchfeld,
#suche input {
	font-size: 80%;
}

#haendlerlogin input[type="text"],
#haendlerlogin input[type="password"],
#retailer_suchfeld_content {
	width: 155px;
}

/*** Händler logout ***/

.haendler form#logout {
	position: absolute;
	top: 134px;
	right: 20px;
}

/*** Fachhändlerform ***/

#retailer, #retailer * {
	display: inline;
}

#retailer_suchfeld {
	padding: 0.2em 0.3em;
	width: 120px;
	color: #666;	
	border: 1px solid #888;
	background: #f4e6e8;
}

#retailer_submit {
	color: #333;	
	font-size: 95% !important;
	letter-spacing: 0.05em;
}

/*** Fachhändlerform Content ***/

#retailer_submit_content {
	float: right;
}

.special #retailer_suchfeld_content {
	width: 140px;
	background: #fff;
}

/*** Fachhändlerform Weltweit ***/

#retailer_world fieldset legend {
	padding-top: 10px;
}

#retailer_world select {
	padding: 0;
	width: 20em;
}

/*** Katalogbestellung ***/

.catorder {
	position: relative;
}

.catorder label.pflicht {
	color: #666;
	font-weight: bold;
}

.catorder input.error,
.catorder textarea.error {
	border: 1px solid red;
}

.catorder dl {
	padding-bottom: 0.7em;
}

.catorder dt {
	width: 8.5em;
}

.catorder input[type="text"] {
	width: 50% !important;
}

.catorder input#Geburtsjahr,
.catorder input[id="PLZ"],
.catorder input[id="bPLZ"] {
	width: 9% !important;
}

.catorder input#Geburtstag {
	width: 4% !important;
}

.catorder .bdate select {
	width: 22% !important;
}

.catorder input#Geburtstag,
.catorder input#Geburtsmonat,
.catorder input#Geburtsjahr,
.catorder input[id="PLZ"],
.catorder input[id="bPLZ"] {
	margin-right: 1%;
}

.catorder input[id="Ort"],
.catorder input[id="bOrt"] {
	width: 37% !important;
}

.catorder input[type="submit"] {
	margin-left: 8.5em;
}

.catorder fieldset fieldset {
	margin-bottom: 1.3em;
}

.catorder label span {
	color: #812839;
	font-weight: bold;
}

.catorder textarea {
	width: 65% !important;
	height: 10em;
}

/* Business oder Customer */

.catorder #boc {
	margin-bottom: 0.5em;
}

.catorder #boc input[type="radio"] {
	margin-top: 1em !important;
}

.catorder #boc label {
	font-weight: bold;
	color: #812839;
}

/***********************
			Footer
***********************/

#footer ul {
	text-align: right;
}

#footer ul li {
	display: inline;
}

#footer ul li:before {
	content: "| ";
}

#footer ul li:first-child:before {
	content: "";
}

/***********************
	Seitenspezifisch
***********************/

/*** Start ***/

.modell_large_font {
	padding-bottom: 64px;
}

.modell_large_font p {
	text-align: right;
	margin-top: -60px;
}

.modell_large_font p span {
	color: #888;
	font-size: 130%;
}

/*** Suche ***/

.searchterm {
	font-size: 130%;
	color: #812839;
}

.suche_result span {
	display: block;
	padding: 0.2em 0 1em 15px;
}

.suche_result a {
	font: bold 120% georgia, times, serif !important; 
}

form#suche_content legend,
form#suche_content p {
	padding: 0.2em;
	background: url(../images/css/bg_wrapper.png) repeat bottom left;	
}

/*** Fachhändler ***/

#fachhaendler_result .address {
	height: 13em;
	border: 1px solid #bbb;
	background: #ececec;	
}

#fachhaendler_result #international .address {
	height: 14.5em !important;	
}

#fachhaendler_result h2 span.special {
	color: #fff;
	background: #812839;
}

#fachhaendler_result .retailer {
	margin: 1em;
}

#fachhaendler_result .retailer address,
#fachhaendler_result .retailer dl {
	margin-bottom: 0.5em;
}

#fachhaendler_result .retailer address {
	font-style: italic;
}

#fachhaendler_result .retailer dt {
	width: 30%;
}

#fachhaendler p.haendlerspecial {
	margin-top: -1em !important;
}

/*** Tradition ***/

#tradition dt {
	float: none;
	padding: 0.2em;
	margin-bottom: 0.5em;
	font: bold 120% georgia, times, serif !important; 
	color: #812839;
	border-bottom: 1px dotted #999;
}

#tradition dt span {
	padding-left: 0.5em;
	font: normal 100% verdana, helvetica, sans-serif !important;
	font-style: italic !important;	
	color: #666;
}

#tradition dd {
	padding-left: 4em;
}

/*** Kontakt & Impressum ***/

dl.phone dt {
	width: 5em;
}

dl.data {
	margin-bottom: 0.3em;
	padding: 0.2em 0.1em;
	background: #f4e6e8;
}

dl.data dt {
	width: 40%;
	padding-left: 0.25em;
	font-weight: bold;
}

/*** Passform ***/

.passform_weitensymbollisten {
	margin-top: -1em;
	border: 1px solid #c5c5c5;
}

.passform_weitensymbollisten dl {
	margin: 1.2em 1em 1em 1em;
}

.passform_weitensymbole dt {
	width: 15%;
}

.passform_weitensymbole img {
	margin-right: 5px;
}

#passform .special h3.semi {
	padding: 0;
	background: none;
}

/***** Passform ******/

#passform caption, #passform th, #passform td {
	padding: 0.2em;
	text-align: left;
}

#passform td {
	text-align: center;
}


#passform td, #passform th {
	border: 1px solid #f2e9eb;
}

#passform th {
	font-weight: bold;
}

/* tablecloth */

#passform tr.even td, #passform tr.even th {
	background:#edd5d9;
}

#passform tr.odd td, #passform tr.odd th {
	background:#dfc9cd;
}

#passform th.selected, #passform tr.even th.selected, #passform tr.odd th.selected {
}

#passform th.over, #passform tr.even th.over, #passform tr.odd th.over,
#passform th.down, #passform tr.even th.down, #passform tr.odd th.down,
#passform td.over, #passform tr.even td.over, #passform tr.odd td.over,
#passform td.down, #passform tr.even td.down, #passform tr.odd td.down {
	background:#c0939c; 
	color:#fff; 
}

#passform td.selected, #passform tr.even td.selected, #passform tr.odd td.selected {
	background:#c0939c; 
	color:#fff; 
	font-weight: bold;
}

/***********************
			Händler
***********************/

.haendler #navigation h2 {
	color: #812839;
	padding: 6px 0 0 20px;
}

.haendler .reference {
	padding: 1em 2em;
	margin-bottom: 2em;
}

.haendler .reference a {
	display: inline !important;
	padding-top: 0.1em !important;
	padding-right: 0.1em !important;
	padding-bottom: 0.1em !important;		
}

.haendler .reference a:focus, .haendler .reference a:hover, .haendler .reference a:active {
	background-color: #c0939c !important;
}

#downloads p br {
	display: none;
}

#downloads a[href$=".pdf"],
#vororder a[href$=".pdf"] {
	display: block;
	min-height: 17px;
	margin-bottom: 0.2em;
}

#downloads a[href$=".pdf"] span,
#vororder a[href$=".pdf"] span {
	white-space: nowrap;
	color: #888;
}

.haendler table {
	width: 440px;
}

.haendler table * {
	text-align: left;
}

.haendler col.ort {
	width: 30%;
}

.haendler col.datum {
	width: 22%;
}

.haendler col.zeit {
	width: 20%;
}

.haendler col.bestellung {
	width: 33%;
}

.haendler col.auslieferung {
	width: 35%;
}

.haendler col.rabatt {
	width: 20%;
}

.haendler col.kw {
	width: 12%;
}

.haendler col.ort,
.haendler col.datum,
.haendler col.zeit,
.haendler col.kw,
.haendler col.rabatt,
.haendler col.auslieferung {
	border-left: 1px solid #c0939c;	
}

.haendler th, .haendler td {
	padding: 0.5em;
}

.haendler  thead th {
	font-size: 110%;
	color: #812839;
	border-bottom: 1px solid #c0939c;
}

.haendler td em {
	color: #812839;
}

/* tablecloth */

.haendler tbody tr.even td, .haendler tbody tr.even th {
	background: #f1f1f1;
}

.haendler tbody tr.odd td, .haendler tbody tr.odd th {
	background: #ddd;
}

.haendler th.selected, .haendler tr.even th.selected, .haendler tr.odd th.selected {
}

.haendler th.over, .haendler tr.even th.over, .haendler tr.odd th.over,
.haendler th.down, .haendler tr.even th.down, .haendler tr.odd th.down,
.haendler td.over, .haendler tr.even td.over, .haendler tr.odd td.over,
.haendler td.down, .haendler tr.even td.down, .haendler tr.odd td.down {
	background: #edd5d9; 
	color:#000; 
}

.haendler td.selected, .haendler tr.even td.selected, .haendler tr.odd td.selected {
	background: #edd5d9; 
	color: #333; 
	font-weight: bold;
}

/***********************
			Modelle
***********************/

hr.moodmargin {
	margin-bottom: 60px;
}

div.pretty h2,
div.pretty h3 {
	margin-left: -17px;
	padding: 36px 0 0 40px; 
	background: url(../images/css/h2_trenner.png) no-repeat top left;
}

div.pretty h2 span,
div.pretty h3 span {
	display: block;
	margin-left: 20px;
}

#models {
	width: 100%;
	padding: 0 !important;
}

#models li {
	position: relative;
	float: left;
	width: 440px;
	padding: 0 19px 0 20px;
	margin-bottom: 80px;
}

#models div.modelldesc,
#models table {
	margin-left: 30px;
}

#models li.shoe div.modelldesc {
	position: relative;
	z-index: 1;
	width: 199px;
}

#models li.shoe table {
	margin-top: -6.2em;
}

#models div.pics {
	position: absolute;
	top: 0;
	left: 20px;
	width: 440px;
	padding: 0 !important;
	text-align: center;
}

#models div.picsmodel,
#models div.picsarticle {
	padding: 0 !important;
}

#models noscript p {
	display: inline;
	margin-left: -1em;
}

#models div.picsmodel img,
#models div.picsarticle img {
	margin: 0 -1px 25px 0 !important;
	padding: 0 !important;	
	border: 0 !important;
}

#models table,
#fancy_div table {
	position: relative;
	width: 405px;
	border-color: #fff;
}

#models table *,
#fancy_div table * {
	font-weight: normal !important;
	text-align: center;	
	vertical-align: top;
}

#models tbody td,
#models tbody th,
#fancy_div tbody td,
#fancy_div tbody th {
	padding: 0.5em 0;
}

#models thead th,
#fancy_div thead th {
	padding-bottom: 2em; 
}

th.artdata, td.artdata,
th.artname, td.artname,
th.artdata *, td.artdata *,
th.artname *, td.artname * {
	text-align: left !important;
}

#models table col.artnr,
#fancy_div table col.artnr {
	width: 100px;
}

#models sup:hover,
#fancy_div sup:hover {
	cursor: pointer;
	color: #812839;
}

#models li h3 {
	padding: 1em 0 0 25px;
	margin: 0 0 1.5em -25px;
	background: url(../images/css/h3_trenner.png) no-repeat 0 0;
}

#models li.shoe .addprops {
	display: inline;
}

#models p.priceandsize {
	padding-top: 1em;
}

#models .addprops {
	color: #999;
}

#models .artspec,
div.fancy_content_inner .artspec {
	display: block;
}

#models tbody tr:hover td .addprops,
#models tbody tr:hover th .addprops {
	color: #666;
}

#models .color {
	font-style: italic;
}

#models .artdata > div {
	margin-left: 0.9em;
}

#models .artdata > div span.bar {
	margin-left: -0.8em;
}

#models .modprice, 
#models .artprice {
	white-space: nowrap;
}

div.gloss {
	padding-top: 3em;
}

div.gloss dl dt {
	width: 1.5em;
	padding-right: 0.5em;
	text-align: right;
}

#models tbody tr:hover td,
#models tbody tr:hover th {
	background: #d9d9d9;
}

/*** Labels ***/

.sympatex {
	position: absolute;
	top: 0;
	right: 20px;
}

/*** Bilder Abstände ***/

#damensportiv li.shoe div.modelldesc,
#herrenmetropolitan li.shoe div.modelldesc,
#damenmetropolitan li.shoe div.modelldesc,
#damencasual li.shoe div.modelldesc,
#unisexhandnaht li.shoe div.modelldesc,
#unisexsneakers li.shoe div.modelldesc,
#herrenhandnaht li.shoe div.modelldesc,
#herrencasual li.shoe div.modelldesc,
#kids li.shoe div.modelldesc {
	margin-top: 120px;
}

#tilschweiger li.shoe div.modelldesc,
#trekking li.shoe div.modelldesc {
	margin-top: 140px;
}

#damenstiefel li.shoe div.modelldesc {
	margin-top: 300px;
}

#accessoires li.shoe div.modelldesc {
	margin-top: 245px;
}

#damensportiv #Pittsburg div.modelldesc, 
#damensportiv #Darlington div.modelldesc {
	margin-top: 260px;
}

#Loano {
	padding-bottom: 10px !important;
}

#S–0818,
#Davenport,
#Nantwich,
#Sierra,
#Pirot,
#Annapolis {
	padding-bottom: 30px !important;
}

#Herrensocken {
	padding-bottom: 50px !important;
}

#models li#Cardigan p.priceandsize,
#models li#Loano p.priceandsize,
#models li#Garda p.priceandsize,
#models li#Liverpool p.priceandsize,
#models li#München p.priceandsize {
	padding-top: 2.3em;
}

.en #models li#München p.priceandsize, {
	padding-top: 0em !important;
}

#accessoires li.shoe table {
	margin-top: -3em;
}

#Gürtel p.priceandsize {
	width: 160px !important;
}

/*** Headlines Abstände ***/

#damenmetropolitan div.pretty,
#damencasual div.pretty,
#herrenhandnaht div.pretty,
#herrencasual div.pretty,
#unisexhandnaht div.pretty,
#trekking div.pretty,
#kids div.pretty {
	margin-top: 50px;
}

#tilschweiger div.pretty {
	margin-top: 200px;
}

#damensportiv div.pretty,
#unisexsneakers div.pretty,
#herrenmetropolitan div.pretty {
	margin-top: 240px;
}

#damenstiefel div.pretty {
	margin-top: 250px;
}

#kids div.pretty {
	float: none;
}

#kids h3.kidslegend {
	padding-top: 45px;
}

/*** Fancybox ***/

div.picsarticle noscript a:hover, div.picsarticle noscript a:focus, div.picsarticle noscript a:active,
div.picsmodel noscript a:hover, div.picsmodel noscript a:focus, div.picsmodel noscript a:active {
	color: #000 !important;
}

div.fancy_fussbett,
div.fancy_modell {
	display: none;
}

div.fancy_content_inner {
	margin: 20px;
}

div.fancy_content_inner img.gapleft {
	margin-top: -50px;
}

div.fancy_content_inner img.herrenmetropolitan {
	margin-top: -60px;
}

div.fancy_content_inner img.kids {
	margin-top: -70px;
}

div.fancy_content_inner img.trekking {
	margin-top: -80px;
}

div.fancy_content_inner img.damenstiefel {
	margin-top: -105px;
}

div.fancy_content_inner img.fancy_fb {
	margin-top: 40px !important;
}

div.fancy_content_inner img.sympatex {
	position: absolute;
	top: 7em;
	right: 50px;
}

div.fancy_content_inner h2 {
	padding: 1em 0 1em 0;
	margin-bottom: 0 !important;
}

div.fancy_content_inner hr.border {
	border-color: #ddd !important;
	border-left: 0 !important;
	border-bottom: 0 !important;		
	margin-bottom: 1em !important;
}

div.fancy_content_inner div {
	width: 180px !important;
	padding: 10px;
	margin-top: 1em;
	background: #f9f9f9;
}

div.fancy_content_inner div dl {
	width: 50px;
	margin-right: 10px;
}

div.fancy_content_inner div dt {
	text-align: center;
	float: none;
}

div.fancy_content_inner div dt img {
	margin: 0.3em 0 0.1em 0 !important;
}

div.fancy_content_inner div dd {
	text-align: center;
	float: none;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: fixed;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/script/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #fff;
	height: 100%;
	width: 100%;
	border: 1px solid #cbd8d8;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../images/script/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 420px; 
	cursor: pointer;
	z-index: 111; 
	/*display: none;*/
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
	/*border: 1px solid red;*/
}

a#fancy_left {
	left: 0px; 
	background: url('../images/script/fancy_left_inaktiv.png') no-repeat 390px 537px transparent;	
}

a#fancy_right {
	right: 0px; 
	background: url('../images/script/fancy_right_inaktiv.png') no-repeat 0px 537px transparent;	
}

span.fancy_ico {
	position: absolute; 
	bottom: 15px;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../images/script/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../images/script/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 390px; 
}

a#fancy_right:hover span {
	left: 0px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('../images/script/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/script/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/script/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/script/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	width: 100%;
	height: 20px;
	background: transparent url('../images/script/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/script/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../images/script/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../images/script/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
	display: none;	
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
	display: none;	
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('../images/script/fancy_title_left.png') repeat-x;
	display: none;	
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('../images/script/fancy_title_main.png') repeat-x;
	display: none;	
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('../images/script/fancy_title_right.png') repeat-x;
	display: none;	
}

/***********************
			Fußbett
***********************/

#models li.fussbett {
	position: relative;
	float: none;
	clear: both;
	width: 920px;
	padding: 20px;
}

#models li.fussbett div.pics {
	top: 7em;
	left: 45px;
	width: 680px;
	text-align: left;
}

#models li.fussbett table {
	margin-top: 90px;
}

#unisexsneakers #models li.fussbett table {
	margin-top: 120px;
}

#models li.fussbett td.artdata {
	width: 220px;
}

#models li.fussbett th.artdata {
	padding-right: 2em;
}

/***********************
	Seitenspezifisch Hintergründe
***********************/

#damensportiv #content,
#damenstiefel #content,
#damenmetropolitan #content, 
#damencasual #content,
#herrenmetropolitan #content,
#herrenhandnaht #content,
#herrencasual #content,
#tilschweiger #content,
#unisexhandnaht #content,
#unisexsneakers #content,
#trekking #content,
#kids #content,
#leder #content,
#schuhaufbau #content,
#impressum #content,
#kontakt #content,
#fachhaendler #content, 
#fachhaendler_result #content,
#suchseite #content,
body.suche #content {
	background-repeat: no-repeat !important;
}

#damensportiv #content,
#damenstiefel #content,
#damenmetropolitan #content, 
#damencasual #content,
#herrenmetropolitan #content,
#herrenhandnaht #content,
#herrencasual #content,
#tilschweiger #content,
#unisexhandnaht #content,
#unisexsneakers #content,
#trekking #content,
#kids #content,
#fachhaendler #content, 
#fachhaendler_result #content {
	background-position: top right;
}

#leder #content,
#schuhaufbau #content,
#kontakt #content {
	background-position: bottom right !important;
}

#impressum #content,
body.suche #content,
#suchseite #content {
	background-position: bottom left;
}

#impressum #content,
#fachhaendler #content, 
#fachhaendler_result #content {
	min-height: 450px;
}

#kontakt #content {
	min-height: 550px;
}

#suchseite #content {
	min-height: 350px;
}

#damensportiv #content,
#damenstiefel #content,
#damenmetropolitan #content, 
#damencasual #content,
#herrenmetropolitan #content,
#herrenhandnaht #content,
#herrencasual #content,
#tilschweiger #content,
#unisexhandnaht #content,
#unisexsneakers #content,
#trekking #content,
#kids #content {
	margin-top: 0px;
}


#damensportiv #content {
	background-image: url(../images/mood/kollektionen_damen_sportiv.jpg);
}

#damenstiefel #content {
	background-image: url(../images/mood/kollektionen_damen_stiefel.jpg);
}

#damenmetropolitan #content {
	background-image: url(../images/mood/kollektionen_damen_metropolitan.jpg);
}
 
#damencasual #content {
	background-image: url(../images/mood/kollektionen_damen_casual.jpg);
}

#herrenmetropolitan #content {
	background-image: url(../images/mood/kollektionen_herren_metropolitan.jpg);
}

#herrenhandnaht #content {
	background-image: url(../images/mood/kollektionen_herren_handnaht.jpg);
}

#herrencasual #content {
	background-image: url(../images/mood/kollektionen_herren_casual.jpg);
}

#tilschweiger #content {
	background-image: url(../images/mood/kollektionen_unisex_tilschweiger.jpg);
}

#unisexhandnaht #content {
	background-image: url(../images/mood/kollektionen_unisex_handnaht.jpg);
}

#unisexsneakers #content {
	background-image: url(../images/mood/kollektionen_unisex_sneakers.jpg);
}

#trekking #content {
	background-image: url(../images/mood/kollektionen_trekking.jpg);
}

#kids #content {
	background-image: url(../images/mood/kollektionen_kids.jpg);
}

#kids.en #content {
	background-image: url(../images/mood/kollektionen_kids_en.jpg);
}



#leder #content {
	background-image: url(../images/mood/qualitaet_leder.jpg);
}

#schuhaufbau #content {
	background-image: url(../images/illu/qualitaet_schuhaufbau.gif);
}

#impressum #content {
	background-image: url(../images/illu/impressum.gif);
}

#kontakt #content {
	background: url(../images/illu/kontakt.gif);
}

#fachhaendler #content, #fachhaendler_result #content {
	background-image: url(../images/service/world-map.gif);
}

body.suche #content,
body.sucheen #content,
#suchseite #content {
	background: url(../images/illu/suche.gif) no-repeat bottom left !important;
}