@charset "UTF-8";

html, body {
	margin:					0px;
	padding:				0px;
	height:					100%;
}

body {
	background:				#FFFFFF;
}

html, body, td, div, input, textarea {
	font:					12px/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:					#222222;
}

a, a:hover {
	text-decoration:		none;
	color:					#BC1419;
	outline:				0px;
}

em {
	display:				block;
	padding-left:			6px;
	color:					#BC1419;
	border-left:			3px solid #CCCCCC;
}

#content.short p, #content.short i, #content.short em {
	width:					480px;
}

h1, h2, h3, h4 {
	font-weight:			normal;
	color:					#999999;
}

h1 {
	margin-bottom:			3px;
	font-size:				20px;
	line-height:			22px;
}

h2 {
	font-size:				16px;
	margin-bottom:			2px;
}

h3 {
	margin-top:				45px;
}

h4 {
	margin-top:				30px;
	font-style:				italic;
	font-size:				14px;
}

td {
	vertical-align:			top;
}

form {
	margin:					0px;
}

#root {
	min-height: 			100%;
	height: 				auto !important;
	height: 				100%;
	margin: 				0px auto -98px auto;
	background:				#FFFFFF url(../gfx/content_bg.jpg) right 95px no-repeat;
}

#root.big {
	margin: 				0px auto -138px auto;
}

#top {
	position:				relative;
	height:					67px;
	background:				#DCDCDC url(../gfx/top_coffee.jpg) repeat-x;
}

#navigation {
	position:				relative;
	padding-left:			120px;
	height:					28px;
	line-height:			28px;
	background-color:		#BC1419;
	z-index:				19;
}

#navigation a, #navigation a:hover {
	color:					#FFFFFF;
}

#logo {
	position:				absolute;
	left:					50%;
	top:					4px;
	margin-left:			214px;
	z-index:				99;
}

#dummy {
	position:				absolute;
	left:					50%;
	top:					0px;
	margin-left:			-900px;
	z-index:				20;
}

#kaffeetasse {
	position:				absolute;
	left:					50%;
	top:					100px;
	margin-left:			-480px;
	width:					370px;
	height:					593px;
	background:				url(../gfx/rauchende_kaffeetasse.jpg);
	z-index:				10;
}

#kaffeetasse.barista {
	position:				absolute;
	left:					50%;
	top:					100px;
	margin-left:			-480px;
	width:					370px;
	height:					593px;
	background:				url(../gfx/rauchende_kaffeetasse_barista.jpg);
	z-index:				10;
}

#content {
	position:				relative;
	margin:					50px auto;
	padding-left:			200px;
	width:					780px;
}

#content.dummy {
	height:					560px;
}

#content.barista {
	height:					730px;
}

#index_content {
	position:				absolute;
	left:					50%;
	top:					150px;
	margin-left:			-210px;
	width:					650px;
	z-index:				11;
}

#sidebar {
	float:					right;
	width:					210px;
}

#sidebar h1, h1.subline {
	font-size:				10px;
	line-height:			14px;
	margin-bottom:			7px;
	margin-top:				2px;
	padding-bottom:			7px;
	border-bottom:			1px solid #CCCCCC;
}

h1.subline {
	border-bottom:			none;
}

#sidebar span {
	display:				block;
	height:					380px;
}

#sidebar ul {
	margin-top:				0px;
	padding-top:			0px;
	padding-left:			20px;
	font-size:				12px;
	font-weight:			bold;
}

.a_right {
	float:					right;
	margin-left:			15px;
}

.a_left {
	float:					right;
	margin-right:			15px;
}

#dock {
	margin:					30px 0px 30px 0px;
}

p.bigger {
	margin:					30px 0px 30px 0px;
}

form {
	margin:					15px 0px 15px 0px;
}

ul.no_padding {
	padding-left:			20px;
	padding-top:			0px;
	margin-top:				5px;
	margin-bottom:			7px;
}

table.config {
	padding:				5px 10px 5px 10px;
	background:				#FBFBFB;
	border:					1px solid #E9E9E9;
	width:					480px;
}

table.config td hr {
	color:					#E9E9E9;
	background:				#E9E9E9;
	border:					0px;
}

.jqDockLabelText {
	padding:				2px 5px 3px 5px;
	font:					normal 11px/13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background:				url(../gfx/bg_dock.png) repeat;
	color:					#FFFFFF;
	-moz-border-radius: 	3px;
	-khtml-border-radius: 	3px;
	-webkit-border-radius: 	3px;
}

table tr.tab_head td {
	color:					#666666;
	font-size:				10px;
	background:				#E9E9E9;
	width:					80px;
	vertical-align:			middle;
	text-align:				center;
	line-height:			12px;
	font-weight:			bold;
	padding:				3px 0px 3px 0px;
}

table tr.tab_content td {
	color:					#666666;
	font-size:				12px;
	background:				#FBFBFB;
	border-left:			1px solid #E9E9E9;
	border-bottom:			1px solid #E9E9E9;
	width:					78px;
	vertical-align:			middle;
	text-align:				center;
	line-height:			16px;
	padding:				3px 0px 3px 0px;
}

table tr.tab_content td.tab_head_2 {
	background:				#E9E9E9;
}

