/*########################################################*\
###														 ###
###				CSS STYLESHEET BY IDIFY					 ###
###														 ###
###									-Maurice Bonemeijer	 ###
\*########################################################*/


/*################# INSTELLINGEN #########################*/
* {box-sizing: border-box; -moz-box-sizing: border-box;}
img, div, body, form { padding:0; margin:0; }



/*################# TEKST, HREF ETC ######################*/
body, table {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #C10435;
	text-align: left;
}

h1 {
	font-size: 15px;
	margin:0 0 15px 0;
}

a, a:visited {
	font-weight: bold;
	color: #C10435;
}

a:hover, a:active {
	color: #5467da;
}



/*################# LAYERS ###############################*/
body {
	background: #c10435 url('../img/content_bg.gif') 9px 0px repeat-y;
}

#container {
	position: relative;
	top:0px;
	left:9px;
	width: 990px;
}


#container #header {
	position: relative;
	background: url('../img/header_bg.gif') top center repeat-y;
	width: 990px;
	height: 242px;
}
#container #header #logo {
	position:relative;
	left: 200px;
	top: 0;
}
#container #openingstijden {
	position: absolute;
	left: 648px;
	top: 51px;
	line-height: 20px;
	color: #FFFFFF;
}

#container #content {
	position: relative;
}

#content #west {
	float:left;
	width: 199px;
	text-align: right;
	font-weight: bold;
	padding: 15px 9px 30px 6px;
}
#content #west a.menu {
	display: block;
	float: right;
	clear: both;
}
#content #menu_wiezijnwij {width:81px; height:20px; background:url('../img/menu_wiezijnwij.gif') no-repeat;}
#content #menu_menu {width:45px; height:19px; background:url('../img/menu_menu.gif') no-repeat;}
#content #menu_acties {width:45px; height:20px; background:url('../img/menu_acties.gif') no-repeat;}
#content #menu_wijnkaart {width:72px; height:20px; background:url('../img/menu_wijnkaart.gif') no-repeat;}
#content #menu_nieuwsbrief {width:79px; height:20px; background:url('../img/menu_nieuwsbrief.gif') no-repeat;}
#content #menu_route {width:43px; height:18px; background:url('../img/menu_route.gif') no-repeat;}
#content #menu_contact {width:55px; height:20px; background:url('../img/menu_contact.gif') no-repeat;}





#content #inhoud {
	float:left;
	width: 449px;
	line-height: 20px;
	padding: 15px 20px;
}


#content #east {
	float: left;
	width: 100px;
	margin-right:20px;
}
#east a.promoButton, #east a.promoButton:visited {
	display: block;
	color: #FFFFFF;
	background: #da545c;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	text-decoration: none;
	text-align: center;

	margin: 10px 10px 0px 10px;
}
#east a.promoButton:hover, #east a.promoButton:active {
	background: #e69fa1;
}

#east .promo_atievdmaand {
	width: 100px;
	padding: 15px 10px;
}

#east .promo_persbericht {

	width: 100px;
	height:80px;
	padding-top:15px;
}

#east .promo_oorkonde {

	width: 100px;
	height:95px;
	padding-top:3px;
}

/* Menukaart paginas */
a.restaurantmenu_link .raquo {float:right; cursor:pointer;}
a.restaurantmenu_link, a.restaurantmenu_link:visited {
	display: block;
	color: #FFFFFF;
	background: #e69fa1;
	text-decoration: none;
	padding: 1px 10px;
	margin: 0 0 10px 0;
}
a.restaurantmenu_link:hover, a.restaurantmenu_link:active {
	background: #da545c;
	color: #FFFFFF;
}

h1.menukaart_titel {
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	background: #e69fa1;
	padding: 1px 10px;
	margin:0;
}
div.menukaart {
	width: 100%;
	line-height: 15px;
	background: #FFFFFF;
	border: 1px solid #e69fa1;
	padding: 10px 10px 20px 15px;
	margin: 0;
}
div.menukaart img {
	margin: 5px;
	float: right;
}
div.menukaart span.prijs {
	font-size: 12px;
	font-weight: bold;
}
a.restaurantmenu_backlink {
	float: right;
	text-decoration: none;
	font-size: 10px;
}

/*################# FORMS ################################*/
.styledInput {
}

.styledButton {
}


/*################# EXTRAS ###############################*/

/* FOTOBOEK */

#container2 {
	position: relative;
	top:0px;
	left:9px;
	width: 908px;
}


#container2 #header2 {
	position: relative;
	background: url('../img/header_bg.gif') top center repeat-y;
	width: 908px;
	height: 242px;
}
#container2 #header2 #logo2 {
	position:relative;
	left: 200px;
	top: 0;
}
#container2 #openingstijden2 {
	position: absolute;
	left: 548px;
	top: 51px;
	line-height: 20px;
	color: #FFFFFF;
}

#container2 #content2 {
	margin: 0 0 0 160px;
}

.navigatie {
	clear 				: both;
	margin 				: 10px 0px 0px 0px;
	width 				: 460px;
	height 				: 25px;
}

.vorige {
	float 				: left;
	width 				: 90px;
	height 				: 25px;
}

.paginas {
	float 				: left;
	text-align			: center;
	width 				: 280px;
	height 				: 25px;
}

.volgende {
	float 				: left;
	text-align			: right;
	width 				: 90px;
	height 				: 25px;
}