/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css  2006$   
   Copyright (c) 2006 wynkiste Harry Vogel
   ---------------------------------------------------------------------------------------*/

* {margin: 0px; padding: 0px;}	
body {background-color: #100;	font-family: verdana, arial, sans-serif; font-weight: normal; color: #C93;	text-align: center; font-size: 100.01%;}
img {	border: none;}	
.skip {position: absolute; margin-left: -999px; width: 990px;}

/* noch prüfen ob notwendig */
a {color: #C93; text-decoration: none; font-weight: bold;} 
a:hover {color: #600; text-decoration: none; font-weight: bold;}

h1 {font-size: 13px; margin-top: 0px; margin-left: 12px; color: #c93;}
h2 {font-size: 11px; margin-top: 0px; margin-left: 0px; color: #c93;}
h4 {font-size: 13px; margin-top: 0px; margin-left: 12px; color: #c93;}
h5 {font-size: 10px; margin: 0px 10px 5px;}

#rahmen {position: relative; width: 970px; height: 720px; margin: 10px auto auto auto;}	

#kopf {background-image: url(img/bild.gif); background-repeat: no-repeat;
	width: 970px; height: 700px; padding: 0px; margin: auto;}

#korb {background-color: #600; text-align: right; font-size: 11px;
	width: 224px; height: 82px; position: absolute; top: 85px; left: 420px;}	

#menueOben {position: absolute; left: 40px; top: 3px; font-size: 10px;}

#menueUnten {position: absolute; left: 50px; top: 610px; font-size: 10px; text-align: left; width: 160px;}

.menue {position: absolute; top: 153px; left: 300px; font-size: 11px;}
.menue a {color: #600; text-decoration: none; font-weight: bold;}
.menue a:hover {color: #100; text-decoration: none; font-weight: bold;}
.menueLinks {position: absolute; width: 100px; height: 20px;}
.menueRechts {position: absolute; left: 350px; width: 300px; height: 20px;}

#lexikon {position: absolute; left: 50px; top: 345px; font-size: 10px; text-align: left; width: 160px;}

#navi {position: absolute; top: 150px; left: 50px;
	font-size: 11px; line-height: 18px; text-align: left;}
#navi a:hover {color: #600; font-size: 11px; font-weight: bold; text-decoration: none;}

#naviSuche {position: absolute; top: 560px; left: 50px; font-size: 10px; text-align: left; vertical-align: baseline; font-weight: normal;}
#naviSuche INPUT {
	background-color: #600;	font-size: 11px; border: thin inset #C93; color: #C93;}

.kat1 {margin-left: 20px; list-style: url(img/arrow.gif);}
.kat2 {margin-left: 35px; list-style: url(img/arrow.gif);}
.kat3 {margin-left: 50px; list-style: url(img/arrow.gif);}

#fenster {position: absolute; top: 175px; left: 250px;	text-align: left;	width: 705px; height: 440px; overflow: auto; list-style-position: inside;}
	
#afrikaBox {background-image: url(img/BoxAfrika.png); width: 430px; height: 440px;}
#afrikaBoxText {position: absolute;	top: 5px; left: 185px; width: 500px; font-size: 11px; text-align: right;}


#afrikaBoxAngebot {position: absolute; top: 190px; left: 440px; width: 240px; font-size: 10px;}

.angebotBox {background-image: url(img/BoxAngebot.png); text-align: left; width: 240px; height: 240px;}
.angebotBoxBild {position: absolute; top: 80px; left: 15px;	float: left; width: 60px; height: 140px;}
.angebotBoxText {position: absolute; top: 80px; left: 85px; float: right; width: 140px; height: 100px; color: #C93; }

.prodBox {position: relative;	float: left; background-image: url(img/Box.png); font-size: 10px; width: 338px; height: 205px;
	margin-top: 10px; padding-top: 5px;}
.prodBoxBild {position: absolute; top: 45px; left: 15px;}
.prodBoxBildKlein {position: absolute; top: 45px; left: 17px; width: 60px; height: 100px;}
.prodBoxText {position: absolute; top: 30px; left: 85px;	width: 250px; height: 150px; color: #100;}
.prodBoxTextoB {position: absolute; top: 30px; left: 15px; width: 300px; height: 150px; color: #100000;}
.prodBoxKurz {width: 240px; height: 80px;}
.prodBoxKurzoB {width: 300px; height: 80px;}
.prodBoxPreis {position: relative; top: 0px; left: -5px; text-align: right; padding-right: 0px; width: 230px;}
.prodBoxPreisoB {position: relative; top: 0px; left: 0px; text-align: right; padding-right: 0px; width: 300px;}
.prodBoxPreis b { font-size: 14px;}
.prodBoxPreis a {color: #600; text-decoration: none; font-weight: bold; font-size: 10px;}
.prodBoxPreis a:hover {color: #300; text-decoration: none; font-weight: bold; font-size: 10px;}

SPAN.productOldPrice {color: #D00; text-decoration: line-through;}

/* prüfen, ob box entfernt werden kann */
#box {background-image: url(img/BoxG.png); vertical-align: top;	text-align: left;	color: #100000;
	position: absolute; width: 680px; height: 425px; margin-top: 12px; padding-top: 3px;}

.detBox {background-image: url(img/BoxG.png); color: #100; width: 680px; height: 425px; margin-top: 12px; 
	padding-top: 3px; font-size: 10px;}
.detBox a {color: #600;}
.detBox a:hover {color: #300;}
.detBox b {font-size: 14px;}
.detBoxBild  {position: absolute; top: 50px; left: 15px;}
.detBoxBildKlein  {position: absolute; top: 120px; left: 15px;}
.detBoxText  {position: absolute; top: 45px; left:140px; width: 520px;}
.detBoxTextoB  {position: absolute; top: 50px; left:25px; width: 640px;}
.detBoxMehr  {position: absolute; top: 337px; left:25px; width: 140px;}
.detBoxMehroB  {position: absolute; top: 385px; left:25px; width: 140px;}
.detBoxPreis {position: absolute; top: 330px; left: 200px; width: 250px; text-align: right;}
.detBoxKorb  {position: absolute; top: 330px; left:490px;}
	
.katBox {background-image: url(img/BoxG.png); color: #100; width: 680px; height: 425px; margin-top: 12px; padding-top: 3px; font-size: 11px;}
.katBox a {color: #600;}
.katBox a:hover {color: #300;}	
.katBoxBild {position: absolute; top: 50px; left: 40px;}
.katBoxText {position: absolute;	top: 60px; left: 400px;	width: 250px;}
.katBoxBeschr {position: absolute; top: 320px; left: 40px; width: 600px;}

#warenBoxTab {width: 645px; height: 210px; font-size: 10px; text-align: left;}
#warenBoxTab i {padding-left: 5px;}
#warenBoxPreis {text-align: right; padding: 5px; font-size: 11px;}
#warenBoxBild {position: absolute; top: 85px; left: 15px; width: 645px; height: 250px; font-size: 10px;}

#boxOben {position: absolute; top: 25px; left: 15px; width: 610px; font-size: 11px;}
#boxOben2 {position: absolute; top: 5px; left: 15px; width: 610px; font-size: 11px;}
#boxMitte {position: absolute; top: 120px; left: 15px; width: 610px; font-size: 11px;}
#boxMitte2 {position: absolute; top: 30px; left: 15px; width: 610px; font-size: 11px;}
#boxUnten {position: absolute; top: 250px; left: 15px; width: 605px; font-size: 11px}
#boxUnten2 {position: absolute; top: 135px; left: 15px; width: 605px; font-size: 11px}

#box1 {width: 180px; float: left; margin: 10px 10px;}
#box2 {width: 280px;	float: left; margin: 10px;}
#box3 {width: 370px; float: left; margin: 10px;}
#box4 {width: 595px; margin-left: 10px;}

.box1 {width: 180px; float: left; margin: 10px 10px;}
.box2 {width: 280px;	float: left; margin: 10px;}
.box3 {width: 370px; float: left; margin: 10px;}
.box4 {width: 595px; margin-left: 10px;}


#boxMenue {position: absolute; top: 380px; left: 15px; width: 630px; text-align: right; font-size: 11px;}

#box a {color: #600; text-decoration: none;}
#box a:hover {color: #100; text-decoration: none; font-weight: bold;} 
#box h5 {font-size: 10px; margin: 0px 10px 5px;}
	
.logBox1 {position: absolute; top: 240px; left: 30px;	width: 600px; font-size: 11px;}
.logBox2 {position: absolute; top: 40px; left: 400px;	width: 245px; font-size: 11px;}
.logBox3 {position: absolute; top: 40px; left: 30px; width: 300px; font-size: 11px;}
.logBox4 {position: absolute; top: 40px; left: 30px; width: 640px; font-size: 12px;}

.logBoxMen {position: absolute; top: 140px; left: 70px;}

#logBoxMen {position: absolute; top: 140px; left: 70px;}
#logBox p {text-align: right;}
#logBox a {color: #100000; text-decoration: none; text-align: center;}
#logBox a:hover {color: #600; text-decoration: none; text-align: center;}

#scroll {
	position: relative; margin-left: 15px;	width: 653px; height: 330px;
	font-size: 11px; overflow: auto; margin-top: 15px; }
#scroll1 {width: 635px; height: 180px; text-align: left; overflow: auto;}

CHECKBOX, INPUT, RADIO, SELECT {font-size: 11px;}
TEXTAREA {width: 100%; font-size: 11px;}

.social {display: none;}

.copyright, .parseTime {font-size: 8px; line-height: 1.5; text-align: center;	font-weight: normal; color: #300;}
.copyright a {font-size: 8px; line-height: 1.5; text-align: center; font-weight: bold; color: #300;}

.footer {font-size: 8px; line-height: 1.5; text-align: center;	font-weight: normal; color: #300;}
.footer a {font-size: 8px; line-height: 1.5; text-align: center;	font-weight: normal; color: #300;}

/* LEXIKON */
.lexikon_keyword {color: #600; font-weight: normal; }