@charset "utf-8";
/* CSS Document */

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

body#site{
	background-image:url(../images/sitebg_color.png);
	text-align:center;
	font-size:11px;
	font-family:Georgia;
	font-weight:lighter;
	cursor:default;
	color:#4c4c4c;
	position:relative;
	text-shadow: 0 0 0 #000;
}

#sitebg_left{
	background-image:url(../images/sitebg_left.png);
	background-repeat:repeat-x;
	width:50%;
	height:602px;
	position:absolute;
	left:0;
	z-index:10;
}

#sitebg_right{
	background-image:url(../images/sitebg_right.png);
	background-repeat:repeat-x;
	width:50%;
	height:602px;
	position:absolute;
	right:0;
	z-index:10;
}





body#site2{
	background-image:url(../images/sitebg_color.png);
	text-align:center;
	font-size:11px;
	font-family:Georgia;
	font-weight:lighter;
	cursor:default;
	color:#4c4c4c;
	position:relative;
	text-shadow: 0 0 0 #000;
}

#sitebg_left2{
	background-image:url(../images/sitebg_left2.png);
	background-repeat:repeat-x;
	width:50%;
	height:602px;
	position:absolute;
	left:0;
	z-index:10;
}

#sitebg_right2{
	background-image:url(../images/sitebg_right2.png);
	background-repeat:repeat-x;
	width:50%;
	height:602px;
	position:absolute;
	right:0;
	z-index:10;
}





#sitewrap{
	min-height:100%;
	position:relative;
	margin:auto;
	z-index:20;
	text-align:left;
	width:800px;
	background-image:url(../images/content_wrap.png);
	background-repeat:repeat-y;
	overflow-x:hidden;
}

* html #sitewrap{
	width:800px;
	w\idth:800px;
	height:100%;
}

#header{
	height:75px;
	background-image:url(../images/header_bg.png);
	background-repeat:repeat-x;
	width:800px;
	overflow:hidden;
}

.header_text{
	color:#080808;
	font-size:50px;
	font-family:Arial Black;
	margin:0px;
	padding:0px;
	line-height:70px;
	float:left;
}

.header_text2{
	color:#bf3433;
	font-size:50px;
	font-family:Arial Black;
	margin:0px;
	padding:0px;
	line-height:70px;
	float:left;
}

#headerlogo_dot{
	display:block;
	float:left;
	height:75px;
	width:36px;
}


#menu{
	position:relative;
	background-image:url(../images/menu_bg.png);
	background-repeat:no-repeat;
	height:123px;
	width:800px;
	margin:0px;
	padding:0px;
}

#menu ul{
	margin:0px;
	padding:0px;
	position:absolute;
	bottom:8px;
}
#menu ul li{
	display:block;
	width:175px;	
	margin:0px;
	margin-right:25px;
	float:left;
	text-align:right;
	font-size:13px;
	font-weight:bold;
	font-family:Verdana;
}
#menu ul li a{
	margin:0px;
	padding:0px;
	color:#e1e1e1;
	
}
#menu ul li a:hover{
	color:#bf3433;
}
#menu ul li a.selected{
	color:#bf3433;
}


#content{
	width:800px;
	height:auto;
	padding-bottom:88px;
}

#footer{
	position:absolute;
	bottom:0;
	background-image:url(../images/footer_bg.png);
	background-repeat:no-repeat;
	width:800px;
	height:70px;
	clear:both;
}
#footer a{
	color:#4c4c4c;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer table{
	padding:0px;
	margin:0px;
	height:50px;
	width:770px;
	position:absolute;
	bottom:0;
	margin-left:15px;
	margin-right:15px;
	font-size:12px;
}
#footer table td.align_right{
	text-align:right;
}

/* general markup */
.basic_content{
	margin-left:15px;
	margin-right:15px;
}

.clearfloat{
	clear:both;
	height:20px;
}
.clearfloat_noheight{
	clear:both;
}

a{
	color:#000000;
	text-decoration:none;
	outline:none;
}
a:hover{
	text-decoration:underline;
}


a.blacklink{
	color:#000000;
	text-decoration:none;
	outline:none;
}

a.blacklink:hover{
	text-decoration:underline;

}
a.no_line{
}
a.no_line:hover{
	text-decoration:none;
}
a img{
	border:none;
}
.whitefont{
	color:#FFFFFF;
}
.whitefont a{
	color:#FFFFFF;
}
.blackfont{
	color:#000000;
}
.redfont{
	color:#bf3433;
}
.redfont_strong{
	color:#bf3433;
	font-weight:bold;
}
.boldfont{
	font-weight:bold;
}
.italicfont{
	font-style:italic;
}

