BODY {		color:#DBB05A; 
		font-size:13px; 
		font-family:Arial, Helvetica, sans-serif; 
		background-color:#000000; 
		margin:0px;
		}
			
BODY.Ohne {	color:#DBB05A; 
			font-size:13px; 
			font-family:Arial, Helvetica, sans-serif; 
			background-color:#000000; 
			margin:0px;
			padding:25px;
			}

BODY.Inhalt {	 background-image:url('Bilder/BG.jpg');
			color:#DBB05A;  
			font-size:13px; 
			font-family:Arial, Helvetica, sans-serif; 
			background-color:#000000; 
			background-position:100px 150px;
			background-repeat:no-repeat;
			background-attachment:fixed;
			padding:25px;
			}

IMG {border:0px none;}


TABLE  {padding:0px;
 		border-collapse:collapse;
		border:0px none;
		white-space:normal;
		vertical-align:top;
		}
		


TD { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	text-align:left;
	vertical-align:top;
	}
	
H2 { border: 0px none;
	color: #996633; 
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif; 
	text-align: left;
	vertical-align:top;
	font-weight:bold;
	text-transform: uppercase;
}
	
.dunkel12 { border:0px none;
	 		color:#996633; 
			font-size:12px; 
			font-family:Arial, Helvetica, sans-serif; 
			text-align:left;
			vertical-align:top;
			font-weight:normal;
	}
	
.dunkel12 { border:0px none;
	 		color:#996633; 
			font-size:12px; 
			font-family:Arial, Helvetica, sans-serif; 
			text-align:left;
			vertical-align:top;
			font-weight:normal;
	}
	
.dunkel13 { border:0px none;
	 		color: #996633; 
			font-size:13px; 
			font-family:Arial, Helvetica, sans-serif; 
			text-align:left;
			vertical-align:top;
			font-weight:normal;
	}
	
.dunkel14 { border:0px none;
	 		color:#996633; 
			font-size:14px; 
			font-family:Arial, Helvetica, sans-serif; 
			text-align:left;
			vertical-align:top;
			font-weight:normal;
	}
	
.dunkel14b { border: 0px none;
	 		color: #996633; 
			font-size:14px; 
			font-family:Arial, Helvetica, sans-serif; 
			text-align: left;
			vertical-align:top;
			font-weight:bold;
	}
	
.dunkel16b { border:0px none;
	 		color:#996633; 
			font-size:16px; 
			font-family:Arial, Helvetica, sans-serif; 
			text-align:left;
			vertical-align:top;
			font-weight:bold;
	}
	
.hell10{	
			border:0px none;
	      	font-family:Arial, Helvetica, sans-serif;
			color:#DBB05A; 
			font-size:10px;
			font-weight:normal;			
			text-align:left;
			vertical-align:top;
	      }
	
.hell10b{	
			border: 0px none;
	      	font-family:Arial, Helvetica, sans-serif;
			color:#DBB05A; 
			font-size:10px;
			font-weight:bold;			
			text-align:left;
			vertical-align:top;
	      }

.hell10i{	
			border: 0px none;
	      	font-family:Arial, Helvetica, sans-serif;
			color:#DBB05A; 
			font-size:10px;
			font-style:italic;
			font-weight:normal;			
			text-align:left;
			vertical-align:top;
	      }
	      
.hell12{	
			border:0px none;
	      	font-family:Arial, Helvetica, sans-serif;
			color:#DBB05A; 
			font-size:12px;
			font-weight:normal;			
			text-align:left;
			vertical-align:top;
	      }
	      
.hell13i {	
			border:0px none;
	      	font-family:Arial, Helvetica, sans-serif;
			color:#DBB05A; 
			font-size:13px;
			font-style:italic;
			font-weight:normal;			
			text-align:left;
			vertical-align:top;
	      }	      	     
	      
.hell14 {	
			border:0px none;
	      	font-family:Arial, Helvetica, sans-serif;
			color:#DBB05A; 
			font-size:14px;
			font-weight:normal;			
			text-align:left;
			vertical-align:top;
	      }

a:link { color: #996633;
		text-decoration:underline;
		}
		
a:visited { color: #996633;
		text-decoration:underline;
		}
		
a:active { color: #996633;
		text-decoration:underline;
		}
		
a:hover{ color: #604D26;
		text-decoration:underline;
}


img.rand {	border:2px solid #DBB05A;
}

div#Tafelberg {	position:absolute;
				top:75;
				left:100;
				z-index:1;
				height:400; 
				width:278;
}

