/* CSS File Ausnahmeverlag */

* {
	border: 0px;
	margin: 0px;
	padding: 0px;
}


body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
}


a {
	text-decoration:none;
	color:#ad3046;
}


h2 {
	font-size:16px;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
	line-height: 22px;
}

input {
	padding: 4px;
}

/* In einem Formular der Button als Bild */
.bildbutton {
	position:relative;
	top: 9px;
}


/* Navizeile mit Warenkopb im Kopf */
.navikopfbox {
	position:relative;
	top: -33px;
	left: 710px;
	font-size: 14px;
	font-weight:800;
}

.navikopfbox img {
	position: relative;
	top: 3px;
}




/* Weisse Zeile mit WILLKOMMEN Text */
#kopfzeile {
	position:absolute;
	left: 0px;
	top: 0px;
	background-color:#FFFFFF;
	height: 20px;
	width: 100%;	
}

/* Box ganz oben mit Logo, hängt etwas nach links */
#kopfbox {
	position:absolute;
	left: 140px;
	top: 0px;
	width: 810px;
	height: 195px;
	z-index: 2;
}
	

/* Hintergrund für die Kopfbox, nur weiss */
#kopfbox2 {
	position:absolute;
	left: 165px;
	top: 40px;
	width: 810px;
	height: 195px;
	background-color:#FFFFFF;
}


/* Nur der Zettel*/
#zettel {
	position:absolute;
	left: 715px;
	top: 0px;
	width: 250px;
	height: 190px;
	z-index: 150;
}


/* Die Menüzeile */
#menue {
	position:absolute;
	left: 165px;
	top: 240px;
	width: 810px;
	height: 45px;
	background-color:#FFFFFF;
}


/* Klammer Klasse für alle Inhalte, enthält auch footer und bottomspace */
#page {
	position:absolute;
	left: 165px;
	width: 810px;
	top: 290px;
}


/* Fusszeile */
#footer {
	clear:both;
	width: 810px;
	height: 40px;
	background-color:#FFFFFF;
	margin-bottom: 20px;
}

.foottext {
	margin: 10px;
	padding: 10px;
	text-align:right;
	font-size: 16px;
	color: #6c6c6c;
}

.foottext a {
	text-decoration:none;
	color:#ad3046;
}


/* ***** BOX 1 = ARTIKELSEITE ***************************************************************** */
/* Seitenelement/Streifen für Artikel mit weissem Hintergrund */
#box1innen {
	background-color:#FFFFFF;
	position: relative;
	width: 770px;
	margin-bottom: 8px;
	margin-top: 3px;
	padding: 20px;
}

.box1bild {
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 20px;
	top: -21px;
}


/* Graue MarginSpalte */
#box1left {
	position:absolute;
	width: 150px;
	top:0px;
	left: 0px;
	background-color: #EEEEEE;
	color: #6c6c6c;
	font-size: 17px;
	padding: 5px;
	margin: 15px;
	height: 87%;
	text-align:right;
}

/* Textblock */
#box1middle {
	position:absolute;
	left: 175px;
	top: 0px;
	width: 300px;
	text-align:left;
	margin: 15px;
	overflow: hide;
}

.box1dl td {
	text-decoration:none;
	color:#ad3046;
	font-size: 13px;
}

.box1dl img {
	position:relative;
	top: 5px;
	padding-right: 10px;
}

.box1dlhead {
	margin-top: 20px;
	margin-bottom: -10px;
	color:#000000;
	font-weight: normal;
}


/* ***** BOX 2 = AUTORENSEITE ***************************************************************** */
/* Klammer  */
#box2innen {
	background-color:#FFFFFF;
	position: relative;
	width: 770px;
	margin-bottom: 8px;
	margin-top: 3px;
	padding: 20px;
}

#box2innen img {
	margin-left: 170px;
	margin-top: -5px;
}

/* Graue MarginSpalte */
#box2margin {
	position:absolute;
	width: 150px;
	top:0px;
	left: 0px;
	background-color: #EEEEEE;
	color: #6c6c6c;
	font-size: 17px;
	padding: 5px;
	margin: 15px;
	height: 80%;
	text-align:right;
}

/* Bild */
#box2text {
	position:absolute;
	left: 350px;
	top: 15px;
	width: 400px;
}

