* {

	padding: 0px;

	margin: 0px;

	border:0;

	outline: none;

}



body {

	font-family: 'Ubuntu', arial, serif;

	font-size: 12px;

	color: #58585a;

	background-color: #aae74a;

	background-image: url(images/bg.png);

	background-repeat:repeat-x;

}



.clear {

	clear: both;

}



.png {

	behavior: url(iepngfix.htc);

}



#container {

	width: 974px;

	margin:auto;

	position: relative;

}



#header {

	width: 974px;

	height: 113px;

	position: relative;

}



#navi {

	position: relative;

	background-image:url(images/menu_bg.png);

	height: 64px;

	width: 876px;

}



#content {

	width: 904px;

	position: relative;

	background-color:#FFF;

	padding-bottom: 30px;
	
	/*

    -webkit-box-shadow: 0px 12px 16px #666;

    -moz-box-shadow: 0px 12px 16px #666;	

    box-shadow: 0px 15px 16px #666;
	
	*/

    border:solid 1px #FFF;

	border-top: 0px;

    -moz-border-radius-topleft: 0px;

    -moz-border-radius-topright:0px;

    -moz-border-radius-bottomleft:5px;

    -moz-border-radius-bottomright:5px;

    -webkit-border-top-left-radius:0px;

    -webkit-border-top-right-radius:0px;

    -webkit-border-bottom-left-radius:5px;

    -webkit-border-bottom-right-radius:5px;

    border-top-left-radius:0px;

    border-top-right-radius:0px;

    border-bottom-left-radius:5px;

    border-bottom-right-radius:5px;

	padding-left: 50px;

	padding-right: 20px;

	line-height: 16px;
}





#footer {

	height: 79px;

	position: relative;

	margin-top: 0px;

	font-size: 11px;

	margin-bottom: 40px;

}



a {

	color: #0078BE;

	text-decoration: none;

	font-weight: bold;

}



a:hover {

	text-decoration: underline;

	font-weight: bold;

}



p {

	margin-bottom: 10px;

}



.headline_grey {

	font-size: 20px;

	color: #58585a;

	font-weight: normal;
	
	line-height: 32px;

}



.headline_blue {

	font-size: 40px;

	color: #0078be;	

	font-weight: bold;
	
	line-height: 40px;

}



/* ################################## Header ################################# */



#logo {

	position: absolute;

	left: 0px;

	top: 13px;

	width: 300px;

	height: 100px;

}



#werbebanner {

	position: absolute;

	top: 26px;

	left: 316px;

	width: 468px;

	height: 60px;
}



#lang_container {

	position: absolute;

	top: 35px;

	left: 821px;

	z-index: 9999;

}



#lang_container span.grey {

	font-size: 12px;

	font-weight: bold;

	color: #58585a;	

	text-transform: uppercase;

}



#lang_container span.blue {

	font-size: 12px;

	color: #0078be;	

	text-transform: uppercase;

	font-weight: normal;

}



#lang_container ul {

	list-style-type: none;

	float: left;

	margin-right: 5px;

	width: 100px;

}



#lang_container ul li a {

	color: #585858;

	text-decoration: none;

	font-size: 10px;

	font-weight: normal;

}

#lang_container ul li a:hover {

	font-weight: bold;

}



#lang_container ul li img {

	position: relative;

	top: 3px;

	margin-right: 5px;

}



#lang_container .show {

	display: block;

}



#lang_container .hide {

	display: none;

}



#lang_arrow {

	float: left;

	cursor: pointer;

	margin-top: 8px;

}



/* ################################## Navi ################################# */



#navi ul {

	position: relative;

	left: 20px;

	top: 22px;

	list-style-type: none;

	font-size: 12px;

}



#navi ul li {

	float: left;

	margin-right: 30px;	

}



#navi ul li a {

	text-decoration: none;

	border-bottom: 1px solid #eeeeee;

	color: #58585a;

	font-weight: normal;
	
	height: 29px;
	
	display: block;

}



#navi ul li a.active {

	text-decoration: none;

	border-bottom: 1px solid #0078be;

	color: #0078be;

	/* padding-bottom: 13px; */

	/* font-weight: bold; */

}



#navi ul li a:hover {

	text-decoration: none;

	border-bottom: 1px solid #0078be;

	/* padding-bottom: 14px; */

}



/* ################################## Inhalt ################################# */



