/*****************************************************************
		Print-Stylesheet  
		Nadine Oberstein ::: Beratung. Konzeption. Web- und Printdesign.
		www.nadine-oberstein.de 
*****************************************************************/

/***********************
		 Ausblenden
***********************/

#debug,
#meta,
#header h1,
#retailer, 
#retailer_content, 
#metamenu,
#navigation,
#submenu,
#footer li,
#retailer_world,
#catorder,
#kontaktform,
#haendlerlogin,
.clearer,
.noprint,
.hide,
#models caption,
div.fancy_fussbett,
div.fancy_modell,
.haendler form#logout { 
display: none;
}

#footer li.first,
dl.clearer  { 
display: block;
}

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

#homelink {
	position: absolute;
	top: 0;
	right: 5mm;
	border: 0 !important;
}

#homelink img {
	margin: 0 !important;
	border: 0 !important;
}

#content {
	padding-top: 25mm;
}

#content #h2 {
	margin-top: -50mm;
	width: 120mm;
}

img {
	margin: 5mm;
}

#footer { 
	clear: both;
	margin-top: 20mm;
	text-align: right;
}

hr.clearer {
	clear: both;
}

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

th, td {
	border: 0.25pt solid #999;
}

#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: 5mm;
}

h1, h2, h3, caption, p {
	margin-bottom: 2mm;
}

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

body {		
	font: normal 9pt verdana, helvetica, sans-serif;
	line-height: 130%;
	color: #000;
}

h1, h2, h3,
caption,
#index .modell_large_font {
	font: bold 14pt georgia, times, serif !important; 
	font-style: italic !important;
	text-transform: uppercase;
}

h2 {
	padding-bottom: 2mm;
}

a {
	color: #812839;
	text-decoration: none;
	border-bottom: 0.25pt dotted #999;
}

a.zoom,
a.zoom_model,
a.zoom img,
a.zoom_model img {
	border: none !important;
}

h2 a,
h3 a {
	color: #000;
	border: none;	
}

h3, caption {
	font-size: 100%;
	padding-top: 5mm;
}

abbr {
	border: none;
}

#content a:after {
	font-style: italic;
	color: #999;
}

#content a:after {
	font-weight: normal !important;
}

#content a.nospecialprint:after,
h2 a:after,
h3 a:after {
	content: "" !important;
}

#content a[href^="/"]:after {
	content: " » www.footprints.de"attr(href)"";
}

#content a[href*="kontakt"]:after {
	content: " (» 02645 942-300)";
}

#content a[href^="http://"]:after {
	content: " » "attr(href)"";
}

#content #fachhaendler_result a[href^="mailto"]:after {
	content: ": "attr(href)"";
}

#content #fachhaendler_result a[href^="http://"]:after {
	content: ": "attr(href)"";
}

.intro,
#passform dd,
p.reference a {
	font-style: italic;
	line-height: 140%;
}

#footer li.first { 
	font-size: 8pt;
}

#footer li.first:before { 
	content: "© 2009 ";
}

#models .addprops {
	font-style: italic;
	padding-left: 0.7em;
}

.gapbottomdouble {
	margin-bottom: 8mm;
}

#content div.teaser,
#content div.medium,
#content div.large,
#content div.xlarge,
#content div.full,
#content div.pretty,
#content table.teaser,
#content table.medium,
#content table.large,
#content table.xlarge,
#content table.full,
#content form.teaser,
.picsarticle {
	page-break-inside: avoid;
}

/***********************
	Styles
***********************/

p.reference {
	border-left: 2pt solid #812839;
	padding: 0 3mm;
}

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

img[src="/footprints/images/mood/qualitaet.jpg"],
img[src="/footprints/images/qualitaet/fussbettenaufbau.jpg"] {
	margin-right: 0 !important;
	float: right;
 }
 
img[src="/footprints/images/mood/qualitaet.jpg"] {
	width: 40%;
	height: 40%;
 }

