/*@charset "UTF-8";*/ /*
Projektname:   globales CSS Ulla Popken
Erstellt am:   28.01.2007 von ASchuengel    

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

/*
 
/* ################################## */
	/* ### 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 */
	/* ################################## */ /* Hauptcontainer */
body {
	font: normal 62.5%/ 1.0 "Arial", "Helvetica", sans-serif;
	/* dadurch wird 1em zu 10px */
	color: #000;
	background: #ddd;
	text-align: center;
}

#wrapper { /* umfasst alles */
	position: relative;
	width: 100%;
}

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

#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 */
}

#header { /* Kopf der Seite */
	position: absolute;
	top: -125px; /* Hoehe des Headers wird abgezogen */
	left: 0;
	width: 936px;
	height: 125px;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/header_bg.jpg)
		left 30px no-repeat;
}

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

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

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

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

.popup-warenkorb-header {
	background-image:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/header_bg_simple.jpg)
		;
	height: 70px;
	width: 539px;
	margin: 0 0 20px 0;
	position: relative;
}

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

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

#content { /* Hauptinhalte rechts von der Subnavi */
	position: relative;
	width: 728px;
	float: right;
	display: inline;
	/*border:1px solid black;*/
}

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

.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: 283px;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/footer_top.jpg)
		left top repeat-x;
}

* html #footer { /* IE6-Fix fuer Dropdowns der Vorteilskommunikation */
	z-index: -1;
}

*+html #footer { /* IE7-Fix fuer Dropdowns der Vorteilskommunikation */
	z-index: -1;
}

/* Spalten */
.spalte {
	width: 257px;
	float: left;
	margin: 0 24px 0 0;
}

.spalte-rechts {
	margin-right: 0;
}

/* Popup */
.popup { /* Klasse liegt auf BODY in Popups */
	background: #fff;
	text-align: left;
}

.popup #imagewrapper {
	padding: 104px 0 30px 0;
	/* padding-top muss genau so hoch sein wie #header */
	width: 638px;
}

.popup #website {
	width: 618px;
	margin: 0 10px;
}

.popup #content.standard {
	margin: 0 40px;
	display: block;
	float: none;
}

.popup #header { /* Kopf des Popups */
	position: absolute;
	top: -94px; /* Hoehe des Headers wird abgezogen */
	width: 618px;
	height: 70px;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/header_bg_simple.jpg)
		left 0px no-repeat;
}

.popup #logo { /* klickbares Logo im Header */
	top: 0;
}

#popup-close {
	position: absolute;
	right: 10px;
	bottom: 18px;
	padding: 0 16px 0 0;
	color: #fff;
	font-size: 1.1em;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/button_schliessen.gif)
		right center no-repeat;
}

#popup-close :hover {
	text-decoration: underline;
}

/* allgemeine Typografie */
h1,h2,h3,h4,h5,h6,p {
	line-height: 1.25em;
}

h1 {
	font-weight: normal;
	font-size: 1.9em;
	margin: 0 0 17px 0;
}

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

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

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

h1.jobtitle {
	font-size: 30px;
}

p {
	font-size: 1.2em;
	margin: 0 0 19px 0;
}

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.softlink {
	color: #595959;
	font-weight: normal;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_grau_s.gif)
		2px 6px no-repeat;
}

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

/* Listen im Content */
#content ul,#content ol {
	font-size: 1.2em;
	line-height: 1.25em;
	margin: 0 0 19px 0;
}

#content ul {
	list-style: disc outside;
	margin-left: 15px;
}

#content ol {
	list-style: decimal outside;
	margin-left: 20px;
}

* html #content ol { /* IE6 */
	margin-left: 25px;
}

*+html #content ol { /* IE7 */
	margin-left: 25px;
}

#content ul ul,#content ol ol,#content ul ol,#content ol ul,#content ul p,#content ol p
	{
	font-size: 1em;
	margin-bottom: 0;
}

#content li {
	margin: 5px 0 0 0;
}

/* Bilder im Content */
img#printlogo {
	display: none;
}

.bildlinks img {
	float: left;
	margin: 2px 15px 15px 0;
	position: relative;
}

.bildrechts img {
	float: right;
	margin: 2px 0 15px 15px;
	position: relative;
}

/* Verlinkte Bilder */
#content a.img-link {
	background: none;
	margin: 0;
	padding: 0;
}

/* Tabellen im Content */
table.content-table {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	margin: 0 0 40px 0;
	width: 100%;
}

table.content-table a {
	float: left;
}

table.content-table th,table.content-table td,table.content-table caption
	{
	padding: 3px 9px;
	vertical-align: middle;
	line-height: 1.2em;
	font-size: 1.2em;
	background: #dedede;
}

table.content-table th *,table.content-table td * {
	/* Hebt Schriftgroessen auf, wenn z.B. P oder UL in der Tabelle verwendet wird */
	font-size: 1em;
}

table.content-table input,table.content-table select {
	font-size: 0.92em;
}

table.content-table caption {
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #ababab;
}

table.content-table thead th {
	/* Die dunklen Header werden nur gestyled, wenn sie in einem tbody Element liegen */
	background: #363638;
	color: #fff;
	font-weight: normal;
	font-size: 1.5em;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

table.content-table thead th.imageheader {
	/* Fuer Header mit Hintergrundgrafik */
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/table-head.jpg)
		#363638 top center no-repeat;
}

table.content-table thead th.last {
	/* Immer bei letzter Spalte anwenden, entfernt rechten Border des Spaltenheaders */
	border-right: 0;
}

table.content-table td {
	padding: 1px 7px;
}

table.content-table tr.even td {
	/* Alternierende Zeilenfarben (hier gerade Zeilen). Ungerade Zeilen sind bereits vorformatiert. */
	background: #ebebeb;
}

#content td.price {
	padding-right: 32px !important;
	text-align: right;
}

#content td.amount {
	width: 80px;
}

#content td.productinfo {
	padding-left: 18px !important;
}

#content td.productinfo a {
	margin-left: -9px;
	position: relative;
}

#content table.table-light td,#content table.table-light tr.even td {
	background: #fff;
	border-bottom: 1px solid #d9d9d9;
}

/* Table Jobuebersicht */
#content table.table-jobs {
	table-layout: fixed;
}

/* Tabelle Groessenfinder */
#content table.table-groessenfinder caption {
	border-right: 1px solid #fff;
}

#content table.table-groessenfinder th,#content table.table-groessenfinder td
	{
	text-align: center;
	font-size: 1.1em;
}

#content table.table-groessenfinder th {
	padding: 7px 2px 7px 2px;
	font-weight: bold;
}

#content table.table-groessenfinder td {
	padding: 9px 2px 8px 2px;
	border-right: 1px solid #fff;
}

/* allgemeine Formularelemente */
input,textarea,select {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	border: 1px inset #808080;
	padding: 1px 2px;
}

select {
	padding: 0;
}

input.submit {
	width: auto !important;
	border: 0 !important;
	padding: 0 !Important;
	margin: 0;
}

/* Formulare */
.formular fieldset { /* teilt Formular in Einzelabschnitte */
	padding: 10px 0;
}

.formular fieldset.splitter {
	border-bottom: 1px solid #b2b2b2;
	padding: 10px 0;
	margin: 0 0 20px 0;
}

.formular label,.fakelabel span {
	/* fakelabel wird angewendet, wenn mehr als ein label in einer Zeile verwendet wird */
	float: left;
	display: inline;
	font-size: 1.2em;
	width: 125px;
	margin: 0 10px 10px 0;
	padding: 4px 0 0 0;
	background: transparent;
	/* IE6 Fix fuer unerwuenschte Umbrueche. Unbedingt drin lassen. */
}

.fakelabel label {
	float: none;
	width: auto;
}

.fakelabel span label {
	font-size: 1em;
	margin: 0;
}

.formular input,.formular select {
	margin: 0 5px 10px 0;
	width: 388px;
	display: inline;
	float: left;
	padding: 2px 4px 3px 4px;
}

.formular select {
	width: 398px;
	padding: 1px 0 1px 0;
}

.formular input.submit {
	margin: 15px 0 10px 0;
	padding: 0;
	float: none;
}

small.inline-hinweis {
	float: left;
	margin: 0 0 0 2px;
	padding: 5px 0 0 0;
}

input.radio,input.checkbox {
	margin: 4px 5px 0 0;
	height: 12px !important;
	width: 12px !important;
	padding: 0;
	float: left;
	border: 0;
}

input.checkbox {
	height: 14px !important;
	width: 14px !important;
}

label.radio,label.checkbox {
	margin: 0 20px 10px 0;
	float: left;
	width: auto;
}

label.inline-label {
	margin-left: 20px;
	width: 105px;
}

