/* ==================================
   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;
}

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

#wrapper {
 	background-color: white;
 	color: black;
 	width: 980px;
 	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 */

#bware-top {
	width: 762px;
	margin-bottom: 10px;
	padding: 10px 15px;
	background-color: #FFCC00;
	font-size: 14px;
	font-weight: bold;
}

#bware-bottom {
	width: 762px;
	margin-top: 10px;
	padding: 10px 15px;
	background-color: #FFCC00;
	font-size: 14px;
	font-weight: bold;
}

#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;
}

#slideshow {
	height: 700px;
	margin-bottom: 20px;
}

#slideshow2 {
	height: 660px;
	margin-bottom: 20px;
}

.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;
}

.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.zeltexperte.de/sellis/gfx/bg.gif);
	padding: 5px;
	text-align: justify;
}

#merkmale {
    clear: both;
	border: 1px dotted black;
	background-image: url(http://www.zeltexperte.de/sellis/gfx/bg.gif);
	padding: 5px;
	color: #ff0000;
}

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

#beschreibungsbild {
	float:right;
	margin-left:20px;
}

#zusatzbild1, #zusatzbild2, #video {
	padding-bottom: 20px;
}

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

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



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