#search_container {

	position: relative;

	width: 513px;

	left: 20px;	

	padding-top: 30px;

	float: left;

}



.searchbox {

	background-image: url(images/searchbox.png);

	width: 214px;

	height: 29px;

	color: #58585a;

	padding-left: 10px;

	font-size: 10px;

	float: left;

	margin-right: 10px;

}



#searchresult {

	width: 283px;

	height: 133px;

	position: absolute;

	top: 150px;

	background-image: url(images/searchresult.png);

	background-repeat: no-repeat;

	z-index: 2;

	padding-top: 20px;

	padding-left: 20px;

	color: #FFF;

}



#searchresult a {

	color: #FFF;

	text-decoration: none;

}



#searchresult a:hover {

	text-decoration: underline;

}



#searchresult ul, #distance-box ul {

	list-style-type: none;

}



#searchresult ul li {

	cursor: pointer;

}



#searchresult-close {

	position: absolute;

	top: 15px;

	left: 275px;

	cursor: pointer;

}



#distance-field {

	background-image: url(images/distance.png);

	width: 56px;

	height: 21px;

	float: left;

	font-size: 10px;

	text-align: center;

	padding-top: 8px;

}



#distance-arrow {

	background-image: url(images/distance_arrow.png);

	width: 28px;

	height: 29px;

	float: left;

	margin-right: 10px;

	cursor: pointer;

}





#distance-box {

	width: 81px;

	height: 133px;

	position: absolute;

	top: 150px;

	left: 240px;

	z-index: 999;

	padding-bottom: 15px;

	padding-top: 20px;

	padding-left: 20px;

	background-image: url(images/umkreis.png);

	background-repeat: no-repeat;

	display: none;

	line-height: 14px;

}



#distance-box a {

	color: #FFF;

	text-decoration: none;
	
	font-weight: normal;

}



#distance-box a:hover {

	text-decoration: underline;

}



#lupe {

	position: absolute;

	top: 23px;

	left: 165px;

}



.submit_search {

	background-image: url(images/searchbutton.png);

	width: 67px;

	height: 29px;

	float: left;

	color: #FFF;

	cursor: pointer;

}



#fastfoodland {

	position: relative;

	margin-top: 25px;

	list-style-type: none;

}



#fastfoodland li {

	float: left;

	margin-right: 7px;

}



#restaurant_container {

	position: relative;

	left: 20px;	

	padding-top: 30px;	

	width: 348px;

	float: left;

}



#nubblelist {

	position: relative;

	list-style-type: none;

	width: 320px;

	font-size: 10px;

}



#nubblelist img {

	position: relative;

	top: 3px;

	margin-right: 5px;

}



#nubblelist .one {

	float: left;

	margin-right: 20px;

	width: 40%;

}



#nubblelist .two {

	float: left;

}



#nubblelist a {

	text-decoration: none;

	color: #585858;

	font-weight: normal;

}



#nubblelist a:hover {

	font-weight: bold;

}



.nubbles_one,

.nubbles_two,

.nubbles_three,

.nubbles_four {

	display: none;

}





#nubblechoice {

	position: relative;

	margin-top: 12px;

	list-style-type: none;

	height: 35px;	

	padding-bottom: 5px;

}



#nubblechoice li {

	background-color: #f1f1f1;

	color: #58585a;

	float: left;

	text-align: center;

	padding: 10px;

	border: 1px solid #d3d3d3;

	border-bottom: 0px;

	border-right: 0px;	

	cursor: pointer;

}



#nubblechoice li.active {

	background-color: #0069a9;

	color: #FFF;

	border-color: #0067a6;

}



#nubblechoice li.first {

    -moz-border-radius-topleft: 5px;

    -moz-border-radius-topright:0px;

    -moz-border-radius-bottomleft:5px;

    -moz-border-radius-bottomright:0px;

    -webkit-border-top-left-radius:5px;

    -webkit-border-top-right-radius:0px;

    -webkit-border-bottom-left-radius:5px;

    -webkit-border-bottom-right-radius:0px;

    border-top-left-radius:5px;

    border-top-right-radius:0px;

    border-bottom-left-radius:5px;

    border-bottom-right-radius:0px;

}



