/* IMPORT */
@import url('basic.css');
@import url('superfish.css');
@import url('../js/fancybox/jquery.fancybox-1.2.6.css');

/* FONTS */
@font-face 
{
	font-family: "Book";
	src: url('fonts/FoundSteBook.eot'); /* IE */
	src: local("FoundrySterling-Book"), url('fonts/FoundSteBook.ttf');
}

@font-face
{
	font-family: "Bold";
	src: url('fonts/FoundSteBold.eot'); /* IE */
	src: local("FoundrySterling-Bold"), url('fonts/FoundSteBold.ttf');
}

@font-face
{
	font-family: "Bolder";
	src: url('fonts/FoundSteExtBold.eot'); /* IE */
	src: local("FoundrySterling-ExtraBold"), url('fonts/FoundSteExtBold.ttf');
}

/* BODY */
body
{
	font-family: "Book", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	background: url('img/bg_body.png') center top no-repeat;
	behavior: url("css/csshover3.htc"); 
}

/* WRAPPER */
#wrapper
{	
	width: 948px;
	margin: 0 auto;
	background: url('img/bg_wrapper.png');
}

/* TOPMENU */
#topmenu
{
	width: 948px;
	height: 66px;
	line-height: 40px;
	text-transform: lowercase;	
	text-align: right;
}

	#topmenu a
	{
		text-decoration: none;
		color: #000;	
	}
	
	#topmenu a:hover
	{
		text-decoration: underline;	
	}

/* DROPDOWN */
#dropdownmenu
{
	width: 948px;
	height: 41px;
	text-transform: lowercase;	
	position: relative;	
}

/* DROPDOWN */	
.sf-menu
{
	position: absolute;
	padding-left: 150px;
}
	
	#dropdownmenu a
	{
		display: inline-block;
		height: 41px;
		color: #FFF;
		font-size: 18px;
		text-decoration: none;
		font-family: "Book", Verdana, Arial, Helvetica, sans-serif;
		border: none;
		padding: 0 15px;
		line-height: 41px;
	}
	
	#dropdownmenu li:hover a, #dropdownmenu .actief
	{
		background: url('img/geel.png');
		color: #000;
		outline: 0;
	}
	
	#dropdownmenu ul ul
	{
		width: 165px;
		background: url('img/bg_dropdown.png') repeat-x;
		padding: 7px 0;	
	}
	
	#dropdownmenu ul ul a
	{
		display: block;
		font-size: 14px;
		color: #000 !important;	
		line-height: 24px;
		padding: 0 0 0 18px;
		height: auto !important;
		background: none !important;
	}
	
	#dropdownmenu ul ul a:hover, #dropdownmenu ul ul .actief
	{
		background: url('img/bg_dropdown_a.png') no-repeat !important;
	}

/* BREADCRUMB */
#breadcrumb
{
	width: 948px;
	height: 41px;
	line-height: 41px;
	text-transform: lowercase;		
}

	#breadcrumb a
	{
		text-decoration: none;
		color: #000;	
	}
	
	#breadcrumb a:hover
	{
		text-decoration: underline;	
	}
	
#breadcrumb-inner
{
	width: 615px;
	margin: 0 auto;	
}
	
/* CONTENT */
#content
{
	width: 948px;	
}

	#content-left
	{
		float: left;
		width: 708px;
		background: #f0f0f0;	
	}
	
		#kolom1, #kolom2
		{
			padding: 33px;	
		}
		
		#kolom2
		{
			border-top: 2px solid #fff;	
		}
	
	#content-right
	{
		float: right;
		width: 228px;	
	}
	
		.sidebar
		{
			background: url('img/grijs.png');	
		}
	
		.kop
		{
			width: 228px;
			height: 31px;
			line-height: 31px;
			background: url('img/geel.png');	
		}
		
		.kop-inner
		{
			margin: 0 0 0 24px;
			font-size: 18px;
		}
		
		.text
		{
			margin: 0 0 12px 0;	
			padding: 23px;
			line-height: 17px;
		}
		
