@charset "utf-8";

/** common **/
	* {
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-family: Trebuchet MS, verdana, arial, sans-serif;
		color: #000000;
		}
	html, body {
		} 
	body {
		margin: 0;
		background: #D3E2FF;
		min-width: 960px;
		} 
	* html body {
		margin: 0;
	}
	#wrap {
		margin: 0;
		padding-top: 20px;
		height: 95%;
		text-align: center;
		}
	#middle {
		height: auto;
		width: 900px;
		min-height: 90%; 
		background: white;
		margin: 0 auto;
		text-align: left;
		border: 1px solid #003399;
		border-bottom: 0;
		background-image: url("../images/design/bg.gif");
		background-repeat: repeat-y;
		background-position: 1px 0;
	}
	* html #middle {
		/* \*/ height: 92%; /* IE MAC ignores */
		}
	.clearer {
		height:1px;
		overflow:hidden;
		margin-top:-1px;
		clear:both;
	}
	.right_clearer {
		height:1px;
		overflow:hidden;
		margin-top:-1px;
		clear:right;
	}
	#footer {
		width: 900px;
		text-align: center;
		background: yellow;
		margin: 0 auto;
		border: 1px solid #003399;
		border-top: 0px;
	}
	* html #footer {
		width: 902px;
	}
	#footer_language {
		float: left;
	}
	#footer_language img {
		border: 0;
		margin: 8px 0 8px 8px;
	}
	#footer_content {
		border: 1px solid #fff;
		background: #003399;
		text-align: right;
		padding: 7px 10px;
		color: #fff;
		font-size: 11px;
	}
	#bottom_menu {
		padding: 8px 0 12px 0;
		text-align: center;
	}
	hr {
		background-color: #003399;
		border: 0;
		color: #003399;
		height: 1px;
		margin: 10px 0 10px 0;
	}
	* html hr
	{
		margin: 5px 0 5px 0;
	}
	html>body #minheight{
		float:right;
		width:0px;
		height:800px;
		/* \*/ height: auto; /* IE MAC ignores */
	}
	a {
		color: #003399;
	}
	a:hover {
		color: #000;
	}
	h1 {
		font-size: 16px;
		margin-bottom: 16px;
		color: #003399;
	}
	h2 {
		font-size: 14px;
		margin-bottom: 16px;
		color: #003399;
	}
	h3, h4, h5, h6 {
		font-size: 12px;
		margin-bottom: 0px;
		color: #003399;
	}
	ul {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	ol {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	li {
		margin-left: 24px;
	}
	blockquote {
		margin-left: 30px;
	}
	.center {
		text-align: center;
	}
	option {
		padding: 0 3px;
	}
/** site elements **/
	#top {
		position: relative;
		width: 898px;
		height: 14px;
		background-color: #003399;
		border: 1px solid #fff;
	}
	* html #top {
		width: 900px;
		height: 16px;
	}
	#header {
		position: relative;
		width: 900px;
		height: 143px;
		background-color: #fff;
		background-image: url("../images/design/header.jpg");
		background-position: 1px 1px;
		background-repeat: no-repeat;
		border-bottom: 1px solid #003399;
		border-top: 1px solid #003399;
	}
	* html #header {
		height: 145px;
	}
	#left_column {
		float: left;
		width: 170px;
		margin-bottom: 10px;
	}
	#content {
		margin-left: 173px;
		width: 719px;
		margin-bottom: 10px;
	}
	* html #content {
		width: 720px;
		margin-right: 0px;
		margin-left: 0px;
	}
/** horizontal menu **/
	.hmenu
	{
		position: relative;
		top: 149px;
		border-top: solid 0px blue;
		border-bottom: solid 0px blue;
	}
	.hmenu, .hmenu ul li a
	{
		padding-top: 3px;
		line-height: 14px;
		padding-bottom: 4px;
	}
	.hmenu ul, .hmenu ul li
	{
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.hmenu ul li a
	{
		margin: 0 -1px 0 0;
		padding-left: 10px;
		padding-right: 10px;
		border-left: solid 1px #000;
		border-right: solid 1px #000;
		white-space: nowrap;
		color: #000000;
		background: white;
	}
	.hmenu ul li a:hover, .hmenu ul .active a
	{
		color: red;
		background: #f1f1f1;
	}
	* html .hmenu ul li, * html .hmenu ul li a
	{
		width: 1%; /* IE/Mac needs this */
		display: inline-block;	/* IE/Mac needs this */
		/* \*/
			width: auto;
			display: inline; 
			position: relative;
		/* reset above hack */
	}
	* html .hmenu, * html .hmenu ul a
	{
		/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
					 IE/Mac will ignore this rule. */
	}
	* html .HMENU
	{
		padding: 0;	
	}
/** vertical menu **/
	.vmenu1 ul, .vmenu1 ul li
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: block;
	}
	.vmenu1 ul
	{
		border: solid 1px #000;
		border-bottom-width: 0;
	}
	.vmenu1 ul li
	{
		border-bottom: solid 1px #000;
	}
	.vmenu1 ul li a
	{
		display: block;
		text-decoration: none;
		padding: 2px 10px;
		color: #000000;
		background: white;
	}
	.vmenu1 ul li a:hover, .vmenu1 ul .active a
	{
		color: red;
		background: #f1f1f1;
	}
	* html .vmenu1 ul li a/* hide from IE5.0/Win & IE5/Mac */
	{
		height: 1%;
	}
	* html .vmenu1 ul
	{
		position: relative;	/* IE needs this to fix a rendering problem */
	}