#nubblechoice li.last {

	border-right: 1px solid #d3d3d3;

    -moz-border-radius-topleft: 0px;

    -moz-border-radius-topright:5px;

    -moz-border-radius-bottomleft:0px;

    -moz-border-radius-bottomright:5px;

    -webkit-border-top-left-radius:0px;

    -webkit-border-top-right-radius:5px;

    -webkit-border-bottom-left-radius:0px;

    -webkit-border-bottom-right-radius:5px;

    border-top-left-radius:0px;

    border-top-right-radius:5px;

    border-bottom-left-radius:0px;

    border-bottom-right-radius:5px;

}





.homebox {

	width: 275px;

	margin-right: 10px;

	float: left;

}



#socialmedia, #links {

	list-style-type: none;

	margin-left: 20px;

}



.homebox li, #spalte-rechts li {

	margin-bottom: 10px;

}



#socialmedia img {

	position: relative;

	top: 3px;

	margin-right: 5px;

}



.homebox a, #spalte-rechts a {

	color: #58585a;

	text-decoration: none;

	font-weight: normal;

}



.homebox a:hover, #spalte-rechts a:hover {

	color: #58585a;

	text-decoration: underline;

}



.homebox h1, #spalte-rechts h1 {

	text-transform: uppercase;

	margin-left: 20px;

}



.homebox p {

	line-height: 20px;

	margin-left: 20px;

}



#spalte-rechts p {

	line-height: 20px;

	margin-left: 20px;

	width: 240px;

}





span.grey {

	font-size: 12px;

	color: #58585a;	

	font-weight: bold;

}



span.blue {

	font-size: 12px;

	color: #0078be;

	font-weight: normal;

}



/* ################################## Footer ################################# */



#copyright2 {

	position: absolute;

	left: 40px;

	top: 20px;

}



#footer a {

	color: #343434;

	text-decoration: none;

	margin-right: 10px;

}



#footer a:hover {

	text-decoration: underline;

}





/* ################################## Tabelle ################################# */



.tableheader {

	background-image: url('images/tableheader.png');

	background-repeat:repeat-x;

	width: 500px;

	height: 27px;

	overflow: hidden;

}



.tableheader td {

	padding-left: 3px;

	padding-top: 5px;

	font-size: 11px;

	font-weight: bold;

	color: #292929;

}



.alpha {

	font-size: 11px;

	color: #292929;

	background-repeat: no-repeat;

	background-position:bottom;

	padding: 5px 2px 5px 2px;

	cursor: pointer;

	vertical-align: top;
}



.beta {

	font-size: 11px;

	color: #292929;
	
	background-color: #DFDFDF;

	background-repeat: no-repeat;	

	background-position:bottom;	

	padding: 5px 2px 5px 2px;

	cursor: pointer;	
	
	vertical-align: top;	

}



.gold {

	font-size: 11px;

	color: #292929;

	background-color: #cbcb00;

	min-height: 29px;

	height: auto !important;

	height: 29px;

	padding: 5px 0px 5px 0px;

	cursor: pointer;	

	border-bottom: 1px dotted #000;

}









#spalte-links {

	float: left;

	width: 585px;

	padding-left: 20px;

	margin-top: 10px;

}



#spalte-rechts {

	float: left;

	position: relative;

	width: 290px;

	margin-top: -42px;

	z-index: 999;

}



.normalheadline_blue16 {

	font-size: 16px;

	color: #0078be;

	font-weight: normal;
	
	margin-bottom: 5px;

}



.normalheadline_blue24 {

	font-size: 24px;

	color: #0078be;	

	font-weight: bold;

	margin-bottom: 20px;
	
	line-height: 24px;

}



.pagination {

	width: 19px;

	position: relative;

	background-color:#fdfdfd;

	border-color: #d3d3d3;

	text-align: center;

    -moz-border-radius-topleft: 4px;

    -moz-border-radius-topright:4px;

    -moz-border-radius-bottomleft:4px;

    -moz-border-radius-bottomright:4px;

    -webkit-border-top-left-radius:4px;

    -webkit-border-top-right-radius:4px;

    -webkit-border-bottom-left-radius:4px;

    -webkit-border-bottom-right-radius:4px;

    border-top-left-radius:4px;

    border-top-right-radius:4px;

    border-bottom-left-radius:4px;

    border-bottom-right-radius:4px;

	float: left;

	margin-right: 5px;

}



.pagination a {

	color: #58585a;

	text-decoration: none:

}



.activepage {

	background-color: #006aa9;

}



.activepage a {

	color: #FFF !important;

}



