/* Colors
 * Standard blue: #017DC7
 * Light brown / Gold: #C7A575
 * /

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn,  font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* HTML elements */

body {
	/*line-height: 1.1;*/
	color: black;
	background: #017DC7 url(/images/aob/bg_body.jpg) repeat-x left top;
	text-align: center;
	font: 80%/120% Arial, sans-serif;
}

br.clear {
    clear: both;
    font-size: 1px;
    line-height: 1px;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-weight: bold;
}

#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {
	margin-bottom: 1em;
}

a { color: #017DC7; }
#page p { margin-bottom: 1em;}

p.message {
	padding: 5px 10px 5px 30px;
	margin: 10px 5px;
	border-top: 1px solid #C7A575;
	border-bottom: 1px solid #C7A575;
	background: #FFFDE8 url(/images/aob/information.png) no-repeat 5px 50%;
}

p.message.error {
	background: #FFFDE8 url(/images/aob/error.png) no-repeat 5px 50%;
}

form.standardform button {
	border: 1px solid #017DC7;
	padding: 5px 7px;
	margin-left: 140px;
	margin-top: 20px;
	
}

.rounded2 { -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; }
.rounded3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.rounded4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.rounded10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }

#ie6warning {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color: #FFF000;
	border: 1px solid #000;
	padding: 5px 0px;
	margin: 0px;
}

/* Main structure */

#globalwrapper {
    width: 970px;
    margin: 0px auto;
    text-align: left;
    position: relative;
    padding-top: 30px;
}

#headerwrapper {
	width: 100%;
}

#header {
    position: relative;
    height: 90px;
    width: 100%;
    width: 970px;
    background-color: #FFF;
    margin: 0px auto 0;
	text-align: left;
    padding-top: 30px;
}


#header h1#logo a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -5000px;
}

#header div#headerlinks {
	position: absolute;
	right: 0px;
	top: 0px;
}

#maincontent {
    width: 650px;
    background-color: #FFF;    
    margin-bottom: 20px;
    padding: 20px 300px 20px 20px;
    position: relative;
}

#primary {
min-height: 400px;
}

#maincontent #secondary{
    position: absolute;
    right: 20px;
    top: 20px;
}

#banners {
	width: 970px;
	height: 60px;
	margin-bottom: 80px;
}

#footerwrapper {
    margin-top: 50px;
    width: 100%;
    background: url(/images/aob/bg_footer.jpg) repeat-x left bottom;
}

#footer {
    width: 970px;
    margin: 0px auto;
    text-align: left;
    position: relative;
    height: 100px;
    padding-top: 10px;
    border-top: 1px solid #FFF;
}


/* General */

#header h1#logo {
	background: url(/images/aob/logo_header.gif) no-repeat 50% 50%;
	width: 418px;
	height: 56px;
	margin-top: 0px;
	text-indent: -5000px;
}

#header #sessioninfo {
	position: absolute;
	left: 700px;
	top: 31px;
	width: 249px;
	height:89px;
}

#header form#quicksearchform {
	width: 189px;
	height: 31px;
	margin-bottom: 10px;
}

#header form#quicksearchform input {
	width: 150px;
	height: 15px;
	padding: 7px 3px;
	vertical-align: top;
	border: 1px solid #017DC7;
}

#header form#quicksearchform button {
	height: 31px;
	width: 31px;
	overflow: hidden;
	background: #017DC7 url(/images/aob/icons.png) no-repeat -70px -0px;
	border: none;
	text-indent: -10000px;
	vertical-align: top;
}

#header #sessioninfo div#userinfo {
	position: absolute;
	top: 36px;
}

#header #sessioninfo div#userinfo p{
	/*font-size: 90% !important;*/
}

#header #sessioninfo p.loggedinuser {
	font-weight: bold;
	font-size: 90%
}

#header #sessioninfo p.loggedinuser a {
	color: #000;
	text-decoration: none;
}

.rollingbanner {
    width: 250px;
    height: 250px;
    border: 2px solid #EBDFA3;
    /*background: url(/images/aob/rollingbanner.jpg) no-repeat left top;*/
}



.bannerposition {
	width: 468px;
	height: 60px;
	background-color: #FFF;
	float: left;
	/*text-indent: -10000px;*/
}

.bannerposition:first-child {
	margin-right: 34px;
}