div#Vorschau {	position:absolute;
				top:325;
				left:440;
				z-index:1;
				visibility:hidden;
				height:150; 
				width:300;
				vertical-align: bottom;
				/*border:2px solid red;*/
}

/*#Anzeige	{
	background-color:#D8BC79;
	position:absolute;
	top:230px;
	left:440px;
	z-index:1;
	border: 1px solid #866843;
	padding: 3px 10px 3px 10px;
	margin: 0 25px 0 0;
	text-align:center;
	font-size:14px;
}

#Anzeige p{
	color:#000000;
	margin:0 0 5px 0;
}

#Anzeige h3{
	font-size:14px;
	color:#7F6843;
	font-weight:bold;
	font-style:italic;
	font-decoration:none;
	text-transform:none;
	border:0px none;
	margin:0 0 5px 0;
}*/

img.float_left	{ 	float:left;
					padding: 0 20px 0 0;
}

img.chocology {	border:2px solid #DBB05A;
				margin:0px;
				margin-bottom:5px;
}


div#TFeineBitter {visibility:visible;
}



div#aktuell_Grosstafeln {	float:left;
							width=275px;
							margin:0 50px 20px 0;
}

div#aktuell_DLG {	float:right;
					width: 300px;
					margin:0px;
					margin-left:30px;
					margin-right:20px;
					margin-top:10px;
					margin-bottom:10px;
					/*border: 1px solid red;*/
}

div#aktuell_DLG IMG	{margin-right:30px}

div#aktuell_sternchen {	float:right;
						width=150px;
						margin:0px;
						margin-left:110px;
						margin-right:50px;
						margin-top:10px;
						margin-bottom:300px;
}




/* ------------ Chocoladen -------------*/

div.Produktlinie {
	width:720px;
	color:#996633; 
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	padding:0 0 15px 30px;
	/*border:1px solid white;*/
}

div.Produktlinie SPAN{
	display:block;
}

div.EineTafel_normal{
	float:left;
	width:105px;
	padding:0 15px 0 0;
}

div.EineTafel_normal IMG{
	padding:0 0 5px 0;
}

div.EineTafel_gross{
	float:left;
	width:120px;
	padding:0 20px 0 0;
	/*border:1px solid green;*/
}

div.EineTafel_gross IMG{
	padding:0 0 5px 0;
}

div.Produktlinie STRONG{
	font-style:italic;
	color:#DBB05A; 
}

/* ------------ Chocologie -------------*/


div#c_quetzacoatl {	float:left; 
					width:152px;
					margin:0px;
					margin-left:0px;
					margin-right:15px;
					margin-top:0px;
					margin-bottom:10px;
}

div#c_xocoatl {		float:right; 
					width:304px;
					margin-left:10px;
					margin-right:6px;
					margin-top:10px;
					margin-bottom:10px;
}

div#c_kolumbus {	float:left; 
					width:255px;
					margin-left:0px;
					margin-right:10px;
					margin-top:10px;
					margin-bottom:0px;
}

div#c_conchen-saal {float:right; 
					width:221px;
					margin-left:10px;
					margin-right:6px;
					margin-top:10px;
					margin-bottom:10px;
}

div#c_cacaoernte {float:left; 
					width:234px;
					margin-left:0px;
					margin-right:30px;
					margin-top:10px;
					margin-bottom:10px;
}

div#c_fermentation {float:left; 
					width:234px;
					margin-left:0px;
					margin-right:20px;
					margin-top:10px;
					margin-bottom:10px;
}

div#c_cacaobohnen {float:right; 
					width:281px;
					margin-left:10px;
					margin-right:6px;
					margin-top:10px;
					margin-bottom:10px;
}

div#c_trockenphase { width:690px;
					margin-left:0px;
					margin-right:0px;
					margin-top:10px;
					margin-bottom:10px;
}

div#c_verarbeitung {float:right; 
					width:145px;
					margin-left:10px;
					margin-right:6px;
					margin-top:10px;
					margin-bottom:10px;
}

div#c_mischen {float:left; 
					width:229px;
					margin-left:0px;
					margin-right:20px;
					margin-top:10px;
					margin-bottom:10px;
}

div#c_trockenconche {float:right; 
					width:229px;
					margin-left:15px;
					margin-right:6px;
					margin-top:10px;
					margin-bottom:25px;
}

div#c_abkuehlen {float:left; 
					width:294px;
					margin-left:0px;
					margin-right:20px;
					margin-top:10px;
					margin-bottom:10px;
}



/* ------ Hacks und Tricks ------ */

.clearboth	{
clear:both;
}

.clearleft	{
clear:left;
}

.clearright	{
clear:right;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.clearfix {
display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
	}
/* End hide from IE-mac */