/* CSS ........................................................ */

html,
body {
	background-image	: url(../images/bg_structuur.gif);
	background-repeat	: repeat;
	background-position	: top;
	background-color	: #7a582c;
	margin				: 0;
	padding				: 0;
}

* {
	color				: #000000;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	line-height			: 16px;
}

/* BEDRIJF .................................................... */

#bedrijf {
	background-image	: url(../images/bg_organisatie_public.jpg);
	background-repeat	: no-repeat;
	background-position	: top;
	background-color	: #000000;
	height				: 220px;
	width				: 100%;
	clear				: both;
	float				: left;
	border-bottom		: #5f3f14 solid 8px;
}

#bedrijf div.extranetUitloggen {
	margin:0 auto;
	width:994px;
	padding:0;
	text-align:right;
	display:block;
}

#bedrijf div.extranetUitloggen a,
#bedrijf div.extranetUitloggen a:link,
#bedrijf div.extranetUitloggen a:visited {
	margin-top:50px;
	vertical-align:bottom;
	display:block;
	text-decoration:none;
	color:#ff0000;
}

#bedrijf div.extranetUitloggen a:hover {
	text-decoration:underline;
}

/* WEBSITE .................................................... */

#website {
	margin				: 0 auto;
	width				: 994px;
}

/* CONTACT .................................................... */

#contact {
	float				: left;
	height				: 20px;
	width				: 994px;
	margin				: 10px 0;
	clear				: both;
}

/* MENU HORIZONTAAL ........................................... */

ul.menuHorizontaal {
	float				: right !important;
	list-style-type		: none;
	margin				: 0;
	padding				: 0;
}

	ul.menuHorizontaal * {
		color				: #c9a070;
		font-size			: 10px;
	}

	ul.menuHorizontaal li {
		height				: 20px;
		line-height			: 20px;
		vertical-align		: middle;
		float				: left;
		margin-left			: 4px;
		border-left			: #5f3f14 solid 1px;
		padding-left		: 4px;
	}

	ul.menuHorizontaal li.firstItem {
		margin-left			: 0;
		border-left			: none;
		padding-left		: 0;
	}

	ul.menuHorizontaal li a,
	ul.menuHorizontaal li a:link,
	ul.menuHorizontaal li a:visited {
		height				: 20px;
		line-height			: 20px;
		vertical-align		: middle;
		display				: block;
		text-decoration		: none;
	}
	
	ul.menuHorizontaal li.active a,
	ul.menuHorizontaal li.active a:link,
	ul.menuHorizontaal li.active a:visited,
	ul.menuHorizontaal li a:hover {
		display				: block;
		text-decoration		: underline;
	}

/* ICONS ...................................................... */

a.icon {
	float				: left;
	display				: block;
}

a.icon,
a.icon:link,
a.icon:visited {
	background-position	: 0 -20px;
}

a.icon:hover {
	background-position	: 0 -40px;
}

.icon {
	background-repeat	: no-repeat;
	height				: 20px;
	width				: 20px;
}

.home		{ background-image: url(../images/icons/icon16_home.gif); margin-left: 5px; }
.mail		{ background-image: url(../images/icons/icon16_mail.gif); margin-right:5px; }
.print		{ background-image: url(../images/icons/icon16_print.gif); margin-right: 5px; margin-top: 2px; }
.rss		{ background-image: url(../images/icons/icon16_rss.gif); margin-right: 5px; }
.sitemap	{ background-image: url(../images/icons/icon16_sitemap.gif); }

.floatRight {
	float				: right !important;
}

.floatLeft {
	float				: left !important;
}

/* NAVIGATIE .................................................. */

#navigatie {
	width				: 190px;
	float				: left;
}

/* MENU VERTICAAL ............................................. */