.bottomright {
	position:absolute;
	bottom: 0px;
	left: 0px;
	text-align:right;
	width: 100%;
	font-size: 14px;
}

/* Link bei Autorenseite, unten rechts */
#box2links img {
	margin-left: 0px;
	margin-top: 0px;
}

#box2links {
	position:absolute;
	bottom: 0px;
	left: 35px;
}

*html #box2links {
	position:relative;
	left: 0px;
	padding-top:3em;
}



/* ***** BOX 3 = PRODUKTSEITE ***************************************************************** */
/* Klammerbox, das weisse Element  */
#box3innen {
	background-color:#FFFFFF;
	position: relative;
	width: 770px;
	margin-bottom: 8px;
	margin-top: 3px;
	padding: 20px;
}

/* Das Bild zum Produkt/Buch */
#box3innen img {
	position:relative;
	left: -20px;
	top: -20px;

}

/* Klammerbox für die beiden grauen Boxen mit Titel und Text */
#box3right {
	position:absolute;
	width: 500px;
	top:0px;
	left: 280px;
	color: #6c6c6c;
	font-size: 17px;
	margin: 15px;
	height: 85%;
}

/* Box mit Buchtitel und Autor */
.box3oben {
	background-color: #EEEEEE;
	padding: 10px;
	font-size: 22px;
	line-height:30px;
	letter-spacing: 2px;
}

/* Box mit Preis und ISBN und Text */
.box3unten {
	margin-top: 5px;
	background-color: #EEEEEE;
	padding: 10px;
	font-size: 14px;
	line-height: 18px;
	position:relative;
	z-index: 100;
}

/* Schrift für ISBN Nummer und Preis */
.preis_isbn {
	font-size: 18px;
	line-height: 22px;
	margin-top: 15px;
}

/* Box mit Icons für Verfügbarkeit und mehr */
.box3oben_re {
	position:absolute;
	right: -10px;
	top: 25px;
}

/* formular mit Anzahl in den Warenkorb */
.box3unten_anz {
	position:absolute;
	right: 4px;
	bottom: 10px;
}

*html .box3unten_anz {
	position:relative;
	margin-top:-22px;
	margin-left:211px;	
}

#box3soldout {
	position:absolute;
	z-index: 150;
	top: 50px;
}

*html #box3soldout { 
	position:relative;
	z-index: 150;
	margin-top: -300px;

}

/* ***** BOX 4 = WARENKORBSEITE & ADRESSEINGABE ********************************************************** */
#box4innen {
	background-color:#FFFFFF;
	position: relative;
	width: 770px;
	margin-bottom: 8px;
	margin-top: 3px;
	padding: 20px;
}

#box4artikel {
	position:relative;
	width: 560px;
	top: -20px;
	left: 200px;
	margin: 15px;
	background-color: #EEEEEE;
}

#box4artikel table {
	text-align: left;
}

#box4artikel th {
	padding: 10px;
}

#box4artikel td {
	padding: 10px;
	color: #6c6c6c;
	font-size: 14px;
}


#box4artikel th {
	text-align: left;
	color:#ad3046;
	font-size: 14px;
}

#box4left {
	position:absolute;
	bottom: 0px;
	left: 0px;
}

.box4titel {
	color: #6c6c6c;
	background-color:#eeeeee;
	position:absolute;
	left: 0px;
	top: 0px;
	margin: 15px;
	padding: 15px;
	width: 180px;
	font-size: 20px;
}
	
.box4sum {
	position:relative;
	width: 540px;
	top: -15px;
	left: 200px;
	margin: 15px;
	background-color: #EEEEEE;
	padding: 10px;
	color: #6c6c6c;
}

.box4form {
	position:relative;
	width: 540px;
	top: -20px;
	left: 200px;
	margin: 15px;
	background-color: #EEEEEE;
	padding: 10px;
	color: #6c6c6c;
	font-size: 16px;
}

.box4form input {
	border-bottom-color: #000000 1px solid;
	margin-bottom: 4px;
	font-size: 14px;
	padding: 4px;
	color: #6c6c6c;
	margin-left: 5px; 
	
}

.box4sum td {
	font-size: 14px;
	color: #6c6c6c;
}

.box4buttons {
	position:relative;
	bottom: 0px;
	left: 215px;
	width: 560px;
}