div{
	font-size:11px;
}

table{
	font-size:11px;
}

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

h1{
	font-size:20px;
	font-weight:lighter;
}

h2{
	font-size:18px;
	color:#bf3433;
	font-weight:lighter;
}


h3{
	font-size:16px;
	font-weight:lighter;
}

h4{
	font-size:13px;
	color:#bf3433;
	font-weight:lighter;
}

.btn_nextstep{
	background-image:url(../images/btn_nextstep.png);
	width:112px;
	height:23px;
	padding:0px;
	background-color:transparent;
	border:none;
	color:#ededed;
	outline:none;
	margin-left:10px;
	text-align:center;
	cursor:pointer;
}
/*PM PIZZA003: start add*/
.btn_nextstep2{
	background-image:url(../images/btn_nextstep.png);
	width:112px;
	height:23px;
	padding:0px;
	background-color:transparent;
	border:none;
	color:#ededed;
	outline:none;
	text-align:center;
	cursor:pointer;
}
/*PM PIZZA003: stop add*/

.btn_nextstep{
	padding-bottom:0px;
}


.link_nextstep{	
	display:block;
	float:left;
	background:no-repeat url(../images/btn_nextstep.png) ;
	width:112px;
	height:23px;
	background-color:transparent;
	border:none;
	color:#ededed;
	outline:none;
	margin:auto;

	padding-top:5px;
	padding-left:15px;

	
}

#ajax_progressbar{
	position:fixed;
	top:10px;
	right:10px;
	display:none;
	z-index:500;
	width:126px;
	height:22px;
	background-image:url(../images/ajax-loader.gif);
}

* html #ajax_progressbar{
	position: absolute;
} 

/*default table markup*/

table.default{
	
	border-collapse:collapse;
	cursor:default;
}

table.default th{
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	border-collapse:collapse;
}

table.default td{
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	border-collapse:collapse;
}

table.default tr{
	border-top:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	border-collapse:collapse;
}

table.default th{
}

table.default tr:hover{
}
/**/

/* mainL0x markup */

.mainL01{
	width:800px;
	position:relative;
	float:left;
}


.mainL02{
	width:780px;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	float:left;
}
.mainL03{
	display:inline;
	width:256px;
	float:left;
	margin-left:7px;
}

.mainL04{
	display:inline;
	width:256px;
	float:left;
	margin-left:7px;
}

.mainL05{
	display:inline;
	width:256px;
	float:left;
	margin-left:7px;
}

.mainL06{
	width:780px;
	margin-left:10px;
	margin-right:10px;
}

.mainL06 h2{
	margin-left:5px;
}

.mainL07{
	float:left;
	width:548px;
	margin-right:15px;
	display:inline;
	overflow:hidden;
}

.mainL08{
	width:492px;
	margin-right:30px;
	float:left;
}

.mainL09{
	width:227px;
	margin-right:10px;
	float:left;
	display:inline;
}

.mainL10{
	float:left;
	width:672px;
	margin-left:15px;
	margin-right:15px;
}

* html .mainL10{
	display:inline;
	overflow:hidden;
	background-color:none; /*important!*/
}

/* components css */

.content_body{
	margin-left:15px;
	margin-right:15px;
}


/* red overview frames */
.smalloverview{
	background-image:url(../images/smalloverview_bg.png);
	background-repeat:no-repeat;
	overflow:hidden;
	height:131px;
	width:256px;
	margin-top:45px;
	margin-bottom:15px;
	position:relative;
	font-size:12px;
}
.smalloverview .title{
	display:block;
	width:246px;
	margin-right:8px;
	margin-top:1px;
	font-size:15px;
	color:#fffdf6;
	text-align:right;
}
.smalloverview table{
	color:#000000;
	width:216px;
	overflow:hidden;
	position:absolute;
	left:30px;
	top:25px;
	font-size:11px;
}

.smalloverview table td span{
	padding:1px;
	line-height:12px;
}


