html, body
{
	margin				: 0px;
	padding				: 0px;
	background-color	: #4d4d4d;
}
body
{
	font				: normal 12px arial, sans-serif;
	color				: #4c4c4c;
}

a
{
	color				: #dd322c;
	text-decoration		: underline;
}
a:visited
{
	text-decoration		: none;
}
a:hover
{
	text-decoration		: underline;
}
a img
{
	border				: none;
}

/* padding en margins van lijsten en formulieren */
#navigation, #navigation ul, #homeslide, #header ul, #headers, #slideshow, #footer ul, ul.home, ol.home, #kaders, #news dl, #news dt, #news dd
{
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
}
/* headers */
#main h1, #main h2, #main h3, #main h4, #main h5, #main h6
{
	font-weight			: bold;
	margin				: 0px;
	padding				: 15px 0 25px 0;
	font-size			: 23px;
}
#main h1
{
	line-height			: 20px;
	padding-top			: 0px;
}
#main h2
{
	font-size			: 14px;
	padding				: 15px 0 5px 0;
}
#main h3
{
	font-size			: 12px;
	padding				: 10px 0 3px 0;
}
hr.clear	
{
	clear				: both;
	margin				: 0px;
	padding				: 0px;
	height				: 1px;
	visibility			: hidden;
}

/* CONTAINER */
#container
{
	width				: 1000px;
	background			: #fff url('../img/bg/header.png') repeat-x left top;
	padding				: 0 0 0px 0;
	margin				: 10px auto;
}

/* HEADER */
#header
{
	height				: 309px;
	border-bottom		: 3px solid #dd322c;
	background			: url('../img/bg/default-header.png') 0 76px no-repeat;
}
#header #block
{
	height				: 76px;
	display				: block;
}
#header object
{
	position: absolute;
	z-index: 50;
}

/* clickable logo */
#header a#index
{
	position			: absolute;
	top					: 27px;
	margin-left			: 70px;
}

#navigation
{
	position			: absolute;
	z-index				: 150;
	top					: 10px;
	margin-left			: 241px;
	background-color	: #666;
	height				: 76px;
	width				: 759px;
	border-bottom		: 11px solid #dd322c;
	font-size			: 12px;
	color				: #fff;
}
#navigation li
{
	float				: left;
}
#navigation a
{
	z-index				: 60px;
	display				: block;
	width				: 85px;
	padding				: 0 5px;
	text-align			: center;
	height				: 45px;
	padding-top			: 31px;
	border-bottom		: 11px solid #dd322c;
	text-decoration		: none;
	color				: #fff;
}
#navigation a:hover, #navigation a.hover
{
	background-color	: #808080;
	border-color		: #db7b7b;
}
#navigation a.selected
{
	background-color	: #808080;
}

#navigation ul
{
	position			: absolute;
	left				: -999em;
	height				: auto;	
	margin-top			: -11px;
	padding				: 11px 0;
	background-color	: #dd322c;
	border-top			: 11px solid #db7b7b;
	width				: 190px;
	z-index				: 100;
}
#navigation li.hover ul
{
	left				: auto;
}
#navigation li li
{
	float				: none;
	padding				: 0px;
}
#navigation li ul a, #navigation li ul a.selected
{
	height				: 13px;
	padding				: 9px 0 0 27px;
	display				: block; 
	background-color	: #dd322c;
	width				: 163px;
	background			: url('../img/bg/bullet.gif') no-repeat 11px 12px;
	text-transform		: uppercase;
	text-align			: left;
	line-height			: 12px;
}
#navigation li ul a:hover 
{
	background-color	: #db7b7b;
}

/* CONTENT */
#content
{
	line-height			: 1.4em;
	border				: 0px solid #fff;
	border-width		: 55px 0 70px 0;
}
#content iframe#width
{
	margin-left			: -35px;
	width				: 1000px;
	height				: 600px;
	border				: 0px;
	overflow-x			: hidden;
}
#content address
{
	font-style			: normal;
}