label.inline-label-one-char {
	margin-right: 20px;
	width: 5px;
}

input.input-one-char {
	width: 20px;
}

select.tiny {
	width: 40px;
}

.input-tiny {
	width: 40px;
}

select.input-mini,input.input-mini {
	width: 52px;
}

select.input-small,input.input-small {
	width: 65px;
}

input.input-password {
	width: 119px;
}

select.input-middle,input.input-middle {
	width: 200px;
}

select.input-semibig,input.input-semibig {
	width: 321px;
}

.form-hinweis {
	margin-left: 135px;
}

.optiongroup {
	float: left;
	margin: 0 0 10px 0;
}

.optiongroup input {
	float: left;
	margin: 3px 8px 10px 0;
}

.optiongroup label {
	float: left;
}

.optiongroup label small {
	margin-left: 10px;
}

.footnote { /* Fussnoten */
	padding: 10px 0 0 0;
	margin: 20px 0;
	border-top: 1px solid #7f7f7f;
}

/* Ausrichtung fuer Submit Buttons */
.button-right {
	float: right !important;
}

.button-left {
	float: left !important;
}

.button-newsletter {
        position:absolute;
        left:350px;
        top:180px;
} 

.button-newsletter-vorteile {
        position:absolute;
        left:350px;
        top:425px;
}
.formular-block .button-left,.formular-block .button-right {
	margin: 0 0 10px 0 !important;
}

/* textbasierte Submit-Buttons */
input.textsubmit {
	padding: 0 0 0 8px !important;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_schwarz_s.gif)
		2px 6px no-repeat;
	font-weight: bold;
}

* html input.textsubmit {
	padding: 0 0 0 0 !important;
	background-position: 8px 6px;
	margin: 2px 0 0 -7px !important;
}

*+html input.textsubmit {
	padding: 0 0 0 0 !important;
	background-position: 8px 6px;
	margin: 2px 0 0 -7px !important;
}

/* kleine Formulare mit grauem Hintergrund */
.formular-block fieldset {
	padding: 20px 0 10px 10px;
	margin: 0 0 10px 0;
	background-color: #dedede;
}

.formular-block fieldset select {
	padding: 0;
}

.formular-block .inline-submit {
	margin: -5px 13px 5px 10px !important;
}

/* Mini-Login-Formular */
.minilogin label {
	width: auto;
}

.minilogin p.remind {
	float: right;
	display: inline;
	margin: -7px 22px 0 0;
}

.minilogin input.text {
	margin-right: 20px;
	width: 155px;
}

/* Formular Newsletter-Anmeldung */
.nl-anmeldung {
	width: 450px;
	float: left;
	margin-right: 20px;
	display: inline;
}

.nl-anmeldung input,.nl-anmeldung select {
	width: 300px;
}

.nl-anmeldung select {
	width: 310px;
}

.nl-anmeldung input.input-one-char {
	width: 20px;
}

.nl-anmeldung input.input-mini {
	width: 45px;
}

.nl-anmeldung input.input-semibig {
	width: 240px;
}

.nl-anmeldung input.input-small {
	width: 50px;
}

.nl-anmeldung input.input-middle {
	width: 105px;
}

.nl-anmeldung .optiongroup label {
	width: 390px;
}

/* Formular Errorhandling */
p.pflichterror {
	color: #000;
	background: #fcc;
	padding: 5px;
	height: 1%; /* hasLayout fuer IE */
}

label.pflichterror,.pflichterror span,.pflichterror label,small.pflichterror
	{
	color: red;
}

input.pflichterror,submit.pflichterror,textarea.pflichterror {
	border: 1px solid red;
}

/* Seitensuche im Header */
#seitensuche input {
	float: left;
}

input#suchbegriff { /* Suchfeld im Header */
	height: 17px;	
	margin: 0 3px 0 0;
	padding: 3px 3px 0 3px;
	width: 134px;
	background-color: #E2ECF5;
}

/* Metanavigation im Header */
#meta ul li {
	float: left;
	margin: 0 5px 0 0;
	border-right: 1px solid #acacac;
	padding-top: 8px;
}

#meta ul li a {
	text-decoration: none;
	padding-right: 6px;
	position: relative;
	height: 1%; /* hasLayout fuer IE */
	color: #666;
}

#meta ul li a:hover {
	color: #4d79a5;
}

#meta ul li.last { /* letzter Punkt der Metanavi */
	margin: 0;
	border-right: none;
}

#meta ul li.lang a { /* Sprachwechsel */
	padding-right: 15px;
	background: right center no-repeat;
}

#meta ul li.lang a.de { /* Sprachwechsel: Deutsch */
	background-image:
		url(https://images01.ullapopken.de/resources/bilder/de/de/flaggen/flag_de.gif)
		;
}

#meta ul li.lang a.en { /* Sprachwechsel: Englisch */
	background-image:
		url(https://images01.ullapopken.de/resources/bilder/de/de/flaggen/flag_en.gif)
		;
}

#meta ul li.lang a.fr { /* Sprachwechsel: Franzoesich */
	background-image:
		url(https://images01.ullapopken.de/resources/bilder/de/de/flaggen/flag_fr.gif)
		;
}

#meta ul li.lang a.gr { /* Sprachwechsel: Griechisch */
	background-image:
		url(https://images01.ullapopken.de/resources/bilder/de/de/flaggen/flag_gr.gif)
		;
}

#meta ul li.lang a.nl { /* Sprachwechsel: Niederlaendisch */
	background-image:
		url(https://images01.ullapopken.de/resources/bilder/de/de/flaggen/flag_nl.gif)
		;
}

#meta ul li.lang a.pl { /* Sprachwechsel: Polnisch */
	background-image:
		url(https://images01.ullapopken.de/resources/bilder/de/de/flaggen/flag_pl.gif)
		;
}

#meta ul li.lang a.se { /* Sprachwechsel: Schwedisch */
	background-image:
		url(https://images01.ullapopken.de/resources/bilder/de/de/flaggen/flag_se.gif)
		;
}

/* Warenkorb im Header */
#warenkorb h3 {
	margin: 0;
	line-height: 1;
}

#warenkorb h3 a {
	color: #fff;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/warenkorb_pfeil_l.gif)
		center left no-repeat;
	padding: 0 0 0 13px;
}

#warenkorb table {
	color: #7f7f7f;
	font-size: 1.2em;
	margin-left: 9px;
	margin-top: -2px;
}

#warenkorb table caption {
	display: none;
}

#warenkorb td strong {
	color: #fff;
	font-weight: bold;
}

td.beschreibung {
	width: 65px;
}

td.warenwert strong {
	margin-right: 16px;
}

/* Hauptnavigation im Header */
#navigation ul li {
	float: left;
	display: inline;
	position: relative;
	line-height: 1;
	margin: 0 0 0 -1px;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/trenner_navi.gif)
		bottom right no-repeat;
}

#navigation ul li.last {
	background-image: none;
}

#navigation ul li a {
	font-size: 1.8em;
	color: #a6a6a6;;
	display: block;
	padding: 10px 17px 13px 17px;
	border-bottom: 1px solid #fff;
}

#navigation ul ul {
	position: absolute;
	left: 0;
	width: 162px;
	display: none;
}

#navigation ul li:hover ul,#navigation ul li.sfhover ul {
	/* Untermenue wird bei Hover aufgeklappt. Klasse .sfhover fuer IE6 Hover Script */
	display: block;
}

#navigation ul ul li {
	float: none;
	display: inline;
	margin: 0;
}

#navigation ul ul li a {
	font-size: 1.5em;
	color: #000;
	background: #e2ecf5;
	height: 1%; /* hasLayout fuer IE */
	padding: 4px 15px 5px 15px;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#navigation li:hover a,#navigation li.sfhover a {
	background: #e2ecf5;
	color: #000;
}

#navigation li li a:hover {
	background: #abc3d9;
}

/* Seitliche Navigation */
#subnavi h3 {
	color: #333;
}

#subnavi ul {
	margin: 0 0 19px 0;
}

#subnavi ul li {
	margin: 0 0 5px 0;
	display: block;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_grau_s.gif)
		1px 5px no-repeat;
	padding: 0 0 0 8px;
	font-size: 1.2em;
	line-height: 1.25em;
	height: 1%; /* hasLayout fuer IE */
}

#subnavi ul li a {
	color: #000;
}

#subnavi ul li a:hover {
	color: #4d79a5;
}

#subnavi ul li.active {
	background-image:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_schwarz_s.gif)
		;
}

#subnavi ul li.active a {
	font-weight: bold;
}

#subnavi ul li.active a:hover {
	color: #000;
}

#subnavi ul ul {
	margin: 0 0 13px 0;
	padding: 5px 0 0 0;
}