/* component that displays background images for each page */
.screen_bg{
	position:relative;
	height:135px;
	width:800px;
	margin-bottom:15px;
}
.screen_bg img.bg_image{
	position:absolute;
	width:800px;
	height:135px;
	z-index:0;
}
.screen_bg .text{
	position:absolute;
	display:inline;
	z-index:2;
	top:45px;
	left:15px;
	margin:0px;
	padding:0px;
}
.screen_bg .text p{
	position:relative;
	margin:0px;
	padding:0px;
}
.screen_bg .text h1{
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}
.screen_bg .text h4{
	margin:0px;
	padding:0px;
}
.screen_bg .sharebutton{
	margin-bottom:5px;
}
.postal_code_error{
	color:#FF0000;
	margin:5px;
}
/* component that displays a restaurant in the overview */
.restaurant_component{
	width:380px;
	height:237px;
	float:left;
	background-repeat:no-repeat;
	margin-bottom:20px;
	margin-left:13px;
	position:relative;
}
* html .restaurant_component{
	display:inline;
}
.restaurant_component .restaurant_logo{
	display:block;
	width:130px;
	height:130px;
	margin-left:10px;
	margin-right:10px;
	padding-top:10px;
	border:1px solid #f3ecd0;
	float:left;
	text-align:center;
	background-color:#FFFFFF;
}
* html .restaurant_component .restaurant_logo{
	display:inline;
}
.restaurant_component .restaurant_logo .logoholder{
	background-color:#FFFFFF;
	width:100px;
	height:75px;	
	margin:auto;
	border:1px solid #dddddd;
	overflow:hidden;
}

.restaurant_component .right_column img{
	margin-right:5px;
}
.restaurant_component .right_column p{
	margin-top:10px;
	margin-bottom:10px;
}

.restaurant_component .restaurant_logo .buttonholder{
	margin-top:10px;
	overflow:hidden;
	text-align:center;
}

.restaurant_component .ratingbar{
	height:25px;
}
.restaurant_component .ratingbar table{
	height:25px;
	float:right;
}


.restaurant_component .discount_area{
	position:absolute;
	right:5px;
	top:5px;
}

.restaurant_component .ratingbar .starrating{
	width:75px;
	display:inline;
	margin:0px;
	padding:0px;
}
.restaurant_component .ratingbar .starrating ul{
	margin:0px;
	padding:0px;
}

.restaurant_component .restframe{
	height:210px;
	border:1px solid #f7e6e6;
	background-color:#fff8da;
	overflow:hidden;
}

.restaurant_component .titlebar{
	height:45px;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:5px;
	position:relative;
}


.restaurant_component .left_column{
	width:150px;
	float:left;
}

.restaurant_component .right_column{
	width:226px;
	float:left;
}




.btn_enterrestaurant{
	display:block;
	background:no-repeat url(../images/btn_gesloten.png);
	width:116px;
	height:20px;
	line-height:15px;
	padding-left:10px;
	padding-top:8px;
	background-color:transparent;
	border:none;
	color:#ededed;
	outline:none;
	margin:auto;
	color:#e35050;
}

.btn_bestelnu{
	display:block;
	background:no-repeat url(../images/btn_bestelnu.png);
	width:116px;
	height:20px;
	line-height:15px;
	padding-left:10px;
	padding-top:8px;
	background-color:transparent;
	border:none;
	color:#ededed;
	outline:none;
	margin:auto;
	color:#5e924c;
}
.btn_bestelvooruit{
	display:block;
	background:no-repeat url(../images/btn_bestelvooruit.png);
	width:116px;
	height:20px;
	line-height:15px;
	padding-left:10px;
	padding-top:8px;
	background-color:transparent;
	border:none;
	color:#ededed;
	outline:none;
	margin:auto;
	color:#7b97d0;
}
.btn_gesloten{
	display:block;
	background:no-repeat url(../images/btn_gesloten.png);
	width:116px;
	height:20px;
	line-height:15px;
	padding-left:10px;
	padding-top:8px;
	background-color:transparent;
	border:none;
	color:#ededed;
	outline:none;
	margin:auto;
	color:#e35050;
}