/* default template */
#text
{
	padding				: 0 23px 12px 35px;
}
/* home template */
#hometext h1
{
	position			: absolute;
	left				: -9999px;
}
#hometext .home
{
	padding				: 59px 0 0 5px;
	line-height			: 1.4em;
}
#hometext .home li
{
	float				: left;
	display				: block;
	width				: 195px;
	padding				: 0 15px 0 35px;
	background			: url('../img/bg/home.border.png') no-repeat right top;
	height				: 360px;
}
#container #hometext li.last
{
	border-left			: none;
	background-image	: none;
}
#container .home h2
{
	padding				: 7px 0 45px 0;
}
.home h2 a
{
	color				: #004b96;
	text-decoration		: none;
	font-size			: 18px;
}
.home h2 a:hover
{
	text-decoration		: underline;
}
.home a.more
{
	display				: block;
	width				: 101px;
	height				: 40px;
	position			: absolute;
	margin				: 272px 0 0 -12px;
	background			: url('../img/bg/home.more.png');
	text-decoration		: none;
}
.home a.more span
{
	font-size			: 1px;
	visibility			: hidden;
}

#content p
{
	margin				: 0px;
	padding				: 0 0 10px 0;
}

#content a.external
{
	background			: url('../img/bg/external.png') no-repeat 100% 0;
	padding-right		: 14px;
}
#content a.external:visited
{
	background-position	: 100% -100px;
}
#content a.external:hover
{
	background-position	: 100% -200px;
}
#container #content #banner a.external
{
	background-image	: none;
	padding				: 0px;
}

/* content image */
#defaulttpl img, #textrighttpl img
{
	position			: absolute;
	clip				: rect(0px,433px,1000px,0px);
	*clip				: rect(0px 433px 1000px 0px);
}
#defaulttpl
{
	width				: 433px;
	padding				: 37px 22px 13px 0;
	float				: right;
}
body.defaulttpl #content, body.textrighttpl #content
{
	background			: url('../img/bg/content.border.png') repeat-y 522px 0;
}
body.textrighttpl #content
{
	background-position	: 482px 0;
}
body.defaulttpl #container #text
{
	float				: left;
	width				: 464px;
}
#textrighttpl
{
	padding				: 50px 0 0 26px;
	float				: left;
}
body.textrighttpl #container #text
{
	padding-left		: 27px;
	margin-left			: 482px;
}
body.textrighttpl #content h1
{
	margin-left			: -482px;
	width				: 431px; /* breedte van afbeelding */
	text-align			: right;
}

/* headers */
#headers
{
	position			: absolute;
	top					: 86px;
	z-index				: 130;
	overflow			: hidden;
	height				: 233px;
	width				: 1000px;
}
#headers div.imgs
{
	float				: left;
	display				: block;
	height				: 233px;
	width				: 241px;
	border-left			: 12px solid #fff;
}
#headers .imgs img, #headers .imgs div
{
	width				: 241px;
	height				: 233px;
}
#headers .imgs div
{
	display				: block;
	background-position	: left top;
}
.imgs a
{
	display				: block;
	text-decoration		: none;
	width				: 241px;
	height				: 233px;
}
#container #headers div#first, #container #headers div#large
{
	border-left-width	: 0px;
}
#carouselwrap
{
	position			: absolute;
	top					: 86px;
	z-index				: 130;
	overflow			: hidden;
	height				: 233px;
	background-color	: #fff;
}
div.carousel #slideshow li
{
	float				: left;
	display				: block;
	height				: 233px;
	width				: 241px;
	margin-right		: 12px;
}
div.carousel #slideshow img
{
	display				: block;
	height				: 233px;
	width				: 241px;
}
.carouselnext, .carouselprev
{
	position			: absolute;
	display				: block;
	margin-left			: -13px;
	width				: 13px;
	border				: 13px solid #4d4d4d;
	border-width		: 0 0 0 13px;
	height				: 260px;
	top					: 86px;
	background			: url('../img/ico/carousel.next.gif') no-repeat 4px 240px;
	z-index				: 160;
	color				: #fff;
	outline-style		: none;
}
.carouselnext span, .carouselprev span
{
	visibility			: hidden;
	font-size			: 0px;
}
.carouselprev
{
	margin-left			: 987px;
	border-width		: 0 13px 0 0;
	background			: url('../img/ico/carousel.prev.gif') no-repeat 0px 240px;
}

