/* SITE EXTRA === */
a.external {
	background: url(cssimg/icon_external.png) no-repeat 100% 50%;
	padding: 0 13px 0 0;
}

/* KS DIVIDER === */
#klantenservice .line {
	margin: 15px;
	clear: both;
}

/* GOOGLE MAPS === */
#map {
	width: 350px;
	height: 200px;
	border: 1px #000000 solid;
}
#mapTable {
	width: 300px;
	margin: 10px 0;
}

/* KLANTERVARINGEN === */
.in-table {
	float: left;
	text-decoration: none;
	font-weight: bold;
	background: #FFFDFB;
	margin: 5px;
	padding: 5px;
	min-height: 100px;
	width: 340px;
	border: 3px solid #1893CA;
}
.break {
	clear: both;
}

/* KLANTENSERVICE === */
#klantenservice {
	width: 100%;
	overflow: hidden;
}
#klantenservice .categorie-first {
	background: url(cssimg/bottom-first.gif) bottom left no-repeat;
	width: 400px;
	min-height: 130px;
	padding: 0 0 20px;
	margin: 0 10px 5px 0;
	float: left;
}
#klantenservice .categorie-first dt{
	background: url(cssimg/top-first.jpg) no-repeat;
	padding: 15px 20px 3px 0;
	font-weight: bold;
	font-size: 115%;
	min-height: 30px;
	line-height: 1;
	text-align: center;
	margin: 0;
}
#klantenservice .categorie-first dd {
	padding: 10px 0;
	line-height: 1.3;
}
#klantenservice .categorie {
	background: url(cssimg/bottom.gif) bottom left no-repeat;
	width: 235px;
	min-height: 130px;
	padding: 0 0 20px;
	margin: 0 10px 5px 0;
	float: left;
}
#klantenservice .categorie dt{
	background: url(cssimg/top.jpg) no-repeat;
	padding: 15px 20px 8px 0;
	font-weight: bold;
	font-size: 115%;
	min-height: 40px;
	line-height: 1;
	margin: 0;
}
#klantenservice .categorie dd {
	padding: 10px 0;
	line-height: 1.3;
}
#klantenservice img {
	position: relative;
	margin: -8px 0 0 3px;
	padding: 0;
	float: left;
}
#klantenservice ul {
	font-size: 100%;
	list-style: inside square;
	margin-left: 10px;
	padding-left: 1em;
	text-indent: 0;
}
#klantenservice li {
	padding: 0;
	background: none;
}

/* PHOTO'S === */
* {
	margin: 0;
	padding: 0;
}

#Container {
	position: relative;
	height: 200px;
	width: 200px;
	margin: 0 auto;
	background-color: #dedede;
	border: 5px solid #ccc;
	font-size: 0px;
}

#Photo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

#Loading {
	height: 25%;
	width: 100%;
	position: absolute;
	top: 40%;
	left: 0%;
	text-align: center;
	z-index: 0;
	line-height: 0;
}

#LinkContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	/* filter:alpha(opacity:80); /* Specify opacity for IE */
}

#PrevLink, #NextLink {
	cursor: pointer;
	width: 48%;
	height: 100%;
	background: transparent url(cssimg/photos/c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#PrevLink span, #NextLink span { display: none; }

#PrevLink { left: 0; float: left; }
#NextLink { right: 0; float: right; }

/* background image for IE */
#PrevLink:hover, #PrevLink:visited:hover { background: url(cssimg/photos/prev_minus.gif) 20% 50% no-repeat; }
#NextLink:hover, #NextLink:visited:hover { background: url(cssimg/photos/next_plus.gif) 80% 50% no-repeat; }

/* backgroudn image for compliant browsers */
#LinkContainer>#PrevLink:hover, #LinkContainer>#PrevLink:visited:hover { background: url(cssimg/photos/prev_chevron.png) 20% 50% no-repeat; }
#LinkContainer>#NextLink:hover, #LinkContainer>#NextLink:visited:hover { background: url(cssimg/photos/next_chevron.png) 80% 50% no-repeat; }

#CaptionContainer {
	margin: 0 auto;
	width: 200px;
	text-align: left;
	background-color: #ccc;
	}

#CaptionContainer p {
	padding: 5px 10px 10px 10px;
	font-size: 11px;
}

#Counter {
	font-weight: bold;
	color: #999;
	padding-right: 5px;
}

#About p {
	margin: 0 20px;
	padding: 5px 0;
	font-size: 12px;
	font-weight: bold;
}

#About {
	width: 100%;
	text-align: left;
	background-color: #efefef;
	border-bottom: 1px solid #dedede;
}

#AboutBody {
	margin-top: 15px;
}

#AboutBody p {
	font-weight: normal;
	font-size: 11px;
	line-height: 1.4em;
	margin: 0 20px 10px 20px;
	padding: 0;
}

/* FRONT [XG:26052009] === */
#slideshow * { margin: 0; padding: 0; }
#slideshow img {border:0;}
#slideshow { background: url('./cssimg/fader/bg_shadow.png') no-repeat top; position: relative; padding: 14px 0 15px; width: 740px; height: 235px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('./cssimg/fader/spinner.gif'); display: block; top: 107px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#slideshow #pictures { background: url('./cssimg/fader/bg.png') no-repeat 0 0; border:1px solid #333; width: 575px; height: 213px; left: 0; overflow: hidden; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 437px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }
#slideshow #menu { background: url('./cssimg/fader/bg_side.jpg'); list-style-type: none; width: 165px; height: 195px; right: 0; padding-top: 20px; }
#slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1; }
#slideshow #menu li a { display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 7px 0 7px 28px; z-index: 1000; color: #ccc; line-height: 14px; vertical-align: middle; zoom: 1; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu li.current a { font: 15px "Georgia"; color: #fff; padding: 5px 0 5px 28px; line-height: 18px; }
#slideshow #menu li.background { background: url('./cssimg/fader/arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }
/* END FRONT ===*/