ul.menuVerticaal {
	float				: left;
	clear				: both;
	list-style-type		: none;
	margin				: 0;
	margin-bottom		: 10px;
	padding				: 0;
	width				: 190px;
}

	ul.menuVerticaal li.header {
		background-image	: url(../images/bg_menu_header.gif);
		background-repeat	: no-repeat;
		background-position	: top;
		color				: #ffffff;
		vertical-align		: middle;
		text-indent			: 10px;
		width				: 190px;
		float				: left;
		display				: block;
		line-height			: 24px;
		height				: 24px;
		text-transform		: uppercase;
		clear				: both;
	}

	ul.menuVerticaal li a,
	ul.menuVerticaal li a:link,
	ul.menuVerticaal li a:visited {
		width				: 190px;
		color				: #FFFFFF;
		text-indent			: 10px;
		background-color	: #b79561;
		line-height			: 20px;
		display				: block;
		height				: 20px;
		text-decoration		: none;
	}

	ul.menuVerticaal.extranet li a {
		background-color	: #ca582c;
	}

	ul.menuVerticaal li.active a,
	ul.menuVerticaal li.active a:link,
	ul.menuVerticaal li.active a:visited,
	ul.menuVerticaal li a:hover {
		background-color	: #5f3f14;
		color				: #ffff00;
		line-height			: 20px;
		display				: block;
		height				: 20px;
		text-decoration		: none;
	}

	ul.menuVerticaal.extranet li.active a,
	ul.menuVerticaal.extranet li.active a:link,
	ul.menuVerticaal.extranet li.active a:visited,
	ul.menuVerticaal.extranet li a:hover {
		background-color	: #9c4422;
	}
	
	ul.menuVerticaal li,
	ul.menuVerticaal li.active {
		float				: left;
		clear				: both;
		width				: 190px;
		border-bottom		: #c9b089 solid 1px;
	}

	ul.menuVerticaal.extranet li.active ul li,
	ul.menuVerticaal.extranet li.active ul li.active {
		float				: left;
		clear				: both;
		width				: 190px;
		border-bottom		: none;
	}

	ul.menuVerticaal li.footer {
		background-image	: url(../images/bg_menu_footer.gif);
		background-repeat	: no-repeat;
		background-position	: top;
		clear				: both;
		display				: block;
		line-height			: 12px;
		height				: 12px;
		float				: left;
		width				: 190px;
	}

	ul.menuVerticaal.extranet li.footer {
		background-image	: url(../images/bg_menu_extranet_footer.gif);
		background-repeat	: no-repeat;
		background-position	: top;
	}

	ul.menuVerticaal li.header,
	ul.menuVerticaal li.footer {
		border-bottom		: none;
	}

	/* NIVEAU 2 */
	ul.menuVerticaal li ul {
		float				: left;
		clear				: both;
		list-style-type		: none;
		margin				: 0;
		padding				: 0;
		width				: 190px;
	}

	ul.menuVerticaal li.active ul li a,
	ul.menuVerticaal li.active ul li a:link,
	ul.menuVerticaal li.active ul li a:visited {
		text-indent			: 10px;
		color				: #7a582c;
		background-color	: #c9b089;
		line-height			: 20px;
		display				: block;
		height				: 20px;
		text-decoration		: none;
	}

	ul.menuVerticaal.extranet li.active ul li a,
	ul.menuVerticaal.extranet li.active ul li a:link,
	ul.menuVerticaal.extranet li.active ul li a:visited {
		color				: #ffffff;
	}

	ul.menuVerticaal li.active ul li.active a,
	ul.menuVerticaal li.active ul li.active a:link,
	ul.menuVerticaal li.active ul li.active a:visited,
	ul.menuVerticaal li.active ul li a:hover {
		color				: #000000;
		line-height			: 20px;
		display				: block;
		height				: 20px;
		text-decoration		: none;
	}

	ul.menuVerticaal li.active ul li,
	ul.menuVerticaal li.active ul li.active {
		border-top			: #7a582c solid 1px;
	}
	
	ul.menuVerticaal.extranet li.active ul li,
	ul.menuVerticaal.extranet li.active ul li.active {
		border-top			: #999900 solid 1px;
	}
	
	.extranet {
		
	}



/* PAGINA ..................................................... */