/* FOOTER */
#footer
{
	clear				: both;
	height				: 26px;
	padding				: 11px 36px 0 36px;
	color				: #fff;
	background-color	: #dd322c;
	font-weight			: bold;
}
#footer ul
{
	float				: right;
}
#footer li
{
	float				: left;
	padding-left		: 36px;
}
#footer a
{
	color				: #fff;
	text-decoration		: none;
}
#footer a:hover
{
	text-decoration		: underline;
}

.niettonen
{
	position			: absolute;
	left				: -10000px;
	overflow			: none;
}
.hfaddon
{
	display				: none;
}

/* contact */
label
{
	cursor				: pointer;
}
#contact dt
{
	float				: left;
	width				: 140px;
	line-height			: 2.2em;
}
#contact dd
{
	margin-left			: 150px;
	line-height			: 2.2em;
}
#contact #bericht
{
	width				: 400px;
	height				: 150px;
}
#marker, #markerie6
{
	position			: absolute;
	width				: 20px;
	height				: 34px;
	top					: 685px;
	margin-left			: 294px;
	background			: url('/file/img/bg/marker.png') no-repeat left top;
}
#markerie6
{
	background-image	: none;
	filter				: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/file/img/bg/marker.png,sizingMethod='scale');
}
#totop a
{
	margin				: 40px 0 0 890px;
	display				: block;
	position			: absolute;
}

/* navigatie */
ul.navigatie
{
	list-style-type		: none;
	padding				: 0 0 0 40px;
	margin				: 10px 0 0 0;
	text-align			: center;
	color				: #000;
	font-size			: 8pt;
	line-height			: 14px;
	
}
ul.navigatie li span, ul.navigatie a, ul.navigatie li.totaal
{
	padding				: 0px 2px;
}
ul.navigatie li span
{
	color				: #000;
}
ul.navigatie a
{
	text-decoration		: none;
	color				: #DD322C;
}
ul.navigatie a:hover
{
	background-color	: #DD322C;
	color				: #fff;
}
ul.navigatie li
{
	display				: inline;
}
ul.navigatie li.totaal
{
	position			: relative;
	float				: right;
}
ul.navigatie li span.selected
{
	background-color	: #000;
	color				: #fff;
}

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 1000px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
clear: both;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 980px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 1012px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

/* news */
#news a
{
	text-decoration		: none;
}
#news #archive
{
	background			: url('../img/bg/content.border.png') repeat-y right top;
	width				: 220px;
	float				: left;
}
#archive h2
{
	margin				: 0px;
	padding				: 0 0 16px;
	font-size			: 23px;
}
#archive dt
{
	padding				: 15px 0 5px 0;
	color				: #DD322C;
}
#archive a
{
	color				: #4C4C4C;
}
#archive a:hover, #news a.more:hover
{
	text-decoration		: underline;
}
#news .main
{
	margin-left			: 287px;
}
#news .main dt
{
	font-weight			: bold;
}
#news .main dd
{
	padding-bottom		: 15px;
}
#news a.more
{
	color				: #4C4C4C;
	margin-top			: 10px;
	display				: block;
	width				: 80px;
}

#aeo
{
	width				: 94px;
	position			: absolute;
	z-index				: 150;
	top					: 10px;
	margin-left			: 906px;
}