/* ***********
BLOKJE NIEUWE RESTAURANTS FRONTPAGE
************ */
#banner-nieuwe-restaurants {
	background: url(/images/aob/bg_cart.png) 0 0 repeat-x;
	border: 1px solid #FFCC00;
	margin-top: 20px;
	height: 60px;
	width: 250px;
}

#banner-nieuwe-restaurants div {
	display: none;
	padding: 5px;
	font-size: 12px;
	line-height: 140%;
}

#banner-nieuwe-restaurants div a {
	color: #000;
	text-decoration: none;
}

#banner-nieuwe-restaurants div a:hover {
	text-decoration: underline;
}

/* ***********
SERVICELINKS
************ */

div#servicecontent {
	margin-top: 20px;
}

ul#servicelinks  {
	background: url(/images/aob/bg_smartsearch.jpg) 0 -600px repeat-x;
	border: 1px solid #dcdcdc;
	height: 60px;
}

#servicelinks li {
	display: block;
	float: left;
	color: #666;
	width: 160px;
	height: 60px;
	text-align: center;
}

#servicelinks li#servicelinks-vragenantwoorden {
	border-right: 1px solid #dcdcdc;
}

#servicelinks li#servicelinks-privacy {
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #fff;
}

#servicelinks li#servicelinks-aanmelden {
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #fff;
}

#servicelinks li#servicelinks-contact {
	border-left: 1px solid #fff;
}

#servicelinks li a {
	display: block;
	width: 160px;
	height: 40px;
	color: #666;
	font-size: 90%;
	padding-top: 20px;
}

#servicelinks li a:hover {
	color: #017DC7;
	background: url(/images/aob/bg_smartsearch.jpg) 0 -650px repeat-x;
}




p.input_help {
	margin-top: 5px;
	font-size: 60%;
	color: #666;
}

#primary h1 {
	margin-bottom: 20px;
	color: #000;
}

/* Frontpage */

#primary.smartsearch {
	background: #FFF url(/images/aob/bg_smartsearch.jpg) repeat-x left bottom;
	min-height: 212px;
	height: auto;
	_height: 212px;
	padding: 20px;
	border: 1px solid #C7A575;
}

#primary.smartsearch h1 {
	margin: 20px 0px 35px 0px;
	font-size: 180%;
	color: #017DC7;
}

#primary.smartsearch form {
	position: relative;
	left: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
	zoom: 1;
}


#primary.smartsearch input#smartsearch_input{
	height: 20px;
	width: 466px;
	padding: 10px;
	font-size: 16px;
	border: 1px solid #C7A575;
	-moz-box-shadow: 0px 0px 20px #ffd76a;  
	-webkit-box-shadow: 0px 0px 20px #ffd76a;  
	box-shadow: 0px 0px 10px #ffd76a;
	vertical-align: top;
}


#primary.smartsearch button {
	height: 41px;
	width: 112px;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	background: transparent url(/images/aob/button_smartsearch.jpg) no-repeat left top;
	border: none;
	text-indent: -29100000cm;
	vertical-align: top;
}

#primary.smartsearch button span{
	display: none;
}

#primary.smartsearch p.input_help {
	width: 488px;
	height: 25px;
	overflow: hidden;
	text-align: right;
	position: relative;
	font-size: 90%;
}

#primary.smartsearch p.input_help span#smartsearch_example {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 400px;
	text-align: left;

}
#primary.smartsearch p.input_help span#smartsearch_example span#smartsearch_examplelist {
	width: 400px;
}

#primary.smartsearch p.input_help span#smartsearch_example span#smartsearch_examplelist span {
	display: none;
	position: relative;
	width: 400px;
}

#primary.smartsearch p.input_help span#smartsearch_example span#smartsearch_examplelist span#smartsearch_example_first {
	display: block;
}

/* Advanced Searchform */

#advancedsearch {
	display: none;
	width: 100%;
	position: relative;
}

#advancedsearch.visible {
	display: block;
}
.searchresults #advancedsearch {
	background: url(/images/aob/bg_smartsearch.jpg) repeat-x left bottom;
	min-height: 225px;
	height: auto;
	_height: 225px;
	padding: 20px;
	width: 608px;
	border: 1px solid #C7A575;
	margin-bottom: 10px;
}

#advancedsearch a#closeadvanced {
	display: block;
	height: 17px;
	width: 16px;
	background: transparent url(/images/aob/icons.png) no-repeat -52px 1px;
	text-indent: -5000px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 99;
}