table tr.tab_count_pet td {
	color:					#666666;
	font-size:				10px;
	background:				#FBFBFB;
	border-left:			1px solid #E9E9E9;
	border-bottom:			1px solid #E9E9E9;
	vertical-align:			middle;
	text-align:				center;
	line-height:			16px;
	padding:				3px 0px 3px 0px;
}

table tr.tab_count_snack td {
	color:					#666666;
	font-size:				10px;
	background:				#E9E9E9;
	border-left:			1px solid #FBFBFB;
	border-bottom:			1px solid #FBFBFB;
	vertical-align:			middle;
	text-align:				center;
	line-height:			16px;
	padding:				3px 0px 3px 0px;
	width:					35px;
}

table.tab_legende {
	margin-top:				5px;
}

table.tab_legende td {
	font-size:				10px;
	color:					#666666;
	line-height:			12px;
}

table.tab_legende td.dark {
	width:					10px;
	background:				#E9E9E9;
	border:					1px solid #E9E9E9;
}

table.tab_legende td.light {
	width:					10px;
	background:				#FBFBFB;
	border:					1px solid #E9E9E9;
}

table tr.tab_content td.last {
	border-right:			1px solid #E9E9E9;
}

#push {
	height: 				98px;
	clear: 					both;
}

#push.big {
	height: 				138px;
}

td.contact {
	padding:				10px;
	width:					360px;
	background:				#FBFBFB;
	border:					1px solid #E9E9E9;
}

div#callback {
	float:					right;
	margin-top:				50px;
	margin-left:			20px;
	margin-bottom:			20px;
	padding:				10px;
	width:					360px;
	background:				#FBFBFB;
	border:					1px solid #E9E9E9;
}

form#contact input, form#contact textarea {
	display:				block;
	padding:				4px;
	width:					354px;
	color:					#999999;
	font-size:				14px;
	background:				#FFFFFF;
	border:					1px dotted #999999;
}

form#contact textarea {
	height:					100px;
}

form#contact select {
	display:				block;
	width:					200px;
	padding-top:			4px;
	background:				#FFFFFF;
	border:					1px dotted #999999;
}

form#contact input.mail {
	padding:				4px 4px 4px 25px;
	background:				#FFFFFF url(../gfx/ico_mail.gif) no-repeat 5px 5px;
	width:					333px;
}

form#contact input.fon {
	padding:				4px 4px 4px 25px;
	background:				#FFFFFF url(../gfx/ico_fon.gif) no-repeat 5px 5px;
	width:					333px;
}

form#contact span {
	display:				block;
	margin:					1px 0px 8px 0px;
	font-size:				11px;
}

.contact_pic {
	border: 				1px dotted #999999; 
	float: 					left; 
	margin-right: 			15px;
}

span.spacer {
	display:				block;
	clear:					both;
	height:					25px;
}

span.spacer.dotted {
	clear:					none;
	height:					1px;
	border-top:				1px dotted #999999;
	margin:					8px 0px 8px 0px;
}

#footer {
	position:				relative;
	clear: 					both;
	background:				#BC1419 url(../gfx/footer_bg.png) repeat-x;
	height:					98px;
	z-index:				20;
}

#footer div {
	margin:					0px auto;
	padding:				12px 0px 0px 0px; /* evtl. right 130px?*/
	width:					980px;
}

#footer div span {
	display:				block;
	float:					left;
	padding:				0px 0px 0px 50px;
	font-size:				11px;
	line-height:			13px;
}

#footer div span strong {
	display:				block;
	margin:					0px 0px 5px 0px;
}

#footer div span, #footer div span a, #footer div span a:hover {
	color:					#FFFFFF;
}

#footer a, #footer a:hover {
	color:					#FFFFFF;
	background-color:		transparent;
}

#footer.big {
	position:				relative;
	clear: 					both;
	padding-top:			0px;
	background:				#FFFFFF url(../gfx/footer_bg.png) bottom repeat-x;
	height:					138px;
	z-index:				20;
}

#like_frame {
	margin:					0px 0px 7px 0px;
	width:					176px;
	height:					21px;
	border:					0px;
	overflow:				hidden;
}

.tooltip {
	display:				none;
	background:				transparent url(../gfx/black_arrow.png);
	font-size:				12px;
	height:					102px;
	width:					185px;
	padding: 				18px 0px 0px 25px;
	color:					#fff;	
	font-size: 				11px;
	line-height: 			14px;
}

.tooltip a {
	color:					#FFFFFF;
	text-decoration:		underline;
}

.tooltip.bottom {
	background: 			url(../gfx/black_arrow_bottom.png);
	padding-top:			34px;
	height:					86px;
}

.tooltip.bottom {
	background:				url(../gfx/black_arrow_bottom.png);
}

#germany {
	position:				relative;
	float: 					right; 
	width:					380px;
	height:					507px;
	margin-left: 			20px; 
	margin-bottom: 			20px;
	background:				url(../gfx/deutschland_karte.gif) no-repeat;
}

#notdienst {
	width:					238px;
	height:					238px;
	background:				url(../gfx/notdienst.jpg) no-repeat;
}

#bigf {
	width:					980px;
	margin:					0px auto;
	text-align:				center;
	font-size: 				16px; 
	height:					28px;
	color: 					#BC1419; 
	font-style: 			italic;
}

#bigf a, #bigf a:hover {
	color: 					#BC1419;
}