/* 

CSS Document 

Designed by: Van der Valk Internet | Xander Kerkhof
Date: 10/12/2008

Primairy colors

dark gray   : #414141
light range : #92aec2
mid range   : #c9d7e1
dark range  : #687c8a

background content: #8f99a2
background main: #b4bbc1

*/

/* Pagina indeling */

body{
	text-align: center;
	background: #414141 url('http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/bg/bgAll.jpg') repeat-x;
	margin: 0px;
	width:100%;
	height:100%;
	}
	
body{
	scrollbar-3dlight-color:#c9d7e1;
	scrollbar-arrow-color:#c9d7e1;
	scrollbar-base-color:#414141;
	scrollbar-darkshadow-color:#414141;
	scrollbar-face-color:#b4bbc0;
	scrollbar-highlight-color:#c9d7e1;
	scrollbar-shadow-color:#414141;
	}
	
.wrapper{
	width: 780px;
	height: 580px;
	margin: 0 auto 0 auto;
	}
	
	.top{
		width: 780px;
		height: 155px;
		}

	.topMenu{
		width: 780px;
		height: 30px;
		margin: 0px;
		font: 12px Arial, Sans-serif;
		}
	
		.topMenu a{
			background: #92aec2;
			display: block;
			padding: 8px 15px 7px 15px;
			text-decoration: none;
			color: #414141;
			}
	
		.topMenu a.topMenuSelected, .topMenu a:hover{
			background: #c9d7e1;
			}

	.topMenu table{
		width: 780px;
		height: 30px; 
		text-align: center;
		vertical-align: top;
		}

		.topMenu .td{
			width: 17%;
			wrap: no-wrap;
			}

.middle{
	width: 780px;
	height: 400px;
background: #8f99a2;
	}

	/* Tussenmenu's */
	
	.menuVertSix, .menuVertSixEnd, .menuVertFive, .menuVertFour{
		width: 130px;
		height: 400px;
		align: left;
		float: left;
		display: inline;
		}
				
	.menuVertFiveEnd, .menuVertSixEnd{ align: right; }
	
	.menuVertFive{ width: 156px; }
	.menuVertFour{ 	width: 195px; }
	
	.menuVertSix input, .menuVertFive input, .menuVertFour input{
		margin: 0px 0px 0px -2px;
		padding: 0px;
		}

	/* End Tussenmenu's */
	
/* Submenu normal & small */

.submenuSmall{
	width: 200px;
	height: 400px;
	margin-left: 5px;
	position:absolute;
	z-index:2;
	}	

.submenu{
	width: 225px;
	height: 400px;
	margin-left: 220px;
	position:absolute;
	z-index:2;
	}
	
.submenu ul, .submenuSmall ul{ 
	margin: 0px 0px 0px 0px; 
	padding: 0px; 
	} 

.submenu ul li, .submenuSmall ul li{ 
	width: 225px; 
	height: 30px;
	float: left; 
	display: block;
	margin: 0px 0px 2px 0px;  
	padding: 0px;
	text-align: right;
	}

.submenuSmall ul li{ width: 205px; }

.submenu ul li a, .submenuSmall ul li a{
	font: 15px Arial;
	line-height: 30px;
	text-decoration: none;
	opacity: .6;
	filter: alpha(opacity=60); 
	display: block;
	background: #fff url('http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/items/menuBullet.jpg') no-repeat 210px;
	padding: 0px 20px 0px 0px;
	overflow: hidden;
	color: #414141;
	position: relative;
	}

.submenuSmall ul li a{ background-position: 190px; }
	
.submenu ul li a:hover, .submenu ul li a.selectedButton, .submenuSmall ul li a:hover, .submenuSmall ul li a.selectedButton{ 
	background-color: #7bbaff;
	}

/* End Submenu normal & small */

.content, .contentBig{
	text-align: left;
	float: left;
	display: inline;
	overflow: auto;
	}

.content{
	width: 325px;
	height: 390px;
	padding: 5px;
	margin: 0px;
	background: url('http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/bg/bgRightBlue.jpg') no-repeat;
	}
	
.contentBig{
	width: 560px;
	height: 400px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	}