#feature_home {

	background-color: #e9f9d1;

	color: #000;

	border: 1px dotted #000;

	padding: 5px;

	width: 90%;

	margin-bottom: 5px;

	-moz-border-radius:2px;

	-khtml-border-radius:2px;

	margin-bottom: 10px;

}

#leftbar {
	width: 360px;
	float: left;
}

#rightbar {
	float: left;
	width: 210px;
	margin-left: 14px;
}



/* ################################## Provider ################################# */



.mapchange {

	list-style-type: none;

}



.mapchange li {

	float: left;

}



.provider a {

	font-weight: normal !important;

}



.provider_active a {

	font-weight:bold !important;

	font-size: 13px;

}


/* ################################## Sonstiges ################################# */

.textfeld, select.auswahl {
	border: 1px solid #000000;
	margin-bottom: 15px;
	font-family: Ubuntu;
	font-size: 11px;
	padding: 5px;
	outline: none;
}

.textfeld:focus, select.auswahl:focus {
	background-color: #f3f3f3;
	border:1px solid #000;
}

.submit {
	background-color: #f3f3f3;
	border:1px solid #000;
	font-family: Ubuntu;
	font-size: 11px;
	padding: 2px;
}

.foodfindr_features {
	margin-left: 40px;
}

code {
	color: #4B8A08;
	font-size: 9px;
	margin-left: 20px;
}

code ul {
	margin-left: 20px;	
}

.sprite-backfactory{ background-position: 0 0; width: 26px; height: 26px; } 
.sprite-backwerk{ background-position: 0 -36px; width: 26px; height: 26px; } 
.sprite-bagelbrothers{ background-position: 0 -72px; width: 26px; height: 26px; } 
.sprite-balzac{ background-position: 0 -108px; width: 26px; height: 26px; } 
.sprite-burgerking{ background-position: 0 -144px; width: 24px; height: 24px; } 
.sprite-cafetiero{ background-position: 0 -178px; width: 26px; height: 26px; } 
.sprite-ditsch{ background-position: 0 -214px; width: 26px; height: 26px; } 
.sprite-doener{ background-position: 0 -250px; width: 26px; height: 26px; } 
.sprite-dominos{ background-position: 0 -286px; width: 26px; height: 26px; } 
.sprite-dunkindonuts{ background-position: 0 -322px; width: 26px; height: 26px; } 
.sprite-hallopizza{ background-position: 0 -358px; width: 26px; height: 26px; } 
.sprite-hooters{ background-position: 0 -394px; width: 26px; height: 26px; } 
.sprite-ikea{ background-position: 0 -430px; width: 26px; height: 26px; } 
.sprite-joeyspizza{ background-position: 0 -466px; width: 26px; height: 26px; } 
.sprite-kfc{ background-position: 0 -502px; width: 24px; height: 24px; } 
.sprite-kochloeffel{ background-position: 0 -536px; width: 26px; height: 26px; } 
.sprite-lecrobag{ background-position: 0 -572px; width: 26px; height: 26px; } 
.sprite-maredo{ background-position: 0 -608px; width: 26px; height: 26px; } 
.sprite-mcdonalds{ background-position: 0 -644px; width: 24px; height: 24px; } 
.sprite-mrbaker{ background-position: 0 -678px; width: 26px; height: 26px; } 
.sprite-nordsee{ background-position: 0 -714px; width: 24px; height: 24px; } 
.sprite-pizzahut{ background-position: 0 -748px; width: 24px; height: 24px; } 
.sprite-sausalitos{ background-position: 0 -782px; width: 26px; height: 26px; } 
.sprite-schnitzelhaus{ background-position: 0 -818px; width: 26px; height: 26px; } 
.sprite-schweinske{ background-position: 0 -854px; width: 26px; height: 26px; } 
.sprite-starbucks{ background-position: 0 -890px; width: 26px; height: 26px; } 
.sprite-subway{ background-position: 0 -926px; width: 24px; height: 24px; } 
.sprite-vapiano{ background-position: 0 -960px; width: 26px; height: 26px; } 
.sprite-wagamama{ background-position: 0 -996px; width: 26px; height: 26px; } 
.sprite-wienerwald{ background-position: 0 -1032px; width: 26px; height: 26px; } 
.sprite-woyton{ background-position: 0 -1068px; width: 26px; height: 26px; } 

#nubblelist li {
   background: url(images/nubbles/nubbles.png) no-repeat top left;
}

