/*
Hack 			Wirkt in diesen Browsern 			Selektiertes Element 	Validität
* html 			Nur IE bis Version 6 				html 					Valides CSS
*+html 			Nur IE, nur Version 7 				html 					Valides CSS
*+html, * html 	Nur IE, alle Versionen 				html 					Valides CSS
html>body 		Moderne Browser, IE nur Version 7 	body 					Valides CSS
html>/**//*body Moderne Browser ohne IE 7 			body 					Valides CSS (zweiten slash & star direkt vor body weglassen
*/

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:14px;
	margin:0 0 12px 0;
	background-color:#868789; 
	text-align:center;
}
img {
	border:0;
}
form {
	margin: 0;
}
input {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
a, a:visited {
	text-decoration: none;
	color: #000000;
}
a.redlink, a.redlink:visited {
	color: #FF0033;
}
a:hover {
	color: #999999;
}
p {
	margin:0 12px 12px 12px;
}
.redtxt {
	color:#FF0033;
}
p u {
	text-decoration: none;
	border-bottom: #000000 1px solid;
}
#page { 
	width: 1000px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-top:0; 
	text-align: left; 
}
#logo {
	margin: 38px 0 29px 25px;
	width: 335px;
	height: 58px;
}
#navigation { 
	width: 182px;
	margin: 0 0 4px 0;
	float:left;
}
#navigation.start { 
	width: 950px;
}
#navigation.delivery {
	width: 388px;
}
* html #navigation.delivery {
	width: 588px;
}
#subnavigation { 
	width: 182px;
	margin: 2px 0 2px 0;
	float:left;	
}
#subnavigation.delivery {
	width: 388px;
}
#navright {
	margin: 0 0 4px 0;
}
#subnavright { 
	margin: 2px 0 2px 0; 
}
#navigation a:active, #navigation a:hover, #subnavigation a:active, #subnavigation a:hover,
#navright a:active, #navright a:hover, #subnavright a:active, #subnavright a:hover { 
	color: #FFFFFF; 
}
a.navon, a.navon:visited, .navon {
	margin-right:8px;
	font-size:14px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.02em;
}
a.navoff, a.navoff:visited, .navoff {
	margin-right:8px;
	font-size:14px;
	font-weight: bold;
	color: #C4C4C6;
	letter-spacing: 0.02em;
}
#navigation a.navon, #navigation a.navon:visited, #navigation .navon {
	margin-right:12px;
}
#navigation a.navoff, #navigation a.navoff:visited, #navigation .navoff {
	margin-right:12px;
}
#content { 
	position: relative; 
	margin: 0 0 30px 25px; 
	width: 975px; 
	padding-bottom: 25px;
}

