/* ===================================
Stylesheet für das eBay-Artikellayout 
 
Datum: 11. November 2008
Autor: Marc Wittbecker / MAX Trader GmbH & Co KG 

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles

Letze Änderungen:
2008-11-11: #ladenpreis
2008-11-07: #wrapper h4
2008-09-24: .hinweisbox;
2008-09-08: #wrapper ul; #merkmale p;
2008-07-28: #uvp, #uvp em;

=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */

* { padding: 0; margin: 0; }

/* ==================================
   2. Allgemeine Styles 
   =============================== */   

#wrapper h1 { font-size: 18pt; }
#wrapper h2 { font-size: 16pt; font-weight: normal; }
#wrapper h3 { font-size: 18pt; color: #0066ff; }
#wrapper h4 { font-size: 13pt; border-bottom: 2px solid orange; margin-bottom: 10px; }

#wrapper p { margin-bottom: 12px; }
#wrapper ul { margin-bottom: 12px; }
#wrapper li { margin-left: 44px; }

/* ================
   Hyperlinks    */  

#wrapper a { text-decoration: none; outline: none; } 
#wrapper a:link { color: #ff0000; }
#wrapper a:visited { color: #cc6600; }
#wrapper a:hover, a:focus { border-bottom: 1px solid #ff0000; } 
#wrapper a:active { background-color: #ff0000; color: white; }  

/* =====================
   Klassen und IDs    */

.ie-zentrierung {
	clear: both;
	text-align: center;
}

.bildlinks {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.bildrechts {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

.bildmitte {
	display: block;
	margin: 0px auto;
}

.ie-bildmitte {
	clear: both;
	text-align: center;
} /* nicht mehr verwenden! 9.6.2008 */

.clearing {
	clear: both;
}

.jeans_table {
	margin: 40px auto;
    width: 550px;
    text-align: center;
}

.g-jeans1 {
	width: 550px; 
	padding: 5px; 
	text-align: center; 
	background-color: #6666cc; 
	color: #FFFFFF;
	font-weight: bold;
}

.g-jeans2 {
	padding: 5px;
	padding: 15px 0;
	background-color: #EEEEEE;
	text-align: center;
	font-weight:bold;
}

.g-jeans3 {
	padding: 5px;
	text-align: center;
}

.gross {
	font-size: 150%;
	font-weight: bold;
}

/* ==================================
   3. Styles für Layoutbereiche 
   =============================== */   

#wrapper {
 	background-color: white;
 	color: black;
 	width: 760px;
 	margin: 10px auto;
 	text-align: left;
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

/* The Holly Hack */
* html #kopfzeile1 { height: 1%; }
* html #beschreibung { height: 1%; }
/* End of the Holly Hack */

#kopfzeile1 {
	overflow: hidden;
	font-size: 80%;
	background-color: #eeeeee;
	margin: 2px 0 10px 0;
	padding: 2px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

#artnummer {
	float: left;
	width: 33%;
	text-align: left;
}

#artnummer em {
	font-style: normal;
}

#hersteller {
	float: right;
	width: 33%;
	text-align: right;
}

#hersteller em {
	font-style: normal;
}

#kopfzeile2 {
	overflow: hidden;
}

#bezeichnung {
	float: left;
}

#bezeichnung p {
	margin-top: 10px;
	margin-bottom: 0px;
}

#uvp {
	font-size: 110%;
	color: #ff6600;
	font-style: normal;
}

#uvp em {
	font-size: 110%;
	color: #ff6600;
	font-style: normal;
	font-weight: bold;
}

#logos {
	float: right;
	text-align: right;
}

#schlagzeilen {
	clear: both;
	background-color: #eeeeee;
	margin: 20px 0px;;
	border-top: 1px dotted orange;
	border-bottom: 1px dotted orange;
	padding: 5px 0;
}

#ladenpreis {
	text-align: center;
	font-size: 24pt;
	color: #ff6600;
	font-weight: bold;
}

.bilder {
	margin: 30px auto;
}

.flash-galerie {
	margin: 30px auto;
}