.box4leer {
	position:relative;
	top: -20px;
	width: 540px;
	left: 200px;
	margin: 15px;
	background-color: #EEEEEE;
	padding: 10px;
	height: 200px;
	font-size: 16px;
}

.box4input1 {
	width: 300px;
}

.box4input4 {
	width: 303px;
	margin-bottom: 5px;
	margin-left: 4px;
	height: 20px;
}

.box4input4err {
	width: 303px;
	margin-bottom: 5px;
	margin-left: 4px;
	height: 20px;
	border: 1px solid #ad3046; 
}

.box4input1err {
	width: 300px;
	border: 1px solid #ad3046; 
}

.box4input2 {
	width: 70px;
}

.box4input2err {
	width: 70px;
	border: 1px solid #ad3046; 
}

.box4input3 {
	width: 220px;
}

.box4input3err {
	width: 220px;
	border: 1px solid #ad3046; 
}


/* Fehlermeldung beim Formular */
.box4formerror {
	color:#ad3046;
	line-height: 20px;
	margin-bottom: 20px;
	margin-left: 5px;
}

.box4formerror2 {
	color:#ad3046;
	line-height: 20px;
	margin-bottom: 20px;
	margin-left: 30px;
	margin-top: 15px;
}

/* ***** BOX 5 = DETAILSEITE ***************************************************************** */

#box5innen {
	background-color:#FFFFFF;
	position: relative;
	width: 800px;
	padding: 5px;
	margin-top: 6px;
}	

#box5obenli {
	position:absolute;
	width: 300px;
	height: 100px;
	top: 12px;
	left: 12px;
	background-color: #EEEEEE;
	padding: 10px;
	font-size: 22px;
	line-height:30px;
	letter-spacing: 2px;
	color: #6c6c6c;
}

#box5untenli {
	margin-top: 6px;
	position:absolute;
	top: 132px;
	height: 150px;
	width: 300px;
	left: 12px;
	background-color: #EEEEEE;
	padding: 10px;
	font-size: 16px;
	line-height:20px;
	letter-spacing: 2px;
	color: #6c6c6c;
}

.box5bottom {
	position:absolute;
	bottom: 10px;
	font-size: 14px;
	right: 5px;
}

.box5input {
	background-color: #EEEEEE;
}

#box5obenre {
	position:absolute;
	width: 437px;
	height: 274px;
	top: 12px;
	left: 341px;
	background-color: #FFFFFF;
	padding: 10px;
	color: #6c6c6c;
	font-size: 14px;
}

.box5buttonobenrechts {
	position:absolute;
	right:12px;
	top: 10px;
}

/* ***** BOX 6 = POPUP ***************************************************************** */

#box6rahmen {
	background-color:#FFFFFF;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 300px;
	padding: 5px;
}



.box6blaetter a {	
	font-size: 25px;
	font-weight:800;
	color: #6c6c6c;
}

.box6titel {
	font-size: 22px;
	line-height:30px;
	letter-spacing: 2px;
	color: #6c6c6c;
	padding: 10px;
}

.box6fakten {
	padding: 10px;
	font-size: 16px;
	line-height:20px;
	letter-spacing: 2px;
	color: #6c6c6c;
}


/* ***** BOX 7 = AGB ***************************************************************** */


#box7innen {
	background-color:#FFFFFF;
	position:relative;
	width: 580px;
	padding: 8px;
	margin-top: 6px;
	padding-left: 195px;
	padding-right: 30px;
	margin-right: 10px;
}

/* Graue MarginSpalte */
#box7left {
	position:absolute;
	width: 150px;
	top:2px;
	left: 0px;
	background-color: #EEEEEE;
	color: #6c6c6c;
	font-size: 17px;
	padding: 5px;
	margin: 15px;
	height: 98%;
	text-align:right;
}

#box7titel {
	color: #6c6c6c;
	background-color:#eeeeee;
	position:absolute;
	left: 0px;
	top: 0px;
	margin: 15px;
	padding: 15px;
	width: 180px;
	font-size: 20px;
}


#box7middle {
	position:relative;
	width: 530px;
	top: -7px;
	left: 30px;
	margin: 15px;
	margin-bottom:-2px;
	background-color: #EEEEEE;
	height: 30%;
	padding: 10px;
	color: #6c6c6c;
	font-size: 14px;
	line-height: 18px;
	z-index: 100;
}