.contentExtraBig{
	width: 735px;
	height: 400px;
	float: left;
	display: inline;
	cursor: pointer;
	}

		.contactformLeft{
			width: 100px;
			float: left;
			display: inline;
			text-align: right;
			line-height: 20px;
			}
			
		.contactformRight{
			width: 200px;
			float: left;
			display: inline;
			text-align: left;
			}

			/* Content forms */
				
			.content input, .content select, .content textarea{
				background: #b4bbc1;
				color: #414141;
				border: 1px solid #687c8a;
				margin: 0px 0px 0px 5px;
				font: normal 13px Arial, Sans-Serif;
				}
			
			.content input{
				margin: 2px 0px 0px 5px; 
				padding: 1px 3px 1px 3px;
				}
			
			.content input.highlight, .content textarea.highlight {
				background: #c9d7e1;
				}

			.content .btnForm {
				border: 2px solid #687c8a;
				border-style: groove;
				}	

	/* content items */
	
	.content tr{
		vertical-align: top;
		}
	
	td#leftArea{
		background: #414141;
		}
			
	.content ul{
		margin: 5px 0px 0px 0px;
		padding: 0px 0px 0px 30px;
		}
	
	.content ul li{
		font: 12px arial;
		color: #fff;
		margin: 0px;
		list-style-image: url('http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/items/contentBullet.jpg');
		padding: 0px 0px 4px 0px;
		}
		
	.content a{
		text-decoration: none;
		color: #5d6870;
		}
		
	.content a:hover{
		color: #666;
		}
		
	/* packages */

	.content .packageBlock{
		background: url('http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/bg/bgWhite40.png');
		padding: 5px 2px 5px 4px;
		margin: 0px 0px 10px 0px;
		overflow: no;
		float: left;
		display: inline;
		}
	
	.content .packageBlock .priceBlock{
		background: url('http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/bg/bgWhite40.png');
		margin: 10px 0px 5px 0px;
		padding: 10px 2px 10px 5px;
		border: 1px solid #687c8a;
		font: Arial, Sans-Serif;
		}
	
	.content .packageBlock .priceBlock p{
		font: 11px Arial, sans-serif;
		margin: 0px 0px 5px 0px;
		}
	
	.content .packageBlock p, .content .packageBlock li{ color: #666;	}
	.content .packageBlock p.bold{ font-weight: bold; }
	
	.content .packageBlock h1{
		color: #687c8a;
		font-weight: bold;
		}
		
		/* /packages */
		
		/* videotabs */
		
		#videoTabs{
			height: 30px;
			width: 445px;
			border-bottom: 3px solid #687c8a;
			}
			
		#videoTabs ul{ 
			margin: 0px; 
			padding: 0px; 
			} 
		
		#videoTabs ul li{ 
			height: 30px;
			border-right: 1px solid #414141;
			float: left; 
			display: block;
			list-style: none;
			}
		
		#videoTabs ul li a{
			font: 12px arial;
			line-height: 30px;
			text-decoration: none;
			display: block;  
			padding: 0px 15px 0px 15px;
			overflow: hidden;
			color:#414141;
			background-color: #c9d7e1;
			}
			
		#videoTabs ul li a:hover{ 
			background: #92aec2;
			}
		
		#videoTabs ul li a.selected{ 
			background: #687c8a;
			}
			
		/* /videotabs */
	
.bottom{
	width: 780px;
	height: 25px;
	font: 11px Arial, Sans-serif;
	color: #c9d7e1;
	}
	
	.bottomMenu{
		height: 20px;
		margin: 5px 10px 0px 0px;
		text-align: right;
		float: right;
		display: inline;
		}
	
	.bottomMenu a{
		text-decoration: none;
		color: #c9d7e1;
		}
		
	.bottomMenu a:hover{
		color: #fff;
		}
	
	.bottomLanguage{
		width: 25px;
		height: 22px;
		padding: 3px 0px 0px 0px;
		float: right;
		display: inline;
		}
	
		.languageItem{
			width: 25px;
			height: 19px;
			padding: 0px 0px 0px 2px;
			float: right;
			display: inline;
			}
		
		.languageItem a{
			width: 25px;
			height: 19px;
			background: #414141;
			text-align: center;
			line-height: 19px;
			color: #fff;
			font: 10px;
			text-decoration: none;
			display: block;
			}
	
		.languageItem a:hover, .languageItem a.selectedLanguage{
			background: #90aabc;
			}