#subnavi ul ul li {
	font-size: 1em;
}

#subnavi ul ul li a {
	font-weight: normal !important;
}

#subnavi ul ul li.active a {
	font-weight: bold !important;
}

#subnavi ul ul li a:hover {
	color: #4d79a5 !important;
}

#subnavi ul ul li.active a:hover {
	color: #000 !important;
}

/* Filterbox */
#filterbox {
	border-bottom: 1px solid #000;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0 !important;
	display: block;
	position: relative;
	z-index: 10;
	text-align: left;
	width: 720px;
}

#filterbox p {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.3em;
}

#filterwrap {
	position: relative;
	border: 0px solid black;
	z-index: 10;
	width: 720px;
	text-align: left;
}

/* Userbereich */
#user {
	color: #fff;
	position: absolute;
	top: 40px;
	left: 266px;
}

#user p a {
	color: #fff;
	font-weight: bold;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_weiss_s.gif)
		center left no-repeat !important;
	padding: 0 0 0 7px !important;
}

#user p span {
	color: #a6a6a6;;
}

/* Servicezwischenseite */
.service {
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/bg_service.gif)
		top left repeat-y;
	margin-bottom: 24px;
	height: 1%; /* hasLayout fuer IE7 */
}

.service-main {
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/bg_servicemain.gif)
		top left repeat-y;
}

.service-teaser {
	background: #f2f3eb center left no-repeat;
	height: 131px;
	width: 140px;
	overflow-x: hidden;
	padding: 7px 5px 0 112px;
	float: left;
	margin: 0 24px 0 0;
}

html>body .service-teaser {
	height: auto;
	min-height: 131px;
	overflow-x: visible;
}

.service-main .service-teaser {
	margin-bottom: 24px;
}

.service-teaser-right {
	margin-right: 0;
}

.service-teaser-last {
	margin-bottom: 0 !important;
}

.service-teaser p {
	margin: 0 0 5px 0;
}

.service-main .service-teaser-big {
	margin: 0 24px 0 0;
	background: #f2f3eb top left no-repeat;
	width: 236px;
	height: 192px;
	padding: 261px 10px 10px 11px;
	border-bottom: 0;
}

html>body .service-main .service-teaser-big {
	height: auto;
	min-height: 192px;
}

.service-teaser-big p {
	margin: 0 0 10px 0;
}

.service-teaser-big p.action {
	margin: -5px 0 0 0;
}

/* Teaserelemente */
#landingwrapper
{
width:auto;
float:left;
border:0px solid black;
background: none !important;
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
}

.landingteaser { /* Allgemein fuer alle Landing-Teaser */
float: left;
margin: 0px 7px 7px 0;
padding:0 0 0 0 !important;
background: none !important;
border:0px solid black;
}


.landingteaser img { /* IE Fix - entfernt Whitespace-bedingte Abstaende */
float: left;
background: none !important;
border:0px solid black;
}

.landing-thumb
{
border:0px solid black;
height:306px;
width:204px;
}

.big-thumb{
height:443px;
width:296px;
}

.landingteaser .landing-thumb a {
padding:0 !important;
margin:0 !important;
}

.landingteaser p.normalteaser{
width:204px;
height:36px;
text-align:center;
}

.landingteaser p.bigteaser{
width:296px;
height:36px;
text-align:center;
}

.landingteaser  a{
color:#fff !important;
font-size:1.4em !important;
background: none !important;
display:block;
padding-top:11px;
}

.landingteaser  a:hover{
display:block;
border:0px solid black;
color:#fff !important;
font-size:1.4em !important;
margin:0px 0px 0px 0px !important;
display:block;
padding-top:11px;
}

* html .text-teaser { 
float: left;
margin: 0 4px 8px 0;
padding:0 0 0 0 !important;
border:0px solid black;
width:415px;
height:129px;
}

.text-teaser { 
float: left;
margin: 0 8px 8px 0;
padding:0 0 0 0 !important;
border:0px solid black;
width:415px;
height:129px;
}

.text-teaser p
{
font-family:helvetica;
font-size:12px;
margin-top:50px;
margin-left:15px;
color:#fff;
}

.selection-button
{
background:#3D3A35;
}

.city-button
{
background-color:#5B6076 !important;
}

.sportswear-button
{
background:#679BCD;
}

.underwear-button
{
background:#283A44;
}

.casual-button
{
background:#AF9574;
}


.selection-theme {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/de/de/einstiegsseite/selection_text.jpg)
		repeat-x !important;
}

.city-theme {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/de/de/einstiegsseite/city_text.jpg)
		repeat-x !important;
}

.sportswear-theme {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/de/de/einstiegsseite/sport_text.jpg)
		repeat-x !important;
}

.underwear-theme {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/de/de/einstiegsseite/homewear_text.jpg)
		repeat-x !important;
}

.casual-theme {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/de/de/einstiegsseite/casual_text.jpg)
		repeat-x !important;
}

.selection-theme-en {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/uk/en/einstiegsseite/selection_text.jpg)
		repeat-x !important;
}

.city-theme-en {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/uk/en/einstiegsseite/city_text.jpg)
		repeat-x !important;
}

.sportswear-theme-en {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/uk/en/einstiegsseite/sport_text.jpg)
		repeat-x !important;
}

.underwear-theme-en {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/uk/en/einstiegsseite/homewear_text.jpg)
		repeat-x !important;
}

.casual-theme-en {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/uk/en/einstiegsseite/casual_text.jpg)
		repeat-x !important;
}

.selection-theme-fr {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/fr/fr/einstiegsseite/selection_text.jpg)
		repeat-x !important;
}

.city-theme-fr {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/fr/fr/einstiegsseite/city_text.jpg)
		repeat-x !important;
}

.sportswear-theme-fr {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/fr/fr/einstiegsseite/sport_text.jpg)
		repeat-x !important;
}

.underwear-theme-fr {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/fr/fr/einstiegsseite/homewear_text.jpg)
		repeat-x !important;
}

.casual-theme-fr {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/fr/fr/einstiegsseite/casual_text.jpg)
		repeat-x !important;
}

.selection-theme-nl {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/nl/nl/einstiegsseite/selection_text.jpg)
		repeat-x !important;
}

.city-theme-nl {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/nl/nl/einstiegsseite/city_text.jpg)
		repeat-x !important;
}

.sportswear-theme-nl {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/nl/nl/einstiegsseite/sport_text.jpg)
		repeat-x !important;
}

.underwear-theme-nl {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/nl/nl/einstiegsseite/homewear_text.jpg)
		repeat-x !important;
}

.casual-theme-nl {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/nl/nl/einstiegsseite/casual_text.jpg)
		repeat-x !important;
}

.selection-theme-se {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/se/se/einstiegsseite/selection_text.jpg)
		repeat-x !important;
}

.city-theme-se {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/se/se/einstiegsseite/city_text.jpg)
		repeat-x !important;
}

.sportswear-theme-se {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/se/se/einstiegsseite/sport_text.jpg)
		repeat-x !important;
}

.underwear-theme-se {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/se/se/einstiegsseite/homewear_text.jpg)
		repeat-x !important;
}

.casual-theme-se {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/se/se/einstiegsseite/casual_text.jpg)
		repeat-x !important;
}

.selection-theme-pl {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/pl/pl/einstiegsseite/selection_text.jpg)
		repeat-x !important;
}

.city-theme-pl {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/pl/pl/einstiegsseite/city_text.jpg)
		repeat-x !important;
}

.sportswear-theme-pl {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/pl/pl/einstiegsseite/sport_text.jpg)
		repeat-x !important;
}

.underwear-theme-pl {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/pl/pl/einstiegsseite/homewear_text.jpg)
		repeat-x !important;
}

.casual-theme-pl {
	background: transparent
		url(http://images01.ullapopken.de/resources/bilder/pl/pl/einstiegsseite/casual_text.jpg)
		repeat-x !important;
}

.imageteaser { /* Allgemein fuer alle Image-Teaser */
float: left;
margin: 0 24px 24px 0;
}

.imageteaser img { /* IE Fix - entfernt Whitespace-bedingte Abstaende */
float: left;
}

.imageteaser-breit { /* Zusaetzlich fuer Teaser, die die volle Breite einnehmen */
margin-right: 0;
}

.imageteaser a {
background: none !important;
padding: 0 !important;
}

.imagepromotion { /* Allgemein fuer alle Promotion-Teaser */
/* float: left; */
/* margin: 0 24px 24px 0; */
}

.imagepromotion img { /* IE Fix - entfernt Whitespace-bedingte Abstaende */
/* float: left; */
}

.imagepromotion a {
background: none !important;
padding: 0 !important;
}

.teaser-last { /* Diese Klasse wird zusaetzlich zu .imageteaser angewendet, wenn es sich um den letzten Teaser in der Reihe handelt. Sie hebt den Abstand nach rechts auf. */
margin-right: 0 !important;
}

.teaser-mehrreihig {
float: left;
width: 348px;
overflow-x: hidden;
}

.banner-float .imageteaser {
margin-right: 0 !important;
}

/* Landingpage Teaser */ /* Teaser zur Newsletter-Anmeldung */
#newsletter-teaser {
	float: left;
	width: 192px;
	padding: 10px 0 0 155px;
	height: 82px;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/startseite/teaser_newsletter.jpg)
		#f1f3e8 -20px center no-repeat;
}

