/* CSS Document 



Styleangaben fur alle Browser 



getestet unter:







*/



@media screen {



	/********************************************   MAIN TEMPLATE DEFINITIONEN  *********************************************************************/



	#container {



		width					:	100%;



		min-height				:	510px;



		margin					:	0 auto;



		height					:	500px;/*auto;*/



		margin-top				:   0px;



	}



	/*  HEADERBEREICH       */



	.headerarea {



		background-image		:	url("../img/hintergrund.jpg"); 



		background-repeat		:	no-repeat;



		width					:	1002px;



		height					: 	66px; 



		background-color		: 	#61401F;



		margin					:	0 auto;



		border-left				:	1px solid white;



		border-right			:	1px solid white;



	}



	/*  HELLBEIGE LEISTE MIT KONTAKT + BREADCRUMB-NAVI       */



	.headerleiste {

		display: block;

		width 					: 	1002px;



		height					: 	18px;



		margin					:	0 auto;



		margin-top				: 	0px;



		background-color		:   #F3EDC7;



		border-bottom			:   1px solid white;



		border-left				:	1px solid white;



		border-right			:	1px solid white;



		text-align				: 	left;



	}



	#contact {



		position				:	relative; 



		width					: 	430px;



		float					:	right;		



		margin-bottom			: 	-2px;



	}

	


	#contact_start {



		position				:	relative; 



		left					:   570px;



		width					: 	430px;



		float					:	left;		



		margin-top				: 	0px;



		margin-bottom			: 	-2px;



	}	



	.breadcrumb {



		position				:	relative;



		 /* top						: 	2px; */



		/*  left					:   185px; */



		width					:	550px;



		color					: 	#875829;
		float: left;
		padding: 3px 0 0 3px;



	}



	a#breadcrumb_no{


		color: #875829; 



		font-size: 10px; 



		text-decoration: none;



		font-weight: normal; 



	}



	a:hover#breadcrumb_no {



		color: #991425; 



		font-size: 10px;



		font-weight: normal;



		text-decoration: none;



	}



	span#breadcrumb_act {


		color: #AB773E;
		/*color: #991425;*/



		font-size: 10px;



		font-weight: normal;



		text-decoration: none;



	}



	/*  UBERSCHRIFTEN, TEXTSTYLES & TABELLEN  */



	h1 {


		top: 0px;



		color: #A06831; 



		font-size: 12px; 



		font-weight: bold; 



		background-color	: #F3EDC7;



		margin-bottom: 5px;



		margin-top: 0px;



		padding: 2px 0px 2px 2px;/* 1=oben, 2=rechts, 3=unten, 4=links*/



		position: relative;



	}



	h2 {


		color: #704923; 



		font-size: 11px; 



		font-weight: bold; 



	}



	p {



		line-height: 125%; 



	}



	table.norm {



		border	: 1px solid #EFE6BA;



		width: 400px;



		font-size: 11px;



		color: #704923; 



	}



	table.moebel {



		border: 		1px solid #EFE6BA;



		width: 		177px;



		font-size: 		11px;



		color: 		#704923; 



	}



	table.moebel td.left_column {



		width:		50%;



		height: 		18;



		border-bottom:	1px solid #EFE6BA;



		border-right: 	1px solid #EFE6BA;



		vertical-align:	 top;

	

	}



	table.moebel td.right_column {



		width:		50%;



		height: 		18;



		border-bottom:	1px solid #EFE6BA;



	}



	table.moebel th {



		width:		50%;



		height: 		18;



		border-bottom:	1px solid #EFE6BA;



	}



	table.moebel td.last_left {



		width:		50%;



		height: 		18;



		border-bottom:	 0px;



		border-right:	 1px solid #EFE6BA;



		vertical-align:	 top;



	}



	table.moebel td.last_right {



		width:		50%;



		height: 		18;



		border-bottom:	 0px;



		vertical-align:	 top;



	}





	table.norm td {



		height: 18;



		padding-left: 8px;



	}



	td.left_column {



		width	: 173px;



		border-bottom	: 1px solid #EFE6BA;



		border-right	: 1px solid #EFE6BA;



		vertical-align	: top;



	}



	td.right_column {



		border-bottom	: 1px solid #EFE6BA;



	}



	td.last {



		width	: 173px;



		border-bottom	: 0px;



		border-right	: 1px solid #EFE6BA;



		vertical-align	: top;



	}



	td.last_right {



		width	: 173px;



		border-bottom	: 0px;



		vertical-align	: top;



	}



	td.last_middle {



		width	: 173px;



		border-bottom	: 0px;



		border-right	: 1px solid #EFE6BA;



	}



	img {



		border: none;



	}



	.headerimage {



		margin-left: 15px; 



		margin-bottom: 3px;



	}



	.headerimage2 {



		margin-left: 15px; 



	}



/******************************************   LINKS   *********************************************************************/



/******************************************   LINKS FUR DIE LINKBOXEN RECHTS  ***************************************************/



	a:link.linkboxintern, a:visited.linkboxintern, .linkint a {



		background-image		: 	url(../img/pfeil.gif);



		background-repeat		:	no-repeat; 



		z-index					:	3;



		background-position		: 	96% 5px;



	}



	a:link.pdf, a:visited.pdf  {


		background-image		: 	url(../img/pdf.gif);



		background-repeat		:	no-repeat; 



		z-index					:	3;



		background-position		: 	96% 2px;



		padding-right			:	7px;



	}



	a.extern {


		background-image		: 	url(../img/extern.gif);



		background-repeat		:	no-repeat; 



		z-index					:	2;



		background-position		: 	96% 5px;



		display					:	block;



	}	