/** DefaultPage **/
	#DefaultPage {
		float: left;
		margin-left: 0px;
		padding: 20px 0px 10px 30px;
		line-height: 16px;
		width: 579px;
	}
	* html #DefaultPage {
		width: 589px;
	}
/** DefaultForm **/
	.DefaultForm {
	}
	.DefaultForm p {
	}
	.DefaultForm fieldset {
		border-width: 0px;
		border-color: white;
		border-style: solid;
		padding: 10px 0;
	}
	.DefaultForm legend {
		font-weight: bold;
		border-left: 1px solid gray;
		border-right: 1px solid gray;
		background-color: white;	
	}
	.DefaultForm label {
		float: left;
		width: 120px;
		padding: 0 0 0 0;
		margin: 5px 0 0 0;
		clear: left;
		line-height: normal;
	}
	.DefaultForm input, 
	.DefaultForm select, 
	.DefaultForm textarea {
		margin: 2px 0;
	}
	.DefaultForm .submit {
		margin-top: 10px;
		padding: 4px;
	}
	/** javascript error-handling **/
	.DefaultForm input.error, 
	.DefaultForm select.error, 
	.DefaultForm input.error:focus, 
	.DefaultForm select.error:focus {
		padding-right: 16px; 
		border: 2px solid red; 
		background-image: url(/images/warning_obj.gif); 
		background-position: right; 
		background-repeat: no-repeat;
	}
	.login_error {
		color: red;
		margin-bottom: 12px;
	}
/** FORM FOOTER **/
	.form_footer {
		text-align: right;
	}

/** ITEM LIST **/

	.item_list, .item_list_clearfix {
		min-height: 160px;
		border-bottom: 1px solid #003399;
		margin-bottom: 10px;
	}
	* html .item_list, * html .item_list_clearfix {
		height: 160px;
	}
	.item_list img, .item_list_clearfix img {
		float: left;
		margin-right: 30px;
		border: 0;
	}
	.item_list_clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: right; 
		visibility: hidden;
	}
	.item_list_clearfix {
		display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .item_list_clearfix {height: 1%;}
	.item_list_clearfix {display: block;}
	/* End hide from IE-mac */
	
	.item_list .lees_meer, .item_list_clearfix .lees_meer {
		text-align: right;
		margin-top: 10px;
	}

/** ITEM LIST FOOTER **/

	.item_list_footer {
	}

/** MODULE PHOTO **/


	.photoalbum_table {
		
	}
	.photoalbum_table td {
		padding: 1px;
	}
	#photo_nav_left {
		float: left;
	}
	#photo_nav_right {
		float: right;
	}

/** Pagina navigatie **/

	#pagina_navigatie {
		text-align: right;
		margin: 4px 0;
	}
	#pagina_navigatie a {
	}
	#pagina_navigatie .number a {
		border: 1px solid #eeeeee;
		margin: 0px;
		padding: 1px 5px;
	}
	#pagina_navigatie .number_active a {
		border: 1px solid #000000;
		margin: 0px;
		padding: 1px 5px;
		color: #000000;
	}



.vmenu ul.makeMenu, .vmenu ul.makeMenu ul {
  width: 170px;                 /* sets the size of the menu blocks */
  border: 1px solid #FFF;      /* puts a black border around the menu blocks */
  border-bottom: 0;
  background-color: #003399;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding: 0px;           /* stops the usual indent from ul */
  cursor: pointer;             /* gives an arrow cursor */
  margin: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
}
.vmenu ul.makeMenu {
}
.vmenu ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #fff;                 /* sets the default font colour to white */
  border-bottom: 1px solid #FFF;      
}
.vmenu ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: -1px;                    /* position slightly lower than the parent menu item */
  left: 170px;                  /* this must not be more than the width of the parent block, or the mouse will*/
  z-index: 20;                   /*           have to move off the element to move between blocks, and the menu will close */
}
.vmenu ul.makeMenu li:hover, .vmenu ul.makeMenu li.CSStoHighlight {
  background-color: #174BBD;      /* gives the active menu items a yellow background */
  color: #000;                 /* makes the active menu item text black */ 
}
.vmenu ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
.vmenu ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
.vmenu ul.makeMenu li a { color: #fff; display: block; width: 150px; text-decoration: none; font-weight: bold; padding: 5px 10px; text-align: center;}
.vmenu ul.makeMenu li a:hover, .vmenu ul.makeMenu li a.CSStoHighLink { color: #FFF; }
.vmenu ul.makeMenu li:hover > a { color: #FFF; } /* supports links in branch headings - should not be display: block; */

#breadcrumb {
	font-size: 11px;
	color: #A9A9A9;
}
#breadcrumb a {
	font-size: 11px;
	color: #A9A9A9;
}
#breadcrumb a:hover {
	color: #003399;
}






