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

html,body {
	background:				#957D4D;
	margin:					0 auto;
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				11px;
	line-height:			18px;
	letter-spacing:			1px;
}

hr {
	color:					#ccc;
	border:					dotted 1px;	
	

}
h1 {
	font-size:				14px;
	color:					#ff9900;
}

h2 {
	font-size:				12px;
		color:				#957d4d;  
}

h4 {
	margin:					0 0 0 0px;
	font-size:				11px;
	color:					#fff;
}

h6 {
	font-size:				11px;
}

a {
	color:					#000000;
}

a:link {
	text-decoration:		none;
}

a:hover {
	color:					#333333;
}

p {
	margin:					10px 0 10px 0;
}

.page {
	width:					950px;
	display:				block;
	margin:					0 auto;
	height:					auto;
}



.header {
	margin-top:				40px;
	width:					950px;
	height:					132px; /* terug naar 122 zonder banner */
	float:					left;
	margin-bottom:			20px;

}

.happy {
	float:					right;
	width:					287px;
	height:					93px;
}

.happy img {
	border:					none;
}
.logo_link {
	width:					338px;
	height:					120px;
	float:					left;
	display:				block;
	
	
}

.logo_link a {
	
	cursor:					pointer;
	background-repeat:		no-repeat;
}

.tour {
	position:absolute;
	margin-left:900px;
	margin-top:-25px;

}

.tour img {
	border:none;
}

.menupart {
	width:					610px;
	height:					120px;
	float: 					left;
	
	
}


.menu {
	width:					590px;
	height:					75px;
	float:					right;
	margin-top:				40px;
	margin-left:			20px; 
	font-style:				italic;
	
	
}

.menu li {
	list-style:				none;


}

.menu li#home {
	float:					left;
	width:					150px;
	height:					35px;
	
}

.menu li#home a {
	float:					left;
	width:					150px;
	height:					35px;
	background:				url(../images/btn_home.jpg);
	background-repeat:		no-repeat;
	list-style-type:		none;
	cursor:					pointer;
	background-position:	0px 5px;
}
.menu li#home.current a {
	background-position:	0px -30px;
}
.menu li#home a:hover {
	background-position:	0px -30px;
}

.menu li#catering  {
	float:					left;
	width:					170px;
	height:					35px;
	
	}

.menu li#catering a {
	float:					left;
	width:					170px;
	height:					35px;
	background:				url(../images/btn_catering.jpg);
	background-repeat:		no-repeat;
	list-style-type:		none;
	cursor:					pointer;
	
}
.menu li#catering.current a {
	background-position:	0px -35px;
}
.menu li#catering a:hover {
	background-position:	0px -35px;
}

.menu li#menukaart  {
	float:					left;
	width:					150px;
	height:					35px;
	}

.menu li#menukaart a {
	float:					left;
	width:					150px;
	height:					35px;
	background:				url(../images/btn_menukaart.jpg);
	background-repeat:		no-repeat;
	list-style-type:		none;
	cursor:					pointer;
	background-position:	0px 5px;
}
.menu li#menukaart.current a {
	background-position:	0px -30px;
}
.menu li#menukaart a:hover {
	background-position:	0px -30px;
}

.menu li#reserveren {
	float:					left;
	width:					150px;
	height:					35px;
	
	}

.menu li#reserveren a {
	float:					left;
	width:					150px;
	height:					35px;
	background:				url(../images/btn_reserveren.jpg);
	background-repeat:		no-repeat;
	list-style-type:		none;
	cursor:					pointer;
}
.menu li#reserveren.current a {
	background-position:	0px -35px;
}
.menu li#reserveren a:hover {
	background-position:	0px -35px;
}



.menu li#agenda {
	float:					left;
	width:					150px;
	height:					35px;
}

.menu li#agenda a {
	float:					left;
	width:					150px;
	height:					35px;
	background:				url(../images/btn_agenda.jpg);
	background-repeat:		no-repeat;
	list-style-type:		none;
	cursor:					pointer;
	background-position:	0px 4px;
}
.menu li#agenda.current a {
	background-position:	0px -31px;
}
.menu li#agenda a:hover {
	background-position:	0px -31px;
}

.menu li#route  {
	float:					left;
	width:					110px;
	height:					35px;
	
	}

.menu li#route a {
	float:					left;
	width:					110px;
	height:					35px;
	background:				url(../images/btn_route.jpg);
	background-repeat:		no-repeat;
	list-style-type:		none;
	cursor:					pointer;
}
.menu li#route.current a {
	background-position:	0px -35px;
}
.menu li#route a:hover {
	background-position:	0px -35px;
}


.menu li#arragementen  {
	float:					left;
	width:					170px;
	height:					35px;
	
	}