#newsletter-teaser input#email {
	width: 110px;
	height: 15px;
	margin: 4px 0 0 0;
}

#newsletter-teaser h3 {
	font-size: 1.2em;
	margin: 0;
}

#newsletter-teaser p {
	margin: 0;
}

.newsletter-banner {
    text-align: left;
}
.newsletter-service {
    margin-top: -3px;
}

.newsletter-aktion img{
	top: 150px;
	margin-left: 0px;
    position: absolute;
}

/* Vorteilskommunikation */
#vorteile {
	position: relative;
	z-index: 1; /* Wird von IE7 benoetigt */
}

#vorteile ul {
	margin: 0 0 0 2px;
	font-size: 1em;
	line-height: 1;
}

#vorteile ul li {
	display: inline;
	float: left;
	position: relative;
	padding: 7px 15px 20px 0;
	margin: 0 -2px 4px 0;
	color: #000;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/vorteile_pfeil.gif)
		0px 0px no-repeat;
}

#vorteile ul li span {
	display: block;
	padding-left: 15px;
	font-size: 1.4em;
	cursor: pointer;
}

#vorteile ul li span a,#vorteile ul li span a:hover {
	color: #000;
	background: none;
	padding: 0;
	font-weight: normal;
}

#vorteile ul ul {
	position: absolute;
	z-index: 100;
	left: auto;
	display: none;
	margin: 0 0 0 -60px;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/mehrwerte_pfeil.gif)
		center 2px no-repeat;
	padding: 13px 0 0 0;
	width: 276px;
}

#vorteile ul li:hover ul,#vorteile ul li.sfhover ul {
	/* Untermenue wird bei Hover aufgeklappt. Klasse .sfhover fuer IE6 Hover Script */
	display: block;
}

#vorteile ul ul li {
	background: none;
	padding: 0;
	float: none;
	margin: 0;
	display: block;
}

#vorteile ul ul div {
	position: relative;
	background: #d0e0ef;
	padding: 20px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}

#vorteile ul ul div h3 {
	margin: 0 0 19px 0;
}

#vorteile ul ul div p {
	font-size: 1.2em;
	line-height: 1.25em;
}

#vorteile ul li ul div img {
	/* Sonderfall Bild in Vorteilskommunikation */
	position: absolute;
	top: 10px;
	right: 10px;
}

/* Storytelling */
#storytelling {
	position: relative;
	width: 720px;
	height: 826px;
	background: top left no-repeat;
}

#storytelling a {
	background: none;
	padding: 0;
}

#storytelling-text {
	position: absolute;
	top: 24px;
	left: 22px;
	z-index: 500;
	width: 360px;
}

#storytelling h1 {
	font-size: 2.8em;
	margin: 0 0 10px 0;
	color: #161717;
}

#storytelling-text p {
	margin: 0 0 15px 0;
}

#storytelling-text p.enter {
	margin-top: -10px;
}

#storytelling-text p.enter a {
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_schwarz_m.gif)
		center left no-repeat !important;
	padding: 0 0 0 7px !important;
	font-weight: bold;
	color: #000;
}

#storytelling-text p.enter-weiss a {
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_weiss_m.gif)
		center left no-repeat !important;
	padding: 0 0 0 7px !important;
	font-weight: bold;
	color: #000;
}

#storytelling-grafik-oben-rechts {
	position: absolute;
	top: 0;
	right: 0;
}

#storytelling-grafik-links1 {
	position: absolute;
	top: 185px;
	left: 0;
}

#storytelling-grafik-links2 {
	position: absolute;
	top: 185px;
	left: 183px;
}

#storytelling-grafik-unten1 {
	position: absolute;
	top: 456px;
	left: 0;
}

#storytelling-grafik-unten2 {
	position: absolute;
	top: 456px;
	left: 366px;
}

/* Storytelling Magie */
#storytelling.magie {
	height: 1087px;
}

#storytelling.magie p {
	margin: 5px 0;
}

#storytelling.magie #grafik1 {
	position: absolute;
	top: 0;
	left: 0;
}

#storytelling.magie #grafik2 {
	color: white;
	position: absolute;
	top: 75px;
	left: 390px;
	width: 280px;
}

#storytelling.magie #grafik2 p a {
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_weiss_s.gif)
		center left no-repeat !important;
	padding: 0 0 0 7px !important;
	font-weight: bold;
	color: #fff;
	margin: 0 !important;
}

#storytelling.magie #grafik3 {
	position: absolute;
	top: 244px;
	left: 0;
}

#storytelling.magie #grafik4 {
	position: absolute;
	top: 244px;
	right: 0;
}

#storytelling.magie #grafik5 {
	position: absolute;
	top: 477px;
	left: 0;
}

#storytelling.magie #grafik6 {
	position: absolute;
	top: 477px;
	right: 0;
}

#storytelling.magie #grafik7 {
	position: absolute;
	top: 674px;
	left: 0;
}

#storytelling.magie #grafik8 {
	position: absolute;
	top: 674px;
	right: 0;
}

#storytelling.magie #grafik9 {
	position: absolute;
	top: 905px;
	left: 0;
}

#storytelling.magie #grafik10 {
	position: absolute;
	top: 905px;
	right: 0;
}

/* Storytelling Herbst */
#storytelling.herbst {
	height: 1357px;
}

#storytelling.herbst #grafik1 {
	position: absolute;
	top: 0;
	left: 0;
}

#storytelling.herbst #grafik2 {
	position: absolute;
	top: 0;
	left: 364px;
}

#storytelling.herbst #grafik3 {
	position: absolute;
	top: 0;
	left: 418px;
}

#storytelling.herbst #grafik4 {
	position: absolute;
	top: 0;
	right: 0;
}

#storytelling.herbst #herbst-text {
	position: absolute;
	top: 295px;
	left: 40px;
	width: 380px
}

#storytelling.herbst #herbst-text p {
	margin: 5px 0;
}

#storytelling.herbst #herbst-text p a {
	background: transparent
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_schwarz_s.gif)
		no-repeat scroll 0px 6px;
	color: #000;
	padding-left: 7px;
}

#storytelling.herbst #grafik5 {
	position: absolute;
	top: 453px;
	left: 0;
}

#storytelling.herbst #grafik6 {
	position: absolute;
	top: 453px;
	left: 364px;
}

#storytelling.herbst #grafik7 {
	position: absolute;
	top: 453px;
	left: 418px;
}

#storytelling.herbst #grafik8 {
	position: absolute;
	top: 453px;
	right: 0;
}

#storytelling.herbst #grafik9 {
	position: absolute;
	top: 826px;
	left: 0;
}

#storytelling.herbst #grafik10 {
	position: absolute;
	top: 826px;
	left: 364px;
}

#storytelling.herbst #grafik11 {
	position: absolute;
	top: 826px;
	left: 418px;
}

#storytelling.herbst #grafik12 {
	position: absolute;
	top: 826px;
	right: 0;
}

#storytelling.herbst #grafik13 {
	position: absolute;
	top: 1074px;
	left: 0;
}

#storytelling.herbst #grafik14 {
	position: absolute;
	top: 1074px;
	left: 364px;
}

#storytelling.herbst #grafik15 {
	position: absolute;
	top: 1074px;
	left: 418px;
}

#storytelling.herbst #grafik16 {
	position: absolute;
	top: 1074px;
	right: 0;
}

/* Produktnavigation */
.produktnavi {
	margin: 0 0 20px 0;
}

.produktnavi p,.produktnavi ul,.produktnavi li {
	margin: 0 !important;
	padding: 0 !important;
}

.produktnavi p {
	float: left;
	width: 265px;
}

.produktnavi p span {
	/* u.A. fuer die Ausrichtung des Suchergebnis-Textes */
	padding: 4px 0 3px 0;
	display: block;
}

.produktnavi ul {
	float: right;
}

.produktnavi ul li {
	font-family: Courier, "Courier New", monospace;
	float: left;
	display: inline;
}

#content .produktnavi ul li.dots {
    padding-top:3px!important;
    padding-bottom:5px!important;
}
	 
