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

html {
height:100%;
width:100%;
}

body {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	color:			#333333;
	text-align:		left;
	height:			100%;
	width:			100%;
	margin:			0px;
	margin-top:		20px;
	margin-bottom:	10px;
	padding:		0px;
	background-color:	#e47339;
	background-image:url(../images/mainbg.jpg);
	background-repeat:repeat-x;
}

	#maincontainer {
		display:	block;
		width:		900px;
		height:		auto;
		overflow:	hidden;
		margin:		0 auto 0 auto;
	}
	
		#header {
			width:		880px;
			height:		148px;
			overflow:	hidden;
			padding-left:20px;
			background-image:url(../images/main_bg_shadow.png);
		}
		
		#menutop {
			height:		60px;
			text-align:	left;
			overflow:	visible;
			color: 		#000000;	
			background-color:	none;
			background-image:url(../images/menu_top_bg.png);
		}
		
		#main {
			width:		880px;
			float:		left;
			clear:		both;
			height:		auto;
			overflow:	visible;
			padding-left:20px;
			background-image:url(../images/main_bg_shadow.png);
		}

			#mainmenu {
				float:		left;
				clear:		none;
				width:		690px;
				height:		36px;
				margin-top:0px;
				padding-top:4px;
				overflow:	visible;
				background-color:	#012e4b;
				background-image:url(../images/menu_bg.png);
			}
		
			#mainleft {
				float:		left;
				clear:		none;
				width:		170px;
				height:		100%;
				overflow:	hidden;
				padding:0px;
				background-color:#dfeef5;
			}
	
			#mainright {
				float:		left;
				clear:		none;
				width:		690px;
				height:		100%;
				min-height:	500px;
				overflow:	visible;
			}
		
				#content {
					width:		100%;
					height:		200px;
					float:		left;
					clear:		both;
					vertical-align:top;
					margin-top: 10px;
				}
				
				#content_left {
					float:		left;
					clear:		none;
					width:		480px;
					height:		auto;
					overflow:	hidden;
					vertical-align:top;
					background-color:#ffffff;
					padding:10px;
				}
				
				#content_right {
					float:		right;
					clear:		none;
					margin-top:	0px;
					width:		180px;
					padding-left:10px;
					padding-top:10px;
					height:		auto;
					overflow:	visible;
					vertical-align:top;
					background-color:#dfeef5;
				}
	
		#footer {
			position:	relative;
			width:		900px;
			height:		100px;
			overflow:	hidden;
			margin:		0 auto 0 auto;
			padding-top:7px;
			background-image:url(../images/footer_bg.png);
			background-repeat:no-repeat;
			color:#000000;
			font-size:12px;
		}

img {
	border:		none;
	padding:	0px;
}


<!-- Classes -->

.standaard {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	color:			#333333;
	text-align:		left;
	line-height:	normal;
	letter-spacing:	normal;
}

.p_header {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	font-weight:	bold;
	color:			#01304f;
	text-align:		left;
}

.header {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	font-weight:	bold;
	color:			#01304f;
	text-align:		left;
	line-height:	normal;
	letter-spacing:	1px;
	padding-bottom:4px;
	border-bottom:solid 1px #CCCCCC;
	width:92%;
}

.error {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	display:	block;
	padding:	5px;
	color:		#000000;
	background-color:	#fe9b00;
}



<!-- Link stijlen -->

a:link {
	position:	relative;
	text-decoration:none;
}
a:visited{
	position:	relative;
	text-decoration:none;
}
a:hover {
	position:	relative;
	text-decoration:none;
}
a:active {
	position:	relative;
	text-decoration:none;
}

