@charset "utf-8";

	
<!--
body 
{
	font-family: Arial, Verdana, Helvetica, sans-serif; /* 100%*/
	
	background-color:#90b2e5;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;	
	color: #000000;		
}
img{
border:0px;
}
/* .home*/
#container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*background: #FFFFFF;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
	top:10px;
	background-color:#ffffff;
	border:2px solid #09357b;
}
	#container #logo
	{
		margin:20px 0 10px 114px;
	}
	#container #header
	{
		width:600px;
		padding-top:20px;
		margin:0 auto;
	}
	
	.vervolg #container #header, .textpage #container #header
	{
		width:770px;
	}
	
		.home #header h1 {
			margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
			padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
			font-weight:bolder;
			font-size:25px;
			color:#00528e;	
		}
		#container #header hr
		{
			clear:both;
			margin:5px 0 0;
			padding:0;
		}
		
	
		#menu {
		  float: left;
		  width: 100%;		  
		  font-size:14px;
		  line-height: normal;		 
		  font-weight:bold; 
		  margin-left:-12px;
		  background-color:#ffffff;
		  position:relative;
		  z-index:10;
		}
		
		#menu ul {
		  margin: 0px;
		  padding: 0px;
		  list-style: none;
		}
		
		#menu ul li {
		  list-style: none;
		}
		
		#menu ul li a {
		  float: left;
		  display: block;
		  text-decoration: none;		  
		  
		}
		
		#menu a:hover,  #menu a:visited:hover
		{
			color:red;
		}
		
		#menu ul.horizontal li.level1 {
		  float: left;
		  height: 22px;
		  padding: 0px;
		  padding: 2px 10px 2px 10px;
		  /*border: 1px solid black;*/
		  background-color: white;
		}
			#menu ul.horizontal li.level1 img {
				margin-top:-3px;
			}
		
		/*#menu ul.horizontal li.level1 a {		  
		  color: black;
		}*/
		
		#menu ul.horizontal li.level1 a:hover {
		
		}
		
		#menu ul.horizontal > li.level1 a {
		  width: auto;
		}
		/* Commented Backslash Hack hides rule from IE5-Mac \*/
		#menu ul li a { float:none; }
		/* End IE5-Mac hack */
		
		#menu ul.dropdown,
		#menu ul.flyout {
		  position: absolute;
		  top: 0px;
		  left: 0px;
		  visibility: hidden;
		  width: 135px;
		  /*border-left: 1px solid #999999;
		  border-top: 1px solid #999999;
		  border-right: 1px solid #999999;*/
		  background-color: white;
		}
		
		/*#menu ul.dropdown li.level2,
		#menu ul.flyout li.level3 {
		  border-bottom: 1px solid #90B2E5;
		}*/
		
		#menu ul.dropdown li.level2 a,
		#menu ul.flyout li.level3 a {
		 
		  font-size: 11px;		  
		  color: black;
		  padding: 2px 4px 2px 5px;
		}
		
		#menu ul.dropdown li.level2 a:hover,
		#menu ul.flyout li.level3 a:hover {
		  color: red;
		  font-weight: bold;
		  /*background-color: #90B2E5;*/
		}
		
		/*#menu ul li a:active
		{
			color:red;
		}*/
		/*#container #header #menu 
		{
			list-style:none;
			margin:0;
			padding:0;
			font-size:14px;
		}
			#container #header #menu li
			{
				display: inline;
				font-weight:bold;
				color:#373737;
				margin-right:16px;
			}
				#container #header #menu li a
				{
					text-decoration:none;
				}
				
					#container #header #menu li ul
					{
						display:block;
					}
					
					/*#container #header #menu li:hover ul
					{
						display:block;
					}*/
						/*#container #header #menu li ul
						{
							
							margin-top:20px;
							float:left;
							top:50px;
							display:block;
						}
		#container #header #menu .hidden
		{
			display:none;
		}*/
	
	.home #mainContent {
		position:relative;
		top:15px;	
		width:600px;
		margin:0 auto;
		padding-bottom:30px;
	}
	
	.textpage #mainContent, .vervolg #mainContent
	{
		padding:30px 115px;
	}
	
		.textpage #mainContent, .textpage #mainContent p
		{
			font-size:14px;
			margin:0;
		}
		.textpage #mainContent h1
		{
			font-size:20px;
		}
		.textpage #mainContent h2
		{
			color:#770033;
			font-size:18px;
			margin:0 0 10px;
		}
		.textpage #mainContent ul
		{
			margin:0 0 0 15px;
			padding:0;
		}
		/*.textpage #mainContent li
		{
			list-style-position:inside;
		}*/
		
		.textpage #mainContent #vervolgTable td
		{
			padding:0 0 20px;
		}
		
		.textpage #mainContent #verkooppuntTable p
		{
			margin: 0 0 12px;
		}
		
		.textpage .locations a:link, .textpage .locations a:visited, .textpage .locations a:active
		{
			color:#666666;
			text-decoration:none;
		}
		.textpage .locations a:hover, .textpage .locations a:visited:hover
		{
			color:red;
		}

	#contentLeft
	{
		position:relative; 
		float:left; 
		/*height:458px;*/ 
	}
		#contentLeft h1, #contentLeft h2, #contentLeft p
		{
			margin:0;
			padding:0;
			color: #666666;
		}
		#contentLeft h1
		{
			font-size:17px;	
		}
		#contentLeft h2
		{
			/*padding:10px 25px 5px;*/			
			font-size:15px;
			font-weight:bold;
		}
		#contentLeft h2.subtitle
		{
			font-size:55px;
			position:absolute;
			margin-top:-30px;
			color:#00528e;
			z-index:10px;
		}
		#contentLeft p
		{		
			font-size:13px;
		}
	
		#contentLeft #text{
			position:relative;
			top:0px;
			left:0px;	
			margin:0px;
			/*height:100%;*/
			overflow-y:auto;
		}
		
		#contentLeft li
		{	
			color: #666666;
			font-size:10pt;
			list-style-position:inside;
			padding:0px 25px;
			list-style-type:disc;
		}

	.home #contentRight
	{
		position:relative; 
		float:right;		
	}
	.home.de #contentRight{	margin-right:-20px; }
		.home #contentRight h2
		{
			color:#337700;
			font-size:29px;
			font-weight:normal;
			line-height:48px;
		}
			.home #contentRight h2 .red 	{	color:red;	}
			.home #contentRight h2 .orange 	{	color:#FF6600;	}
		
		.home #contentRight .arrowOrange
		{
			height:30px;
			font-size:30px;
			background-image:url('/images/arrow-orange.jpg');
			background-repeat:no-repeat;
			background-position:165px 5px;
			padding:0 40px 5px 0;
			position:relative;
			top:15px;
			display:block;
			margin-bottom:50px;
		}
		.home.en #contentRight .arrowOrange{	background-position:155px 5px;	}
		.home.de #contentRight .arrowOrange{	background-position:175px 5px;	}
		
		
		#contentRight a:link, #columnRight a:link
		{
			color:#000000;
		}
		#contentRight a:hover, #contentRight a:visited:hover
		{
			color:red;
		}
		#contentRight a:link, #contentRight a:hover, #contentRight a:visited:hover, #contentRight a:visited, #columnRight a:link, #columnRight a:hover, #columnRight a:visited:hover, #columnRight a:visited
		{
			text-decoration:none;
		}
		
		#columnLeft
		{
			float:left;					
		}
		
		#columnCenter
		{
			float:left;
			margin-left:60px;
			width:30px;
			
		}
		
		#columnRight
		{
			float:right;
		}
			#columnRight .rightItem
			{
				margin-bottom:34px;
				position:relative;
				width:220px;
				z-index:2;
			}
				#columnRight .rightItem h2
				{
					color:#770033;
					font-size:16px;
					line-height:20px;
					padding:0;
					margin:0;
				}	
		
			.vervolg #columnRight .arrowOrange
			{
				display:block;
				height:20px;
				font-size:15px;
				background-image:url('/images/arrow-orange-small.jpg');
				background-repeat:no-repeat;
				background-position:185px 0;
				/*padding:0 40px 5px 0;*/
				position:relative;
				top:8px;
				width:220px;
			}
			.vervolg.en #columnRight .arrowOrange
			{
				background-position:210px 0;
				width:225px;
			}
		
	#footer 
	{	
		clear:both;
		border-style:solid;
		border-color:#770033;
		border-width:1px 0 0;
		/*padding: 5 10px; */
		margin:20px auto 0; /* 40px */
		background:#FFFFFF;
		padding:5px 10px;
			
		width:800px;
	}
		#footer p 
		{
			color:#666666;
			margin: 0; 
			padding: 10px 0; 
			font-size:14px;
		}

#admin 
{
	position:absolute; 
	top:5px; 
	left:5px; 
	background-color: #CCCCCC; 
	border:solid 1px #333333;
	padding:3px;	
	font-size:10pt;
	color:#333333;
}

.FL{	float:left;	}
.FR{	float:right;}

a:visited, a:active, a:link{
color:#000000;
}
a:hover{
color: red;
text-decoration:none;
}


/*a:hover.none {
	text-decoration: none;
	}
a:link.none {
	font: 1pt Verdana;
	color: #FFFFFF;
	cursor: default;
 	}
a:visited.none { 
	 font: 1pt Verdana;
	 color: #FFFFFF;
	 cursor: default;
}*/
-->