/*****************************************************************************/
/*  Stile fuer Grundlayout Kaffeefair */
/*****************************************************************************/

.sitemap
{
	margin:0!important;
	padding:0!important;
	margin-left:60px!important;
	}

.sitemap-ueberschrift
{
	margin:0!important;
	padding:0!important;
	font-size:80%!important;
	font-weight:bold;
	margin-left:30px!important;
	}

/*****************************************************************************/

body
{
	margin:0;padding:0;
	font-family: Lucida Sans, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	color:#562615;
	font-size:100%;
	position:relative; /*cs*/
	}

ul,ol,table,p
{font-size:80%;}

td p, td ul, td ol
{
margin:0;
padding:0;
font-size:100%;
}

td
{
padding:3px;
}

ul p
{font-size:100%;
margin:0;
padding:0;}

table p
{font-size:100%;}

p table
{font-size:100%;}

/***************************************************************************************************/

.blind
{
	position:absolute;
	left:-2000px;
}

 #print-adresse {display:none;}

/*****************************************************************************/
/* Rahmen */
/*****************************************************************************/

#fullscreen-container /*der Container fuer alles: Maximal- und Minimalbreite*/
{
position:absolute;
top:0;
left:0;
width:100%;
background-image:url('/bilder/layout/kopfcollage7.gif');
background-repeat:no-repeat;
background-position:center top;
}

#aussen-container /* zur abs. pos. einiger elemente */
{
	width:999px;
	margin:auto;
	position:relative;
	padding-top:150px;
}

#seite-container /* fuer die 3 kamine */
{
	width:995px;
	background-image:url("../bilder/layout/hg_seite_container.gif");
}
/*****************************************************************************/

#logininfo /* oben links abs. im aussen-container */
{
	font-size:100%;
	font-weight:bold;
	position:absolute;
	top:10px;
	left:7px;
	font-variant:small-caps;
	text-shadow: 2px 2px 2px white;
	color:#921602;
}

/*****************************************************************************/
/* Spalte links */
/*****************************************************************************/

#links-container /* linker kamin */
	{
		float:left;
		width:200px;
		color:#4D2D0A;
		padding-top:70px;
	}

#nav-li
	{
	margin-top:10px;
	width:180px;
	color:#FBEACB;
	padding-top:5px;
	font-size:80%;
	line-height:120%;
	background-image:url("../bilder/layout/hg_seitenbox.gif");
	}

/*****************************************************************************/
/* Buttons linke Box */

.nav-1 /* div-container fuer jeden hauptmenuepunkt */
	{clear:both;}


	.nav-1 a
	{
	display:block;
	padding:0 10px 5px 10px;
	font-weight:bold;
	}

	.nav-1 img
		{
		border:0;
		/*float:left;*/
		/*margin:-3px 0 0 -10px;*/
		}

/*****************************************************************************/
	#menuzeile-2 /* regelt den Abstand des Unav-Blockes */
	{
		background-image:url("../bilder/layout/hg_seitenbox.gif") /* cs */
	}

	.nav-2 /* Unternavpunkt in der linken Leiste */
		{
		font-size:90%;
		font-weight:normal;
		margin-left:20px;
		clear:both;
		padding-bottom:2px;
		}


		#sk-2 /* SK Unternav links */
		{
		font-weight:normal;
		font-size:90%;
		padding-left:20px;
		color:#FD9604;
		color:#EFA843;
		color:#FBEACB;
		}

		#nav-li a
		{
			text-decoration:none;
		}

		#nav-li a:link, #nav-li a:visited, #nav-li a:active
		{
		color: #562615;
		}

		#nav-li a:hover
		{
			color:#FD9604;
			color:#FBEACB;
		}

/* Ende Buttons linke Box */


/*****************************************************************************/


/* Menu 3. ebene (oben) */

.menue-3-box
	{
	margin-left:6px;
	margin-bottom:6px;
	margin-top:8px;
	padding:4px;
	width:575px;
	}



	#navoben-container /* habe dem ul-Element diesen Stil gegeben */
		{
			list-style-type: none;
			padding:0;
			margin:0;
			color:#A67C5A;
			font-size:70%;

			}

	#navoben-container li
		{
			float:left;
		}


	#navoben-container .sk
		{
		 	color:#A67C5A;
		}

		#navoben-container a
		{
		text-decoration:none;
		}

.inaktiv
{
color:#B9B8B8;
}

/* Ende Menu 3. ebene (oben) */

/*****************************************************************************/


/* KOPF */

