/* 

POSITIONERING VAN DE BLOKKEN


Content is 940px breed, net als header;
maar we nemen binnenruimte voor de opmaak van 10px,
dat is totaal een breedte van 20px minder,
dus hebben we ruimte van 920 pixels beschikbaar.

Content willen we 720 pixels breed, en een sidebar van 200px; maakt samen 920pixels.

*/

img {
	border: 0px;
}

#inhoud {
	margin: 		0 auto; 	/* centreert content in container*/
	padding: 		6px;
	border: 		1px solid #FFFFFF;
	text-align: 	left;
	margin-bottom: 	50px;
	background: 	#fff;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width:			730px; 		/* breedte van 720 - 20 - 2 - 10 = 688 */
	margin-left:	6px;
}

#sidebar {
	margin: 		0 auto; 	/* centreert content in container*/
	border: 		1px solid #FFFFFF;
	text-align: 	left;
	padding: 		6px;
	background: 	#f0f2f2;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width:			178px; 		/* breedte van 200 - 20 - 2 = 178  */
	margin-left:	6px;
}

#sidebar a {
	color: #235590;
}

#tekst {
	margin: 		0 auto; 	/* centreert content in container*/
	padding: 		6px;
	border: 		1px solid #FFFFFF;
	text-align: 	left;
	margin-bottom: 	10px;
	background: 	#f0f2f2;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width:			438px; 		/* breedte van 720 - 20 - 2 - 10 = 688 */
}

#acties {
	margin: 		0 auto; 	/* centreert content in container*/
	padding: 		6px;
	border: 		1px solid #FFFFFF;
	text-align: 	left;
	margin-bottom: 	10px;
	background: 	#f0f2f2;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width:			224px; 		/* breedte van 720 - 20 - 2 - 10 = 688 */
	margin-left:	6px;
}

#productoverzicht {
	margin: 		0 auto; 	/* centreert content in container*/
	padding: 		6px;
	border: 		1px solid #FFFFFF;
	text-align: 	left;
	margin-bottom: 	10px;
	background: 	#f0f2f2;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width:			254px; 		/* breedte van 720 - 20 - 2 - 10 = 688 */
	margin-left:	6px;
}

#categoriebalk {
	margin: 		0 auto; 	/* centreert content in container*/
	padding: 		6px;
	border: 		1px solid #FFFFFF;
	text-align: 	left;

	background: 	#e3e7e7;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width:			712px; 		/* breedte van 720 - 20 - 2 - 10 = 688 */
}

#detailpagina {
	margin: 		0 auto; 	/* centreert content in container*/
	padding: 		6px;
	border: 		1px solid #FFFFFF;
	text-align: 	left;
	margin-bottom: 	10px;
	background: 	#f0f2f2;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width:			710px; 		/* breedte van 720 - 20 - 2 - 10 = 688 */
}


/* DAADWERKELIJKE OPMAAK VAN DE INHOUD */


#inhoud h1 {		/* titel in de inhoud */
	font-size: 		17px;
	margin-bottom: 	10px;
	padding-bottom: 5px;
	border-bottom: 	1px solid #CCCCCC;
	color: 			#235590;
		font-family:	Century Gothic, Arial, Helvetica, sans-serif;
}

#inhoud p {		/* titel in de inhoud */
	font-size: 		12px;
	font-weight: 	normal;
	margin-bottom: 	20px;
	color:			#636d73;
}

#inhoud small {		/* titel in de inhoud */
	font-size: 		11px;
	font-weight: 	normal;
	margin-bottom: 	20px;
	color:			#636d73;
}

#inhoud a {		/* titel in de inhoud */
	color: 			#235590;
	font-family:	Century Gothic, Arial, Helvetica, sans-serif;
}

.blauw {color: #235590;}


#sidebar h1 {		/* titel in de sidebar */
	font-size: 		14px;
	font-weight: 	bold;
	margin-bottom: 	20px;
}

#sidebar p {		/* titel in de inhoud */
	font-size: 		11px;
	font-weight: 	normal;
	margin-bottom: 	20px;
	color:			#636d73;
margin: 10px;
padding-bottom: 30px;
}


			.routeomschrijving {
				width: 360px;
				height: auto;
				float: left;
				margin-right: 20px;
			}

			.routekaart {
				width: 280px;
				height: auto;
				float: left;
			}

			.contactgegevenslinks {
				width: 380px;
				height: auto;
				float: left;
			}

			.contactfotorechts {
				width: 280px;
				height: auto;
				float: left;
			}







/* FOTOSLIDER SETUP */


/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 712px;
	height: 200px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 712px;
	height: 200px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 190px;
	height: 100px;
}