#pagina {
	width				: 794px;
	margin				: 0;
	margin-left			: 10px;
	float				: right;
}

	#pagina div.header {
		background-image	: url(../images/bg_pagina_header.gif);
		background-repeat	: no-repeat;
		background-position	: top;
		float				: left;
		clear				: both;
		width				: 794px;
		height				: 24px;
	}
	
	#pagina h1 {
		color				: #FFFFFF;
		margin				: 0;
		padding				: 0;
		height				: 24px;
		line-height			: 24px;
		vertical-align		: middle;
		text-transform		: uppercase;
		display				: block;
		float				: left;
		text-indent			: 10px;
		font-weight			: normal;
	}
	
	#pagina div.content {
		background-color	: #b79561;
		float				: left;
		width				: 774px;
		padding				: 10px;
	}

	

	#pagina div.footer {
		background-image	: url(../images/bg_pagina_footer.gif);
		background-repeat	: no-repeat;
		background-position	: top;
		float				: left;
		width				: 794px;
		height				: 12px;
	}




/* -------------------------------------------------------------------------------- //
// ALINEA                                                                           //
// -------------------------------------------------------------------------------- */

#pagina div.content>h2,
#pagina div.content>div.noPrint>h2 {
	background-color	: #5f3f14;
	color				: #ffff00;
	margin				: 0;
	padding				: 0;
	height				: 20px;
	line-height			: 20px;
	vertical-align		: middle;
	display				: block;
	float				: left;
	text-indent			: 5px;
	font-weight			: normal;
	width				: 774px;
	clear				: both;
	margin-bottom		: 4px;
}
	
div.alinea {
	clear				: both;
	margin-bottom		: 4px;
}

div.alinea p {
	margin				: 0;
	margin-bottom		: 4px;
	padding				: 0;
}

div.alinea img.afbeeldingLinks {
	float				: left;
	margin-right		: 10px;
	margin-bottom		: 10px;
}

div.alinea img.afbeeldingRechts {
	float				: right;
	margin-left			: 10px;
	margin-bottom		: 10px;
}

div.alinea a,
div.alinea a:link,
div.alinea a:visited {
	text-decoration		: none;
	color				: #FFFF00;
}

div.alinea a:hover {
	text-decoration		: underline;
}


div.alinea table {
	border-collapse		: collapse;
	width				: 774px;
	background-color	: #ca582c;
	border				: #c9b089 solid 1px;
}

div.alinea table tr th,
div.alinea table tr td {
	text-align			: left;
	padding:4px;
	border				: #c9b089 solid 1px;
}

div.alinea table tr th {
	width:120px;
}

div.alinea table tr td {
	background-color:#b79561;
}

div.alinea table tr td.nieuw {
	background-color:#ca582c;
}

div.alinea table caption {
	font-weight:bold;
	padding:4px;
	background-color	: #9c4422;
	color				: #FFFFFF;
}

div.alinea table.data {
	width				: 774px;
	background-color	: #6699FF;
}



div.alinea div.samenvatting {
	display:block;
	margin:0;
	padding:0;
	width:360px;
}

div.alinea div.samenvatting table.navigatie {
	width:360px;
	margin-bottom:4px;
}


input.error {
	background-color:#FF0000;
}


/* FOOTER ..................................................... */

#footer {
	float				: right;
	height				: 20px;
	width				: 794px;
	margin				: 10px 0;
	margin-left			: 10px;
}




/* SLIDESHOW .................................................. */

div.slideshow {
	float				: left;
	clear				: both;
	position			: relative;
	height				: 265px;
	width				: 774px;
	margin-bottom		: 4px;
}

div.slideshow img {
	top					: 0;
	left				: 0;
	position			: absolute;
}










/* GADGET ACCOUNT ............................................. */

#gadget_account {
	width					: 190px;
	margin-bottom			: 10px;
	float					: left;
	clear					: both;
}

#gadget_account ul.extranet li.form {
	background-color		: #ca582c;
}

#gadget_account ul.extranet li.form form {
	margin					: 10px;
}

#gadget_account a.yellow,
#gadget_account a.yellow:link,
#gadget_account a.yellow:visited {
	display					: inline;
	color					: #ffff00 !important;
	text-decoration			: none;
}

#gadget_account a.yellow:hover {
	text-decoration			: underline;
}

#gadget_account ul.extranet li.form * {
	color					: #FFFFFF;
}

#gadget_account ul.extranet li.form p {
	margin					: 0 10px;
}