#content .produktnavi ul li a,.produktnavi ul li span {
	background: none;
	font-weight: normal;
	float: left;
	display: inline;
	margin: 0 0 0 5px;
	padding: 3px 8px 4px 6px;
}

#content .produktnavi a.browse {
	font-family: Arial, Helvetica, sans-serif;
	/* fuer Links in der Liste benoetigt. */
	background: #e5e5e5 right 8px no-repeat;
	background-image:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_schwarz_m.gif)
		!important;
	padding: 4px 8px 3px 9px;
	border-right: 10px solid #e5e5e5;
	font-weight: normal;
	float: left;
}

#content .produktnavi a.back {
	background: #e5e5e5 left 8px no-repeat;
	background-image:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_schwarz_back_m.gif)
		!important;
	border-left: 8px solid #e5e5e5;
	border-right: 0;
}

#content .produktnavi a.alle {
	font-family: Arial, Helvetica, sans-serif;
	background: #e5e5e5 left 8px no-repeat;
	padding: 4px 8px 3px 9px;
	font-weight: normal;
	float: left;
}

#content .produktnavi a:hover,#content .produktnavi ul li.active a {
	color: #000;
	background-image: none;
	background-color: #ccc;
	border-color: #ccc;
}

/* Empfehlungsbanner */
.empf-banner-overview {
	border: 1px solid #ccc;
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	display: block;
	height: 250px;
}

html>body #content .empf-banner-overview {
	border: 1px solid #ccc;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	height: 250px;
}

/* Zus�tzliche Klassen f�r die Empfehlungsbannerbox */
.casual-box {
	border: 1px solid #B29470 !important;
}

.sportswear-box {
	border: 1px solid #679BCD !important;
}

.underwear-box {
	border: 1px solid #283A44 !important;
}

.selection-box {
	border: 1px solid #3D3A35 !important;
}

.city-box {
	border: 1px solid #3B4356 !important;
}

/* Zus�tzliche Klassen f�r den Empfehlungsbannerkopfteil */
.casual-head {
	background: #B29470 !important;
}

.sportswear-head {
	background: #679BCD !important;
}

.underwear-head {
	background: #283A44 !important;
}

.selection-head {
	background: #3D3A35 !important;
}

.city-head {
	background: #3B4356 !important;
}

.empf-headline {
	width: 719px;
	background: #ccc;
}

.empf-headline p {
	padding: 7px 8px 7px 8px;
	color: #fff;
	font-size: 1.3em;
	margin: 0;
}

#content .overview-header {
	margin: 0 0 16px 0;
}

#content .overview-header a {
	background: none !important;
	padding: 0 !important;
}

.empf-banner-overview a {
	background-image: none !important;
	padding: 0;
	font-weight: normal;
}

.empf-banner-overview a:hover {
	color: #000;
	background-color: #ccc;
	background-image: none !important;
}

.empf-banner {
	width: 100px;
	float: left;
	margin: 20px 0 0 8px;
	padding: 0 0 0 0px !important;
	border: 0px solid black;
}

/*Ie 7*/
html>body #content .empf-banner {
	width: 100px;
	float: left;
	margin: 17px 0 0 17px;
	padding: 0 0 0 0 !important;
	border: 0px solid black;
}

.empf-banner-last {
	margin-right: 0;
}

.empf-banner-thumb {
	width: 100px;
	overflow: hidden;
	height: 150px;
	background: none;
}

.empf-banner-thumb a {
	width: 100px;
	overflow: hidden;
	height: 150px;
	background: none !important;
}

.empf-banner-thumb img {
	float: left;
	background-image: none;
}

#content .empf-banner p {
	margin: 0;
}

#content .empf-banner p a {
	display: block;
	text-align: center;
	padding: 6px 1px 1px 1px;
	height: 32px;
	background: #ccc;
	border: 0px solid black;
}

html>body #content .empf-banner p a {
	min-height: 32px;
	height: auto;
	border: 0px solid black;
}

.empf-banner strong {
	font-weight: normal;
	font-size: 1.1em;
}

.empf-banner del,.empf-banner ins {
	font-size: 1.1em;
}

.empf-banner ins {
	text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3em;
}

.empf-banner ins span {
	font-size: 0.7em;
	font-weight: normal;
}

.empf-banner ins.neupreis {
	color: #800;
	margin-left: 5px;
}

/* Produktuebersicht */
#content .overview-header {
	margin: 0 0 16px 0;
}

#content .overview-header a {
	background: none !important;
	padding: 0 !important;
}

#product-overview a {
	background-image: none;
	padding: 0;
	font-weight: normal;
}

#product-overview a:hover {
	color: #000;
	background: #ccc;
}

.product {
	width: 164px;
	float: left;
	margin: 0 24px 24px 0;
}
 
.product-last {
	margin-right: 0;
}

.product-thumb {
	width: 162px;
	overflow: hidden;
	height: 243px;
	border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC; 
}

.product-thumb img {
	float: left;
}

#content .product p {
	font-size: 1em;
	margin: 0;
}

#content .product p a {
	display: block;
	text-align: center;
	padding: 6px 1px 1px 1px;
	height: 32px;
	background: #ccc;
	border: 0px solid black;
}

html>body #content .product p a {
	min-height: 32px;
	height: auto;
}

#content .product p a.size-available {
	display: block;
	text-align: center;
	padding: 5px 0 0 0;
	background: #ccc;
	text-decoration: underline;
}

html>body #content .product p a.size-available {
	min-height: 20px;
	height: auto;
	text-decoration: underline;
}

#content .product p a.no-size-available {
	display: block;
	text-align: center;
	padding: 5px 0 0 0;
	background: #ccc;
	text-decoration: underline;
}

html>body #content .product p a.no-size-available {
	min-height: 20px;
	height: auto;
	text-decoration: underline;
}

.product strong {
	font-weight: normal;
	font-size: 1.2em;
}

.product del,.product ins {
	font-size: 1.1em;
}

.product ins {
	text-decoration: none;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3em;
}

.product ins span {
	font-size: 0.7em;
	font-weight: normal;
}

.product ins.neupreis {
	color: #800;
	margin-left: 5px;
}

/* Inhalte im Abbinder */
#footer-inhalt {
	position: relative;
	width: 720px;
	margin: 0 auto;
	font-size: 1.1em;
	padding: 0 0 0 215px;
}

#footer-inhalt h2 {
	font-size: 1.4em;
	margin: 0;
}

#footer-inhalt ul {
	float: left;
	margin: 15px 46px 10px 0;
	width: 140px;
	line-height: 1.2em;
}

#footer-inhalt ul.last {
	margin-right: 0px;
}

#footer-inhalt ul li {
	font-weight: bold;
	color: #0f0f0f;
	height: 1%; /* hasLayout fuer IE */
	margin: 0 0 7px 0;
}

#footer-inhalt ul li ul {
	padding: 9px 0 0 0;
	margin: 0;
}

#footer-inhalt ul li ul li a {
	color: #000;
	font-weight: normal;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_grau_s.gif)
		2px 4px no-repeat;
	padding: 0 0 0 9px;
	display: block;
	height: 1%; /* hasLayout fuer IE */
}

#footer-inhalt ul li ul li a:hover {
	color: #4d79a5;
}

#footer-inhalt ul ul li.image-link a {
	background: none;
	padding: 0;
}

img.footer-katalog { /* Bild im Footer */
	margin-top: 2px;
}

img.footer-geprueft { /* Bild im Footer */
	margin-top: 16px;
	margin-left: -5px;
}

#footer-inhalt p a {
	font-size: 0.8em;
	color: #878888;
	display: block;
	margin: 40px 0 0 0;
	text-align: center;
}

#footer-inhalt p a:hover {
	color: #000000;
}

/* Zoom Popup */
#zoom-popup-position {
	padding: 10px;
	width: 372px;
}

#zoom-header {
	background-image:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/header_bg_simple_zoom.jpg)
		;
	height: 70px;
	width: 372px;
	position: relative;
}

#zoom-image {
	height: 558px;
	width: 372px;
	overflow: hidden;
}

#zoom-gallery {
	background: #e8e8e8;
	clear: left;
	height: 61px;
	width: 352px;
	padding: 10px 10px 0 10px;
	text-align: center;
}

#zoom-gallery li {
	display: inline;
}

#zoom-gallery li a img {
	border: 1px solid #a4a4a4;
	margin: 0 6px 0 0;
}

#zoom-gallery li a:hover img {
	border: 1px solid #4D79A5;
}

/* Modelinien */
#modelinien {
	padding: 0px 0 0 0;
	height: 444px;
	margin: 0 0 15px 0;
	position: relative;
}