.restaurant_component .restaurant_info{
	display:block;
	width:622px;
	height:142px;
	float:left;
}
.restaurant_component .rest_name{
	font-size:17px;
	height:20px;
}
.restaurant_component .rest_slogan{
	font-size:15px;
	height:20px;
	color:#bf3433;
	height:20px;	
}
.restaurant_component .restaurant_name a{
	font-style:bold;
}
.restaurant_component .restaurant_discounts{
	vertical-align:middle;
	color:#bf3433;
}
.restaurant_component table{
	height:130px;
	width:100%;
	font-size:11px;
}
.restaurant_component table div{
	font-size:11px;
}
.restaurant_component table .column_promo{
	width:25%;
}
.restaurant_component table .column_delivery{
	width:40%;
}
.restaurant_component table .column_payment{
	width:35%;
}
.restaurant_component table .starsrow{
	height:11px;
}
.restaurant_component .clearfloat{
	clear:both;
}
.rest_openinghours_lbl{
	color:#000000;
}
.rest_openinghours_lbl:hover{
	text-decoration:underline;
}
/* content head components (fixed width)*/
.content_head{
	background-image:url(../images/content_head.png);
	background-repeat:no-repeat;
	width:385px;
	height:25px;
	padding-right:10px;
	font-size:13px;
	line-height:25px;
	text-align:right;
	margin-top:20px;
	color:#000000;
	font-weight:bold;
}
* html .content_head{
	width:395px;
	w\idth:385px;
}
/*PM PIZZA005:start add*/
.category_description{	
	width:385px;
	font-size:13px;
	text-align:right;
	font-style:italic;
	/*margin-left:20px;*/
	margin-top:10px;
	margin-bottom:10px;
	
}
* html .content_head{
	width:395px;
	w\idth:385px;
}

/*PM PIZZA005:stop add*/

.content_head_red{
	background-image:url(../images/content_head_red.png);
	background-repeat:no-repeat;
	width:217px;
	height:25px;
	padding-right:10px;
	font-size:13px;
	line-height:25px;
	text-align:right;
	color:#FFFFFF;
	margin-top:20px;
}
* html .content_head_red{
	width:227px;
	w\idth:217px;
}

/* menu component layout css */
.category_selector{
	width:133px;
	float:left;
}

.menu_summary{
	width:395px;
	margin-left:10px;
	margin-right:10px;
	float:left;
}

/* menu overview category selector component */
.menu_categories{
	width:133px;
	margin-top:13px;
	text-align:right;
	color:#333333;
	overflow:hidden;
}
.menu_categories h3{
	font-size:16px;
	font-weight:bold;
}
.menu_categories ul{
	border-right:1px solid #EEEEEE;
	width:128px;
	padding:0px;
	margin:0px;
}
.menu_categories ul li{
	padding-top:5px;
	list-style:none;
	font-size:12px;
	padding-left:2px;
	width:121px;
	padding-right:5px;
}
.menu_categories ul li a{
	color:#777777;
	text-decoration:none;
}
.menu_categories ul li a:hover{
	color:#bf3433;
}
.menu_categories ul li a.selected{
	font-style:normal;
	color:#bf3433;
}

/* restaurant menu overview component, displays 1 item */
table.menu_item{
	width:395px;
	padding-left:15px;
	padding-right:6px;
	overflow:hidden;
}
* html table.menu_item{
	width:410px;
	w\idth:395px;
}
table.menu_item.colored{
	background-image:url(../images/menusummary_bg.png);
}
table.menu_item .title{
	color:#000000;
	font-size:12px;
	font-weight:bold;
	padding-bottom:1px;
}
table.menu_item .detail{
	padding-top:1px;
	color:#888888;
	font-size:12px;
	font-style:normal;
	font-family:"Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
table.menu_item .price{
	color:#bf3433;
	text-align:right;
}
table.menu_item .btn_order{
	text-align:right;
}
table.menu_item .btn_order input{
	background:none;
	border:none;
	color:#bf3433;
	outline:none;
	display:inline;
	width:auto;
    overflow:visible;
	padding:0px;
	margin:0px;
}
table.menu_item .btn_order input:hover{
	text-decoration:underline;
	cursor:pointer;
}
table.menu_item .btn_order a{
	color:#bf3433;
	
}
/* order overview component */
/* order overview component */
.bestelling_head{
  font-size:12px;
  font-weight:bold;;
  color:#000000;
  padding-bottom:5px;
  padding-top:10px;
  border-bottom:1px solid #EEEEEE;
}
.bestelling_item{
  width:100%;
  font-weight:bold;
}
.bestelling_item .number{
  color:#bf3433;
  width:35px;
  font-size:7px;
  font-family:Arial;
  text-align:right;
}
.bestelling_item .row td{
  padding-top:1px;
  padding-bottom:1px;
  padding-left:0px;
  padding-right:0px;
  font-size:10px;
}
.bestelling_item .item .extras{
  font-weight:normal;
  font-size:10px;
}
.bestelling_item .item{
  width:190px;
  font-size:10px;
}
.bestelling_item .price{
  width:54px;
  color:#bf3433;
  text-align:left;
  font-weight:normal;
  font-size:7px;
  font-family:Arial;
}
.bestelling_item .delete{
  width:20px;
}


/* page navigation for restaurant overview */
.pagelinks2{
	border-top:1px solid #EEEEEE;
	border-bottom:1px solid #EEEEEE;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}
/* delete buttons for shopping basket */
.bestelling_head .default{
  background-image:url(../images/delete_icon.png);
  background-position:center;
  background-repeat:no-repeat;
  background-color:transparent;
  border:none;
  width:14px;
}
.bestelling_head .default:hover{
	cursor:pointer;
}
.bestelling_item .delete input{
  background-image:url(../images/delete_icon.png);
  background-position:center;
  background-repeat:no-repeat;
  background-color:transparent;
  border:none;
  width:14px;
}
.bestelling_item .delete input:hover{
	cursor:pointer;
}
.rest_ratingtable .delete input{
  background-image:url(../images/delete_icon.png);
  background-position:center;
  background-repeat:no-repeat;
  background-color:transparent;
  border:none;
  width:14px;
}
.rest_ratingtable .delete input:hover{
	cursor:pointer;
}
.remarks_textarea{
	width:200px;
	height:50px;
	max-width:200px;
	
}
.rate_reaction{
	width:500px;
	height:100px;
	max-width:500px;
	
}
#basket{
	position:relative;
	overflow:hidden;
}
/*PM PIZZA003: start add*/
.special_order{
background-color:#FFFFCC;
	
}
.special_order input{
	
}
/*PM PIZZA003: stop add*/


/* home slideshow */

#home_slideshow{
	width:800px;
	height:406px;
	position:relative;
}

