/*
Theme Name: The Mandarin Restaurants
Theme URI: http://www.mandarin-restaurants.nl
Description: Theme for The Mandarin Restaurants
Version: 1.0
Author: Arian Tsai
Author URI: http://www.axt.nl
Tags: custon, fixed with, restaurant, chinese
*/


/* ----------------------------------------------------------------------/ STIJL RESET */

html, body, h1, h2, h3, h4, h5, p, ul, li, img, form, button{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
}
h1{
	display: none;
}
.hide{
	display: none;
}
.spacer{
	clear: both;
	height: 1px;
}




/* ----------------------------------------------------------------------/ TEKSTOPMAAK */

body{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #1a1a1a;
	line-height: 24px;	
}

a{
	color: #a52d2d;
	text-decoration: none; 
}

/* a:link, a:visited, a:focus{
	color: #a52d2d;
	text-decoration: underline;
}
a:hover, a:focus, a:active{
	color: #878787;
	text-decoration: none; 
}*/


#onderkant h3{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #b21636;
	padding: 11px 11px 11px 33px;
	margin: 0;
	
	
}

.letter{
	font-size: 21px;
}


/* ----------------------------------------------------------------------/ LAYOUTSTIJL */
#bg_body {
	background: #a00f1e url('./images/bg_body.jpg') top left;
}
#bg_top {
	background: url('./images/bg_top.jpg') left top repeat-x;
}
#bg_shadow{
	background: url('./images/bg_shadow.png');
	width: 942px;
	margin: 0 auto;
}

#container{
	width: 902px;
	margin: 0 auto ;
}
	#header{
		background: url('./images/header.jpg');
		width: 902px;
		height: 143px;
	}
	

/* ---------------------------------------------------------------------/ NAVIGATIE */


#top{
	background: url('./images/bg_topshadow.png') left bottom no-repeat;
	width: 942px;
	margin: 0 auto;
	height: 33px;
}
	#top ul{
		margin: 0 0 0 11px;
	}
	#top li{
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#top img{
		position: relative;
		top: 2px;
		left: 9px;
		width: 18px;
	}
	#top li a{
		font-size: 11px;
		text-transform: uppercase;
		color: #FFFFFF;
		text-decoration: none;
			padding: 6px 0 5px 22px;
			display: block;
		}
		


#nav_bar {
	width: 902px;
	height: 33px;
	background: url('./images/navbar.png') no-repeat;
	position: relative;
}
#nav_bar li {
	display: inline;
}
#nav_bar li a:link, #nav_bar li a:visited {
	position: absolute;
	top: 0;
	height: 33px;
	text-indent: -9000px;
	overflow: hidden;
}


	#nav_bar .thuispagina a:link, #nav_bar .thuispagina a:visited {
		left: 11px;
		width: 127px;
	}
	#nav_bar .thuispagina a:hover, #nav_bar .thuispagina a:focus {
		background: url('./images/navbar.png') no-repeat -11px -33px;
	}
	#nav_bar .thuispagina a:active {
		background: url('./images/navbar.png') no-repeat -11px -66px;
	}
	.current-thuispagina .thuispagina a:link, .current-thuispagina .thuispagina a:visited {
		background: url('./images/navbar.png') no-repeat -11px -33px;
	}
	
	#nav_bar .restaurants a:link, #nav_bar .restaurants a:visited { 
		left: 138px;
		width: 140px;
	}
	#nav_bar .restaurants a:hover, #nav_bar .restaurants a:focus {
		background: url('./images/navbar.png') no-repeat -138px -33px;
	}
	#nav_bar .restaurants a:active {
		background: url('./images/navbar.png') no-repeat -138px -66px;
	}
	.current-restaurants .restaurants a:link, .current-restaurants .restaurants a:visited {
		background: url('./images/navbar.png') no-repeat -138px -33px;
	}
	
	#nav_bar .catering a:link, #nav_bar .catering a:visited { 
		left: 278px;
		width: 101px;
	}
	#nav_bar .catering a:hover, #nav_bar .catering a:focus {
		background: url('./images/navbar.png') no-repeat -278px -33px;
	}
	#nav_bar .catering a:active {
		background: url('./images/navbar.png') no-repeat -278px -66px;
	}
	.current-catering .catering a:link, .current-catering .catering a:visited {
		background: url('./images/navbar.png') no-repeat -278px -33px;
	}


	#nav_bar .afhalen a:link, #nav_bar .afhalen a:visited { 
		left: 379px;
		width: 96px;
	}
	#nav_bar .afhalen a:hover, #nav_bar .afhalen a:focus {
		background: url('./images/navbar.png') no-repeat -379px -33px;
	}
	#nav_bar .afhalen a:active {
		background: url('./images/navbar.png') no-repeat -379px -66px;
	}
	.current-afhalen .afhalen a:link, .current-afhalen .afhalen a:visited {
		background: url('./images/navbar.png') no-repeat -379px -33px;
	}
	
	#nav_bar .reserveren a:link, #nav_bar .reserveren a:visited { 
		left: 475px;
		width: 111px;
	}
	#nav_bar .reserveren a:hover, #nav_bar .reserveren a:focus {
		background: url('./images/navbar.png') no-repeat -475px -33px;
	}
	#nav_bar .reserveren a:active {
		background: url('./images/navbar.png') no-repeat -475px -66px;
	}
	.current-reserveren .reserveren a:link, .current-reserveren .reserveren a:visited {
		background: url('./images/navbar.png') no-repeat -475px -33px;
	}
	
	#nav_bar .contact a:link, #nav_bar .contact a:visited { 
		left: 586px;
		width: 103px;
	}
	#nav_bar .contact a:hover, #nav_bar .contact a:focus {
		background: url('./images/navbar.png') no-repeat -586px -33px;
	}
	#nav_bar .contact a:active {
		background: url('./images/navbar.png') no-repeat -586px -66px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url('./images/navbar.png') no-repeat -586px -33px;
	}
	