#modelinien h1 {
	position: absolute;
	top: 238px;
	left: 0;
	background: #c3c3c3 no-repeat center left;
	height: 64px;
	width: 499px;
	margin: 0;
	z-index: 1;
}

#modelinien-info {
	position: absolute;
	top: 302px;
	left: 0;
	overflow: hidden;
	height: 102px;
	width: 270px;
	padding: 21px 25px 20px 23px;
	background: #e9e9e9;
}

#modelinien-info p {
	margin: 0 0 13px 0;
	float: left;
	display: inline;
}

#modelinien-visual {
	position: absolute;
	top: 0;
	right: 0;
}

/* Modelinien-Navigation */
#content .modelinien-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 1em;
}

#content .modelinien-nav li {
	float: left;
	margin: 0;
	background: #fff !important;
	padding: 0;
}

#content .modelinien-nav li a {
	padding: 0;
	background: none;
	font-weight: bold;
}

#content .modelinien-nav a span {
	display: block;
	font-size: 1.5em;
	padding: 9px 0 8px 9px;
	color: #000;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_schwarz_m.gif)
		no-repeat 1px 12px;
}

#content .modelinien-nav a:hover span {
	color: #4D79A5;
	background-image:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_blau_m.gif)
		;
}

/* Produkt-Detailseite */
#product-detailseite {
	height: 1%; /* hasLayout fuer IE */
}

#product-bild {
	overflow-x: hidden;
}

#product-bild img {
	float: left;
}

#product-incentive {
	width: 230px;
	margin: 0 0 30px 0;
	float: left;
}

#product-description { /* height: 309px; */
	width: 464px;
	padding-bottom: 10px;
	float: right;
}

#content #product-description a { /*text-decoration: underline;*/
	font-weight: normal;
	background: none;
	padding: 0;
}

html>body #product-description { /* fuer standardkonforme Browser */
	height: auto;
	/*min-height: 309px; */
	/* Box hat Mindesthoehe und kann mit dem Inhalt mitwachsen */
}

.text-description {
	height: 6.5em;
	overflow: hidden;
}

.text-description.open {
	height: auto;
}

#product-features { /* Box unterhalb des Produktbildes */
	background: #e8e8e8;
	height: 104px;
	width: 230px;
	clear: left;
	font-size: 1em;
	padding-top: 10px;
}

html>body #product-features {
	height: auto;
	min-height: 104px;
}

#product-features ul { /* Zoom, Materialangabe, usw. */
	float: left;
	margin: 2px 8px 10px 10px;
	width: 84px;
	list-style: none;
	display: inline;
	font-size: 1.1em;
}

#product-features ul li a {
	background: none !important;
	font-weight: normal;
	padding: 0;
	display: block;
	height: 1%; /* hasLayout fuer IE */
}

#product-features ul li a span {
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_schwarz_s.gif)
		1px 5px no-repeat;
	padding-left: 7px;
}

#product-features ul li a:hover span {
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_blau_s.gif)
		1px 5px no-repeat;
}

#product-features ul li img {
	float: left;
	margin: 0 5px 0 0;
}

#product-thumbs {
	width: 126px;
	float: left;
}

#product-thumbs a { /* Weitere Bilder zum Produkt */
	background: none;
	padding: 0;
	float: left;
	margin: 0 6px 9px 0;
	border: 1px solid #a4a4a4;
}

#product-thumbs a:hover {
	border: 1px solid #4D79A5;
}

#product-features p { /* Weitere Artikel */
	margin: 0;
	clear: both;
	padding: 6px 10px 9px 10px;
	font-size: 1.1em;
	border-top: 1px solid #ffffff;
}

#product-action { /* Produktvarianten und Warenkorbfunktion */
	float: right;
	width: 464px;
	margin: 0 0 30px 0;
}

#product-action p {
	margin: 0;
}

#product-action .formular { /* Produktvarianten und Warenkorbfunktion */
	margin: 0 0 10px 0;
}

/* Produkt-Specials */
table.product-special {
	margin: -9px 0 18px 0;
	border-collapse: collapse;
	border: 0;
	padding: 0;
}

#content #product-description table.product-special a {
	text-decoration: none;
	color: #535353;
	font-weight: bold !important;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_grau_s.gif)
		2px 5px no-repeat !important;
	padding-left: 8px;
}

#content #product-description table.product-special a:hover {
	color: #4D79A5;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_blau_s.gif)
		2px 5px no-repeat !important;
}

table.product-special tr td {
	vertical-align: middle;
	color: #535353;
	padding: 0;
}

table.product-special img {
	height: 54px;
	float: left;
	margin: 2px 11px 0 0;
}

table.product-special tr td h2 {
	font-size: 2.3em;
	font-weight: normal;
	margin: 0 0 0 -2px;
	color: #61829f;
}

table.product-special tr td p {
	font-size: 1.1em;
	margin: 1px 0 0 0;
	line-height: 1.2em;
}

table.product-special tr td a {
	padding: 1px 0 0 0;
	font-weight: bold !important;
}

/**
 * Reduzierter-Preis-Banner auf der Artikelansicht
 */
 
.product-reduced {
	top:-7px;
	color: #535353;
	margin: 0px 0 20px 0;
	height: 1%;	
}

.product-reduced .reduction{
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/reduziert_detailseite.gif)
		top left repeat-x;
	width: 247px;
	height: 54px;
	float: left;
}

.product-reduced .reduction-info {
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/reduziert_farbe_detailseite.gif)
		#ecbdb6 top left no-repeat;
	width: 216px;
	height: 54px;
	float: right;
}

html>body .product-reduced .reduction-info {
	min-height: 54px;
	height: auto;
}


.product-reduced h2 {
	font-size: 2.8em;
	margin: 10px 0 0 0;
	text-align: center;
	display: block;
	color:#fff;
	font-weight:normal;
}

.product-reduced p {
	font-size: 1.1em;
	color: #535353;
	font-weight: normal;
	line-height: 1.175em;
	margin: 8px 8px 0 19px;
}

/**
 * Special Info
 */

.product-specialinfo {
	margin: 8px 0 19px 0;
}

.product-specialinfo img {
	float: left;
	margin: 0px 17px 0 0;
}

.product-specialinfo p {
	margin: 0;
}

.product-specialinfo p small {
	line-height: 1.1em;
	color: #535353;
}

#content #product-description .product-specialinfo p small a {
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_grau_s.gif)
		2px 5px no-repeat !important;
	font-weight: bold !important;
	padding-left: 8px;
	text-decoration: none;
}

#content #product-description .product-specialinfo p small a:hover {
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_blau_s.gif)
		2px 5px no-repeat !important;
}

/* Tabbox */
.tabbox-head {
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/bg_tabbox-head.gif)
		bottom left repeat-x;
	height: 28px;
	position: relative;
	margin: 0 0 -1px 0;
}

.tabbox-head h2 {
	float: left;
	position: relative;
	margin: 0 1px -1px 0;
	background: #fff;
	font-size: 1.2em;
	height: 18px;
	border-top: 1px solid #a4a4a4;
	border-right: 1px solid #a4a4a4;
	border-left: 1px solid #a4a4a4;
	padding: 7px 15px 2px 10px;
}

#content .tabbox-head h2 a {
	font-weight: normal;
	background: none !important;
	padding: 0;
}

.tabbox-head small.bookmark {
	position: absolute;
	right: 0;
	bottom: 7px;
}

.tabbox-head small.bookmark a {
	background-position: 2px 5px !important;
	font-weight: normal !Important;
}

.tabbox {
	border: 1px solid #a4a4a4;
	padding: 10px;
	height: 1%;
	margin: 0 0 3px 0;
}

/* Fehlermeldung innerhalb der Produkt-Detailansicht */
#content .tabbox p.pflichterror {
	margin: 10px 0 0 46px;
	font-weight: bold;
}

#content .tabbox select.pflichterror {
	color: red;
}

/* ie6 */
* html #content .tabbox p.pflichterror {
	margin: 18px 0 0 46px;
}

/* ie7 */
*+html #content .tabbox p.pflichterror {
	margin: 18px 0 0 46px;
}

/* neuer und alter Preis */ /* alter Preis */
#content .tabbox #action p.price del #price-old {
	font-size: 1.0em !important;
}

#content .tabbox #action p.price del span {
	font-size: 0.9em;
}

/* neuer Preis */
#content .red-price {
	color: #800;
}

#content .tabbox #action p.price ins #price-new {
	font-size: 1em;
}

#product-action .tabbox {
	height: 91px;
}

html>body #product-action .tabbox {
	min-height: 91px;
	height: auto;
}

#selection {
	float: left;
}

#selection span.inline-text {
	float: left;
	font-size: 1.1em;
	margin: 6px 0 11px 0px;
	line-height: 0.95;
}