#gadget_account ul.extranet li.form form input {
	color					: #000000;
}

#gadget_account ul.menuVerticaal.extranet li a:hover {
	background-color		: #ca582c;
}

#gadget_account ul.menuVerticaal.extranet li.header span.brown {
	color					: #b79561;
}

#gadget_account ul.menuVerticaal li {
	border-bottom			: none;
}












/* FORM ....................................................... */

form {
	margin				: 0;
	padding				: 0;
}

.links {
	float				: left;
	margin				: 0;
	margin-right		: 10px;
	margin-bottom		: 10px;
}

.rechts {
	float				: right;
	margin				: 0;
	margin-left			: 10px;
}
























label {
	cursor:pointer;
}

label:hover {
	text-decoration:underline;
}

fieldset {
	margin-bottom:10px;

}

fieldset table tr th {
	text-align:left;
	font-weight:normal;
	width:120px;
}

fieldset table tr td textarea {
	width:300px;
	height:80px;
}


fieldset legend {
	font-weight:bold;
}

.openPopup {
	cursor:pointer;
}





/* BASKET ...... */

button.basket_mutate {
	background-color	: #FF0000;
	border				: 1px solid #000000;
	text-align			: center;
	width				: 20px;
}

input.basket_mutate {
	width				: 40px;
	text-align			: right;
}



span.vet {
	font-weight:bold;
}









/* -------------------------------------------------------------------------------- //
// AANBOD NIEUWS                                                                    //
// -------------------------------------------------------------------------------- */

ul.aanbodNieuws {
	margin				: 0;
	padding				: 0;
	clear				: both;
	list-style-type		: none;
	float				: left;
}

ul.aanbodNieuws li {
	padding				: 5px;
	width				: 762px;
	height				: 120px;
	display				: block;
	clear				: both;
	float				: left;
	margin-bottom		: 4px;
	border				: #5f3f14 solid 1px;
}

ul.aanbodNieuws li:hover {
	background-color	: #5f3f14;
}

ul.aanbodNieuws li a.afbeelding {
	background-color	: #5f3f14;
	display				: block;
	float				: left;
	width				: 160px;
	height				: 120px;
	margin-right		: 4px;
}

ul.aanbodNieuws li a.afbeelding img {
	display				: block;
	float				: left;
	height				: 120px;
	width				: 160px;
	border				: none;
}

ul.aanbodNieuws li h2 {
	font-weight			: bold;
	height				: 16px;
	line-height			: 16px;
	vertical-align		: middle;
	margin				: 0;
	padding				: 0;
	display				: block;
	float				: left;
}

ul.aanbodNieuws li h2 a,
ul.aanbodNieuws li h2 a:link,
ul.aanbodNieuws li h2 a:visited {
	text-decoration		: none;
}

ul.aanbodNieuws li h2 a:hover {
	text-decoration		: underline;
}

ul.aanbodNieuws li div.datum {
	margin				: 0;
	padding				: 0;
	height				: 16px;
	line-height			: 16px;
	vertical-align		: middle;
	display				: block;
	text-align			: right;
	margin-right		: 5px;
}


ul.aanbodNieuws li p {
	margin				: 0;
	padding				: 0;
	border				: none;
	float				: left;
	width				: 597px;
}



/* AANBOD NIEUWS .............................................. */

	
	
	ul.nieuws li div.afbeelding {
		float				: left;
		width				: 120px;
		height				: 90px;
		margin-right		: 5px;
	}




/* afbeeldingen */

.imageContainer {
	width					: 382px;
	height					: 90px;
	position				: relative;
	overflow				: hidden;
	margin-bottom			: 10px;
}

.imageContainer .imageContainerSlider {
	overflow				: hidden;
	position				: relative;
	height					: 90px;
	left					: 0;
}

.imageContainer .selectImg {
	height					: 90px;
	width					: 120px;
	display					: block;
	float					: left;
}

div.afbeeldingen {
	margin-right			: 10px;
	display					: block;
	width					: 382px;
	float					: left;
}

div.inhoud {
	display					: block;
	width					: 382px;
	float					: left;
}

.orderPrint {
 display:none;
 }