.footerImages{
	width: 780px;
	height: 35px;
	padding: 10px 0px 0px 0px;
	}

	.footerImages img{
		padding: 0px 0px 0px 20px;
		border-style: none; 
		float:right; 
		display: inline; 
		}
	
	.footerImages a.hackerSafe img{
		padding: 0px;	
		float: left; 
		display: inline;
		}
		
/* items */
	
	hr{
		clear: both;
		border: none; 
		border-bottom: 1px solid #c9d7e1;
		height:0px;
		padding: 5px 0px 0px 0px;
		}
		
	h1{
		font: normal 15px Arial, Sans-Serif;
		color: #c9d7e1;
		margin: 0px 0px 8px 0px;
		padding: 2px 0px 0px 0px;
		}
	
	.content a.btnEnter, .content a.btnNormal{
		background: #90aabc;
		border: 1px solid #c9d7e1;
		padding: 2px 7px 2px 7px;
		font: 12px Arial, sans-serif;
		text-decoration: none;
		color: #414141;
		float: right;
		}
		
		.content a.btnNormal{
			float:left;
			}
	
		.content a.btnEnter:hover, .content a.btnNormal:hover{
			background: #c9d7e1;
			}

	.btnBackNl, .btnBackDe, .btnBackEn{
		width: 45px;
		height: 400px;
		float: left;
		display: inline;
		}

	.btnBackNl{
		background: url('http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/items/btnBackLargeNl.jpg');
		}
		
	.btnBackDe{
		background: url('http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/items/btnBackLargeDe.jpg');
		}
		
	.btnBackEn{
		background: url('http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/items/btnBackLargeEn.jpg');
		}
	
	.content p, ul, .contentBig p,
	.content tr{
		font: 13px Arial, Sans-Serif;
		color: #FFF;
		margin: 0px 0px 15px 0px;
		}
	
	.content p.bold, .content p.short, .content p.direction{
		margin: 0px;
		}
	
	.content p.bold, .content p.direction, .content p.question{
		font-weight: bold;
		}
			
	.content p.question{
		margin: 20px 0px 2px 0px;
		}
		
	/* table */
	
	.contentBig .tableOverview{
		font: 10px Arial, Verdana;
		border-collapse: collapse;
		margin: 10px 0;
		}
		
		.contentBig .tableOverview th{
			text-align: center;
			border-right: 1px solid #c9d7e1;
			padding: 1px 0px 0px 0px;
			}
		
		.contentBig .tableOverview th img{
			float: left; 
			padding: 0px 5px;
			}
		
		.contentBig .tableOverview tr{
			line-height: 16px;
			}
			
		.contentBig .tableOverview tr.oneven{
			background: #687c8a;
			color: #FFF;
			}
	
		.contentBig .tableOverview tr:hover{
			background: #92aec2;
			color: #666;
			}
			
		.contentBig .tableOverview td{
			text-align: center;
			border-right: 1px solid #b4bbc1;
			padding: 1px;
			}	
			
		.contentBig .tableOverview td.firstCel{
			text-align: left;
			font-weight: bold;
			padding: 0px 0px 0px 5px;
			}

	/* /table */

/* icons */

.content .IconText{
	height: 20px; 
	font: 12px Arial;
	color: #fff;
	text-align:center;
	}

.iconsBox{ padding-bottom: 0px;	}

		.wifi, .airco, .tv, .film, .tel, .haardroger, .bureau, .kluis, .mindervalide{
			width: 30px;
			height: 30px;
			margin: 3px;
			display: inline;
			float: left;
			}		
		
		.wifi{ background: url(http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/items/icons/wifi.gif); }
		.airco{ background: url(http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/items/icons/airco.gif); }
		.tv{ background: url(http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/items/icons/tv.gif);	}
		.film{ background: url(http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/items/icons/film.gif);	}
		.tel{ background: url(http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/items/icons/tel.gif); }
		.haardroger{ background: url(http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/items/icons/haardroger.gif);	}
		.bureau{ background: url(http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/items/icons/bureau.gif); }
		.kluis{ background: url(http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/items/icons/kluis.gif); }
		.mindervalide{ background: url(http://images.valk.com/rtID/2/hotelsite08Voorschoten/blue/items/icons/mindervalide.gif); }
		
/* /icons */