/* site-gedeelte */
/* .item: data zijn IE6 hacks */

body#site	 		{ 	
	border-bottom:		0px;
	border-left:		0px;
	border-right:		0px;
	padding:			0px;
	margin:				0px;
	border-collapse:	collapse;
	background-color: 	#C3B9AD;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
/* dit roept een script op dat de hover-functie in IE toelaat voor alle html objecten
	behavior: url("csshover3.htc"); */
}

.container {
	width:1000px;
	margin:0 auto;
}	

.contentcontainer {
	width:1000px;
	background-image:url(../images/devos_containerbg.jpg);
	background-repeat:repeat-y;
	min-height:470px;
	/*ie 6 explorer*/
	height:auto !important;
  	height:470px;
}

.leftzone {
	width:290px;
	float:left;
	background-color:#B2A795;
	border-left:1px solid #716C35;
	border-right:1px solid #716C35;
}

.toplogo {
	padding-top:10px;
	width:290px;
	height:290px;
	float:left;
}

.menuzone {
	width:290px;
	background-color:#443D35;
	float:left;
}

.taalkeuze {
	float:left;
	width:290px;
	display:block;
	font-size:16px;
}

.taalkeuzeitem {
	float:left;
	width:250px;
	margin-left:18px;
	padding-top:1em;
	padding-bottom:1.3em;
	.margin-left:4px;
}

.taalkeuzeitem a {
	text-decoration:none;
}