/* common styles for content boxes */
#box { 
	position: relative;
	height: 246px;
	width: 950px;
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	overflow: hidden;
	clear: both;
}
#boxleft {
	float:left;
	width:164px;
	height:246px;
	text-align:right;
	overflow:hidden;
	margin-right:18px;
}
#boxright {
	position: relative;
	float:left;
	width:768px;
	height: 232px;
	font-size:14px;
	color: #000000;
	letter-spacing: 0.01em;
	line-height: 1.25em;
	padding-top: 14px;
	overflow: auto;
}
#boxright p {
	margin: 0 15px 10px 0;
}
#cover {
	float:left;
	height:246px;
	min-height:246px;
	width:164px;
	margin-right:18px;
	overflow:hidden;
	background-color:#868789; 
}
#backs {
	float:left;
	padding-right: 15px;
}
#boxsub {
	width: 950px;
	clear:both;
}
#boxsubleft {
	clear: both;
	float:left;
	width:164px;
	height:246px;
	text-align:right;
	overflow:hidden;
	margin:0 18px 30px 0;
}
#boxsubright {
	float:left;
	width:768px;
	font-size:14px;
	color: #C4C4C6;
	letter-spacing: 0.01em;
	line-height: 1.25em;
	padding-top: 14px;
}
#boxsubright p {
	margin: 0 15px 15px 0;
}
#boxsubright a, #boxsubright a:visited, #boxsubgroupright a, #boxsubgroupright a:visited {
	color: #C4C4C6; 
}
#boxsubright a:active, #boxsubright a:hover, #boxsubgroupright a:active, #boxsubgroupright a:hover { 
	color: #FFFFFF; 
}
#boxsubright a:active .nowhite, #boxsubright a:hover .nowhite, #boxsubgroupright a:active .nowhite, #boxsubgroupright a:hover .nowhite { 
	color: #C4C4C6; 
}
#boxsubright a.navon, #boxsubright a.navon:visited {
	color: #FFFFFF;
}
#pubyear, #alphabet, #searchresult {
	margin: 0 0 9px 0;
}
#searchresult {
	color: #FFFFFF;
	font-weight: bold;
}
.searchstart {
	background-color:#868789;
	border:0;
	font-weight: bold;
	color: #C4C4C6;
}
.cover {
	height:246px;
	width:164px;
}
.coverstart {
	height:246px;
	border:0;
}
.backstart {
	float:left; 
	height:246px;
}
.linkprobe {
	position: absolute;
	top: 10px;
	font-weight: bold;
}
#boxsubgroup {
	position: relative;
	height: 246px;
	width: 950px;
	margin: 20px 0 0 0;
	overflow: hidden;
	clear: both;
}
#boxsubgroupright {
	position: relative;
	width: auto;
	font-size:14px;
	color: #C4C4C6;
	letter-spacing: 0.01em;
	line-height: 1.25em;
	padding-top: 7px;
	overflow: hidden;
}
#boxorder {
	position: relative;
	width: auto;
	height: 231px;
	font-size:14px;
	color: #000000;
	letter-spacing: 0.01em;
	line-height: 1.25em;
	padding-top: 15px;
	overflow: auto;
}
#boxorder p {
	margin: 0 10px 5px 0;
}
#boxorder a, #boxorder a:visited {
	text-decoration: none;
	color: #999999;
	font-weight: bold;
}
#boxorder a:hover {
	color:#000000;
}
#boxorder_innertop {
	min-height:165px;
}
#boxorder_innerbottom {
	clear:both; 
	margin: 10px 0 5px 0;
}
#boxorder_innerbottom a, #boxorder_innerbottom a:visited {
	text-decoration: none;
	color:#000000;
	font-weight: bold;
}
#boxorder_innerbottom a:hover {
	color: #999999;
}
#boxorder_innertop div .itemdesc {
	float:left; 
	padding: 0 0 6px 0;
}
*+html #boxorder_innertop div .itemdesc {
	float:left; 
	padding: 2px 0 6px 0;
}
* html #boxorder_innertop div .itemdesc {
	float:left; 
	padding: 2px 0 6px 0;
}
#boxdeliveryleft {
	width:362px;
	min-height:216px;
	float:left;
	padding:13px 10px 15px 16px;
	text-align:left;
	background-color: #FFFFFF;
	margin:0 0 0 0;
}
#boxdeliveryleft p {
	margin: 0 0 12px 0;
	line-height: 17px;
}
#boxdeliveryleft a, #boxdeliveryright a, #boxdeliveryleft a:visited, #boxdeliveryright a:visited {
	text-decoration: none;
	color:#000000;
	font-weight: bold;
}
#boxdeliveryleft a:hover, #boxdeliveryright a:hover {
	color: #999999;
}
#boxdeliveryright {
	width:547px;
	height:216px;
	float:left;
	padding:13px 15px 15px 0;
	text-align:left;
	background-color: #FFFFFF;
}
#boxdeliveryright_innerleft {
	float:left;
	width: 290px;
	padding: 3px 0 0 0;
}
#boxdeliveryright_innerright {
	float:left;
	width: 256px;
	padding: 3px 0 0 0;	
}
#boxnewsletterright_innerleft {
	float:left;
	width: 288px;
}
#boxnewsletterright_innerright {
	float:left;
	width: 330px;
}
.inputquant {
	margin: 0 0 0 0;
	width: 18px;
	height: 14px;
	font-size:12px;
	padding: 0 0 1px 0;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
label {
	clear: both;
	float: left;
	margin: 0 0 12px 0;
	padding-top: 3px;
}
#boxdeliveryright_innerleft label {
	width: 82px;
}
#boxdeliveryright_innerright label {
	width: 62px;
}
#boxdeliveryright_innerright label.carteblanche {
	width: 150px;
}
.inputzahlung {
	clear: both;
	float: left;
	margin: 2px 5px 6px 0;
}
* html .inputzahlung {
	margin: -2px 2px 3px -4px;
}
*+html .inputzahlung {
	margin: -2px 2px 3px -4px;
}
.inputzahlung {  
	margin /*\**/: -2px 2px 3px -4px\9;  
}
.inputzahlungtxt {
	float: left;
	margin: 0 0 6px 0;
	display: block;
}
* html .inputzahlungtxt {
	margin: 3px 2px 6px 0;
}
*+html .inputzahlungtxt {
	margin: 3px 5px 6px 0;
}
.inputlong {
	margin: 0 0 13px 0;
	width: 185px;
}
*+html .inputlong {
	margin: 0 0 10px 0;
	width: 183px;
}
* html .inputlong {
	width: 181px;
}
.inputselect {
	margin: 0 0 13px 0;
	width: 189px;
	height: 22px;
}
* html .inputselect {
	width: 187px;
}
.inputcheck {
	float: left;
	margin: 1px 5px 12px 0;
	clear: both;
}
*+html .inputcheck {
	margin: -2px 5px 12px 0;
}
* html .inputcheck {
	margin: -2px 2px 12px 0;
}
.inputchecktxt {
	margin: 0 0 13px 0;
	display: block;
}
.inputcarteblanche {
	margin: 0 0 13px 0;
	width: 96px;
}
*+html .inputcarteblanche {
	width: 94px;
}
* html .inputcarteblanche {
	width: 92px;
}
.buchbutton {
	float: left;
	width: 100px;
	margin: 15px 0 0 0;
}
.newsletterbutton {
	float:left;
	width: 100px;
	margin: 0 0 0 20px;
}
.newslettercheck {
	float: left;
	margin: 0 0 8px 0;
	width: 15px;
}
*+html .newslettercheck {
	margin: 0 0 5px 0;
}
* html .newslettercheck {
	margin: 0 0 5px 0;
}
.newsletterchecktxt {
	float: left;
	margin: -1px 8px 8px 8px;
}
*+html .newsletterchecktxt {
	margin: 2px 8px 5px 8px;
}
* html .newsletterchecktxt {
	margin: 2px 8px 5px 8px;
}

