@charset "UTF-8";
/* css file for http://www.berliner-kaffeeroesterei.de/shop/ */
/* http://floele.flyspray.org/csstidy/css_optimiser.php */

/****************
* categoriesBox *
****************/

#categories ul
{
	margin-left: 0;
}

#categories li
{
	padding-left: 9px;
	line-height: 21px;
	background: url(../images/categories/button0.gif) no-repeat;
	list-style: none;
	color: #FFF; /* colored like a link */
}

#categories a
{
	font-size: 12px;
	line-height: 21px;
}

#categories a:link,
#categories a:visited	{color: #FFF; text-decoration: none;}
#categories a:hover,
#categories a:active,
#categories a:focus		{color: #FC9; text-decoration: underline;}

#categories .active
{
	font-weight: bold;
}

#categories ul ul
{
	margin-left: -9px;
}

#categories ul ul a:link,
#categories ul ul a:visited	{color: #653000;}
#categories ul ul a:hover,
#categories ul ul a:active,
#categories ul ul a:focus		{color: #000; text-decoration: none;}

#categories li li
{
	list-style: inside url(../images/categories/list_item_trans.gif);
	background: url(../images/categories/button1.gif) no-repeat;
}

#categories li li.parent
{
	list-style: inside url(../images/categories/list_arrow_right.gif);
}

#categories li li li
{
	background: url(../images/categories/button2.gif) no-repeat;
}

#categories li li li li
{
	background: url(../images/categories/button3.gif) no-repeat;
}

#categories li li li li li
{
	background: url(../images/categories/button4.gif) no-repeat;
}



/*************
* paymentBox *
*************/

#paymentBox ul
{
	list-style: none;
}

#paymentBox li
{
	margin: 5px 0;
	text-align: center;
}



/**********************
* veranstaltungen.php *
**********************/

#informationBox ul,
#newsBox ul
{
	list-style-type: none;
}



/**************
* whatsNewBox *
**************/

#whatsNewBox marquee
{
	text-align: center;
}

#whatsNewBox ul
{
	list-style: none;
}

#whatsNewBox li
{
	padding: 5px 0;
	border-top: 1px solid #633000;
	border-bottom: 1px solid #633000;
}



/*****************
* contact_us.php *
*****************/

#form-contact
{
	margin-top: 10px;
}

	#form-contact label
	{
		float: left;
		width: 25%;
	}

	#form-contact fieldset input[type=text],
	#form-contact select
	{
		width: 75%;
	}

	#form-contact #anrede
	{
		width: 100px;
	}

	#form-contact .commercial
	{
		display: none;
	}



/******************
* fotogalerie.php *
******************/

#photo-gallery
{
	border-spacing: 3px;
	background: #000;
}

#photo-gallery td
{
	vertical-align: top;
}



/***************
* catering.php *
***************/

#form-catering
{
	margin-left: 10px;
	width: 325px;
	float: right;
}

	#form-catering #anrede
	{
		width: 100px;
	}



/**********************
* firmenpraesente.php *
**********************/

#form-firmenpraesente
{
	margin-left: 10px;
	width: 325px;
	float: right;
	background: #F4A460 url('../images/firmenpraesente/background.jpg') center no-repeat;
}

	#form-firmenpraesente #anrede
	{
		width: 100px;
	}

	#form-firmenpraesente #anteil_kaffee,
	#form-firmenpraesente #anteil_tee,
	#form-firmenpraesente #anteil_schokolade
	{
		width: 75px;
	}


/**********
* bkr.php *
***********/

#bkr-introduction
{
	margin: 10px auto;
	width: 700px;
	height: 579px;
	border: 1px solid #6F3700;
	background: url('../images/cafe_laden/uhland.jpg');
	position: relative;
}

#bkr-introduction p
{
	margin: 13px 5px;
	padding: 5px;
	border: 1px solid #6F3700;
	background: #FC9;
}

#bkr-cafe
{
	position: absolute;
	left: 30px;
	top: 290px;
	width: 91px;
	height: 39px;
	background: url('../images/cafe_laden/cafe.gif');
}

#bkr-cafe:hover
{
	left: 27px;
	top: 287px;
	width: 157px;
	height: 239px;
	background: url('../images/cafe_laden/cafe-hover.gif');
}

#bkr-laden
{
	position: absolute;
	right: 30px;
	top: 290px;
	width: 128px;
	height: 39px;
	background: url('../images/cafe_laden/laden.gif');
}

#bkr-laden:hover
{
	right: 27px;
	top: 287px;
	width: 254px;
	height: 174px;
	background: url('../images/cafe_laden/laden-hover.gif');
}

#bkr-opening-hours
{
	border: 1px solid #6F3700;
	background: #FC9;
}

	#bkr-opening-hours td
	{
		padding: 0 5px;
	}

/***********
* cafe.php *
***********/

#cafe-gallery
{
	margin-left: 10px;
	float: right;
}

	#cafe-gallery img
	{
		margin: 10px;
		display: block;
	}



/***************
* feedback.php *
***************/

#form-feedback
{
	margin-top: 10px;
}



/*******************
* reservierung.php *
*******************/

#gallery-reservierung
{
	margin-left: 10px;
	float: right;
}

	#gallery-reservierung img
	{
		display: block;
		margin: 10px;
	}

#form-reservierung
{
	overflow: hidden;
}

	#form-reservierung label
	{
		float: left;
		width: 43%;
	}

	#form-reservierung fieldset input[type=text],
	#form-reservierung select
	{
		width: 57%;
	}

	#form-reservierung #anrede
	{
		width: 100px;
	}

	#form-reservierung .commercial
	{
		display: none;
	}



/***************
* feedback.php *
***************/

#form-feedback label
{
	width: 40%;
	float: left;
}

#form-feedback select
{
	width: 60%;
}



/**********************
* veranstaltungen.php *
**********************/

#form-veranstaltungen-mailinglist
{
	margin-top: 10px;
}