#home_slideshow #photos{
	position:relative;
	height:406px;
}
#home_slideshow #photos img{
	position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#home_slideshow #photos img.active{
	z-index:10;
}
#home_slideshow #photos img.last-active{
	z-index:9;
}

#home_slideshow #pcode_frame{
	position:absolute;
	width:280px;
	height:199px;
	top:30px;
	left:18px;
	z-index:50;
	overflow:hidden;
}
#home_slideshow #pcode_frame p{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:12px;
	margin-right:10px;
}
#home_slideshow #pcode_frame #pcode_frame_top{
	width:280px;
	height:43px;
	background-image:url(../images/pcode_frame_top.png);
	background-repeat:no-repeat;
	overflow:hidden;
}
#home_slideshow #pcode_frame #pcode_frame_top p{
	font-size:24px;
	font-weight:lighter;
	line-height:24px;
	margin-top:12px;
	color:#6b5f44;
}
#home_slideshow #pcode_frame #pcode_frame_main{
	width:280px;
	height:100px;
	background-image:url(../images/pcode_frame_main.png);
	background-repeat:no-repeat;
	color:#a08e66;
	font-size:14px;
	font-weight:lighter;
}
#home_slideshow #pcode_frame #pcode_frame_main{
	line-height:18px;
	overflow:hidden;
}
#home_slideshow #pcode_frame #pcode_frame_main .postal_code_error{
	color:#BF3433;
	font-size:12px;
	margin-left:12px;
}
#home_slideshow #pcode_frame #pcode_frame_bottom{
	width:280px;
	height:56px;
}
#home_slideshow #pcode_frame #pcode_frame_bottom #pcode_frame_input{
	width:168px;
	height:56px;
	background-image:url(../images/pcode_frame_input.png);
	background-repeat:no-repeat;
	float:left;
}
#home_slideshow #pcode_frame #pcode_frame_bottom #pcode_frame_submit{
	width:112px;
	height:56px;
	background-image:url(../images/pcode_frame_btn_bg.png);
	background-repeat:no-repeat;
	float:left;
}

#home_slideshow #pcode_frame #pcode_frame_bottom #pcode_frame_submit .btn_nextstep{
	display:block;
	width:112px;
	height:56px;
	line-height:56px;
	padding:0px;
	margin:0px;
	background:none;
	text-indent:999px;
}

#home_slideshow #pcode_frame #pcode_frame_bottom #pcode_frame_submit.over{
	background-position:0px -56px;
}

#home_slideshow #pcode_frame #pcode_frame_bottom #pcode_frame_input input{
	background:none;
	border:none;
	margin-left:20px;
	margin-top:5px;
	font-size:30px;
	line-height:30px;
	width:140px;
	color:#333333;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#home_slideshow #pcode_frame #pcode_frame_bottom #pcode_frame_input input[type=text]:focus{
	outline: 0 none;
}


.sharebuttons{
	position:absolute;
	top:15px;
	right:15px;
}