img[src="/footprints/images/qualitaet/fussbettenaufbau.jpg"] {
	width: 60%;
	height: 60%;
}

img[src="/footprints/images/qualitaet/passform.gif"] {
	margin-top: -10mm;
}

#passform div.medium {
	width: 10.5cm;
	float: left;
}

#passform div.medium dl {
	width: 4.5cm;
	float: left;
}

#passform div.medium dd {
	padding: 0;
	margin: 0;	
}

#passform div.special {
	padding-top: 10mm;
	clear: left;
}

#passform p.gaptop {
	padding-top: 10mm;
	font-weight: bold;
}

#passform caption {
	padding-bottom: 5mm;
}

#passform table td {
	text-align: center;
	width: 10mm;
}

#passform table th  {
	text-align: left;
	width: 15mm;
}

img[src="/footprints/images/qualitaet/schuhaufbau.gif"] {
	position: absolute;
	top: 45mm;
	right: 0;
	width: 35%;
	height: 35%;	
}

img[src="/footprints/images/icons/sympatex_large.gif"] {
	float: left;
}

#schuhaufbau div.medium {
	width: 9cm;
}

#leder div.teaser {
	float: left; 
	width: 65mm;
	margin-right: 15mm;
}

#leder div.gaptop {
	clear: left;
	padding-top: 10mm;
}

img[src="/footprints/images/service/tradition_kataloge.jpg"] {
	width: 30%;
	height: 30%; 
}

#tradition div.special,
#tradition h2 {	
	float: right;
	width: 100mm;
}

#tradition dt {
	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: #777;
}

#fachhaendler p.haendlerhinweis_de_de:after {
	content: "Nutzen Sie die Suche unter www.footprints.de/service/fachhaendler/ oder rufen Sie uns an: 02645 942-300.";
}

#fachhaendler p.haendlerhinweis_de_en:after {
	content: "Visit www.footprints.de/en/service/retailer/ oder give us a call: +49 (0) 2645 942-300.";
}

#fachhaendler p.haendlerhinweis_int_de:after {
	content: "Nutzen Sie die Suche unter www.footprints.de/service/fachhaendler/ oder rufen Sie uns an: 02645 942-300.";
}

#fachhaendler p.haendlerhinweis_int_en:after {
	content: "Visit www.footprints.de/en/service/retailer/ oder give us a call: +49 (0) 2645 942-300.";
}

#fachhaendler div.retailer {
	width: 70mm;
	margin-right: 10mm;
	float: left;
}

#fachhaendler div.special {
	clear: left;
}

#katalog img[src*="katalogtitel"] {	
	float: left;
	margin: 0 10mm 0 0;
	width: 40%;
	height: 40%; 
}

#katalog p.kataloghinweis_de:after {
	content: "Füllen Sie das Formular unter www.footprints.de/service/katalog/ aus oder rufen Sie uns an: 02645 942-300.";
}

.haendler p.login:after {
	content: "Besuchen Sie www.footprints.de/haendler/";
	font-weight: bold;
}

#kontakt div.special {
	float: right;
	width: 60mm;
	margin-left: 10mm;
	padding: 2mm;
	border: 1px solid #812839;
}

#kontakt dt,
#impressum dt {
	float: left;
	width: 18mm;
}

#impressum dl.data dt {
	width: 50mm;
}

#schuhe img[src*="katalogtitel"] {	
	position: absolute;
	top: 25mm;
	right: 0;
	width: 80mm;
	height: 55mm;	
}

#schuhe div.teaser {
	width: 8cm;
}

#kollektionen #content div.pretty,
#damen #content div.pretty,
#unisex #content div.pretty,
#herren #content div.pretty {
	float: left;
	width: 40%;
	margin-right: 5%;
}

#models .picsarticle img {
	margin: 0 0 5mm 0;
	width: 20%;
	height: 20%;
}

#models table {
	width: 100%;
	border: none;
}

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

#models td, 
#models th {
	padding: 1mm;
	border: 0 !important;
}

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