#titel-container /* Balken */
{
width:595px;
height:79px;
text-align:center;
background-image:url("../bilder/layout/hg_titel_schreib.gif")!important;
background-repeat:no-repeat!important;
background-position:top!important;
position:absolute;
top:0;
left:0;
border-bottom:1px solid #805C50;
}

#titel-container h1
{
		padding:0!important;
		margin:0!important;
		position:static!important;
		padding-top:45px!important;
		background-color:transparent!important;
		width:587px!important;
		border-top:0!important;
		color:#AD9962;
		margin:0;
		padding:0;
		font-size:90%!important;
		text-align:center;

}



/*****************************************************************************/

/* INHALT Spalte  */

/* Menue-Ebene 2 */

	#unav-textlinks
	{
	font-size:80%;
	list-style-type: none;
	padding:0;
	margin:0;
	margin-top:15px;
	margin-left:15px;
	font-family: Arial, Helvetica, sans-serif;
	color:#1217A6;
	padding-bottom:20px;
	font-weight:bold;
	}

	#unav-textlinks li
	{float:left;
	}


	#unav-textlinks .sk
		{
			color:#1217A6;
			float:left;

		}

	/* Ende Menue-Ebene 2 */

	/* Menue-Ebene 3 */

	#menue-3
	{
	font-size:80%;
	list-style-type: none;
	padding:0;
	margin:0;
	margin-top:15px;
	font-family: Arial, Helvetica, sans-serif;
	color:#788085;
	padding-bottom:20px;
	padding-top:6px;
	border-top:1px black solid;
	}

	#menue-3 li
	{float:left;
	}


	#menue-3 .sk
		{
			color:black;
			float:left;

		}

	/* Ende Menue-Ebene 3 */

/*****************************************************************************/

	#mitte-container /*der Container fuer den Inhalt*/
	{
		float:left;
		width:595px;
		padding-top:115px;
		margin-bottom:30px;
		min-height:400px;
		height:100%;
		position:relative;
		padding-bottom:40px;

		}


		#mitte-container h1
		{
		background-color:black;
		color:#AD9962;
		margin:0;
		padding:0;
		font-size:80%;
		text-align:center;
		width:588px;
		padding-top:5px;
		padding-bottom:5px;
		position:absolute;
		top:80px;
		left:0;
		}

		#mitte-container h2
		{
		font-size:130%;
		font-weight:normal;
		margin-bottom:15px;
		/*margin-left:15px;
		margin-right:15px;*/
		color:#562615;
		text-align:center;
		padding-right:5px;
		}

		#mitte-container h3
		{

		font-size:100%;
		margin-left:15px;
		margin-right:15px;
		color:#921602;
		margin-top:20px;
		margin-bottom:8px;
		}

		#mitte-container h4
		{
		font-size:90%;
		margin-bottom:6px;
		margin-top:8px;
		margin-left:15px;
		margin-right:15px;
		color:#921602;
}

		#mitte-container p
		{
		margin-left:15px;
		margin-right:15px;
		}

		#mitte-container table
		{
		margin-left:15px;
		margin-right:15px;
		}

		#mitte-schatten-unten
		{
		background-color:#FBEACB;
		background-image:url("../bilder/layout/mitte_schatten_unt.jpg");
		background-repeat:repeat-x;
		background-position:bottom;
		height:27px;
		width:588px;
		position:absolute;
		left:200px;
		bottom:28px;
		margin-top:20px;
		font-size:0;
		}


	.trenn
	{
	border-bottom:1px dashed #E7CEA0;
	margin-top:10px;
	margin-right:7px;
	}

.suchlink
{
position:absolute;
top:30px;
right:10px;
}

.suchlink a, .suchlink a:hover, .suchlink a:active, .suchlink a:visited
{
background-color:#613817;
background-color:#921602;
background-image:url("../bilder/layout/hg_button.jpg");
color:#FFF7DE;
border:1px solid #FFF7DE;
text-decoration:none;
padding:4px;
}

/*****************************************************************************/
/* Suchergebnis-Anzeige */
.suchergebnisse
{
width:593px;
font-size:90%;
}

.suchergebnisse h3
{text-align:center;}

.suchergebnisse h4
{
margin-top:0;
margin-bottom:0;
}

.suchergebnisse p
{
margin-top:0;
margin-bottom:0;
}

.suchergebnis-block
{
background-color:#FFF0DB;
margin:15px;
border:1px solid #E3D6C5;
padding:10px;
}

/*****************************************************************************/


	#rechts-container
	{
		float:right;
       	width:188px;
       	color:white;
		margin-top:25px;
	}


