/*Generelles*********************************************************/

body {
	background-color: #FAF2E5;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
	color: #9F060A;
	line-height: 1.2;}

p, h1, h2 {
	margin-top: 9px;
	margin-bottom: 9px;}
	
h1 {
	font-weight: bold;
	font-size: 13px;}
	
h2 {
	font-weight: bold;
	font-size: 11px;}

a:link {
	text-decoration: none;
	color: #9F060A;}

a:visited {
	text-decoration: none;
	color: #FF9900;}

a:hover, a:active {
	color: #FF9900;}


/*Inhalt - rundherum*******************************************************/

#big_container {
	margin: 0px auto;
	width: 754px;}

#second_container {
	background: #FFFFFF url(bilder/schatten_seite.gif) repeat-y right;}

#logo {
	width: 720px; 
	height: 124px;
	border-width: 15px 11px 15px 15px; 
	border-style: solid;
	border-color: #FFFFFF;}

#logo img {
	border-width: 0;}

.clear {
	clear: both;}


/*Navigationsmenü*****************************************************/

#navi {
	float: left;
	width: 188px;}

#navi li {
	margin-left: -25px;
	line-height: 1.8;
	font-weight: bold;
	list-style: none outside;
	border-bottom: 1px dotted #CCCCCC;}
	
#navi li.first {
	border-top: 1px dotted #CCCCCC;}

#navi li.without {	
	border-bottom-style: none;
	border-top-style: none;}
	

#navi img {
	border-style: none;
	vertical-align: -1px;}

/*Inhalt - Hauptteil*******************************************************/

#content_container {
	width: 553px;
	float: right;
	border-left: 1px dotted #CCCCCC;}

#content_container a:link {
	border-bottom: 1px dotted #9F060A;}

#content_container a:hover, #content_container a:active {
	border-bottom: 1px dotted #FF9900;}

#content_container a:visited {
	border-bottom: 1px dotted #FF9900;}


/*Inhalt - Titelübersicht************************************************/

.cow, .cow_last {
	width: 524px;
	margin-left: 10px;
	margin-right: 19px;}

.cow {
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 10px;}

.cow_last {
	border-bottom-style: none;}

.cow img, .cow_last img {
	float: right;
	border-left: 15px solid #FFFFFF;
	width: 100px;}

img.dm {
	border: 1px solid #CCCCCC;}

.cow .book_title, .cow_last .book_title {
	font-weight: bold;}


/*Inhalt - Einzeltitel*************************************************/

.cbook {
	width: 524px;
	margin-left: 10px;
	margin-right: 19px;}

.cbook img {
	float: left;
	margin-right: 10px;
	width: 188px;}

img.foto {
	width: 150px;}
	
img.vita {
	width: 100px;}
	

.cbook .book_author, .cbook .book_title, .cbook .book_subtitle {
	font-size: 13px;}

.cbook .book_title {
	font-weight: bold;}

.cbook .author {
	font-weight: bold;}

.cbook ul {
	margin-top: -9px;
	list-style-image: url(bilder/dot.png);}

/*Bestellbutton**************************************************************/

.cbook img.button, .cow img.button, .cow_last img.button, img.button {
	width: 79px;
	height: 24px;
	border-style: none;
	float: left;}

/*Checkboxen hängend**********************************************************/
/*https://community.contao.org/de/showthread.php?21631-Checkbox-DB-Men%FC-mit-CSS-formatieren*/

.checkbox_container span label
{
	display:block;
	margin-left:3em;
	padding-bottom:0.1em;
	font-weight:normal;
	line-height:1.2;
}

.checkbox_container span input.checkbox
{
	float:left;
	display:block;
	margin-right:10px;
	margin-left:10px;
}
	
/*Footer**************************************************************/

#bottom {
	background: url(bilder/schatten_unten.gif) no-repeat;
	margin: 0px auto;
	width: 754px;
	height: 4px;}

p#footer {
	padding-left: 10px;
	font-size: 9px;}