.restaurants #advancedsearch a#closeadvanced {
	right: 10px;
	top: 10px;
}

#advancedsearch a#closeadvanced:hover {
	background-position: -52px -15px;
}

#advancedsearch  label.label_important {
	font-size: 20px;
	font-weight: bold;
	color: #017DC7;
	margin-right: 10px;
}


#advancedsearch  label.label_unimportant {
	font-weight: bold;
	font-size: 80%;
	width: 608px;
	height: 20px;
	margin: 20px 0px 5px 0px;
	float: left;
	clear: both;
}


#advancedsearch input#postcode {
	height: 20px;
	width: 225px;
	padding: 10px;
	font-size: 16px;
	border: 1px solid #C7A575;
	-moz-box-shadow: 0px 0px 20px #ffd76a;  
	-webkit-box-shadow: 0px 0px 20px #ffd76a;  
	box-shadow: 0px 0px 10px #ffd76a; 
}

#advancedsearch #subsegments {
	min-height: 200px;
}

#advancedsearch #choose_subsegment,
#advancedsearch input.subsegment_checkbox {
	display: none;
}

#advancedsearch a.subsegment_button {
	display: block;
	float: left;
	width: 140px;
	height: 20px;
	padding: 10px 0px;
	margin: 0px 10px 10px 0px;
	text-align: center;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	background: #FFF url(/images/aob/button_grey.png) no-repeat left top;
}

#advancedsearch a.subsegment_button:hover {
	background: #FFF url(/images/aob/button_grey.png) no-repeat 0 -40px;
}


#advancedsearch a.subsegment_button.active {
	background: #FFF url(/images/aob/button_grey.png) no-repeat 0 -80px;
}

#takeawaydelivery {
	clear: both;
	margin-top: 20px;
	height: 50px;
	width: 608px;
}

#takeawaydelivery a {
	display: block;
	float: left;
	width: 190px;
	height: 20px;
	padding: 10px 0px;
	margin: 0px 10px 10px 0px;
	text-align: center;
	text-decoration: none;
	text-indent: -10000px;
	color: #FFF;
	font-weight: bold;
	background: #FFF url(/images/aob/buttons_blue.gif) no-repeat 0 0;
}


#takeawaydelivery a#adv_search_takeaway {
	background: #FFF url(/images/aob/buttons_blue.gif) no-repeat 0 0;
}

#takeawaydelivery a#adv_search_takeaway:hover {
	background-position: -190px 0px;
}

#takeawaydelivery a#adv_search_delivery {
	background: #FFF url(/images/aob/buttons_blue.gif) no-repeat 0 -40px;
}

#takeawaydelivery a#adv_search_delivery:hover {
	background-position: -190px -40px;
}

#takeawaydelivery a#adv_search_both {
	background: #FFF url(/images/aob/buttons_blue.gif) no-repeat 0 -80px;
}

#takeawaydelivery a#adv_search_both:hover {
	background-position: -190px -80px;
}


#takeawaydelivery select,
input#advanced_q {
	display: none;
}


/*Restaurants (searchresults) */

#primary.restaurants h1 {
	margin-bottom: 20px;
	color: #000;
}

#primary.restaurants a#map_link_allrestaurants {
	float: right;
	font-size:80%;
	font-weight: bold;
	display: block;
	background: #FFF url(/images/aob/globe.png) no-repeat right 50%;
	height:20px;
	padding-right: 25px;
	
}

div#searchterms {
	min-height: 40px;
	font-size: 80%;
}

div#searchterms a#edit_searchterms {
	background-color: #FFF;
	padding: 2px 6px;
	font-weight: bold;
	float: right;
}

div#searchterms  div#searchkeywords_label {
	float: left;
	background-color: #FFF;
	padding: 2px 6px;
}

div#searchterms div{
	float: left;
	background-color: #A7D7FF;
	padding: 2px 5px;
	margin-right: 10px;
}

.searchresults form#searchform {
	/*display: none;*/
}

p.message#noresults {
	margin: 20px 5px 50px 5px;
	line-height: 20px;
	padding:10px 10px 10px 30px;
}

ul#restaurants_list {
	border: 1px solid #017DC7;
	background-color: #DAEBF3;
	padding: 10px;
}