.taalkeuzeitem a:active 	{ z-index:99;color: #000000;}
.taalkeuzeitem a:link 		{ z-index:99;color:	#000000;}
.taalkeuzeitem a:visited	{ z-index:99;color: #000000;}
.taalkeuzeitem a:hover	 	{ z-index:99;color: #555555;}

.menuborder {
	float:left;
	width:290px;
	height:1px;
	/*background-color:#908267;*/
	background-color:#615C25;
}

.menuitem {
	float:left;
	width:290px;
	display:block;
	height:30px;
}

.menuitem a{
	cursor:pointer;
	text-decoration:none;
	display:block;
	width:290px;
	height:30px;
}

.menuA a {
	background-image:url(../images/devos_menu_begraf.jpg);
}

.menuA a:hover {
	background-image:url(../images/devos_menu_begraf_hover.jpg);
}

.menuAfr a {
	background-image:url(../images/devos_menu_enter.jpg);
}

.menuAfr a:hover {
	background-image:url(../images/devos_menu_enter_hover.jpg);
}

.menuB a {
	background-image:url(../images/devos_menu_rouwc.jpg);
}

.menuB a:hover {
	background-image:url(../images/devos_menu_rouwc_hover.jpg);
}

.menuBfr a {
	background-image:url(../images/devos_menu_center.jpg);
}

.menuBfr a:hover {
	background-image:url(../images/devos_menu_center_hover.jpg);
}

.menuC a {
	background-image:url(../images/devos_menu_koffie.jpg);
}

.menuC a:hover {
	background-image:url(../images/devos_menu_koffie_hover.jpg);
}

.menuCfr a {
	background-image:url(../images/devos_menu_cafe.jpg);
}

.menuCfr a:hover {
	background-image:url(../images/devos_menu_cafe_hover.jpg);
}

.menuD a {
	background-image:url(../images/devos_menu_form.jpg);
}

.menuD a:hover {
	background-image:url(../images/devos_menu_form_hover.jpg);
}

.menuDfr a {
	background-image:url(../images/devos_menu_formfr.jpg);
}

.menuDfr a:hover {
	background-image:url(../images/devos_menu_formfr_hover.jpg);
}

.menuE a {
	background-image:url(../images/devos_menu_drukw.jpg);
}

.menuE a:hover {
	background-image:url(../images/devos_menu_drukw_hover.jpg);
}

.menuEfr a {
	background-image:url(../images/devos_menu_impr.jpg);
}

.menuEfr a:hover {
	background-image:url(../images/devos_menu_impr_hover.jpg);
}

.menuF a {
	background-image:url(../images/devos_menu_condol.jpg);
}

.menuF a:hover {
	background-image:url(../images/devos_menu_condol_hover.jpg);
}

.menuFfr a {
	background-image:url(../images/devos_menu_regis.jpg);
}

.menuFfr a:hover {
	background-image:url(../images/devos_menu_regis_hover.jpg);
}

.menuG a {
	background-image:url(../images/devos_menu_produkt.jpg);
}

.menuG a:hover {
	background-image:url(../images/devos_menu_produkt_hover.jpg);
}

.menuGfr a {
	background-image:url(../images/devos_menu_produits.jpg);
}

.menuGfr a:hover {
	background-image:url(../images/devos_menu_produits_hover.jpg);
}

.menuH a {
	background-image:url(../images/devos_menu_vooraf.jpg);
}

.menuH a:hover {
	background-image:url(../images/devos_menu_vooraf_hover.jpg);
}

.menuHfr a {
	background-image:url(../images/devos_menu_org.jpg);
}

.menuHfr a:hover {
	background-image:url(../images/devos_menu_org_hover.jpg);
}

.menuI a {
	background-image:url(../images/devos_menu_info.jpg);
}

.menuI a:hover {
	background-image:url(../images/devos_menu_info_hover.jpg);
}

.menuIfr a {
	background-image:url(../images/devos_menu_infofr.jpg);
}

.menuIfr a:hover {
	background-image:url(../images/devos_menu_infofr_hover.jpg);
}

.menuJ a {
	background-image:url(../images/devos_menu_contact.jpg);
}

.menuJ a:hover {
	background-image:url(../images/devos_menu_contact_hover.jpg);
}

.menuK a {
	background-image:url(../images/devos_menu_links.jpg);
}

.menuK a:hover {
	background-image:url(../images/devos_menu_links_hover.jpg);
}

.menuKfr a {
	background-image:url(../images/devos_menu_lien.jpg);
}

.menuKfr a:hover {
	background-image:url(../images/devos_menu_lien_hover.jpg);
}

.menuL a {
	background-image:url(../images/devos_menu_histo.jpg);
}

.menuL a:hover {
	background-image:url(../images/devos_menu_histo_hover.jpg);
}

.menuLfr a {
	background-image:url(../images/devos_menu_histo_fr.jpg);
}

.menuLfr a:hover {
	background-image:url(../images/devos_menu_histo_fr_hover.jpg);
}

.topzone {
	float:left;
	width:700px;
	height:300px;
	background-image:url(../images/devos_topbg.jpg);
	border-bottom:1px solid #615C25;
	border-right:1px solid #615C25;
}

.contentzone {
	width:700px;
	float:left;
	min-height:470px;
	/*ie 6 explorer*/
	height:auto !important;
  	height:470px;
}

.contentzonebgA {
	float:left;
	width:700px;
	/* men wil voorlopig geen background per pagina
	background-image:url(../images/devos_contentbg1.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;*/
}

.content {
	width:600px;
	margin-left:50px;
	float:left;
	padding:1.5em;
	.padding:0;
}

.slideshowzone {
	float:left;
	width:550px;
	height:495px;
}

.linkzone {
	float:left;
	width:570px;
	padding-bottom:2em;
}

.linkcategorie {
	float:left;
	color: #FFFFFF;
	background-color:#584E42;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	width:570px;
	height:1.5em;
	padding-top:0.3em;
	margin-bottom:0.8em;
}

.linktitel {
	color: #000000;
	font-size:12px;
	width:420px;
	float:left;
	margin-bottom:15px;
	margin-left:7px;
	margin-top:6px;
}

.linkdetail {
	width:360px;
	float:left;
	margin-left:1em;
	margin-top:0.6em;
}

.rouwdetail {
	width:260px;
	float:left;
	margin-left:2em;
	.margin-left:0.3em;
}

.rouwlogo {
	margin-left:0.4em;
	width:135px;
	float:left;
	max-width:134px;
	/* max-width ongeldig in IE6 daarom onderstaande lijn die alleen IE oppikt */
	width:expression(this.width > 132 ? 132: true);
	border: 0px;
}

.rouwlogo img {
	border:none;
}

.rouwlinks {
	width:140px;
	float:right;
	margin-bottom:3em;
	margin-left:0.8em;
	.margin-left:0.3em;
}

.rouwtitelzone {
	float:left;
	width:135px;
}

.rouwlinkstitel {
	float:left;
	color: #FFFFFF;
	background-color:#584E42;
	text-align:center;
	font-weight:bold;
	font-size:13px;
	width:135px;
	height:1.5em;
	margin-bottom:0.8em;
}

.rouwlinkstitel a:active {color: #FFFFFF;text-decoration:none;}
.rouwlinkstitel a:link {color:#FFFFFF;text-decoration:none;}
.rouwlinkstitel a:visited {color:#FFFFFF;text-decoration:none;}
.rouwlinkstitel a:hover {color:#CCCCCC;text-decoration:none;}

.rouwlinkstekst {
	padding-top:1em;
	padding-left:0.5em;
	font-weight:normal;
	font-size:11px;
	text-align:left;
}

.rouwlinkstekst a:active {color: #333333;text-decoration:underline;}
.rouwlinkstekst a:link {color:#333333;text-decoration:underline;}
.rouwlinkstekst a:visited {color:#333333;text-decoration:underline;}
.rouwlinkstekst a:hover {color:#666666;text-decoration:underline;}

.linklogo {
	margin-left:1.2em;
	width:190px;
	float:left;
	max-width:170px;
	/* max-width ongeldig in IE6 daarom onderstaande lijn die alleen IE oppikt */
	width:expression(this.width > 180 ? 180: true);
	border: 0px;
}

.linklogo img {
	border:none;
}

.fotooverzicht {
	margin-left:1em;
	width:640px;
	float:left;
}
	
.fotogroep {
	margin-bottom:2em;
	width:250px;
	height:230px;
	text-align:center;
	float:left;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; dit in comment laten*/
	/* not in use filter: alpha(opacity=40);
	-khtml-opacity: .6;
	-moz-opacity: .6;
	opacity: .6;*/
}

.fotogroep:hover{
	text-transform: none;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; dit in comment laten*/
	/* not in use filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;*/
}

.fotogroepselected {
	width:250px;
	height:230px;
	text-align:center;
	float:left;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; dit in comment laten */
	/*filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;*/
}

.fototitel {
	width:195px;
	font-size:11px;
	text-align:center;
}

.fotobox {
	width:200px;
	height:200px;
	background-position:center;
	background-repeat:no-repeat;
	margin:8px;
	margin-left:0px;
	border:2px solid #584E42;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.fotobox a {
	width:200px;
	height:200px;
	display:block;
}

.fotobox:hover {
	border:2px solid #888E72;
}

.fotobox img {
	max-width:80px;
	vertical-align:middle;
	/* max-width ongeldig in IE6 daarom onderstaande lijn die alleen IE oppikt */
	width:expression(this.width > 79 ? 79: true);
	border:none;
}

/*.foto {  is groto foto en start javascript 
	float:left;
	width:300px;
}*/

.fotogroot {
	float:left;
	width:300px;
	display:block;
	min-height:225px;
	/*ie 6 explorer*/
	height:auto !important;
  	height:225px;
}

.fotosmallzone {
	width:270px;
	padding-left:2.5em;
	float:left;
}

.fotosmall {
	width:80px;
	float:left;
	border:2px solid #910804;
	margin:2px;
}

.fotosmall:hover {
	border:2px solid #B51E2D;
}

.produktomschrijving {
	float:left;
	width:250px;
	padding:1em;
}

.produktspacer {
	float:left;
	width:400px;
	height:1.5em;
	display:block;
}

/* voor splash en site-gedeelte */

.clear {
	clear:both;
	line-height:0;
}

html {
	height:100%;
}


html {
	width:100%;
}

#flashcontent {
	height:100%;
}

.clearboth { clear: both; }

.footer {
	float:left;
	font-size:10px;
	text-align:center;
	width:100%;
	padding-top:1.7em;
	padding-bottom:0.7em;
	border-top:1px solid #908267;
	border-bottom:1px solid #908267;
	background-color:#2C2722;
	color:#FFFFFF;
}

.footer a:link {
	color: #FFFFFF;
}

.footer a:visited{
	color:#FFFFFF;
}

.footer a:hover {
	color: #BBBBBB;
}	

.footertop {
	width:100%;
	height:1px;
	background-image:url(../images/dev_startfooterbottom.jpg);
	background-repeat:repeat-x;
}

h1{
	font-size:25px;
	font-weight:normal;
	width:600px;
	float:left;
	margin-top:1.5em;
}

h2{
	color:#ff0101;
	font-size:14px;
	width:208px;
	margin:0;
	margin-top:-0.3em;
	padding:0;
	padding-bottom:0.5em;
	_width:190px;
}

h3{
	font-size:30px;
	text-align:center;
	padding-top:0.5em;
	padding-left:0.2em;
	color:#000000;
	width:420px;
	float:left;
}

h4{
	font-size:16px;
	width:600px;
	float:left;
}

a:link{
	color: #333333;
}
a:visited{
	color:#333333;
}
a:hover{
	color:#666666;
}

img {
	border:none;
}

.download {
	text-align:center;
	border: 1px solid #666666;
	width:300px;
	display:block;
	padding:4px;
}