/******************************************   LINK im Kasten fur Ubersichtsseite  ***************************************************/



	a.overview {


		background-image		: 	url(../img/kasten_uebersicht.gif);



		background-repeat		:	no-repeat; 



		z-index					:	2;



		background-position		: 	left 1px;



		/*text-indent				:	16px;*/
		padding: 0 0 0 16px;



		width					:	189px;



		display					:	block;



	}



	a.start {


		background-image		: 	url(../img/kasten_uebersicht.gif);



		background-repeat		:	no-repeat; 



		z-index					:	2;



		background-position		: 	left 1px;



		text-indent				:	16px;



		width					:	187px;



		display					:	block;



	}



	a:link.overview, a:visited.overview {



		color				: 	#936333;



		font-size			:	11px;



		font-weight			:	normal;



	}



	a:hover.overview {



		background-image		: 	url(../img/kasten_uebersicht_over.gif);



		background-repeat		:	no-repeat; 



		z-index					:	2;



		background-position		: 	left 1px;



		width					:	189px;



		display					:	block;



		background-color		:	#FFFFFF;



		color					: 	#991425;



		font-size				:	11px;



		font-weight				:	normal;



	}		



	a.download {


		background-image		: 	url(../img/download.gif);



		background-repeat		:	no-repeat; 



		z-index					:	2;



		background-position		: 	right;



		padding-right			:	13px;



		width					:	148px;		



		display					:	block;



	}



	



	/* normaler Text-Link, z.B. bei IMPRESSUM, NUTZUNG & DATENSCHUTZ, POSTKARTEN "senden >" */	



	a:link.intern, a:visited.intern {


		color					: 	#875829; 



		font-size				: 	10px; 



		text-decoration			: 	none;



		font-weight				: 	bold;



		background-image		: 	url(../img/pfeil.gif);



		background-repeat		:	no-repeat; 



		z-index					:	2;



		background-position		: 	right;



		padding-right			:	7px;



	}



	a:hover.intern {


		color					: 	#991425; 



		font-size				: 	10px; 



		text-decoration			: 	none;



		font-weight				: 	bold;



		background-image		: 	url(../img/pfeil.gif);



		background-repeat		:	no-repeat; 



		z-index					:	2;



		background-position		: 	right;



		padding-right			: 	7px;



	}

	

	/*  Text-Link in rot, z.B. Startseite Autoamtenberater */	



	a:link.intern1, a:visited.intern1 {


		color					: 		#991425;; 



		font-size				: 	10px; 



		text-decoration			: 	none;



		font-weight				: 	bold;



		background-image		: 	url(../img/pfeil.gif);



		background-repeat		:	no-repeat; 



		z-index					:	2;



		background-position		: 	right;



		padding-right			:	7px;



	}



	a:hover.intern1 {


		color					: 	#FFFFFF; 



		font-size				: 	10px; 



		text-decoration			: 	none;



		font-weight				: 	bold;



		background-image		: 	url(../img/pfeil.gif);



		background-repeat		:	no-repeat; 



		z-index					:	2;



		background-position		: 	right;



		padding-right			: 	7px;



	}	



/**********************************************  FUR RTE Schriftgro?e 11px  *************************************************************************************************/



	a:link.internal-link, a:visited.internal-link, a:link.external-link, a:visited.external-link, a:link.file-link, a:visited.file-link {


		color: #A06831; 



		font-size: 11px; 



		text-decoration: none;



		font-weight: bold;



	}



	/* EXTERNE LINKS */



	a:link.external-link, a:visited.external-link {


		color					: 	#A06831; 



		font-size				: 	11px; 



		text-decoration			: 	none;



		font-weight				: 	bold;



		background-image		: 	url(../img/extern.gif);



		background-repeat		:	no-repeat; 



		z-index					:	2;



		background-position		: 	right;



		padding-right			:	7px;



	}



	/* EXTERNE LINKS */



	a:link.file-link, a:visited.file-link {


		color					: 	#A06831; 



		font-size				: 	11px; 



		text-decoration			: 	none;



		font-weight				: 	bold;



		background-image		: 	url(../img/download.gif);



		background-repeat		:	no-repeat; 



		z-index					:	2;



		background-position		: 	right;



		padding-right			:	7px;



	}



	/* INTERNE LINKS */



	a:link.internal, a:visited.internal {


		color					: 	#A06831; 



		font-size				: 	11px; 



		text-decoration			: 	none;



		font-weight				: 	bold;



		background-image		: 	url(../img/pfeil.gif);



		background-repeat		:	no-repeat; 



		z-index					:	2;



		background-position		: 	right;



		padding-right			:	7px;



	}



	a:hover.internal, a:hover.internal-link, a:hover.external-link, a:hover.file-link {


		color					: 	#991425; 



	}



	



/********************************************   KONTEXTNAVIGATION  *********************************************************************/



