/* General settings */

/*
Groen: #226665;
Groen2: #0d5655;
Rood: #e72d2a;
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background: url("../images/backgroundBody3.jpg");
	/*background-color: #666;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333;
}

#container {
	text-align: center;
}

	#page {
		width: 820px;
		margin: 0 auto;
		overflow: hidden;
	}
	
		#cardContainer {
			background: url("../images/backgroundCard.png") no-repeat;
			width: 752px;
			height: 602px;
			padding: 24px;
		}
		
			#card {
				text-align: left;
				width: 730px;
				height: 580px;
				padding: 10px;
				/*
				border: #000 1px solid;
				background: url("../images/onderkanttest.jpg") no-repeat bottom;
				*/
				background-color: #fff;
			}
			
			#cardContent {
				z-index: 1;
				position: relative;
				width: 730px;
				height: 530px;
				/*background: url("../images/foto1.jpg") no-repeat;*/
			}
			
			#navBar {
				z-index: 2;
				position: relative;
				height: 35px;
				margin: -35px 0 0 0;
			}
			
			#nav {
				margin: 0 0 0 5px;
				list-style: none;
			}
			
			#navBar ul {
			}
				
			#navBar ul li {
				width: 125px;
				height: 35px;
				line-height: 35px;
				text-align: center;
				float: left;
				margin: 0 3px 0 0;
			}

			.tab-inactive, .tab-active, .tabklein-inactive, .tabklein-active { font-weight: bold; cursor: pointer; }
			
			.tab-inactive { background: url("../images/tab-inactive.png") no-repeat; color: #eee; }
			.tab-inactive:hover { color: #333; }
			.tab-active { background: url("../images/tab-active.png") no-repeat; color: #333; }

			.tabklein-inactive { background: url("../images/tabklein-inactive.png") no-repeat; color: #eee; }
			.tabklein-inactive:hover { color: #333; }
			.tabklein-active { background: url("../images/tabklein-active.png") no-repeat; color: #333; }
			
			#navBottom {
				z-index: 3;
				position: relative;
				clear: both;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-weight: bold;
				font-size: 24pt;
				color: #0d5655;
				width: 730px;
				height: 50px;
				line-height: 50px;
				background-color: #fff;
			}
			
			.hidden {
				font-size: 10pt;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				line-height: 1em;
				font-weight: normal;
				z-index: 4; 
				position: relative; 
				display: none; 
				height: 350px; 
				width: 730px; 
				clear: both; 
				color: #333; 
				padding: 2em 0 0 0;
				background-color: #fff;
			}
			
				.hiddenMain {
					float: left;
					width: 575px;
					height: 350px;
					margin: 0 5px 0 0;
					line-height: 1.25em;
					overflow: auto;
					scrollbar-face-color: #fff;
					scrollbar-shadow-color: #fff; 
					scrollbar-highlight-color: #fff; 
					scrollbar-3dlight-color: #fff; 
					scrollbar-track-color: #fff;
					scrollbar-arrow-color: #333; 
				}
				
				.hiddenSub {
					float: left;
					width: 140px;
					background-color: #eee;
					padding: 5px;
					line-height: 1.5em;
				}
			
	#footer {
		z-index: 1000;
		position: relative;
		background: url("../images/backgroundBottominfo.png") repeat-x;
		width: 100%;
		height: 50px;
		padding: 8px 0 0 0;
		text-align: left;
	}
		
		#footer div {
			float: left;
			margin: 5px 10px 0 0;
			height: 45px;
		}
		
/* tools */
.spacer {
	clear: both;
}

/* images */
.flag {
	float: left; 
	background-color: #fff; 
	margin-right: 3px;
	cursor: pointer;
	height: 36px;
	width: 66px;
}

.flag img {
	margin: 3px;
	width: 60px;
	height: 30px;
}

.transFull {
	opacity: 1; 
	-moz-opacity: 1; 
	filter:alpha(opacity=100);
}

.transLess {
	opacity: 0.30; 
	-moz-opacity: 0.30; 
	filter:alpha(opacity=30);
}

/* forms */
.bookForm td {
	padding-right: 1em;
}

input, textarea {
	border: #333 1px solid;
}