.topmenu_first:link {
	position:	relative; 
	float:		left;
	clear:		both;
	height:23px;
	margin-top:22px;
	text-indent:25px;
	padding-top:8px;
	padding-left:15px;
	padding-right:15px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.topmenu:link {
	position:	relative; 
	float:		left;
	clear:		both;
	height:23px;
	margin-top:22px;
	text-indent:25px;
	padding-top:8px;
	padding-left:15px;
	padding-right:15px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.topmenu:visited {
	position:	relative; 
	float:		left;
	clear:		both;
	height:23px;
	margin-top:22px;
	text-indent:25px;
	padding-top:8px;
	padding-left:15px;
	padding-right:15px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.topmenu:active {
	position:	relative; 
	float:		left;
	clear:		both;
	height:23px;
	margin-top:22px;
	text-indent:25px;
	padding-top:8px;
	padding-left:15px;
	padding-right:15px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.topmenu:hover {
	position:	relative; 
	float:		left;
	clear:		both;
	height:23px;
	margin-top:22px;
	text-indent:25px;
	padding-top:8px;
	padding-left:15px;
	padding-right:15px;
	color:#cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}


.mainmenu_first:link {
	position:	relative; 
	float:		left;
	clear:		both;
	height:23px;
	padding-left:15px;
	padding-right:15px;
	padding-top:8px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.mainmenu:link {
	position:	relative; 
	float:		left;
	clear:		both;
	height:23px;
	padding-left:15px;
	padding-right:15px;
	padding-top:8px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.mainmenu:visited {
	position:	relative; 
	float:		left;
	clear:		both;
	height:23px;
	padding-left:15px;
	padding-right:15px;
	padding-top:8px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.mainmenu:active {
	position:	relative; 
	float:		left;
	clear:		both;
	height:23px;
	padding-left:15px;
	padding-right:15px;
	padding-top:8px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.mainmenu:hover {
	position:	relative; 
	float:		left;
	clear:		both;
	height:23px;
	padding-left:15px;
	padding-right:15px;
	padding-top:8px;
	color:#cccccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

.footer_link:link {
	color: #000000;
	text-decoration:none;
}
.footer_link:visited {
	color: #000000;
	text-decoration:none;
}
.footer_link:hover {
	color: #ee7e02;
	text-decoration:none;
}
.footer_link:active {
	color: #000000;
	text-decoration:none;
}

.menuItem { 
	position:	relative; 
	float:		left;
	clear:		both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:	11px;
	color:		#ffffff;
	font-weight:bold;
	text-align:	left;
	text-indent:10px;
	text-decoration:none;
	margin-top:	2px;
	padding-top:4px;
	height:		18px;
	width:		170px;
	overflow:	hidden;
	background-color:#012e4b;
	background-image:url(../images/menu_bg_small.png)
}

.menuItem:hover {
	position:	relative; 
	float:		left;
	clear:		both;
	cursor:		pointer;
	background-color:#024e80;
	background-image:url(../images/menu_bg_small_hover.png)
}


<!-- Dropdown lijsten -->

.dropdownOver 		{float:left; width:130px; display:block; margin-top:0px; text-align:left; cursor:default; vertical-align:top;}
.dropdownOver dt 	{
	display:block;
	height:20px;
	padding-left:15px;
	padding-right:15px;
	padding-top:3px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	border-right: solid 2px #000000;
	border-left: solid 2px #000000;
}
.dropdownOver dt:hOver {}
.dropdownOver dd 	{position:absolute; margin-left:-15px; overflow:visible; width:230px; display:none; background:none; z-index:200; text-align:left; opacity:0}
.dropdownOver ul 	{width:230px; margin:0px; text-align:left; list-style:none; border-top:none; background: none;}
.dropdownOver li 	{display:inline;}
.dropdownOver a, .dropdownOver a:active, .dropdownOver a:visited {display:block; font-size:11px; border:solid 1px #666666; margin-top:3px; padding:3px; color:#000000; text-align:left; text-decoration:none; background:#ffffff; width:180px}
.dropdownOver a:hover 	{background:#cccccc; color:#000}


.dropdownColleges 		{float:left; width:100px; display:block; margin-top:0px; text-align:left; cursor:default; vertical-align:top;}
.dropdownColleges dt 	{
	display:block;
	height:20px;
	padding-left:15px;
	padding-right:15px;
	padding-top:3px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
.dropdownColleges dt:hOver {}
.dropdownColleges dd 	{position:absolute; margin-left:-15px; overflow:visible; width:230px; display:none; background:none; z-index:200; text-align:left; opacity:0}
.dropdownColleges ul 	{width:230px; margin:0px; text-align:left; list-style:none; border-top:none; background: none;}
.dropdownColleges li 	{display:inline;}
.dropdownColleges a, .dropdownColleges a:active, .dropdownColleges a:visited {display:block; font-size:11px; border:solid 1px #666666; margin-top:3px; padding:3px; color:#000000; text-align:left; text-decoration:none; background:#ffffff; width:180px}
.dropdownColleges a:hover 	{background:#cccccc; color:#000}


.dropdownLanguage 		{float:left; width:170px; display:block; margin-top:0px; text-align:left; cursor:default; vertical-align:top;}
.dropdownLanguage dt 	{
	display:block;
	height:20px;
	padding-left:15px;
	padding-right:15px;
	padding-top:3px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
.dropdownLanguage dt:hOver {}
.dropdownLanguage dd 	{position:absolute; margin-left:-15px; overflow:visible; width:230px; display:none; background:none; z-index:200; text-align:left; opacity:0}
.dropdownLanguage ul 	{width:230px; margin:0px; text-align:left; list-style:none; border-top:none; background: none;}
.dropdownLanguage li 	{display:inline;}
.dropdownLanguage a, .dropdownLanguage a:active, .dropdownLanguage a:visited {display:block; font-size:11px; border:solid 1px #666666; margin-top:3px; padding:3px; color:#000000; text-align:left; text-decoration:none; background:#ffffff; width:180px}
.dropdownLanguage a:hover 	{background:#cccccc; color:#000}


.dropdownCountries 		{position: relative; float:left; width:110px; display:block; margin-top:0px; text-align:center; cursor:default; vertical-align:top;}
.dropdownCountries dt 	{
	display:block;
	height:23px;
	margin-top:22px;
	padding-top:8px;
	padding-left:15px;
	padding-right:15px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}
.dropdownCountries dt:hOver {}
.dropdownCountries dd 	{position:absolute; margin-left:-50px; overflow:visible; width:110px; display:none; background:none; z-index:200; text-align:left; opacity:0}
.dropdownCountries ul 	{width:110px; margin:0px; text-align:left; list-style:none; border-top:none; background: none;}
.dropdownCountries li 	{display:inline;}
.dropdownCountries a, .dropdownCountries a:active, .dropdownCountries a:visited {display:block; font-size:12px; border:solid 1px #666666; margin-top:3px; padding:3px; color:#ffffff;font-weight:bold; text-align:center; text-decoration:none; background:#ffffff; background-image:url(../images/menu_bg_small.png); width:110px}
.dropdownCountries a:hover 	{background:#cccccc; background-image:url(../images/menu_bg_small_hover.png); color:#ffffff}


.dropdownAccomodation 		{position: relative; float:left; width:130px; display:block; margin-top:0px; text-align:center; cursor:default; vertical-align:top;}
.dropdownAccomodation dt 	{
	position: relative; 
	height:23px;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.dropdownAccomodation dt:hOver {}
.dropdownAccomodation dd 	{position:absolute; margin-top:-80px; margin-left:-70px; overflow:visible; width:140px; display:none; background:none; z-index:200; text-align:left; opacity:0}
.dropdownAccomodation ul 	{width:140px; margin:0px; text-align:left; list-style:none; border-top:none; background: none;}
.dropdownAccomodation li 	{display:inline;}
.dropdownAccomodation a, .dropdownAccomodation a:active, .dropdownAccomodation a:visited {display:block; font-size:12px; border:solid 1px #666666; margin-top:3px; padding:3px; color:#ffffff; font-weight:bold; text-align:center; text-decoration:none; background:#ffffff; background-image:url(../images/menu_bg_small.png); width:130px}
.dropdownAccomodation a:hover 	{background:#cccccc; background-image:url(../images/menu_bg_small_hover.png); color:#ffffff}


.dropdownAbout 		{position: relative; float:left; width:110px; display:block; margin-top:0px; text-align:center; cursor:default; vertical-align:top;}
.dropdownAbout dt 	{
	display:block;
	height:23px;
	margin-top:22px;
	padding-top:8px;
	padding-left:15px;
	padding-right:15px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	z-index:200;
}
.dropdownAbout dt:hOver {}
.dropdownAbout dd 	{position:absolute; margin-left:-50px; overflow:visible; width:140px; display:none; background:none; z-index:200; text-align:left; opacity:0}
.dropdownAbout ul 	{width:140px; margin:0px; text-align:left; list-style:none; border-top:none; background: none; z-index:200;}
.dropdownAbout li 	{display:inline;}
.dropdownAbout a, .dropdownAbout a:active, .dropdownAbout a:visited {display:block; font-size:12px; border:solid 1px #666666; margin-top:3px; padding:3px; color:#ffffff; font-weight:bold; text-align:center; text-decoration:none; background:#ffffff; background-image:url(../images/menu_bg_small.png); width:110px}
.dropdownAbout a:hover 	{background:#cccccc; background-image:url(../images/menu_bg_small_hover.png); color:#ffffff}

/* Dropdown-simple menus */

#dropmenudiv {
position:absolute;
margin-left:10px;
margin-top:10px;
border-bottom: none;
line-height:14px;
z-index:500;
background: none;
}

#dropmenudiv a {
width: auto;
display: block;
padding: 5px;
text-decoration: none;
text-align:center;
font-family:Arial, Verdana;
font-size:11px;
font-weight:bold;
color:#ffffff;
margin-top:0px;
letter-spacing:1px;
background-image:url(../images/menu_bg_small.png);
}

#dropmenudiv a:hover{ /*hover background color*/
background-image:url(../images/menu_bg_small_hover.png);
}



<!-- Standaard elementen -->

table {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:12px;
}

tr {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:top;
}

td {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:12px;
}

input
{
	vertical-align:middle;
	background-color:#FFFFFF;
	color:#333333;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:11px;
	border: solid 1px #cccccc;
}
input:hover
{
	border: solid 1px #666666;
}

input:invisible {
	width: 20px;
	height: 20px;
	background: transparent url(../images/btn_invisible.gif) no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
	}
input:visible {
	width: 20px;
	height: 20px;
	background: transparent url(../images/btn_visible.gif) no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
	}

button {
	vertical-align:middle;
	background-color:#FFFFFF;
	color:#333333;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:11px;
	border: solid 1px #cccccc;
}

select
{
	color:#333333;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:11px;
}

textarea {
	vertical-align:middle;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FFFFFF;
	border: solid 1px #cccccc;
}

select {
	vertical-align:middle;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#FFFFFF;
	color:#333333;
	border: solid 1px #cccccc;
}