.menu li#arragementen a {
	float:					left;
	width:					170px;
	height:					35px;
	background:				url(../images/btn_arrangementen.jpg);
	background-repeat:		no-repeat;
	list-style-type:		none;
	cursor:					pointer;
	background-position:	0px 4px;
}
.menu li#arragementen.current a {
	background-position:	0px -31px;
}
.menu li#arragementen a:hover {
	background-position:	0px -31px;
}

.menu li#contact  {
	float:					left;
	width:					110px;
	height:					35px;
	}

.menu li#contact a {
	float:					left;
	width:					110px;
	height:					35px;
	background:				url(../images/btn_contact.jpg);
	background-repeat:		no-repeat;
	list-style-type:		none;
	cursor:					pointer;
}
.menu li#contact.current a {
	background-position:	0px -35px;
}
.menu li#contact a:hover {
	background-position:	0px -35px;
}







/* COLLAGE'S */
.collage_home {
	width:					338px;
	height:					399px;
	display:				block;
	background:				url(../images/collage_home.jpg);
	/*background:				url(../images/home_2jaar.jpg);*/
	float:					left;
}


.collage_catering {
	width:					338px;
	height:					399px;
	display:				block;
	background:				url(../images/collage_home.jpg);
	float:					left;
}

.collage_menukaart {
	width:					338px;
	height:					399px;
	display:				block;
	background:				url(../images/collage_tapas.jpg);
	float:					left;
}

.collage_contact {
	width:					338px;
	height:					399px;
	display:				block;
	background:				url(../images/collage_tapas.jpg);
	float:					left;
}

.collage_agenda {
	width:					338px;
	height:					399px;
	display:				block;
	background:				url(../images/collage_a-la-carte.jpg);
	float:					left;
}

.collage_arragementen {
	width:					338px;
	height:					399px;
	display:				block;
	background:				url(../images/collage_wijn-en-coctails.jpg);
	float:					left;
}

.collage_route {
	width:					338px;
	height:					399px;
	display:				block;
	background:				url(../images/collage_route.jpg);
	float:					left;
}

.collage_reserveren {
	width:					338px;
	height:					399px;
	display:				block;
	background:				url(../images/collage_reserveren.jpg);
	float:					left;
}

.collage_muziek {
	width:					338px;
	height:					399px;
	display:				block;
	background:				url(../images/collage_muziek.jpg);
	float:					left;
}

.content {				
	width:					612px;
	height:					369px;
	background:				#fff;
	float:					left;
	padding-top:			30px;
}

.tekst {
	padding-right:          10px;
	text-align:				justify;
	color:					#666666;
}

.tekst img {
	border:					none;
}

.articletitle  {
	font-size:				14px;
	color:					#ff9700;
}

.tekst li {
	list-style:				none;
	font-style:				italic;
}

.kaart {
	width:					200px;
	height:					auto;
	float:					right;
}

#accordion {
	margin:					20px 0px;
}

h3.toggler {
	cursor: 				pointer;
	border: 				1px solid #f5f5f5;
	border-right-color: 	#ddd;
	border-bottom-color: 	#ddd;
	font-family: 			'Andale Mono', sans-serif;
	font-size: 				12px;
	background: 			#796336;
	color: 					#528CE0;
	margin: 				0 0 4px 0;
	padding: 				3px 5px 1px;
}

div.element p, div.element h4 {
	margin:					0px;
	padding:				4px;
}

#acc_tapas a {
	width:					200px;
	height:					20px;
	background-color:		#003399;
	float:					left;
}

#acc_tapas a:hover {
	background-color:		#33FF33;
}

.accordion_content {
	color: 					#444444;
	overflow: 				hidden;
	padding-right:			5px;
}

.accordion_content a {
	color: 					#333;
	text-decoration:		underline;
}

.accordion_content li {
	width:					190px;
	height:					auto;
	float:					left;
	list-style-type:		none;
	margin-top:				5px;
	margin-bottom:			5px;
	margin-left:			10px;
	line-height:			12px;
	color:					#999999;
}

.accordion_toggle_route {
	display: 				block;
	height: 				20px;
	width: 					180px;
	padding: 				0 10px 0 10px;
	font-weight: 			normal;
	text-decoration: 		none;
	outline: 				none;
	font-size: 				10px;
	color: 					#000000;
	cursor: 				pointer;
	margin: 				0 0 0 0;
	background-color:		#796336;
}

#accordion_toggle_active_route {
	background-color:		#806c45;
	color: 					#ffffff;
}

.accordion_content_route {
	color: 					#444444;
	overflow: 				hidden;
	padding-right:			5px;
}