/********************************************   SIEHE AUCH style_ie und style_moz  *****************************************************/



	#passendefuell a:link.internal, #passendefuell a:visited.internal {



		margin-left: 17px;



	}



	#kontextnavi a.vergleichen {



		position				:	absolute;



		top: 0px;



		left: 147px;



	}



	#kontextnavi img.left {



		position				:	absolute;



		top						:	0px;



		left					:	15px;



	}



	#kontextnavi .right {



		position				:	absolute;



		left					:	426px;



	}



	#kontextnavi img.empfehlen, #kontextnavi a.empfehlen {



		position				:	absolute;



		left					:	498px;



	}



	#kontextnavi .browseBoxWrap {



		margin-left			: 	10px;



		padding-top			:	0px;



		float				:	left;



		color				:	#E8D68C;



		font-weight			:	bold;



		border-right		:	3px solid #E9DA97;



		width				:	400px;



		text-align			:	center;



		height				:	 19px;



	}



	#kontextnavi .browseBox {



		margin-left			: 	10px;



		padding-top			:	3px;



		float				:	left;



		color				:	#E8D68C;



		font-weight			:	bold;



		border-right		:	3px solid #E9DA97;



		width				:	400px;



		text-align			:	center;



		height				:	 19px;



	}



	#kontextnavi .browseBoxSearch {



		margin-left			: 	10px;



		padding-top			:	3px;



		float				:	left;



		color				:	#E8D68C;



		font-weight			:	bold;



		width				:	400px;



		text-align			:	center;



		height				:	 19px;



	}



	



	#kontextnavi .inactiveLinkWrap a {



		color					:	#E8D68C;



		font-size				:	11px;



		padding					:	1px 3px 1px 3px;



	}



	#kontextnavi .inactiveLinkWrap a:hover {



		font-size				:	11px;



		background-color		:	#FFFFFF;



		padding					:	1px 3px 1px 3px;



		color					:	#991425;



	}



	#kontextnavi .activeLinkWrap a {



		color					:	#991425;



		font-size				:	11px;



		padding					:	1px 3px 1px 3px;



		background-color		:	#FFFFFF;



	}



	#kontextnavi .activeLinkWrap a:hover {



		font-size				:	11px;



		background-color		:	#FFFFFF;



		padding					:	1px 3px 1px 3px;



		color					:	#991425;



	}



	#imprint {



		position				:	absolute; 



		width					:	145px; 



		left					:	10px;



		top						: 	444px;



		color					:	#E9DA97;



	}



	#kontakt2 {



		font-size: 10px;



		padding					:	0px 0px 5px 0px;



		position				:	absolute; 



		width					:	145px; 



		left					:	10px;



		top						: 	300px;



		border-top			: 1px solid #D9B571;



		border-bottom			: 1px solid #D9B571;



	}







	/******************************************  LINKBOXEN RECHTS  ********************************************************************************************/



	/* Box unter dem Automaten bei der Automatendetailansicht */



	#boxautomat {

		position				:	relative; 



		width					:	168px; 



		margin				:   20px 20px 20px 0px; 
		
		float: right;
}

	#boxautomat_fce {
		float: left;
		width: 320px;
		display: block;
	}
	#boxautomat_fce #boxautomat {
		float: left;
	}	
	#boxautomat_fce #contact_button form, #boxautomat_fce #contact_button form input.contact { 
  	float: left;
  	display: block;
  	width: 113px;
  	margin: 10px 0 0 0;
  }
	#linkbox p.headline, #boxautomat p.headline {


		background-color		: #CE9B55;



		padding					: 3px 0px 2px 9px; 		



		border-bottom			: 1px solid white;



		font-size				: 10px; 



		font-weight				: bold; 



		color					: #F3EDCD; 



		margin-bottom			: 0px;



	}



	#linkbox p.link { 		



		border-bottom			: 1px solid white;



		margin-bottom			: 0px;



		margin-top				: 0px;



		font-size				: 10px; 



		font-weight				: bold; 



		color					: #F3EDCD; 



		width					: 100%;



	}

		#linkbox p.link1 { 		



		border-bottom			: 1px solid white;



		margin-bottom			: 0px;



		margin-top				: 0px;



		font-size				: 10px; 



		font-weight				: bold; 



		color					: #991425; 



		width					: 100%;



	}



	#linkbox p.linkint, #boxautomat p.linkint { /*, p.linkint { 		*/
		margin-bottom			: 0px;
		margin-top				: 0px;
		font-weight				: bold; 
		display: 				block;
		color					: #A06831; 
		width					: 100%;
	}



	#linkbox p.linkint a, #boxautomat p.linkint a {
		display					: block; 
		padding					: 3px 0px 3px 9px; 
		background-color		: #F0E6B5;
		border-bottom			: 1px solid #D9B571;		
	}

	#linkbox p.link a  {
		display: block; 
		padding					: 3px 0px 3px 9px; 
		color					: 	#F3EDCD; 
		background-color		: 	#CE9B55;
		border-bottom			: 1px solid #D9B571;				
	}
#linkbox p.link1 a  {
		display: block; 
		padding					: 3px 0px 3px 9px; 
		color					: 	#991425; 
		background-color		: 	#CE9B55;
		border-bottom			: 1px solid #D9B571;				
	}

	#linkbox p.text {
		color					: #A06831; 
		font-size				: 10px; 
		margin-top				: 0px;
		background-color		: #F0E6B5;
	  	padding					: 3px 3px 3px 9px;
		border-bottom			: 1px solid #D9B571;
	}



	#linkbox p.link a:hover, #linkbox p.link1 a:hover, #scr p.link a:hover, #linkbox p a:hover, #boxautomat p a:hover {
		color					: 	#991425; 
		background-color		: 	#FFFFFF;
	}	



	.formular {


		color				: #A06831; 



		font-size			: 10px; 



		font-family			: Verdana; 



		background-color	: #ffffff; 



		border				: solid 1px #A06831; 



	}







/**********************************************  NAVIGATION  *************************************************************************************************/



	.beforeimg {



		position				:	relative;



		top						:	2px;



	}



	div#prim {



		position				:	relative; 



		width					:	170px;



	}



	div#prim a {



	  text-decoration: none; 



	  color: #936333; 



	  font-size: 11px; 



	  font-weight: normal; 



	}



	



	/* aktiver Zustand der Primarnavigation */	



	div#prim div.act {



	  font-weight				: 	bold; 



	  background-image			: 	url(../img/kastenrot_act.gif);



	  background-repeat			:	no-repeat; 



	  background-position		: 	left 1px;



	  text-indent				:	15px;



	  width						:	170px;



	  display					:	block;



	  background-color			: 	#FFFFFF;



	  margin					: 	2px 0px 1px 0px;



	  padding					:	1px 0px 1px 0px;



	}



	div#prim div.act a {



	  font-weight: bold;



	}



	/* inaktiver Zustand der Primarnavigation */	



	div.no a {



	  background-image			: 	url(../img/kastenbraun.gif);



	  background-repeat			:	no-repeat; 



	  background-position		: 	left 1px;



	  text-indent				:	15px;



	  width						:	170px;



	  display					:	block;



	  margin					: 	2px 0px 1px 0px;



	  padding					: 	1px 0px 1px 0px;



	}



	div.no a:hover {



	  background-image			: 	url(../img/kastenrot_act.gif);



	  background-repeat			:	no-repeat; 



	  background-position		: 	left 1px;



	  text-indent				:	15px;



	  width						:	170px;



	  display					:	block;



	  background-color			: 	#FFFFFF;



	}