ul#restaurants_list li {
	border: 1px solid #BFD0FF;
	background-color: #FFF;
	padding: 10px;
	padding-left: 140px;
	margin-bottom: 20px;
	position: relative;
	min-height: 130px;
	height: auto;
	_height: 130px;
	line-height: 160%;
	font-size: 90%;
}

div.restaurantdata {
	width: 350px;
	min-height: 100px;
	height: auto;
	_height: 100px;
	margin-bottom: 10px;
}

ul#restaurants_list li h2 {
	font-size: 120%;
	margin-bottom: 1px;
}

.restaurantdata h2 a {
	color: #000;
	text-decoration: none;
}

div.restaurantdata span.does_delivery {
	color: #00b050;
}

div.restaurantdata span.no_delivery {
	color: #f00;
}

div.restaurantdata span.delivery_unknown {
	color: #f00;
}


ul#restaurants_list li h3 {
	font-size: 100%;
	font-weight: bold;
	color: #017DC7;
	margin-bottom: 9px;
}


ul#restaurants_list li .restaurantlogo {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 100px;
	width: 100px;
}

ul#restaurants_list li .restaurantfoto {
	position: absolute;
	bottom: 10px;
	left: 10px;
	height: 100px;
	width: 100px;
	display: none;
}

ul#restaurants_list li a.restaurant_link {
	background-image: url(/images/aob/button_restaurantlink.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	
	display: block;
	height: 25px;
	width: 112px;

	position: absolute;
	top: 10px;
	right: 10px;	
}


ul#restaurants_list li a.restaurant_link:hover {
	background-image: url(/images/aob/button_restaurantlink.jpg);
	background-repeat: no-repeat;
	background-position: 50% -23px;
}

.restaurantmeta {
	position: absolute;
	top: 35px;
	right: 10px;
	width: 98px;
	height: 90px;
	padding: 5px;
	border: 1px solid #BFD0FF;
}

.restaurantmeta .restauranttype {
	height: 36px;
	width: 38px;
}

.restaurantmeta .restauranttype.afhaal {

}
.restaurantmeta .restauranttype.bezorg {
	position: absolute;
	right: 5px;
	top: 5px;
}

.restaurantmeta .restauranttype.afhaal.b,
.restaurantmeta .restauranttype.afhaal.t {
	background-image: url(/images/aob/restauranttype.jpg);
	background-repeat: no-repeat;
	background-position: 0px 50%;
}

.restaurantmeta .restauranttype.bezorg.b,
.restaurantmeta .restauranttype.bezorg.d {
	background-image: url(/images/aob/restauranttype.jpg);
	background-repeat: no-repeat;
	background-position: right 50%;
}

.restaurantmeta .restaurantmeta_distance{
	margin-top: 5px;
	text-align: center;
	font-size: 95%;
}


ul#restaurants_list li .restaurant_extrainfo {
	display: none;
	margin-top: 30px;
	height: 100px;
}


p.pagination {
	height: 20px;
	width: 100%;
	margin-top: 20px;
}

p.pagination span, 
p.pagination strong, 
p.pagination a {
	display: block;
	float: left;
	height: 16px;
	padding: 2px 8px;
	margin-right: 5px;
	border: 1px solid #017DC7;
}

p.pagination strong,
p.pagination a:hover {
	background-color: #DAEBF3;
}

p.pagination a {
	text-decoration: none;
}



/* Restaurant Page */


#primary.restaurants h1 {
	margin-bottom: 20px;
	color: #000;
}

div#restaurant {
	border: 1px solid #017DC7;
	background-color: #DAEBF3;
	padding: 10px;
}

div.restaurantdetails button {
    width: 260px !important;
    max-width: 260px !important;
}

div#restaurantdetails {
	border: 1px solid #BFD0FF;
	background-color: #FFF;
	padding: 10px;
	padding-left: 140px;
	margin-bottom: 20px;
	position: relative;
	min-height: 100px;
	height: auto;
	_height: 100px;
	line-height: 160%;
}

div#restaurantdetails h2 {
	font-size: 120%;
	margin-bottom: 1px;
}

div#restaurantdetails h3 {
	font-size: 100%;
	font-weight: bold;
	color: #017DC7;
	margin-bottom: 9px;
}

#ratingholder {
    position: relative;
}

#ratingoverlay {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 99;
	background: transparent url(/images/aob/transparent.gif) repeat left top;
}