* html #selection span.inline-text {
	margin-top: 5px;
	line-height: 1;
}

*+html #selection span.inline-text {
	margin-top: 5px;
	line-height: 1;
}

#selection label {
	width: 40px;
	overflow-x: hidden;
	margin: 0 5px 0 0;
	font-weight: bold;
}

#selection select {
	width: 202px;
	margin: 0 0 8px 0;
}

#selection small {
	float: left;
	margin: -5px 0 0 45px;
}

#selection small a {
	font-weight: normal;
	background-position: 2px 5px !important;
}

#action {
	float: right;
	background: #e8e8e8;
	padding: 14px 5px;
	width: 177px;
	text-align: center;
}

#action p {
	margin: 0 0 10px 0;
}

#action .price del,#action .price ins {
	font-size: 1.1em;
}

#action .price ins {
	text-decoration: none;
	font-size: 2.1em;
}

#action .price del {
	color: #444;
}

#action .price del span {
	font-size: 0.85em;
	margin: 0 -4px 0 0;
}

#action .price ins span {
	font-size: 0.475em;
	font-weight: normal;
}

#action .submit {
	margin: 0;
	float: none;
}

p.center {
	text-align: center;
}

/* Related Products */ /* z.B.: zusaetzlich kauften Kundinnen auch */
.related {
	margin: 0px 0 20px 0;
}

.related-schmal {
	
}

.related h2 {
	font-size: 1.2em;
	color: #3e3e3e;
	border-bottom: 1px solid #d1d1d1;
	margin: 0 0 9px 0;
	padding: 0 0 3px 0;
}

.related div {
	padding: 0 0 0 21px;
}

.related a {
	margin: 1px 10px 0 0;
	padding: 0px !important;
	float: left;
	background-image: none !important;
}

/* Bestellkarte */
.bestellkarte {
	margin: 0 0 5px 0 !Important;
}

.bestellkarte tr { /* height: 47px; */
	height: 47px;
}

* html .bestellkarte tr { /* height: 47px; */
	height: 35px;
}

*+html .bestellkarte tr { /* height: 47px; */
	height: 35px;
}

.bestellkarte td {
	padding: 14px 0 0px 7px !important;
	border-bottom: 0 !important;
}

.bestellkarte td.artikelnr {
	padding-left: 0 !important;
}

.bestellkarte td.artikelnr input.text {
	width: 198px;
}

.bestellkarte td img {
	float: left;
	margin: 0 3px 0 0;
}

.bestellkarte td small {
	color: black;
	line-height: 1em;
}

.bestellkarte td small.pflichterror {
	color: red;
}

.bestellkarte tr td a {
	font-weight: normal !important;
}

#content a.add {
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/plus_add.gif)
		0 1px no-repeat !important;
	margin: 0 5px 10px 0;
	padding-left: 17px;
	font-size: 0.9em;
	font-weight: normal;
}

/* Freundschaftswerbung */
.freundschaftswerbung {
	position: relative;
	height: 143px;
	margin-bottom: 25px;
	padding-left: 175px;
}

html>body .freundschaftswerbung {
	min-height: 143px;
	height: auto;
}

.freundschaftswerbung img {
	position: absolute;
	left: 0;
}

.freundschaftswerbung p {
	margin: 0 0 15px 0;
}

.freundschaftswerbung ul,.freundschaftswerbung ul li {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Stronglist - Listen mit fetten Zahlen */
.stronglist ol li {
	font-weight: bold;
}

.stronglist ol li span {
	font-weight: normal;
}

/* Product-Table */ /* z.B. fuer Merkzettel */
#content .product-table {
	margin: 0 0 10px 0;
}

#content .product-table td {
	padding: 10px 5px 10px 10px;
	vertical-align: top;
	border-bottom: 1px solid #fff;
}

#content .product-table td.image {
	width: 34px;
	padding-right: 0;
}

#content .product-table td.image img {
	float: left;
}

#content .product-table .link-normal {
	font-weight: normal;
}

#content .product-table select {
	margin: 0 0 7px 0;
}

#content .product-table small {
	line-height: 1.15em;
	color: #000;
	float: left;
	clear: left;
	width: 100%;
}

#content .product-table small.warenkorb-add {
	color: #d80303;
	padding: 3px 0 0 0;
}

#content .product-table small.product-metainfo {
	margin: 0 0 0 8px;
}

#content .subtotal table {
	width: auto;
	float: right;
	margin: 0 0 17px 0;
}

#content .subtotal table td {
	background: none;
	padding: 0 7px;
}

#content .subtotal table tr.rabatt td {
	border-bottom: 1px solid #dedede;
	padding: 2px 7px;
	color: red;
}

#content .subtotal table tr.aktionsrabatt td {
	font-weight: bold;
	padding: 2px 7px;
}

#content .subtotal p {
	float: left;
	width: 230px;
}

#content .subtotal p a {
	float: left;
}

#content .total {
	width: 100%;
	height: 25px;
	background-image:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/gesamtpreis-visual.jpg)
		;
	margin: 0 0 10px 0;
}

#content .total dt {
	font-size: 1.5em;
	color: #fff;
	float: left;
	padding: 5px 0 0 310px;
}

#content .total dd {
	font-size: 1.5em;
	font-weight: bold;
	display: inline;
	color: #fff;
	float: right;
	margin: 6px 25px 0 0;
}

.hint {
	float: left;
	margin-top: 4px;
}

.ssl { /* Hinweis auf SSL-Verschluesselung */
	padding: 0 0 0 10px;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/security.gif)
		no-repeat 0 3px;
}

/* Sprachauswahl auf Flaggenseite */
#content .sprachauswahl {
	list-style: none;
	margin: 0;
}

#content .sprachauswahl li {
	float: left;
	height: 30px;
	width: 49.9%;
	margin: 0 0 19px 0;
}

#content .sprachauswahl li img {
	float: left;
	margin: 3px 9px 0 0;
}

#content .sprachauswahl li a {
	margin: 0 17px 0 0;
}

#content .sprachauswahl li span {
	display: block;
	margin: 7px 0 0 0;
}

#content .sprachauswahl li.sprachauswahl-multi span {
	margin: 0;
}

/* Filialfinder Suchmaske */
#content .filialfinder fieldset {
	padding-left: 30px;
	padding-right: 30px;
}

#content .filialfinder fieldset label {
	width: 50px;
}

#content .filialfinder fieldset select {
	width: 220px;
}

/* Filialfinder Suchergebnis */
#content .filiale {
	height: 1%; /* hasLayout fuer IE */
}

#content .filiale img {
	float: left;
	margin: 0 15px 0 0;
}

#content .filiale img.lagerverkauf {
	margin: 0 30px 0 50px;
}

#content .filiale p {
	margin: 0 0 10px 0;
}

#content .filiale .maplink {
	padding: 0 0 0 65px;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/map24.gif)
		no-repeat 0 1px !important;
}

#content .filiale .maplink span {
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/pfeil_schwarz_s.gif)
		2px 6px no-repeat;
	padding-left: 8px;
}

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

#content .filiale-info {
	float: left;
}

/* Text-Teaser */
#subnavi .text-teaser {
	margin: 36px 0;
}

#subnavi .text-teaser p,#subnavi .text-teaser h3,#subnavi .text-teaser small
	{
	color: #767676;
	margin: 0 0 4px 0;
}

#subnavi .text-teaser p {
	line-height: 1em;
}

#subnavi .text-teaser strong {
	font-size: 1.25em;
}

#subnavi .text-teaser p small {
	font-size: 0.85em !important;
}

/* Checkout-Process */ /* Checkout-Process Status */
#content .checkout-progress-header {
	font-size: 1.5em;
	font-weight: bold;
	color: #767676;
	margin-bottom: 7px;
}

#content .checkout-progress {
	margin: 0 0 26px 0;
}

#content .checkout-progress ul {
	margin: 0;
	height: 39px;
	list-style: none;
	width: 538px;
	background:
		url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/square_grey.gif)
		0px 21px repeat-x !important;
}

#content .checkout-progress li {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	padding: 8px 1px 5px 6px;
	background-color: #e8e8e8;
	width: 120px;
	height: 31px;
}

html>body #content .checkout-progress li {
	height: auto;
	min-height: 31px;
}

#content .checkout-progress li.last {
	margin: 0;
}

#content .checkout-progress li.active {
	background: #b8b8b8;
}

#content .checkout-progress p {
	margin: 0;
}

#content .checkout-progress span,#content .checkout-progress strong {
	float: left;
	font-weight: normal;
	margin: 0 3px 0 0;
}

#content .checkout-progress span {
	width: 100px;
}

/* Bestelldaten */
#content .order-summary {
	height: 1%;
}