/* aktiver und inaktiver Zustand der Sekundarnavigation */



	/* aktiver Zustand*/



	div.sec_act {



	  background-color		: #FFFFFF;



	  margin				: 2px 0px 2px 8px;



	  padding-left			: 7px;



	}	



	/* inaktiv und onMouseOver*/



	div.sec_no {



	  margin				: 2px 0px 2px 8px;



	}



	div.sec_no a{



	  padding-left: 7px;



	}	



	



/********************************************   AUTOMATENUBERSICHT  *********************************************************************/



	#automat {



		position				:	relative; 



		width					:	284px; 



		height					: 	120px;



		left					: 	10px; 



		margin-right			: 	10px;	



		margin-top				: 	10px;



		background-color		: 	#F3ECC7;



		border					:   1px solid #F3ECC7;



	}



	.right {



		float					: 	right;



		left					: 	-221px; 



	}



	.left {



		float					: 	left;



	}



	.automat_img img{



		margin-top				: 	3px; 



		margin-left				:	7px; 



	}



	.automat_list {



		position			:	relative; 



		left				: 	92px;



		height				: 	118px;



		width				:	189px; 



		top					: 	0px;



		padding				: 	6px 0px 0px 7px;



	}



	.automat_list h1, 	.automat_list h1 a.head, .automat_list h1 a.head:hover{



		color				: #A06831; 



		font-size			: 11px; 



		font-weight			: bold; 



		margin-top			: -2px;



		margin-left			: 0px;



		width				: 182px;



	}

	.automat_list h1 a.head, .automat_list h1 a.head:hover  {
		margin: 0px;			
	}
	.automat_list p,  .automat_list p a.text, .automat_list p a.text:hover {



		font-size			: 10px;



		color				: #704923; 



		margin				: 0px 3px 5px 0px;

		font-weight: normal;

	}

	.automat_list a {



		margin-left			: 127px;

		outline: none;


	}



	#automat_text {



		position				:	relative; 



		width					:	269px; 



		height					: 	109px;



		left					: 	10px; 



		margin-right			: 	10px; 



		margin-top				: 	10px;



		padding					:	6px 5px 5px 11px;



		float					:	left;



		border					:   1px solid #F3ECC7;



	}



	



/********************************************   DETAILANSICHT AUTOMATEN  *********************************************************************/



/********************************************   SIEHE AUCH style_ie und style_moz  *****************************************************/



	#automatendetails {



		position				:	relative; 



		width					:	822px; 



		left					: 	15px; 



		top						: 	10px;



	}	

	#details_border {
		position				:	relative; 
		width					:	800px;
		float					: 	left;
		padding: 0 0 20px 0;
	}

	#beschreibung {
		position				:	relative; 
		width					:	400px;
		left					: 	15px; 
		margin-top				: 	10px; 
		margin-bottom			: 	0px;
		float					: 	left;
	}



	#beschreibung p {



		width					:	370px;



		margin					:	0px 0px 0px 2px;



	}



	#beschreibung h2 {



		margin					:	10px 0px 6px 2px; 



	}



	#bild {



		position				:	relative; 



		width					:	170px; 



		left					: 	25px; 



		top						: 	28px;



		float					:	left;



	}

	#bild_gw {
		position			:	relative;
		display				: block;
		width					:	380px; 
		margin-left					: 	25px; 
		float: left;
	}
	.link_gw {
		display: block;
		clear: both;
		float: left;
		margin: 30px 0 0 440px;	
		width: 200px;
	}
	#gw_icons {
		display: block;
		float: left;
		width: 300px;	
	}
	#gw_icons .header {
		display: block;
		width: 250px;	
		float: left;
		color: #704923; 
		font-size: 11px; 
		font-weight: bold; 
		margin: 10px 0 0 30px;
		clear: both;
	}
	#icons img {



		border-bottom			:   1px solid #EFE6BA;



		border-right			:   1px solid #EFE6BA;



		border-left				:   1px solid #EFE6BA;



		border-top				:   0px;



		margin-top				:	0px;



		margin-left				:	-3px;



		float:left;



	}



	#icons img.firstimg {



		border-top				:   1px solid #EFE6BA;



	}



	.back {



		position	:	relative;



		/*left		:	430px;



		top			:	58px;*/



	}











/********************************************  AUTOMATENVERGLEICH  *********************************************************************/



	.vergleich {



		position				:	relative; 



		width					:	594px;



		top						: 	0px; 



		margin-bottom			:	15px;



		margin-left					: 0px;



	}



	.vergleich h1 {



		position: relative;



		margin-left: 15px;



		top: 10px; 



		width: 594px;



		margin-bottom: 20px;



	}



	.vergleich table {



		border						: 1px solid #EFE6BA;



		width						: 594px;



		font-size					: 11px;



		color						: #704923; 



		margin-left					: 	15px;



		height						: 18;



		padding-left				: 8px;



		position				:	relative; 



	}



	.vergleich th {



		height: 18;



		padding-left: 8px;



		border-bottom	: 1px solid #EFE6BA;



		border-right	: 1px solid #EFE6BA;



		text-align:left;



	}



	.vergleich th.last {



		border-bottom	: 0px;



		border-right	: 1px solid #EFE6BA;



	}



	#auto2, #auto1 {



		background-color	:	#E8D68C;



	}



	#auto2 img, #auto1 img {



		 margin-top:5px;



	}



	.vergleich th.left_column {



		width	: 195px;



		border-bottom	: 1px solid #EFE6BA;



		border-right	: 1px solid #EFE6BA;



	}



	.vergleich th.right_column {



		width	: 195px;



		border-right	: 0px;



		border-bottom	: 1px solid #EFE6BA;



	}



	.vergleich td.center {



		width	: 195px;



		border-bottom	: 1px solid #EFE6BA;



		border-right	: 1px solid #EFE6BA;



	}



	#vergleichbild {



		position				:	relative; 



		width					:	170px; 



		left					: 	25px; 



		top						: 	28px;



	}