div#restaurantdetails .restaurantlogo {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 100px;
	width: 100px;
}

div#restaurantdetails .restaurantfoto {
	position: absolute;
	bottom: 10px;
	left: 10px;
	height: 100px;
	width: 100px;
}


div#restaurantdetails .restaurantmeta {
	top: 10px;
}

a#map_link {
	background: #FFF url(/images/aob/button-routekaart.gif) no-repeat left top;
	display: block;
	width: 90px;
	height: 20px;
	margin-top: 10px;
	margin-left: 5px;
}

a#map_link span{
	display: none;
}



div#restaurantdetails a.moreinfo {
	display: block;
	position: absolute;
	right: 120px;
	top: 95px;
	
}

div#restaurantdetails .restaurant_extrainfo {
	margin-top: 10px;
	min-height: 120px;
	_height: 120px;
}



/* MENU (Productlist)*/

div#menu {

}

h1#menuheader {
	background: #017DC7;
	color: #FFF;
	height: 16px;
	padding: 7px;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 0px;
}

p#downloadfolder {
	background: #FFD76A url(/images/aob/folder_download.png) no-repeat 5px 50%;
	color: #000;
	height: 16px;
	padding: 7px;
	padding-left: 30px;
	font-size: 120%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 90%;
}

p#openorder{
	background: #FFD76A url(/images/aob/information.png) no-repeat 5px 50%;
	color: #000;
	height: 16px;
	padding: 7px;
	padding-left: 30px;
	font-size: 120%;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 90%;
}

div#menu h2.categorylabel {
	font-size: 110%;
	margin: 20px 0px 0px 10px;
}

div.menulabels {
	float: right;
	width: 195px;
	height: 20px;
	font-size: 80%;
	color: #C6DDEF;
	margin: 20px 0px 0px 10px;
}

div.menulabels span {
	display: block;
	float: left;
}

div.menulabels span.menulabel_orders {
	width: 60px;
}

div.menulabels span.menulabel_price {
	width: 80px;
}

div#menu ul.menucategory li {
	margin-top: 10px;
	min-height: 15px;
	height: auto;
	background-color: #FFF;
	border-bottom: 1px solid #BFD0FF;
	font-size: 89%;
	position: relative;
	zoom: 1;
	clear: both;
	z-index: 10;
}

div#menu ul.menucategory li ul.productadditions {
	position: relative;
	zoom: 1;
	height: auto;
	min-height: 15px;
	clear: both;
}

div#menu ul.menucategory li li {
	min-height: 15px;
	z-index: 99;
}

div#menu ul.menucategory li div{
	border-top: 1px solid #BFD0FF;
	border-left: 1px solid #BFD0FF;
	border-right: 1px solid #BFD0FF;
	min-height: 20px;
	height: auto;
	padding-top: 5px;
}

div#menu ul.menucategory li div.product-orderform {
	display: none;
}

div#menu ul.menucategory li.ordered {
	background-color: #D7FECF;
}

div#menu ul.menucategory li.ordered div{
	border-top: 1px solid #BFD0FF;
	border-left: 1px solid #BFD0FF;
	border-right: 1px solid #BFD0FF;
}

ul#restaurants_list li.dummy, 
div#menu ul.menucategory li.dummy {
    display: none;
    /* Zie speciale rule in afhaalenbezorg_ie7.css */
}

div#menu ul.menucategory li span {
	display: block;
	float: left;
}

div#menu ul.menucategory li span sub span {
	display: inline;
	float: none;
}

div#menu ul.menucategory li span.productname {
	width: 490px;
	margin-left: 10px;
}

div#menu ul.menucategory li span.productname.selectaddition {
	width: 606px;
}

div#menu ul.menucategory li span.productname .productdescription {
	font-size: 11px;
	/*letter-spacing: .05em;*/
	color: #666;
}

.productdescription em {
	font-style: normal;
}

.hovertip {
    position: absolute;
    left: 50px!important;
    top: 30px!important;
    padding: 10px 13px;
    z-index: 1000;
    max-width: 300px;

    color: #303030;
    background-color: #FFF;
    border: 1px solid #BFD0FF;

    font-family: sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}
div#menu ul.menucategory li span.productorders {
	width: 23px;
	margin-right: 17px;
	text-align: right;
}

div#menu ul.menucategory li span.productprice {
	width: 80px;
}