/* ----------------------------------------------------------------------/ BLA */

	#banner{

		padding: 11px 11px 0 0;
	}
	
	#banner_img{
		width: 891px;
		height: 143px;
	}
	.banner1{
		background: url('./images/banner_1.jpg');
	}
	.banner2{
		background: url('./images/banner_2.jpg');
	}
	.banner3{
		background: url('./images/banner_3.jpg');
	}
	.banner4{
		background: url('./images/banner_4.jpg');
	}
	.banner5{
		background: url('./images/banner_5.jpg');
	}
	.banner6{
		background: url('./images/banner_6.jpg');
	}
	
	#banner_title {
		width: 310px;
	 	height: 54px;
		color: #fff;
		position: relative;
		left: 557px;
		top: 89px;

	}
	
	#banner_title h2{

		color: #fff;
		margin: 0;
		padding: 17px 11px 11px 22px;
		font-weight: normal;
	}
	
	#onderkant{
		background: #fff; /*#36000f; */
	
	
	}
	
	#nav_side{
		background: #fff url('./images/bg_sidenav.png') no-repeat left top;
		width: 212px;
		height: 200px;
		margin-top: 68px;
		padding: 11px 0 0 11px;
		float: right;

	}
		#nav_side ul{
			margin: 0;
			padding: 0;
		}
		#nav_side li{
			margin: 0;
			padding: 0;
			list-style-type: none;
			border-bottom: 1px #ededed solid;
		
		}
		#nav_side a{
			font-weight: normal;
			padding: 5px 12px;
			
			font-size: 11px;
			color: #000;
			text-transform: uppercase;
			text-decoration: none;
			display: block;
		}
		#nav_side a:hover{
			background: #ededed;
			color: #000;
		}
		#nav_side .current{
			background-color: #fff;
			border-right: 2px solid #333;
			font-weight: bold;

		}
	#content_holder{
		background: #fff; /* #f8f5f6; */
		width: 646px;
		padding: 11px;
		text-align: justify;
	
		
		
	
	}
	#content_holder p{
		background: #fff url('./images/p_bg.png') top left no-repeat;
		margin: 0 0 0 0;
		padding: 27px 0 22px 33px;
		
	}
	
	
	#content_both{
		/*background: #fff url(./images/p_bg.png) top left no-repeat;
		*/padding: 11px;
	
	}
	
	#content_left{
		background: #fff;
		width: 286px;
		padding: 22px 11px 22px 22px;
		float: left;
	}
	#content_left span{
		font-style: italic; 
	}
	#content_right{
		background: #fff;
		float: right;
		width: 286px;
		padding: 22px 22px 22px 11px;
		display: inline;

	}
	

	
	
	

	#wpcf7-f1-p5-o1 p{
		background: #fff;
		margin: 0;
		/* padding-bottom: 0; */
	}
	
	#wpcf7-f1-p5-o1 label{
		display:block;
		text-align:right;
		width:150px;
		float:left;
	
	}
	
	#wpcf7-f1-p5-o1 input, select{
		font-family: Georgia, Arial, Helvetica, sans-serif;
		float:left;
		padding:4px 2px;
		border:solid 1px #ccc;
		width: 200px;
		margin: 2px 10px 2px 10px;
	}
	#wpcf7-f1-p5-o1 textarea{
		font-family: Georgia, Arial, Helvetica, sans-serif;
		font-size: 12px;
		float:left;
		padding:4px 2px;
		border:solid 1px #ccc;
		width:200px;
		height: 100px;
		margin:2px 0 20px 10px;
	}
	#wpcf7-f1-p5-o1 input.button{
		clear:both;
		margin-left:160px;
		width: 125px;
		height:31px;
		background:#ccc; /* url(img/button.png) no-repeat */
		text-align:center;
		line-height:31px;
		color:#333;
		font-size:11px;
		font-weight:bold;
	}
	#wpcf7-f1-p5-o1 .wpcf7-form-control-wrap{
		font-size: 11px;
		color: #C00;
		font-style: italic;
	}
	#wpcf7-f1-p5-o1 .wpcf7-response-output .wpcf7-validation-errors{
		display: block;
	}
	
	
	
#footer{
	clear: both;	
}
		#footer #finner{
			background: #111;
			width: 902px;
			margin: 0 auto;
			color: #fff;
			font-size: 11px;
			height: 77px;
	
	
		}
		#finner p {
			margin: 0;
			padding: 22px 33px;
			
		}
	
		
	.go_top{
		background: url('./images/top.gif') right top;
		width: 212px;
		height: 33px;
		display: block;
		text-indent: -9000px;
		float: right;
		margin: 22px 0 22px 22px;
}


	.go_contact{
		background: url('./images/footer_contact.png') left top no-repeat;
		width: 600px;
		height: 33px;
		display: block;
		text-indent: -9000px;
		float: left;
		margin: 22px 22px 22px 22px;
		padding-left: 10px;
	}
/* ----------------------------------------------------------------------/ REST */

		
img.pic{
	background: url('./images/thumbnailholder.png');
	width: 190px;
	height: 123px;
	float: right;
	padding: 11px;
	margin: 22px 0 0 22px;
	
}

.tableright{
	text-align: right;
	vertical-align: top;
}

.dis{
	display: block;
	font-weight: italic;
	font-size: 10px;
	line-height: 14px;
}

table tr td{
	padding: 0 0 10px;
	
}