/* FOTOS */
.fotos
{
	margin: 0 auto;
	width: 638px;	
	height: 90px;
}

.fotos-midden
{
	float: left;
	width: 516px;	
	overflow: hidden;
	position: relative;
}

	.fotos-midden ul
	{
		position: relative;
		padding: 0;
		margin: 0;
	}
	
	.fotos-midden li
	{
		width: 109px;
		height: 84px;
		float: left;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	.fotos-midden img
	{
		width: 84px;
		height: 84px;
		cursor: pointer;
		cursor: hand;
	}

#pijl-links, #pijl-rechts
{
	float: left;
	width: 61px;
	height: 84px;
	background: url('img/pijl_links.png') center center no-repeat;
}

#pijl-rechts
{
	background: url('img/pijl_rechts.png') center center no-repeat;	
}

#pijl-links:hover
{
	background: url('img/pijl_links_rood.png') center center no-repeat;	
}

#pijl-rechts:hover
{
	background: url('img/pijl_rechts_rood.png') center center no-repeat;	
}

/* CAROUSEL */
.infiniteCarousel 
{
	width: 638px;
	position: relative;
}

.infiniteCarousel .wrapper 
{
	width: 516px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: auto;
	min-height: 10em;
	margin: 0 61px;
	position: absolute;
	top: 0;
}

.infiniteCarousel .wrapper ul 
{
	width: 9999px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
	top: 0;
}

.infiniteCarousel ul li 
{
	display:block;
	float:left;
	padding: 0 10px;
	width: 84px;
	height: 84px;
}

.infiniteCarousel ul li img
{
	display:block;
	width: 84px;
	height: 84px;
	cursor: pointer;
	cursor: hand;
}

.infiniteCarousel .arrow
{
	display: block;
	width: 61px;
	height: 84px;
	padding: 0;
	text-indent: -999px;
	position: absolute;
	cursor: pointer;
}

.infiniteCarousel .forward
{
	background: url('img/pijl_rechts.png') center center no-repeat !important;
	right: 0;
}

.infiniteCarousel .back
{

	background: url('img/pijl_links.png') center center no-repeat !important;
	left: 0;
}

.infiniteCarousel .forward:hover
{
	background: url('img/pijl_rechts_rood.png') center center no-repeat !important;
}

.infiniteCarousel .back:hover
{
	background: url('img/pijl_links_rood.png') center center no-repeat !important;
}
		
/* LINK */
#content a
{
	padding-left: 12px;
	color: #0033ff;
	background: url('img/pijltje.png') no-repeat left center;	
}

#content a:hover
{
	color: #ed1c24;	
}
	
/* FOOTER */
#footer
{
	width: 948px;
	height: 66px;
	line-height: 66px;
	text-transform: lowercase;	
	text-align: right;
}

	#footer a
	{
		text-decoration: none;
		color: #000;	
	}
	
	#footer a:hover
	{
		text-decoration: underline;	
	}
	
/* BOLD */
b, strong
{
	font-family: "Bold", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;	
}

/* HEADINGS */
h1 
{
	font-family: "Bolder", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 1em;
	margin: 0 0 3px 0;
}

h2 
{
	font-family: "Bold", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 1em;
	margin: 0 0 3px 0;
}

h3,h4 { font-size: 13px; }
h5,h6 { font-size: 11px; }

h1,h3,h5 { color: #000; }
h2,h4,h6 { color: #000; }

/* GOOGLEMAPS */
#googlemaps
{
	width: 600px;
	height: 400px;
}	

/* FORMULIEREN */
input[type='text'], textarea
{
	width: 200px;
	margin: 2px 0;
	padding: 2px 0;
	border: 1px solid #ccc;
}

textarea
{
	height: 100px;
	width: 300px;	
}

.submit
{

}

.error
{
	border: 1px solid red !important;	
}