@charset "UTF-8";
/*
Projektname:   Print CSS Ulla Popken
Erstellt am:   29.05.2009 von MMaak

Bearbeitet am: 07.03.2007 von MM
QS am:         07.03.2008 von MM
Freigabe am:   07.03.2008 von MM

/*
 
/* ################################## */
/* ### Inhaltsverzeichnis ########### */
/* ################################## */

/* Hauptcontainer */
/* Spalten */
/* Popup */
/* allgemeine Typografie */
/* Listen im Content */
/* Bilder im Content */
/* Tabellen im Content */
/* allgemeine Formularelemente */
/* Formulare */
/* kleine Formulare mit grauem Hintergrund */
/* Mini-Login-Formular */
/* Formular Newsletter-Anmeldung */
/* Formular Errorhandling */
/* Seitensuche im Header */
/* Metanavigation im Header */
/* Warenkorb im Header */
/* Hauptnavigation im Header */
/* Seitliche Navigation */
/* Filterbox */
/* Userbereich */

/* Servicezwischenseite */
/* Teaserelemente */
/* Teaser zur Newsletter-Anmeldung */
/* Vorteilskommunikation */
/* Storytelling */
/* Produktnavigation */
/* Empfehlungsbanner */
/* Produktuebersicht */
/* Inhalte im Abbinder */
/* Zoom Popup */
/* Modelinien */
/* Modelinien-Navigation */
/* Produkt-Detailseite */
/* Related Products */
/* Bestellkarte */
/* Freundschaftswerbung */
/* Stronglist - Listen mit fetten Zahlen */
/* Sprachauswahl auf Flaggenseite */
/* Filialfinder Suchmaske */
/* Filialfinder Suchergebnis */
/* Text-Teaser */
/* Checkout-Process */
/* Bestelldaten */
/* Gutschein Einloesen-Formular */
/* Scrollbox */
/* Bestelluebersicht */
/* Login */


/* Helfer - am Ende der Datei belassen */

/* ################################## */
 
/*

*{
border:1px solid black;
}

*/


/* Hauptcontainer */

body {
font: normal 62.5%/1.0 "Arial", "Helvetica", sans-serif; /* dadurch wird 1em zu 10px */
color: #000;
background: #fff;
border:0px solid black;
}

#wrapper { /* umfasst alles */
position: relative;
width: 100%;
border:0px solid black;
}

#website { /* umschliesst den mittleren Teil der Website, definiert die Breite und zentriert ihn in der Mitte des Browsers */
position: relative;
width: 679px;
margin: 0 auto;
text-align: left;
padding: 0px;
border:1px solid black;
}

#imagewrapper { /* gibt der Seite den weissen Hintergrund oberhalb des Footers */
background: #fff;
position: relative;
padding: 125px 0 30px 0; /* padding-top muss genau so hoch sein wie #header */
border:0px solid black;
}

#header { /* Kopf der Seite */
position: absolute;
top: -81px; /* Hoehe des Headers wird abgezogen */
left: -3px;
width: 690px;
height: 80px;
background: url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/print_header.jpg) left 0px no-repeat;
border:0px solid black;
}

.contentPage {
margin:0px 10px 0px 10px;
}

#logo { /* klickbares Logo im Header */
position: absolute;
top: 30px;
left: 0;
height: 70px;
width: 176px;
display:none;
}

#meta { /* Metanavigation im Header */
position: absolute;
right: 233px;
top: 0;
color: #666;
font-size: 1.2em;
border:0px solid black;
display:none;
}

#seitensuche { /* Seitensuche im Header */
width: 217px;
position: absolute;
right: 0;
top: 4px;
display:none;
}

#warenkorb { /* Warenkorb im Header */
padding: 0 0 0 50px;
width: 167px;
position: absolute;
right: 0;
top: 40px;
display:none;
}

#navigation { /* Hauptnavigation im Header */
position: absolute;
top: 59px;
left: 248px;
z-index: 600;
display:none;
}

#subnavi { /* Seitliche Navigation links neben dem Content */
position: relative;
float: left;
width: 200px;
overflow: hidden;
display:none;
}	

#content { /* Hauptinhalte rechts von der Subnavi */
position: relative;
width: 720px;
display: inline;
border:1px solid black;
padding:10px;
}

#content.standard { /* Fuer normale Contentseiten mit schmaler Breite */
width: 539px;
margin: 0 0px 0 0;
border:0px solid black;
}

.content-block { /* Gibt einem Bereich einen horizontalen Trennstrich nach unten */
border-bottom: 1px solid #B2B2B2;
margin: 0 0 30px 0;
padding: 0 0 20px 0;
}

#footer { /* grauer Abbinder */
position: relative;
padding: 10px 0 0 0;
width: 100%;
text-align: left;
height: 293px;
background: url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/footer_top.jpg) left top repeat-x;
border:0px solid black;
clear:both;
display:none;
}

#print_headline {
color:#ffffff;
position:relative;
text-align:right;
display:block;
border:0px solid black;
width:678px;
}

/* allgemeine Typografie */

h1, h2, h3, h4, h5, h6, p {
line-height: 1.25em;
margin: 10px 0 10px 0;
}

#print_headline h1{
font-weight: normal;
font-size: 1.4em;
margin-left:0;
padding:0;
border:0px solid black;
padding-left:0px;
}

.contentPage h1 {
font-weight: normal;
font-size: 1.9em;
margin-left:0;
padding:0;
border:0px solid black;
padding-left:0px;
}

h2 {
font-size: 1.5em;
margin: 0 0 10px 0;
}

h3 {
font-size: 1.5em;
margin: 0 0 10px 0;
}

h4 {
font-size: 1.5em;
margin: 0 0 10px 0;
}


p {
font-size: 1.2em;
margin: 0 0 10px 0;
text-align:left;
}

small {
font-size: 1.1em;
color: #7f7f7f;
}

p small,
li small,
label small,
table small {
font-size: 0.9em !important;
}

#content a { 
color: #000; 
font-weight: bold;
background: url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_schwarz_s.gif) 2px 6px no-repeat;
padding-left: 8px;
} 

#content a:hover { 
color: #4D79A5;
background: url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_blau_s.gif) 2px 6px no-repeat;
} 

table.content-table th,
table.content-table td,
table.content-table caption {
border-bottom: 1px solid #000 !important;
}

table.content-table thead th {
font-weight: bold;
font-size: 1.2em;
}

div.print_button {
	background-color:red; 
	width: 133px !important;
	height: 24px !important;
	cursor:pointer !important;
	margin:0px !important ;
	border:1px solid white !important;
	position:relative;
	left:543px;
	top:10px;
}

div.print_button input {
	width: 133px !important;
	height: 24px !important;
	background-color:#9EACB9; 
	color:#ffffff !important; 
	font-weight:bold !important; 
	border:none !important; 
	overflow:visible !important; 
	margin:0px !important ;
	font-size:1.2em !important; 
	padding:0px !important;
	display:inline;
	position:absolute;
}