div#menu ul.menucategory li span.productadditions_link {
	width: 14px;
	height: 14px;
	position: absolute;
	right: 10px;
	top: 6px;
}

div#menu ul.menucategory li span.productadditions_link a {
	display: block;
	width: 14px;
	height: 14px;
	background: transparent url(/images/aob/icons.png) no-repeat -25px 1px;
	text-indent: -5000px;
}

div#menu ul.menucategory li span.productadditions_link a:hover {
	background-position: -25px -12px;
}

div#menu ul.menucategory li span.productadditions_link a.active {
	background-position: -38px 1px;
}


div#menu ul.menucategory li span.productadditions_link a.active:hover {
	background-position: -38px -12px;
}


div#menu ul.menucategory li span.product_add,
div#menu ul.menucategory li ul.productadditions li .product-addition-check a {
	width: 14px;
	height: 14px;
	position: absolute;
	right: 10px;
	top: 6px;
}

/*div#menu ul.menucategory li ul.productadditions span.product_add {
	width: 150px;
}*/

div#menu ul.menucategory li span.product_add a {
	display: block;
	width: 14px;
	height: 14px;
	background: transparent url(/images/aob/icons.png) no-repeat -12px 1px;
	text-indent: -5000px;
}

div#menu ul.menucategory li ul.productadditions li .product-addition-check a  {
	display: block;
	width: 14px;
	height: 14px;
	background: transparent url(/images/aob/icons.png) no-repeat -116px 1px;
	text-indent: -5000px;
}

/*div#menu ul.menucategory li ul.productadditions li .product-addition-check a:hover,*/
div#menu ul.menucategory li ul.productadditions li .product-addition-check a.active  {
	background-position: -116px -12px;
}

div#menu ul.menucategory li span.product_add a:hover,
div#menu ul.menucategory li.ordered span.product_add a {
	background-position: -12px -12px;
}


div#menu ul.menucategory li ul.productadditions li span.product_add {
	width: 215px;
	font-weight: bold;
}

div#menu ul.menucategory li ul.productadditions li span.product_add a {
	float: right;
}

div#menu ul.menucategory li.ordered ul.productadditions span.product_add a {
	background-position: -12px 1px;
}

div#menu ul.menucategory li ul.productadditions {
	border-left: 1px solid #BFD0FF;
	border-right: 1px solid #BFD0FF;
	border-top: 1px dashed #CCC;
	margin-bottom: 0px;
	display:none;
	background-color: #FFF;
}

div#menu ul.menucategory li ul.productadditions li {
	border-bottom: none;
	padding-bottom: 8px;
	padding-top: 8px;
	margin-top: 0px;
	position: relative;
}

div#menu ul.menucategory li ul.productadditions input.addition.select,
div#menu ul.menucategory li ul.productadditions input.addition.check {
	display: none;
}

div#menu ul.menucategory li ul.productadditions li strong,
div#menu ul.menucategory li ul.productadditions li a.option-select {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	text-decoration: none;
	color: #000;
}

div#menu ul.menucategory li ul.productadditions li span.productname strong {
	float: none;
}

div#menu ul.menucategory li ul.productadditions li a.option-select {
	border: 1px solid #017DC7;
	padding: 2px;
}

div#menu ul.menucategory li ul.productadditions li a.option-select.selected {
	color: green;
	border: 1px solid green;
	background-color: #D7FECF;
}


/* Zipcode */

div#zipcode {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 230px;
	height: 60px;
	border: 2px solid #EDB94C;
	padding: 10px;
	background: #FFF url(/images/aob/bg_cart.png) repeat-x left top;
}

div.zipcode_statement {
}

div.zipcode_form {
	display: none;
}


/* Cart */

div#cart {
	display: none;
	position: absolute;
	right: 20px;
	top: 0px;
	width: 230px;
	min-height: 300px;
	height: auto;
	_height: 300px;
	background: #FFF url(/images/aob/bg_cart.png) repeat-x left top;
	border: 2px solid #EDB94C;
	padding: 10px;
	-moz-box-shadow: 0px 0px 20px #ffd76a;
	-webkit-box-shadow: 0px 0px 20px #ffd76a;
	box-shadow: 0px 0px 10px #ffd76a;
	z-index: 99;
}

div#cart p.nothingordered {
	margin-top: 90px;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
}