#content .order-summary dl {
	float: left;
	width: 170px;
	margin: 0 15px 0 0;
	padding: 0;
}

#content .order-summary dl.summary-last {
	margin-right: 0;
	width: 165px;
}

#content .order-summary dl p {
	margin: 0 0 5px 0;
}

#content .order-summary dt {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 8px 0;
}

#content .order-summary dd {
	margin: 0;
	padding: 0;
}

/*Gutschein Einloesen-Formular */
#content .gutschein {
	margin: 0 0 30px 0;
}

#content .gutschein form {
	margin: 0 0 5px 0;
}

#content .gutschein input.textsubmit {
	margin: 0 0 10px 6px;
}

/* Scrollbox */
.scrollbox {
	overflow: auto;
	height: 170px;
	padding: 5px;
	margin: 20px 0 10px 0;
	border-top: 2px solid #5c5c5c;
	border-left: 2px solid #5c5c5c;
	border-right: 1px solid #b2b2b2;
	border-bottom: 2px solid #b2b2b2;
}

.standard .scrollbox {
	width: 526px;
}

/* Bestelluebersicht */
#content .bestelluebersicht-container {
	margin: 0 0 30px 0;
}

#content .bestelluebersicht-container table.content-table p {
	margin: 0;
}

#content .bestelluebersicht-container small.hint {
	margin: 0 0 30px 0;
}

/* Login */
#content .login h2 {
	margin: 0 0 15px 0;
}

#content .login {
	border-top: 1px solid #B2B2B2;
	height: 1%;
}

#content .login label {
	width: 90px;
}

#content .login input.text {
	margin: 0 0 10px 0;
	width: 170px;
}

#content .login input.submit {
	margin: 0;
}

#content .login p {
	margin: 0;
}

#content .login p.remind {
	margin: -7px 0 0 0;
	float: right;
}

#content .login p.password {
	margin: 20px 0 0 0;
	color: #000;
	padding: 10px;
	background: #f2f3eb;
}

#content .login .login-direct {
	float: left;
	width: 280px;
	padding: 21px 20px 0 0;
	border-right: 1px solid #B2B2B2;
}

#content .login .login-signup {
	float: left;
	width: 216px;
	padding: 21px 0 0 19px;
}

#content .login .login-signup a {
	background: none;
}

#content .login-spalte {
	height: 100px;
	margin-bottom: 20px;
	padding: 1px 0;
}

/* Freundschaftspraemien Suchmaske */
.freundepraemien fieldset {
    padding-left: 30px;
    padding-right: 30px;
}

.freundepraemien fieldset label {
    width: 50px;
}

.freundepraemien fieldset select {
    width: 220px;
}

/* Freundschaftpraemien Suchergebnis */
.freunde {
    height: 1%; /* hasLayout fuer IE */
}

.freunde img {
    position: relative;
    left: 5px;
}

.freunde p {
    margin: 0 0 10px 0;
}

.button-notieren {
	float: right;
}

.freunde-formular input,.freunde-formular select {
    margin: 0 5px 10px 0;
    width: 388px;
    display: inline;
    float: left;
    padding: 2px 4px 3px 4px;
}

.freunde-formular select {
    width: 398px;
    padding: 1px 0 1px 0;
}

.freunde-formular input.submit {
    margin: 25px 0 0 0;
    padding: 0;
    float: none;
}

.freunde-formular-block fieldset {
    padding: 20px 0 10px 10px;
    margin: 0 0 10px 0;
    background-color: #dedede;
}

.freunde-formular-block fieldset select {
    padding: 0;
}

.freunde-formular-block .inline-submit {
    margin: -5px 13px 5px 10px !important;
}

html>body #content .login-spalte {
	height: auto;
	min-height: 100px;
}

span.geburtsdatum {
	width: 200px;
}

#content .ad a{
    background: none;
    padding-left: 0px;
}

.skyscraper {
    position: absolute;
    top: 25px;
    right: -131px;  
}

.fullsizebanner {
    text-align: center;
    margin-top: 10px;
}

.mediumrectangle {
    text-align: center;
    margin-top: 10px;
}

.captcha img {
    border:1px solid #DCDCDC;
    width:200px;
    height:100px;
    float: left;
}

.captcha-reload {
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}

/*************************/
/*        VIDEO          */
/*************************/

/* Artikelvideo */
#video-header {
    background-image: url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/header_bg_simple_zoom.jpg);
    height: 70px;
    width: 380px;
    position: relative;
}

#video-image {
    height: 558px;
    width: 380px;
    overflow: hidden;
}

/* Rotationsvideos */
#rotation-header {
    background-image: url(http://images01.ullapopken.de/resources/bilder/de/de/allgemein/header_rotation.jpg);
    height: 70px;
    width: 550px;
    position: relative;
}

#rotation-envelope {
    width: 548px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px; 
    background: white;
    font-family: Verdana, Arial, sans-serif; 
    border-left: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    border-padding: 0;
}

#rotation-flashwrapper{  
    margin-left: auto;
    margin-right: auto;
    margin-top : 20px; 
    text-align:center;
    border: 1px solid gray;
}

#rotation-popup-close {
    position: absolute;
    right: 10px;
    bottom: 18px;
    padding: 0 16px 0 0;
    color: #fff;
    font-size: 1.1em;
    background:
        url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/button_schliessen.gif)
        right center no-repeat;
}

#rotation-popup-close :hover {
    text-decoration: underline;
}

.video_instructions {
	padding-left: 25px;
	padding-bottom: 10px;
	font-size: 12px;
}

/* Matrixvideo */

#matrix-header {
    background-image: url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/header_bg_simple_zoom.jpg);
    height: 70px;
    width: 400px;
    position: relative;
}

#matrix-image {
    height: 558px;
    width: 400px;
    overflow: hidden;
}

#image-header {
    background-image: url(https://images01.ullapopken.de/resources/bilder/de/de/allgemein/header_bg_simple_zoom.jpg);
    height: 70px;
    width: 500px;
    position: relative;
}

#image-zoom {
    height: 600px;
    width: 500px;
    overflow: hidden;
}

/* Helfer - am Ende der Datei belassen */
.ahem {
	/*  entspricht im wesentlichen display:none; , ist aber screenreaderfreundlich */
	position: absolute;
	overflow: hidden;
	height: 0;
	width: 0;
	left: -1000px;
	top: -1000px;
}

.clear {
	clear: both;
	margin: -1px 0 0 0; /* laesst 1px clear nach oben verschwinden */
	height: 1px; /* laesst   auf 1px schrumpfen fuer IE */
	font-size: 1px;
	line-height: 1px;
	width: 100%;
}

div .clear {
	clear: both;
	height: 1px;
	border: 0px solid black;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1px;
	font-size: 1px;
}

/* OLS-1967 Anpassungen fuer modern-fit */
.modernfit-button
{
background:#660066;
}
.modernfit-theme {
    background: url(http://images01.ullapopken.de/resources/bilder/de/de/einstiegsseite/modernfit_text.jpg) !important;
}
.modernfit-theme-en {
    background: url(http://images01.ullapopken.de/resources/bilder/uk/en/einstiegsseite/modernfit_text.jpg) !important;
}
.modernfit-theme-fr {
    background: url(http://images01.ullapopken.de/resources/bilder/fr/fr/einstiegsseite/modernfit_text.jpg) !important;
}
.modernfit-theme-nl {
    background: url(http://images01.ullapopken.de/resources/bilder/nl/nl/einstiegsseite/modernfit_text.jpg) !important;
}
.modernfit-theme-se {
    background: url(http://images01.ullapopken.de/resources/bilder/se/se/einstiegsseite/modernfit_text.jpg) !important;
}
.modernfit-theme-pl {
    background: url(http://images01.ullapopken.de/resources/bilder/pl/pl/einstiegsseite/modernfit_text.jpg) !important;
}
.modernfit-box {
    border: 1px solid #660066 !important;
}
.modernfit-head {
    background: #660066 !important;
}
#modernfit {
    float: left;
}
#modernfit span.inline-text {
    float: left;
    font-size: 1.1em;
    margin: 6px 0 11px 0px;
    line-height: 0.95;
}
* html #modernfit span.inline-text {
    margin-top: 5px;
    line-height: 1;
}
*+html #modernfit span.inline-text {
    margin-top: 5px;
    line-height: 1;
}
#modernfit label {
    width: 40px;
    overflow-x: hidden;
    margin: 0 5px 0 0;
    font-weight: bold;
}
#modernfit select {
    width: 202px;
    margin: 0 0 8px 0;
}
#modernfit small {
    float: left;
    margin: -5px 0 0 45px;
}
#modernfit small a {
    font-weight: normal;
    background-position: 2px 5px !important;
}