/**************************************/
/* alle Buttons und Suche rechts oben */
/**************************************/
/* Buttons Meta-Ebene */
/**************************************/
#meta-links /* absolut im aussen-container, so dass sie opt. in der re. box stehen. enthaelt auch den loginbutton */
		{
		  	position:absolute;
			font-size:70%;
			z-index:1;
			right:3px;
			top:10px;
			width:190px;
			z-index:2;
		}

.meta-link /* agb datenschutz kontakt impressum */
			{
			background-color:#F7F1EE;
			background-color:#EAD9C6;
			border:1px solid #C5A36F;
			color:#73482D;
			height:1em;
			padding:1px 10px 3px 10px;
			margin:0 0 10px 0;
			}

.meta-link a:link, .meta-link a:visited
		{
			color: #340606;
			color:#4D2D0A;
			text-decoration: none;

		}

.meta-link a:hover
		{color:#73482D;}


.kundenlogin
	{
			padding:2px 10px 4px 10px;
			background-color:#921602;
			border:1px solid #F7F1EE;
			border:1px solid #FBEACB;
			margin:0 0 10px 0;
			font-variant:small-caps;
			height:1.2em;
	}

.kundenlogin a:link, .kundenlogin a:visited, .kundenlogin a:hover
		{
			color: white;
			display:block;
			text-decoration:none;
			font-size:110%;
			font-weight:bold;
		}


#box-warenkorb-versandkosteninfo /* hintergrundbox fuer warenkorb und versankosteninfo */
{
background-color:#F7F1EE;
height:3.3em;
border:1px solid #C5A36F;
margin-bottom:10px;
}

#versandkosteninfo
{
	padding:19px 10px 0 10px;
	color:#921602;
	font-weight:bold;
}

	#menu138 /* warenkorb, aus dem fluss der li navi herausgenommen */
	{
	position:absolute;
	top:46px;
	right:9px;
	z-index:100; /*damit er immer oben liegt, auch wenn man die box darunter einfaerben sollte */
	font-size:80%;
	padding:0;
	height:1em;
	width:175px;
	}

	#menu138 img
	{
	float:left;
	margin-right:10px;
	}

	#menu138 a
	{
	color:#73482D!important;

	}

	#menu138 a:hover
	{color:#73482D!important;}



#suche /* ab. pos. im aussen-container, so dass die opt. rechts steht */
{
background-color:#EAD9C6;
border:1px solid #C5A36F;
}

#suchform
{
padding:0;
margin:0;
}


.formbutton-meta-text /*suchfeld*/
		{
		background-color:#EAD9C6;
		width:120px;
		border:0;
		height:1.4em;
		font-size:90%;
		float:left;
		color:#4D2D0A;
		}

.formbutton-meta  /*suchbutton*/
		{
		width:60px;
		height:1.5em;
		border:0;
		border-left:1px solid #C5A36F;
		font-size:100%;
		float:right;
		background-color:#F7F1EE;
		/*background-color:#921602; ues-rot*/
		/*color:white;*/
		color:#4D2D0A;
		padding-bottom:2px;
		}
/*****************************************************************************/


/* FUSS*/

	#fuss
{       width:990px;
		margin:auto;
		font-size:88%;
		height:15px;
		padding-top:10px;
		padding-bottom:10px;
		font-size:70%;
		color:#F9E4C8;
		}

	#fuss a:link, #fuss a:visited, #fuss a:active
		{
			color: #F9E4C8;
			text-decoration:none;
		}

	#fuss a:hover
		{
			color: #F9E4C8;
			text-decoration:none;
		}
/*****************************************************************************/

/*Textformatierung*/

.p-klein {padding-top:2px;padding-bottom:2px;padding-left:0px;padding-right:0px;margin:0px;}
.datum-marke {font-size:70%;margin:0;padding:0;}

b {font-weight:bold}

address {font-style:normal}

/*************************************************************************************************/
/* Links */

a
{	color: #921602;
	text-decoration: underline;
}

a:hover,a:active
{
	color: #EC1F1F;
	text-decoration: underline;
}

a:visited
{
	color: #921602;
	text-decoration: underline;
}

.a-klein
{	font-size:90%
}

/******************************************************************************/

/*Tabellen*/

.blindtable
{	font-size:105%;
}

td
{
	vertical-align:top;
	padding:0px;
}

/******************************************************************************/

/*Detailtabellen*/
.detail-table
{
	border-collapse: collapse;
	width:558px;
}

.detail-table td
{
	padding:3px;
	margin:0px;
	border-style:solid;
	border-width:1px;
	border-color:#E5D6C1;
}

.detail-table th
{
	background-color:#FFF0DB;
	font-weight:bold;
	padding:3px;
	margin:0px;
	border-style:solid;
	border-width:1px;
	border-color:#E5D6C1;
	text-align:left;
}

#kundenlogin-table
{
	border-collapse: collapse;
	width:558px;
}

#kundenlogin-table img
{border:0;}

#kundenlogin-table td
{
	padding-bottom:20px;
	margin:0px;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-color:#FBEACB;
	border-bottom-color:white;
	text-align:center;
}

#kundenlogin-table .button
{
	width:180px;
	background-color:#D98A61;
	font-weight:bold;
	color:white;
	padding:5px;
	margin-top:20px;
	margin:auto;
}

#kundenlogin-table .button a
{
color:white;
text-decoration:none;
}

#kundenlogin-table .infotext /*wird nicht benoetigt, kann weg */
{
padding:5px;
width:180px;
background-color:#F3D4B2;
margin:auto;
}


/************************************************************************************************/

/* Bildanzeige im HTML-Gen htmlgen formate bilder*/

.bild-left-kafsb /* in den Seitenboxen, wird dort durch #HTMLgen p img definiert */
{
}

.bild-right-web
{
margin-left:15px;
margin-bottom:5px;
float:right;
border:white 1px solid;
}

.bild-right-th
{
margin-left:15px;
float:right;
border-width:0;
}

.bild-right-log /* Format log noch nicht definiert */
{
margin-left:15px;
float:right;
border-width:0;
}

.bild-left-web
{
margin-right:15px;
margin-bottom:5px;
float:left;
border:white 1px solid;
}

.bild-left-th
{
margin-right:15px;
float:left;
border-width:0;
}

.bild-left-med /* Format med noch nicht definiert */
{
margin-right:15px;
float:left;
border:white 1px solid;
}

.bild-right-med /* Format med noch nicht definiert */
{
margin-right:15px;
float:left;
border-width:0;
}

.bild-left-log /* Format log noch nicht definiert */
{
margin-right:15px;
float:left;
border-width:0;
}

.bild-left-sbre
{

}

/*****************************************************************************/

/*Formulare*/

.formbutton /* fuer  alle input-felder */
{
background-color:#921602;
font-size:80%;
padding:2px 3px 2px 3px;
text-decoration:none;
font-weight:normal;
color:white!important;
border:1px solid #FFF7DE;
border:1px solid white;
cursor:pointer;
}

p .formbutton, td .formbutton, p .formbutton-link, td .formbutton-link
{font-size:100%;}

.formbutton-link /* a-element */
{
background-color:#921602;
font-size:80%;
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
font-weight:normal;
color:white!important;
text-decoration:none!important;
}

.suchtext
{
background-color:#DCA961;
color:#FFF7DE;
border:1px solid #FFF7DE;
}

.pflichtfelder, .fehler1
{color:#FD9604;}

.fehler
{
	font-weight:bold;
	color:#FF0000;
}

/*****************************************************************************/
/*Medientypen*/

@media print {

*
{
color:black!important;
text-align:left!important;
}


#print-adresse
{
        display:block;
		margin-bottom:20px;
		color:black;
		font-size:80%;
}

#kopf-container,#navoben-container, #logininfo, #titel-container, #links-container, #meta-links, .kundenlogin, #suche, #rechts-container, #unav-textlinks, #fuss
{display:none;}

#aussen-container, #seite-container, #mitte-container
{
margin:0;
padding:0;
float:none;
width:100%;
font-size:100%;
}

#mitte-container
		{
			margin-top:80px;}

	#mitte-container h1
		{
		margin:0;
		padding:0 0 5px 0;
		font-size:100%;
		width:100%;
		position:absolute;
		top:-45px;
		left:0;
		border-bottom:1px solid black;
		}

		#mitte-container h2
		{
		font-size:100%;
		margin:0 0 10px 0;
		padding:0;
		}

		#mitte-container h3
		{

		font-size:100%;
		margin:0;
		padding:0;
		}

		#mitte-container h4
		{
		font-size:100%;
		margin:0;
		padding:0;
		color:black;
}

		#mitte-container p
		{
		margin-left:0;
		margin-right:0;
		}

		#mitte-container table
		{
		margin-left:0;
		margin-right:0;
		}

.detail-table
{
width:100%;
}

.detail-table th
{
	background-color: white;
	border-style:solid;
	border-width:1px;
	border-color:black;
}
}