body  {
	margin : 0;
	font-size : 13px;
	color : #000;
	font-family : arial;
	border : 0 none inherit;
	background-color: #fff;
	scrollbar-face-color:#EFDFBD;
	scrollbar-arrow-color:#015150;
	scrollbar-highlight-color:#015150;
	scrollbar-shadow-color:#015150;
}


body.header {
	background-image : url(/images/intro_headerbospark.jpg);
	background-repeat : no-repeat;
	background-attachment : fixed;
	background-position : 0% 0%;
	background-color : #EFDFBD;
}
body.left {
	background-color : #015150;
}
body.right {
	background-color : #EFDFBD;
}





/*
* Menu Left
*
**/
#navcontainer { width: 132px; }

#navcontainer ul	{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

#navcontainer a	{
	display: block;
	padding: 3px;
	width: 130px;
	background-color: #015150;
	border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited	{
	color: #EEE;
	text-decoration: none;
}

#navcontainer a:hover	{
	background-color: #EBBB03;
	color: #fff;
}

a:link {
	font-size : 13px;
	color : #ffffff;
	font-family : arial;
	text-decoration : none;
}
a:visited {
	font-size : 13px;
	color : #ffffff;
	font-family : arial;
	text-decoration : none;
}
a:hover {
	font-size : 13px;
	color : #000;
	font-family : arial;
	text-decoration : underline;
}




/*
* Content
*
**/


#contentBody {
	float: right;  
	margin : 0;
	padding: 10px;
	overflow: hidden;
}


#contentBody a:link {
	color : #333;
	text-decoration : underline;
}
#contentBody a:visited {
	color : #333;
}
#contentBody a:hover {
	color : #EBBB03;
}




p, li, td{
	color: #333;
	font: 13px Arial, sans-serif;
}


#headerReserveren
{
	background: url("/images/headerReserveren.jpg") no-repeat top left;
	position: relative;
	top: 0px;
	left: 0px;
	height: 51px;
	margin-top: 0px;

}


h1
{
	font: 18px Arial, sans-serif;
	font-weight: bold;
	color: #333;
	text-align:left;
	margin-top: 0px;
	margin-left: 47px;
	margin-bottom: -20px;
}

h2
{	
	font: 11px "Arial Narrow", sans-serif;
	color: #666666;
	text-transform: uppercase;
	text-align:left;
	width: 365px;
	margin: 0px;
	margin-bottom: 0px;
	margin-left: 47px;
	padding-top: 3px;
}

h3	{
	font: 16px Arial, sans-serif;
	font-weight: bold;
	color: #015150;
	text-align:left;
}


h4	{
	font: 18px Arial, sans-serif;
	font-weight: bold;
	color: ebbb01;
	text-align:center;
}


#headerHome	{
	background: url("/images/headerHome.jpg") no-repeat top left;
	position: relative;
	top: 0px;
	left: 0px;
	height: 51px;
	margin-top: 0px;
}

#headerRestaurant
{
	background: url("/images/headerRestaurant.jpg") no-repeat top left;
	position: relative;
	top: 0px;
	left: 0px;
	height: 51px;
	margin-top: 0px;

}

#headerOmgeving
{
	background: url("/images/headerOmgeving.jpg") no-repeat top left;
	position: relative;
	top: 0px;
	left: 0px;
	height: 51px;
	margin-top: 0px;

}

#headerChalet
{
	background: url("/images/headerChalet.jpg") no-repeat top left;
	position: relative;
	top: 0px;
	left: 0px;
	height: 51px;
	margin-top: 0px;

}







.border {
	border: 1px solid #015150;
}

fieldset
{

	padding: 10px;
}

legend
{
	color: #333;
	font-size: 14px;
	font-weight: bold;

	padding: 2px 6px
} 


/**
 * Form validation classes
 */
.fv-req {
	background-color: #ebbb01;
	border: 1px solid #919C3B;
	font-family: verdana, arial, helvetica, sans-serif;
	font: 90% Verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
}

.fv-forget {
	background-color: #9BA542;
	border: 1px solid #ebbb01;
	font-family: verdana, arial, helvetica, sans-serif;
	font: 90% Verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
}

.fv-syntax {
	background-color: #C6C83B;
	border: 1px solid #C6C83B;
	font-family: verdana, arial, helvetica, sans-serif;
	font: 90% Verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
}

input 		{
	font: 90% Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	border: 1px solid #ebbb01;
	background-color : #FFF;
	color: #015150;
}

textarea, select	{
	font: 90% Verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
	text-decoration: none;
	text-align:left;
	border: 1px solid #ebbb01;
	background-color : #FFF;
	color: #015150;
}