.restaurant #cart {
	display: none;
	position: relative;
	right: 0px;
	top: 0px;
	width: 230px;
	position: fixed;
	top: 170px;
	right: 0px;
}

div#cart_order .address,
div#cart .address {
	height: 80px;
}

div#cart h3 {
	font-size: 120%;
}

div#cart h3 a {
	color: #000;
	text-decoration: none;
}

div#cart_order h3#orderheader,
div#cart h3#orderheader {
	
	padding-bottom: 10px;
	/*margin-bottom: 10px;*/
	border-bottom: 1px solid #CCC;
}

div#cart_order .order,
div#cart .order {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #CCC;
	padding-top: 20px;
}

div#cart_order .order {
	border-top: none;
}

div#cart_order .order table {
	margin: 10px 0px;
}

div#cart_order .order ul,
div#cart .order ul {
	padding-bottom: 10px;
	border-bottom: 1px solid #BBB;
}

div#cart_order .order ul {
	padding-top: 20px;
}


div#cart .order a#clearcart span {
	display: none;
}

div#cart .order a#clearcart {
	position: absolute;
	right: 10px;
	top: 90px;
	display: block;
	height: 17px;
	width: 16px;
	background: transparent url(/images/aob/icons.png) no-repeat -52px 1px;
}

div#cart .order a#clearcart:hover {
	background-position: -52px -16px;
}

div#cart_order .order li,
div#cart .order li {
	font-size: 90%;
	position: relative;
	margin-bottom: 10px;
}

div#cart_order .order li .cart-product-count,
div#cart .order li .cart-product-count {
	display: block;
	float: left;
	width: 20px;
}

div#cart_order .order .cart-product-name,
div#cart .order .cart-product-name {
	display: block;
	/*float: left;*/
	width: 150px;
	/*height: 15px;*/
	font-size: 100%;
	font-weight: bold;
}

div#cart_order .order a#clearproduct span,
div#cart .order a#clearproduct span {
	display: none;
}


div#cart_order .order a#clearproduct,
div#cart .order a#clearproduct {
	/*position: absolute;
	right: 0px;
	top: 0px;*/
	display: block;
	height: 14px;
	width: 13px;
	background: transparent url(/images/aob/icons.png) no-repeat 0px -12px;
}

div#cart_order .order a#clearproduct:hover,
div#cart .order a#clearproduct:hover {
	background-position: 0px 0px;
}


div#cart_order .order li .cart-options,
div#cart .order li .cart-options {
	display: block;
	margin-left: 20px;
}

div#cart_order .order #ordertotal,
div#cart .order #ordertotal {
	padding: 10px 0px;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	font-weight: bold;
}

div#cart_order .order #ordertotal .description,
div#cart_order .deliveryamount .description {
	display: block;
	float: left;
	width: 275px;
}

div#cart .deliveryamount .description {
	display: block;
	float: left;
	width: 172px;
}

div#cart .order #ordertotal .description {
	display: block;
	float: left;
	width: 170px;
}

div#cart_order .order #ordertotal.tax,
div#cart_order .order #ordertotal.deliveryamount {
	font-weight: bold;
	color: #666;
	font-size: 90%;
}

div#cart .deliveryamount {
	margin: 5px 0px 0px 0px;
	color: #666;
	font-size: 80%;
}

div#cart div#cartorder {
	display: block;
	width: 230px;
	height: 40px;
	margin-top: 80px;
}

div#cart a#cartorder_takeaway {
	display: block;
	float: left;
	width: 110px;
	height: 40px;
	background: transparent url(/images/aob/buttons-bestellen-afhalen-110x40.gif) no-repeat -120px 0px;
	margin-right: 10px;
	text-indent: -5000px;
}

div#cart a#cartorder_delivery {
	display: block;
	float: left;
	width: 110px;
	height: 40px;
	background: transparent url(/images/aob/buttons-bestellen-afhalen-110x40.gif) no-repeat 0px 0px;
	text-indent: -5000px;
}

/* Cart Order */

div#cart_order {
	border: 1px solid #017DC7;
	background-color: #DAEBF3;
	padding: 0px 0px 10px 10px;
	margin-bottom: 40px;
}


div#cart .order li {
	font-size: 90%;
	position: relative;
}

div#cart_order li .cart-product-name {
	display: block;
	float: left;
	width: 250px;
}