/********************************************   UBERSICHTSSEITE  *********************************************************************/



	#liste_text .beforeimg {



		position: relative;



		top: 1px;



	}
	

	#listenpunkt_links {
		position				:	relative; 
		width					:	285px; 
		height					: 	80px;
		left					: 	10px; 
		margin-right			: 	10px;
		margin-top				: 	10px;
		background-color		:	#F3ECC7;
		float					:	left;
		/*border					:   1px solid red;*/
	}

#fairtrade {
position: absolute;
border: 1px solid #fff;
bottom: 0px;
left: 10px;
width					:	285px; 
height					: 	80px;
background-color		:	#F3ECC7;
margin: 0;
padding: 0;
}
#fairtrade div, #fairtrade img, #fairtrade p {
margin: 0;
padding: 0;
}
#fairtrade #liste_text {
height: 	70px;
left: 	70px;
width: 215px;
padding: 10px 0 0 0;
}
	#listenpunkt_links_ohne {



		position				:	relative; 



		width					: 	267px; 



		height					: 	80px;



		margin-left				: 	11px; 



		margin-top				: 	10px;



		float					:	left;



	}







	#listenpunkt_links_start {



		position				:	relative; 



		width					: 	267px; 



		height					: 	80px;



		margin-left				: 	5px; 



		margin-right			: 	6px; 



		margin-top				: 	10px;



		float					:	left;



		background-color		: #F3ECC7;



		z-index: 1;	



	}	



	#listenpunkt_rechts_postkarte {



		position				:	relative; 



		width					:	285px; 



		height					: 	96px;



		left					: 	-222px; 



		margin-top				: 	10px;



		background-color		: #F3ECC7;



		float					:	right;



		/*border			:   1px solid red;*/



	}



	#liste_img img{



		position				:	absolute;



	}



	.relative {



		position				:	relative;



	}



	#liste_text {
		position			:	relative; 
		left				: 	80px;
		height				: 	80px;
		width				:	205px; 
		padding				:	7px 0px 4px 0px;
	}

	#liste_text a.wrapper {
		position: absolute;
		display			:	block; 
		height				: 	80px;
		width				:	205px;
		top: 0px;
		z-index: 1;
	}
#liste_text a.overview {
		position: absolute;
		top: 7px;
		display:	block; 
		width:	189px; 
		z-index: 10;
	}
#fairtrade #liste_text a.overview {
	width: 200px;
}
	#liste_text p, #liste_text p a {
		color				: 	#704923;
		font-size			:	11px;
		font-weight			: 	normal;
		line-height			:	110%;
		width				:	185px;
		margin				:	12px 0px 0px 16px;
		z-index: 1;
		position: absolute;
	}

	#liste_text p a {
		margin: 0;	
	}


	#liste_text h2 {



		margin				:	0px 0px 0px 16px;



	}



	/*#liste_text a.pdf {



		position: absolute;



		left: 90px;



		margin				:	0px 0px 0px 16px;



	}*/



	#liste_text img {



		margin-top:3px;



		border:0px;



	}



	



/********************************************   SPIELGENUSS  *********************************************************************/



	#spielgenuss {



		position				:	relative; 



		width					:	285px; 



		height					: 	96px;



		left					: 	10px; 



		margin-right			: 	10px;



		margin-top				: 	10px;



		background-color		:	#F3ECC7;



		float					:	left;



	}



	#listenpunkt_links_text {



		position				:	relative; 



		width					:	280px; 



		height					:   96px;



		left					: 	10px; 



		margin-right			: 	15px; 



		margin-top				: 	10px;



		float					:	left;



		line-height				:	130%;



	}



	



/********************************************   POSTKARTEN    *********************************************************************/



	/* POSTKARTENAUSWAHL*/



	.tx-srsendcard-pi1-image-selector {



		margin-top: 0px;



	}



	.tx-srsendcard-pi1-image-selector-column img{



		position				:	absolute;



		border					: 	0px;



	}



	.tx-srsendcard-pi1-liste_links {



		position			:	relative; 



		left				: 	80px;



		height				: 	96px;



		width				:	205px; 



		padding				:	7px 4px 4px 0px;



	}



	.tx-srsendcard-pi1-liste_links a {



		text-align			: right;



		left				: 150px;



		top					: 70px;



		position			: relative;



	}



	.select {



		border					: 	1px solid #A06831;



		font-family				:	Verdana, sans-serif;



		font-size				:	11px;



		font-weight				:	normal;



		color					:	#704923;



		margin					:	1px 0px 1px 0px;



	}



	.select_small {



		border					: 	1px solid #A06831;



		font-family				:	Verdana, sans-serif;



		font-size				:	10px;



		font-weight				:	normal;



		color					:	#704923;



		margin					:	1px 0px 1px 0px;



	}



	form.srsendcard {



		margin					:	10px 0px 10px 15px;



		width					:	400px;



		background-color		:	#EDE1A9;



		position				:	relative;



	}



	img.srsendcard {



		position: relative;



		margin-top: 10px;



		margin-bottom: 0px;



		left: 15px;



	}



	.tx-srsendcard-pi1 p.error{



		color: #FFFFFF;



		background-color: #991523;



		padding: 1px 0px 1px 2px;



		margin: 2px 0px 2px 0px;



	}



	label { /* Alle Labels UND Formularelemente auswahlen */



	  display: block;



	  float: left;



	  width: 150px; /* Breite.*/



	  padding: 2px 0px 0px 10px;



	}



	.tx-srsendcard-pi1-radio {



		padding: 2px 0px 0px 10px;



	}



	h2.sendcard {


		color: #A06831; 



		font-size: 11px; 



		font-weight: bold; 



		background-color	: #F3EDC7;



		margin-bottom: 5px;



		padding				: 	2px 0px 2px 9px;



	}



	#tipps_sendcard {



		background-color	: 	#F0E6B5;



		position			:	absolute;



		left				:	425px;



		top					:	293px;



		width				:	165px;



		min-height			:	35px;



		float				:right;



	}



	#tipps_sendcard p {



		margin				:	10px 10px 10px 10px;



	}