#photo_album {
		float: right;
		width: 579px;
	}

#photo_album ul {
	padding:0; 
	margin:0; 
	list-style:none; 
	height:auto; 
	z-index:10;
	}

#photo_album ul li {
	display:block; 
	float:left;
	}

#photo_album ul li {
	display:inline; 
	float:left; 
	margin:0;
	}

#photo_album ul li a {
	display:block; 
	width:110px; 
	height:85px; 
	cursor:pointer; 
	float:left; 
	text-decoration:none; 
	}

#photo_album ul li a img {
	display:block; 
	width:100px; 
	height:75px; 
	border:1px solid #003399;
	}

#photo_album ul li a:hover {
	white-space:normal; 
	position:relative;
	}

#photo_album ul li a:hover img {
	position:absolute; 
	left:-50px; 
	top:-32px; 
	width:200px; 
	height:150px; 
	border: 1px solid #D3E2FF;
	}


.table_reserveren {
	border: 1px solid #003366;
	border-bottom: 0px;
	border-right: 0px;
}
.table_reserveren td {
	height: 20px;
	padding: 0px 5px;
	border-bottom: 1px solid #003366;
	border-right: 1px solid #003366;
}
.table_reserveren .td01 {
	width: 80px;
}
* html .table_reserveren .td01 {
	width: 90px;
}
.table_reserveren .td02 {
	width: 120px;
}
* html .table_reserveren .td02 {
	width: 130px;
}
.float_right {
	float: right;
}
.table_informatie .td01 {
	width: 150px;
}
.table_reserveren2 .td01 {
	width: 200px;
}
.table_reserveren2 .td02 {
	width: 20px;
}
.table_reserveren2 .td03 {
	width: 30px;
	text-align: right;
}
.table_reserveren2 .total td {
	padding-top: 3px;
}
.table_reserveren2 .total .td02, .table_reserveren2 .total .td03 {
	border-top: 1px solid #000;
}


.status {
	float: left;
	width: 76px;
	padding-left: 30px;
	padding-top: 53px;
	padding-bottom: 30px;
}
* html .status {
	width: 101px;
	padding-left: 25px;
}
.status div {
	text-align: center;
	line-height: 12px;
	padding: 4px 4px;
	border-bottom: 1px solid #003399;
	font-size: 10px;
}
.status h2 {
	text-align: center;
	line-height: 12px;
	padding: 4px 0 10px 0;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	margin: 0;
}
.vrij {
}
.optie {
	background: #D3E2FF;
}
.verhuurd {
	background: #6288DB;
}
.nietbeschikbaar {
	background: #f1f1f1;
	color: #666;
}
.status span {
	display: block;
	font-size: 10px;
	font-weight: bold;
}
.status span a, .status a {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
.status span:hover a {
	text-decoration: underline;
}
.status .print {
	display: none;
}


#vksearch_kop {
padding:40px 10px 0px 10px;
color:#fff
}

#vksearch_kop strong {
color:#fff;
margin:0;
padding:0
}

#vksearch {
margin:0;
padding:0 10px
}

#vksearch legend{
display:none
}

#vksearch label {
float: none;
width: auto;
padding: 0 0 0 0;
margin: 2px 0;
color:#fff
}

#vksearch .checkbox {
margin-right: 5px;
}

#vksearch .submit{
background:#003399;
border:1px solid #fff;
margin:5px 0 0 0;
padding:0;
width:150px;
cursor:pointer;
color:#fff
}

#vksearch .select{
height:30px
}
#vksearch .select1{
padding-top:4px
}

#vksearch .select label{
display:block;
float:left;
padding-top:4px;
width:auto
}

#vksearch select{
width:42px;
float:right;
}

.sel1{width:50px}
.sel2{width:60px}

.page_nav{height:30px}
.page_nav_top{border-bottom:1px solid #003399;margin-bottom:10px}

.page_nav span{display:block;padding:4px 8px 4px 0;float:left;margin:0 2px 0 0;}
.page_nav a{display:block;padding:4px 12px;float:left;margin:0 2px 0 0;background:#fff;border:1px solid #003399;font-weight:bold}
.page_nav a:hover{background:#A9A9A9}
.page_nav .active:hover{background:#174bbd;color:#fff}
.page_nav .active{background:#174bbd;color:#fff}