div.cart_order li .cart-options {
	display: block;
	margin-left: 20px;
}


.cart_order h2 {
	color:#000;
	font-size:140%;
	margin:10px 0 10px;
}

#cart_order .restaurantdetails {
	float: right;
	width: 260px;
	height: 110px;
	padding: 10px;
	background: #FFFFFF url(/images/aob/bg_cart.png) repeat-x left top;
	border-left: 1px solid #017DC7;
}


div#orderform {
	border: 1px solid #017DC7;
	background-color: #DAEBF3;
	padding: 0px 0px 10px 10px;
	margin: 10px 0px 40px 0px;
	
}

h2 span.orderform_loginlink {
	font-size: 80%;
	color: #017DC7;
}


ul#orderdata_summary {
	margin-left: 20px;
}

ul#orderdata_summary li {
	margin-bottom: 10px;
}

/* Cart_Reminder */

div#cart_reminder {
	display: none;
	position: fixed;
	right: 20px;
	top: 0px;
	width: 230px;
	min-height: 120px;
	height: auto;
	_height: 300px;
	background: #FFF url(/images/aob/bg_cart.png) repeat-x left top;
	border: 2px solid #EDB94C;
	padding: 10px;
	-moz-box-shadow: 0px 0px 20px #ffd76a;
	-webkit-box-shadow: 0px 0px 20px #ffd76a;
	box-shadow: 0px 0px 10px #ffd76a;
}

div#cart_reminder p {
	margin-top: 25px;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
}

div#cart_reminder .order #ordertotal {
	margin-top: 20px;
	padding: 10px 0px;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
	font-weight: bold;
}

div#cart_reminder .deliveryamount .description {
	display: block;
	float: left;
	width: 275px;
}

div#cart_reminder .order #ordertotal .description {
	display: block;
	float: left;
	width: 170px;
}

/* Login */

body#login {
background-color:#017DC7;
background-image: none;
}

body#login div#primary {
	margin: 20px;
	padding: 20px;
	text-align: left;
	background-color: #FFF;
	min-height: 0px;
	
}

/* Profile + Edit */

body#login div#primary.profile {
	min-height: 285px;
	height: 285px;
}

div#primary.createprofile h1,
div#primary.profile h1 {
	margin-bottom: 20px;
}

div#primary.profile dt {
	font-weight: bold;
}

div#primary.profile dd {
	margin-bottom: 10px;
}


div#profile,
div#createprofile,
div#editprofile,
div#orderhistory,
div#page {
	border: 1px solid #017DC7;
	background-color: #DAEBF3;
	padding: 10px;
}

div#orderhistory div#cart_order div.order {
}


/* Form elements http://jeffhowden.com/code/css/forms/ */

form.standardform {
  margin: 0;
  padding: 0;
  font-size: 100%;
  min-width: 560px;
  max-width: 620px;
  width: 590px;
}

form.standardform fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form.standardform fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}

label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
  border: 1px solid #017DC7;
}

textarea {
  overflow: auto;
}

form.standardform div {
  clear: left;
  display: block;
  width: 444px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

div#orderform form.standardform div {
	width: 580px;
}

form.standardform fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

form.standardform fieldset div.notes h4 {
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

form.standardform fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form.standardform fieldset div.notes p.last {
  margin: 0em;
}

form.standardform div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form.standardform div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form.standardform div.required fieldset legend {
  font-weight: bold;
}

form.standardform div label {
  display: block;
  float: left;
  width: 220px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form.standardform div.optional label, label.optional {
  font-weight: normal;
}

form.standardform div.required label, label.required {
  font-weight: bold;
}

form.standardform div label.labelCheckbox, form.standardform div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form.standardform div fieldset label.labelCheckbox, form.standardform div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form.standardform div img {
  border: 1px solid #000000;
}
/*
p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}
*/
form.standardform div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form.standardform div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form.standardform div select, form.standardform div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form.standardform div input.inputText, form.standardform div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form.standardform div input.inputFile {
  width: 211px;
}

form.standardform div select.selectOne, form.standardform div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form.standardform div input.inputCheckbox, form.standardform div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form.standardform div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

form.standardform div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form.standardform div input.inputSubmit, form.standardform div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form.standardform div.submit div input.inputSubmit, form.standardform div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form.standardform div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  zoom: 1;
}


body#restaurantmap div {
	text-align: left;
}