/********************************************   POSTKARTENVORSCHAU   *********************************************************************/



	img.srsendcard_preview {



		margin: 10px 0px 0px 15px;



	}



	.vertline {



		position			:	absolute;



		width				: 	2px; 



		height				: 	223px; 



		background-color	: 	#E8D68C; 



		left				: 	205px; 



		top					: 	25px;



	}



	.vertline_dunkel {



		position			:	absolute;



		width				: 	2px; 



		height				: 	250px; 



		background-color	: 	#E8D68C; 



		left				: 	10px; 



		top					: 	10px;



	}



	hr {



		position			:	absolute;



		width				: 	199px; 



		border				:	solid #E8D68C 1px;



		left				: 	10px; 



		height				: 	2px; 	



	}



	.stamp {



		position: absolute;



		right: 15px;



		top: 10px;



	}



	.postcard_preview_back p {



		margin			: 10px 0px 10px 15px;



		width			: 165px;



		color			: #E8D68C;



	}



	.postcard_preview_back p.message {



		top: 20px;



		position: relative;



		left:10px;



		font-size: 11px;



		width: 165px;



	}



	.postcard_preview_back p a {



		top: 15px;



		color: #FFFFFF;



		position: relative;



		left:10px;



		width: 165px;



	}



	.postcard_preview_back p.date {



		position: absolute;



		right: 77px;



		top: 78px;



		width: 30px;



		color: #CB9853;



		font-size: 9px;



		font-family				:	Arial, sans-serif;



	}



	.postcard_preview_back p.to {



		top: 105px;



		left: 210px;



		position: absolute;



	}	



	



/********************************************   PRODUKTDETAILS    ********************************************************************/



/********************************************   SIEHE AUCH style_ie und style_moz  *****************************************************/



	#produktbeschreibung {



		position				:	relative; 



		width					:	400px;



		left					: 	15px; 



		top						:	0px;



		margin-bottom			:	5px;



	}



	#produktbeschreibung td {



		vertical-align	: middle;



	}



	#produktbeschreibung p {



		margin					:	0px 0px 6px 2px;



	}



	#verbindung{


		position				:	relative;



		border-top				:	1px solid #EFE6BA;



		width					:	10px;



		top						:   -1px;



		left					: 	-10px; 



	}



/********************************************   PASSENDE FULLPRODUKTE    ********************************************************************/



/********************************************   SIEHE AUCH style_ie und style_moz  *****************************************************/



	#passendefuell {



		position				:	relative; 



		width					:	580px;



		left					: 	15px; 



		top						:	10px;



		margin-bottom			:	5px;



		line-height: 130%;



	}



/********************************************   WERBEMITTEL    *********************************************************************/



	.werbe_img {



		position: relative;



		left: 15px;



		margin-top: 10px; 



		float:left;



	}



	.werbe_text {



		float:left;



		margin-left: 25px;



		margin-top: 10px; 



		top: 0px;  



		width: 190px;



		line-height: 130%;



	}



	h1.werbe, h1.tx-indexedsearch-whatis, h1.csc-firstHeader {



		position: relative;



		margin-left: 15px;



		top: 10px; 



		margin-bottom: 10px;



		width: 578px;



		line-height:125%;



	}



	embed {



		position: relative;



		margin-left: 15px;



		top: 10px; 



		margin-bottom: 10px;



	}	







/********************************************   TEXTONLY    *********************************************************************/



	.textonly {



		position:relative;



		top: 10px; 



		width: 425px;



		line-height				:	130%;



		margin			: 0px 0px 10px 15px;
		
		
		float: left;



	}



/********************************************   GESCHICHTE    *********************************************************************/



	.geschichte_jahr {



		position: relative;



		font-size		: 27px;



		font-weight		: bold;



		color			: #D6AE65;



		width			: 580px;



		top				:	10px;



		margin			: 0px 0px 5px 15px;



	}



	.geschichte_text {



		margin-left: 100px;



		width: 325px;



		margin-top: 15px;



		line-height				:	130%;



	}







/********************************************   NESCAFEVERARBEITUNG    *********************************************************************/



	#hidepage {



		position: absolute; background-color:#E9DA97;height: 100%; width: 100%; z-index: 5;



	}



	#verarcontainer {



		white-space:nowrap;



		position:relative;



		width:506px;



		max-width:1548px;



		height: 128px;



		margin-top: 10px;



		border:1px solid #CE9B55;



	}



	.rahmen td{



		font-size:11px;



	}



	#scr {



		background-color	:	#ECE0A7;



		height				:	128px;



	}	



	#scr p.link a  {


		display: block; 



		padding					: 	1px 0px 1px 6px; 



		color					: 	#F3EDCD; 



		background-color		: 	#CE9B55;



	}



	#scr .element img, #scr .firstelement img {



		margin-left			:	6px;



	}



	#rp { /* Scroller rechts */



	  z-index: 3;



	}



	#details {



		margin-left			:	49px;



		margin-top			:	15px;



		margin-bottom		:	15px;



		width				:	506px;



	}



	.scrolllinks {



		position			:	relative;



		top					:	70px;



		left				:	20px;



	}



	.scrollrechts {



		position			:	relative;



		top					:	-80px;



		left				:	560px;	



	}



	#sliderDiv {



		margin-top			:	-75px;



		margin-left			:	16px;



	}