.zoomify {
	margin: 30px auto;
	border: 1px solid #000000;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.slideshow {
	margin: 30px auto;
	width: 760px;
	height: 500px;
	background-image: url(http://www.liteups.de/scripts/images/slideshow_01.jpg);
	background-repeat: no-repeat;
}

.slideshow div {
	position: relative;
	width: 600px;
	height: 450px;
	top: 12px;
	left: 12px;
}

.panorama, .panorama_es, .panorama_fra, .panorama_ita, .panorama_nl, .panorama_uk {
	margin: 30px auto;
	width: 760px;
	height: 500px;
}

.panorama { background-image: url(http://www.liteups.de/scripts/images/panorama_02.jpg); background-repeat: no-repeat; }
.panorama_es { background-image: url(http://www.liteups.de/scripts/images/panorama_02_es.jpg); background-repeat: no-repeat; }
.panorama_fra { background-image: url(http://www.liteups.de/scripts/images/panorama_02_fra.jpg); background-repeat: no-repeat; }
.panorama_ita { background-image: url(http://www.liteups.de/scripts/images/panorama_02_ita.jpg); background-repeat: no-repeat; }
.panorama_nl { background-image: url(http://www.liteups.de/scripts/images/panorama_02_nl.jpg); background-repeat: no-repeat; }
.panorama_uk { background-image: url(http://www.liteups.de/scripts/images/panorama_02_uk.jpg); background-repeat: no-repeat; }

.panorama div, .panorama_es div, .panorama_fra div, .panorama_ita div, .panorama_nl div, .panorama_uk div {
	position: relative;
	width: 600px;
	height: 375px;
	top: 62px;
	left: 160px;
}

#schlafsaecke {
	overflow: hidden;
}

#schlaf1 {
	float: left;
	width: 360px;
	font-size: 8pt;
}

#schlaf2 {
	float: right;
	width: 380px;
	text-align: right;
}

.reiter, .reiter_uk, .reiter_fra, .reiter_ita, .reiter_nl, .reiter_es {
    clear: both;
	position: relative;
	left: 10px;
	margin-top: 30px;
	border-top: 1px dotted black;
	border-left: 1px dotted black;
	border-right: 1px dotted black;
	padding: 2px;
	background-color: #a9daf9;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
}

.reiter { width: 140px; }
.reiter_uk { width: 130px; }
.reiter_fra { width: 180px; }
.reiter_ita { width: 150px; }
.reiter_nl { width: 140px; }
.reiter_es { width: 160px; }

#beschreibung {
	clear: both;
	overflow: hidden;
	border: 1px dotted black;
	background-image: url(http://www.liteups.de/scripts/images/bg_01.gif);
	padding: 5px;
	text-align: justify;
}

#merkmale {
    clear: both;
	border: 1px dotted black;
	background-image: url(http://www.liteups.de/scripts/images/bg_01.gif);
	padding: 5px;
	color: #ff0000;
}

#merkmale p {
	color: #000000;
	text-align: justify;
}

#varianten {
	margin: 40px auto;
	width: 550px;
	text-align: center;
}

.hinweisbox {
	margin: 40px auto;
	border: 2px solid red;
	padding:10px;
	text-align: center;
}

#var1 { padding: 5px; background-color: orange; }
#var2 { padding: 5px; padding: 15px 0; border-left: 1px solid orange; border-right: 1px solid orange; }
#var3 { padding: 5px; background-color: orange; }

#zubehoer {
	margin: 40px auto;
	width: 550px;
	text-align: center;
}

#zub1 { padding: 5px; background-color: #999999 }
#zub2 { padding: 5px; padding: 15px 0; border-left: 1px solid #999999; border-right: 1px solid #999999; }
#zub3 { padding: 5px; background-color: #999999; }

.informationen {
	clear: both;
	overflow: auto;
	margin-bottom: 30px;
	border: 1px dotted black;
	background-image: url(http://www.liteups.de/scripts/images/bg_01.gif);
	padding: 5px;
	text-align: justify;
}

/* ==================================
   4. Sonstige Styles
   =============================== */



/* ==================================
   ENDE DES STYLESHEETS
   =============================== */