.accordion_content_route li {
	width:					190px;
	height:					auto;
	float:					left;
	list-style-type:		none;
	margin-top:				5px;
	margin-bottom:			5px;
	margin-left:			10px;
	line-height:			12px;
	color:					#999999;
}

.footer {
	width:					950px;
	text-align:				right;
	color:					#ccc;
	float:					left;
	font-size:				9px;
	}

.footer a {
	color:					#ccc;
}

.footer a:hover {
	color:					#fff;
}

.connect_widget_summary connect_widget_text {
	color:#FFFFFF;
}
.connect_widget_not_connected_text {
color:#FFFFFF;
}

.twitter {
	float:					left;
}

.facebook {
	float:					left;
	margin-left:			10px;
}


.content_case {				
	width:					572px;
	height:					359px;
	background:				#fff;
	float:					left;
	padding:				20px;
	position:	 			relative;
	overflow:				auto;
}

.tekst_agenda {
	width:					360px;
	padding-left:	        20px;
	color:					#666666;
	float:					left;
	position:	 			relative;
	
}

.tekst_agenda#breed {
	width:					560px;
	position:	 			relative;
}


.agenda {
	width:					175px;
	height:					auto;
	padding-left:           5px;
	float:					left;
}

.agenda h5 {
	margin:					9px 0 0 8px;
	font-size:				14px;
	color:					#ff9900;
}

.agenda_punt_item {
	width:					200px; 
	font-size:				10px; 
	float:					left; 
	margin:					5px 5px 5px 0;
	background-color:		#feb22d; /* oude kleur = #957d4d */
}

.leesmeer {
	
	float:right;
	padding-bottom:5px;
}

.leesmeer a {
	font-size:				11px;
	font-weight:			bold;
	color:					#FF9900;
	text-decoration:		none;
	
}

hr {
	width:		100%;
	clear:		both;
}

.agenda_punt_item_img {
	border:					0px;
	width:					126px; 
	height:					120px; 
	float:					left; 
	overflow:				hidden;
	text-align:				center;
}

.agenda_punt_item_img a img {
	border:					0px;
}

.agenda_punt_item_img a:hover img{
	border:					0px;
}

.agenda_punt_item_naam {
	width:					200px;
	height:					auto;
	float:					left;
	padding-top:			2px;
	color:					#FFFFFF;
	text-align:				left;
	line-height:			normal;
	font-weight:			bold;
}

.agenda_punt_item_desc {
	width:					126px;
	height:					20px;
	float:					left;
	padding-top:			10px;
	color:					#FFFFFF;
	text-align:				left;
	margin-left:			2px;
	line-height:			normal;
}

.agenda_punt_item_desc a {
	color:				#CCCCCC;
}

.agenda_punt_item_desc a:hover {
	color: 				#FFFFFF;
}

.agenda_punt_item_short_decs {
	width:				126px;
	height:				auto;
	float:				left;
	color:				#333;
	text-align:			left;
}


.agenda_item_img {
	float:				left;
	width:				200px;
	height:				150px;
	overflow:			hidden;
	border:				0px;
}

.agenda_item_img a img {
	border:				0px;
}

.agenda_item_titel {
	width:				200px;
	height:				auto;
	float:				left;
	color:				#666;
}	

.agenda_item_desc {
	width:				200px;
	height:				auto;
	text-align:			justify;
	color:				#666;
}

.agenda_item_datum {
	width:				200px;
	height:				auto;
	float:				left;
	margin-top:			10px;
	text-align:			justify;
	color:				#666;
}

.prijs_item {
	width:				200px;
	height:				auto;
	float:				left;
}

.agenda_item_tijd {
	width:				200px;
	height:				auto;
	float:				left;
	text-align:			left;
	color:				#666;
}

.agenda_item_terug {
	width:				200px;
	height:				auto;
	float:				left;
	cursor:				pointer;
} 

.agenda_item_terug a {
	color:				#000;
}


.agenda_item_terug a:hover {
	color: 				#666;
	font-weight:		bold;
}

label {
	width:				160px;
	height:				20px;
	display:			block;
	float:				left;
}

.reserveren li {
	list-style:			none;
	clear:				both;
	margin-bottom:		5px;
	}

.reserveren li ul {
	margin:			0;
padding:				0;
	}
	
.reserveren input {
	width:						150px;
	background-color: 			#f4f4f4;
	background-image: url(../images/inputtextbg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-x-position: center;
	background-y-position: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	}	
	
input.calendarDateInput	{
	width:						50px;
	background-color: 			#f4f4f4;
	background-image: url(../images/inputtextbg.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-x-position: center;
	background-y-position: top;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;

}
	
	
.reserveren .checkbox {
	width:		30px;

}