/******************************************** SUCHFORMULAR - MACINA SEARCH & INDEXED SEARCH ***********************************/



	#search {



		position				:	relative; 



		top						: 	15px;



		left					:	15px;



		width					:   143px;



		height					: 	17px;



	}



	input.formular {



		margin-top		: 	0px;



		float			:	left;



	}



	input.image {



		float			:	right;



		margin			: 	2px 2px 0px 0px;



	}



	.tx-indexedsearch-searchbox {



		display: none;



	}



/******* INDEXED SEARCH *********************************************************************************************************/



	.tx-indexedsearch-title {



		background-color	:	#F3EDC7;



		position			:	relative;



		height				:	20px;



		width				:	578px;



		left				:	15px;



		top					:	10px;



		color				:	#A06831;



		font-size			: 	11px;



		font-weight			:	bold;



		border-bottom		:	1px solid #CE9B55;



	}



	.tx-indexedsearch-title a:link, a:visited {


		color					: 	#A06831; 



		font-size				: 	11px; 



		text-decoration			: 	none;



		font-weight				: 	bold;



	}



	.tx-indexedsearch-title a:hover {


		color					: 	#991425; 



		font-size				: 	11px; 



		text-decoration			: 	none;



		font-weight				: 	bold;



	}



	.tx-indexedsearch-title-icon {



		position			:	relative;



		left				:	5px;



		top					:	2px;



		margin-right		: 	5px;



	}



	.tx-indexedsearch-redMarkup {



		color				:	#991425;



		font-weight			:	bold;



		background-color	:	#FFFFFF;



	}



	.tx-indexedsearch-descr {



		position			:	relative;



		left				:	33px;



		margin-top			:	15px;



		width				:	450px;



	}



	.tx-indexedsearch p.tx-indexedsearch-noresults {


		margin-left			:	15px;



		font-weight			:	bold; 



	}







/******************************************** KONTAKTFORMULAR *********************************************************************/



	form.mailform {



		width				:	580px;



		background-color	:	#EDE1A9;



		min-height				:	345px;



		margin				:	10px 0px 0px 0px;



		position			: 	relative;



		left				: 	10px;



		float				:	left;



	}

	form.mailform1 {



		width				:	580px;



		background-color	:	#EDE1A9;



		min-height				:	345px;



		margin				:	10px 0px 0px 0px;


		left				: 	10px;



		float				:	left;



	}

	h2.first, .mailform h2.first {



		color				: 	#A06831; 



		background-color	: 	#F3EDC7;



		margin-bottom		: 	5px;



		padding				: 	2px 0px 2px 9px;



		margin-top			: 	0px;



	}





	h2.titel, .mailform h2.titel {



		color				: 	#A06831; 



		background-color	: 	#EDE1A9;



		margin-bottom		: 	0px;



		padding				: 	2px 0px 2px 9px;



		margin-top			: 	0px;



	}



	h2.smalltitel, .mailform h2.smalltitel {



		color				: 	#A06831; 



		background-color	: 	#EDE1A9;



		margin-bottom		: 	10px;



		padding				: 	2px 0px 2px 9px;



		margin-top			: 	0px;

                              

                                font-size				:	9px;



		font-weight 			:	normal;



	}



	.mailform h2 {



		color				: 	#A06831; 



		background-color	: 	#F3EDC7;



		margin-bottom		: 	5px;



		padding				: 	2px 0px 2px 9px;



		margin-top			: 	5px;



	}



	div.radio {



		top: 10px;



		margin				: 	0px 5px 35px 5px;



		padding: 0px;



		position: relative;



		min-height: 50px;



	}



	div.radiotext {



		width: 540px;



		position: relative;



		top: 0px;



		line-height: 130%;



		margin				: 	-14px 0px 0px 25px;



	}



	#tipps {



		background-color	: 	#F0E6B5;



		position			:	relative;



		left				:	0px;



		top					:	10px;



		width				:	580px;



		min-height			:	100px;



		font-size                                                   :               9px;



		float				:	left;



		margin-bottom			:	8px;



	}



	#tipps p {



		margin				:	10px 5px 10px 10px;



	}



	#tipps p.border {



		margin				:	-1px 6px 5px 10px;



		padding-top			: 	5px;



		border-top			:	1px solid #E9DA97;



	}



	#tipps_sendcard p.border {



		margin				:	-1px 10px 5px 10px;



		padding-top			: 	5px;



		border-top			:	1px solid #E9DA97;



	}



	ul.error li{



		margin-top			:	-3px;



	}



	



	.ft10px666666 { color: #666; font-size: 10px; font-family: Verdana }



	.ft10px333333  { color: #333; font-size: 10px; font-family: Verdana }



	



/******************************************** INDEXED SEARCH *********************************************************************/







	



/********************************************   WEITEREMPFEHLEN - POPUP   ************************************************************/



	#logo {



		position				:	relative; 



		width		        	: 	100%; 



		height					: 	55px;



		top						:	0px;



		background-color		: 	#61401F;



		border-bottom			: 	1px solid #FFFFFF;



	}	



	#logo img{



		position				:	absolute; 



		right		        	: 	10px; 



		top						: 	19px;



	}
	
	img.logo {
    margin: 5px 0 0 650px;
  }



	a#close {



		color					:	#E9DA97;



		position				:	absolute; 



		left		        	: 	15px; 



		top						: 	40px;	



	}



	#content_empfehlen {



		position				:	absolute; 



		width					:   500px;



		height					:	100%;



		left					: 	0px;



		right					: 	0px;



		top						:   0px;



		margin-bottom			:	0px;



		border-left				:	1px solid white;



		background-color		: 	#E9DA97;



		text-align				:	left;



	}



	#content_empfehlen p {



		margin					:	10px 0px 10px 13px;



		padding-left				: 	5px;



		color						: #704923;



		font-size					:	11px; 



		line-height					:	125%;



		width					:	440px;



	}



	#content_empfehlen h1 {



		margin			:	10px 15px 0px 15px;	



	}



	form.tipafriend {



    	background-color		: 	#EDE1A9;



		padding					:	0px 0px 5px 0px;



		margin					:	10px 10px 0px 15px;



		width					:	470px;



	}



	form.tipafriend label {



	  width						: 210px;



	  margin-left				: 10px;



	  display					: block;



	  float						: left;



	  padding					: 2px 0px 0px 5px;



	}



	span.tipp {



		font-size				:	10px;



	}



	span.tipp2 {



		font-size				:	10px;



		margin-left: 10px;



	}



	#content_empfehlen .checkbox { /* Alle Labels UND Formularelemente auswahlen */



	  margin-left: 1px;



	}







/********************************************   AUTOMATENBERATER    *********************************************************************/



	#konfiguration span.headline {



		height				:	19px;



		color				:	#A06831;



		background-color	:	#F7F3D9;



		margin				: 	0px 2px 2px 0px;



		padding				:	2px 4px 3px 4px;



		font-weight			:	bold;



		font-size			:	10px;



		float: left;



	}



	/*#konfiguration span.balken {



		height				:	16px;



		width				:	10px;



		background-color	:	#F0E7B9;



		margin				: 	0px 2px 2px 2px;



		border: 1px solid green;



	}*/



	#ergebnis h1, #konfiguration_ergebnis h1 {



		background-color	:	#F4F0CE;



		margin-top			: 	0px;



		padding-top			:	2px;



		padding-left		:	8px;



		border-bottom		:	1px solid #D9B571;



	}



	.selector {



		background-color	:	#F0E7B9;



		border-bottom		:	1px solid #996633;



		border-right		:	1px solid #996633;



		width				:	240px;



		height				:	30px;



		margin-bottom		:	5px;



		margin-left			:	10px;



	}



	.selectlink {



		margin-top			:	8px;



		margin-left			:	15px;



		position			:	relative;



		float				:	left;



	}



	#ergebnis {



		position			:	relative;



		background-color	:	#EDE1A9;



		width				:	527px;



		height				:	443px;



		left				:	32px;



		top					:	15px;



		border-bottom		:	1px solid #D9B571;



		clear: float;



		float:left;



	}	



	/* BERATERERGEBNIS */



	#automat_beratererg {



		position				:	relative; 



		width					:	284px; 



		height					: 	120px;



		left					: 	10px; 



		margin-right			: 	10px;	



		margin-top				: 	10px;



		background-color		: 	#F3ECC7;



		color					: 	#E9DA97;



		border					:   1px solid #F3ECC7;



	}



	#konfiguration_ergebnis .ergebnistxt {



		position			:	relative;



		left				:	10px;



		top					:	-5px;



		bottom				:	10px;



		font-size			:	10px;



	}



	div.leiste {



		position			:	relative;



		left				:	15px;



		top					:	10px;



		margin-bottom		:	12px;



		clear				:	left;



		width				: 	585px;



		height				: 	17px;



	}



	div.leiste2 {



		position			:	relative;



		left				:	10px;



		top					:	10px;



		margin-bottom		:	0px;



		clear				:	left;



		width				: 	578px;



		height				: 	17px;



	}



	a:visited {


		color: #875829; /*A06831; */



		font-size: 10px; 



		text-decoration: none;



		font-weight: bold;



	}



	a:link {


		color: #875829; /*A06831; */



		font-size: 10px; 



		text-decoration: none;



		font-weight: bold;



	}



	a:active {


		color: #875829; /*A06831; */



		font-size: 10px; 



		text-decoration: none;



		font-weight: bold;



	}



	a:hover {


		color: #991425; 



		font-size: 10px; 



		text-decoration: none; 



		font-weight: bold;

}

.footers {
	position:	absolute;
	color: 	#875829;
	font-size: 10px;
	font-weight: normal;
	left: 185px;
	top: 1200px;

}
.csc-sitemap-level2 {
	margin:	0 0 0 10px;
}
.csc-sitemap-level3 {
	margin:	0 0 0 20px;
}
.consultants-label {
	display: block;
	width: 60px;
	float: left;
}
.consultants-input-label {
	display: block;
	width: 100px;
	float: left;
}
.consultants-text {
	display: block;
	width: 350px;
	float: left;
}
.consultants-search-form input.image {
	float: left;
	margin	: -1px 2px 0px 4px;
}
.consultants-search-form .formular {
	float: left;
	color: #A06831; 
	font-size: 10px; 
	font-family: Verdana; 
	background-color: #ffffff; 
	border: solid 1px #A06831; 
}
.karte {
position: absolute;
top: 185px;
left: 415px;
display: block; 
width: 200px;
}
.imgtext-nowrap {
float: left;	
}
ul.birdie {
list-style-image: url(../img/new/bullet.gif);
}
#contact_fce{
display: block;
clear: both;
padding: 0 0 0 15px;	
}
.aktionen_details {
display: block;
padding: 0 15px;	
}
.aktionen_item {
display: block;
width: 580px;
margin: 12px 0 12px 0;
float: left;	
}
.aktionen_item #beschreibung {
margin-top: 0; 
}
.aktionen_item #boxautomat {
float: right;	
margin: 5px 215px 0 0;
}
.aktionen_bild {
display: block;
width: 180px;
float: left;	
margin: 0;
}
.aktionen_contact {
display: block;
width: 120px;
float: right;
margin: 0 20px 0 0;
}
.imgtext-table {
margin: 10px 0 0 0;
}
}