/* * Submenu bepaalt de height voor het HV-menu * */

div.submenu {
	z-index: 2;
	width: 122px;
	height: 106px;
	position: relative;
	visibility: visible;
	}

/* ********************************************** */


/* **** Topelementen **** */

div.blokonderwerpen {
	background-color: #FFFFFF;
	border: 1px solid #8C9095;
	padding: 7px;
	margin-bottom: 5px;
	}

div.blokonderwerpentitel {
	font-size: 11px;
	font-weight: bold;
	color: #F7F3ED;
	background-color: #8C9095;
	border: 1px solid #8C9095;
	padding: 2px 3px 2px 5px;
	margin-top: 5px;
	}

div.introplaatje {
	margin-bottom: 15px;
	}


/* **** Artikel-elementen **** */

.artikeltitel {
	font-size: 14px;
	font-weight: bold;
	color: #1684CB;
	line-height: 18px;
	margin: 8px 0px 10px 0px;
	}

.artikelintro {
	font-weight: bold;
	color: #666666;
	line-height: 13px;
	margin: 5px 0px 10px 0px;
	}

.artikelintro a {/*/*/
	font-weight: bold;
	/* */}

div.artikelimgrechts {
	font-size: 9px;
	color: #999999;
	padding: 10px 0px 10px 25px;
	float: right;
	}

div.blokrelatie {
	background-color: #CFE6F5;
	border: 1px solid #1684CB;
	padding: 7px;
	margin-bottom: 5px;
	}

div.blokrelatietitel {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #1684CB;
	border: 1px solid #1684CB;
	padding: 2px 3px 2px 5px;
	margin-top: 5px;
	}





/* *******************************

  CSS - Uitvaartbranche.nl - Main

*********************************/

/* **** Topelementen en interface **** */
.homepage {
	background-color: #c4cace;
	margin: 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 13px;
	height: 100%;
	width: 100%;
	overflow:visible;
	}
.homepage table {/*/*/
font: normal 11px Arial, Helvetica, sans-serif;
color: #333333;
line-height: 13px;
/* */}

#setcenter {
	z-index: 1;
	position: absolute;
	height:100%;
	left: 50%;
}

#container {
	z-index: 1;
	position: absolute;
	background-image: url(../../imagesmain/431/bg_main2.gif);
	background-repeat:repeat-y;
	background-position:center 0px;
	top:0px;
	left: -400px;
	width: 800px;
	min-height: 100%;
}


a {
color: #1684CB;
text-decoration: none;
}

a:hover {
color: #0065A6;
text-decoration: underline;
}

ul {
margin: 5px 0px;
padding: 0;
}

ol {
margin: 5px 0px;
padding: 0;
}

ul.rollbulletlijst {
font: normal 11px Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 13px;
list-style-type: none;
margin: 5px 0px;
padding: 0px;
}

ul.rollbulletlijst li {/*/*/
display: inline;
margin: 0px;
padding: 0px;
/* */}

ul.rollbulletlijst a {/*/*/
background-image: url(/imagesmain/431/bullet_link.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
display: inline-block;
color: #1684CB;
text-decoration: none;
padding: 0px 0px 2px 8px;
margin: 0;
border:0;
width:100%;
/* */}

#menurechts img
{
    margin-top:4px;
}

#online li a
{
    padding-bottom:10px;
}

ul.rollbulletlijst a:hover {/*/*/
background-image: url(/imagesmain/431/bullet_link_roll.gif);
background-repeat: no-repeat;
color: #0065A6;
text-decoration: underline;

margin: 0px;
/* */}

ul a,ol a {/*/*/
color: #1684CB;
text-decoration: none;
font-weight: bold;
/* */}

ul a:hover,ol a:hover {/*/*/
color: #0065A6;
text-decoration: underline;
font-weight: bold;
/* */}

ol li {/*/*/
margin: 0px 0px 0px 23px;
padding: 0;
/* */}

ul li {/*/*/
list-style-image:  url(/imagesmain/431/bullet_lijst.gif);
margin: 5px 0px 0px 17px;
padding: 0;
/* */}

form {
margin: 0;
padding: 0;
}

select, input, textarea {
font: 11px Arial, Helvetica, sans-serif;
color: #333333;
background-color: #EBECED;
border-color: #C7DEED #8C9095 #8C9095 #C7DEED;
border-width: 1px;
margin: 0;
padding: 1;
}

div.top {
	z-index: 1;
	height: 70px;
	width: 633px;
	left: 12px;
	top: 0px;
	position: relative;
	}

div.zoeken {
	z-index: 2;
	height: 28px;
	width: 200px;
	left: 412px;
	top: 22px;
	position: absolute;
	visibility: visible;
	}

div.zoeken input {/*/*/
font: 11px Arial, Helvetica, sans-serif;
color: #333333;
background-color: #FFFFFF;
border-color: #C7DEED #8C9095 #8C9095 #C7DEED;
border-width: 1px;
/* */}

div.formblok {
background-color: #EFF0F1;
border: 1px solid #8C9095;
padding: 7px;
margin-bottom: 5px;
}

div.formbloktitel {
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
background-color: #8C9095;
border: 1px solid #8C9095;
padding: 2px 3px 2px 5px;
margin-top: 8px;
}

div.formblok input,div.formblok select,div.formblok textarea{/*/*/
font: 11px Arial, Helvetica, sans-serif;
color: #333333;
background-color: #FFFFFF;
border-color: #C7DEED #8C9095 #8C9095 #C7DEED;
border-width: 1px;
margin: 0;
padding: 1;
/* */}

div.history {
	z-index: 4;
	padding: 3px 4px 3px 8px;
	background-color: #EBECED;
	width: 483px;
	visibility: visible;
	color: #AE9576;
	text-decoration: none;
	}

.history a {/*/*/
color: #4387B3;
text-decoration: none;
/* */}

.history a:hover {/*/*/
color: #E76700;
text-decoration: underline;
/* */}

div.mainmenu {
	z-index: 2;
	height: 500px;
	width: 138px;
	left: 12px;
	top: -21px;
	position: relative;
	float: left;
	}

div.menurechts {
	z-index: 2;
	width: 120px;
	left: 23px;
	top: -65px;
	position: relative;
	float: left;
	clear: right;
	}

div.menurechtsbanner {
padding-top: 5px;
padding-bottom: 5px;
}

div.menurechtstekstblok {
background-color: #EBECED;
border: 1px solid #1684CB;
padding: 7px;
margin-top: 5px;
margin-bottom: 5px;
}

div.tekstbloktitel {
color: #1684CB;
font-weight: bold;
margin: 3px 0px 3px 0px;
}



/* **** Inhoud elementen **** */


div.inhoud {
	z-index: 3;
	width: 495px;
	left: 11px;
	top: -20px;
	position: relative;
	float: left;
	}

div.imgrechts {
padding: 11px 0px 8px 15px;
float: right;
clear: right;
font-size: 9px;
color: #999999;
}

div.imglinks {
padding: 11px 17px 8px 0px;
float: left;
clear: left;
font-size: 9px;
color: #999999;
}

.titelbalk {
padding: 0px 0px 12px 0px;
}

table.tweekolommen,table.nieuwskolom {
width: 494px;
border: 0px none;
}

table.tweekolommen {
background-image: url(../../imagesmain/431/tweekolom_bg.gif);
}

table.tweekolommen td,table.nieuwskolom td {/*/*/
width: 247px;
vertical-align: top;
/* */}

div.kolomlinks {
padding: 0px 12px 0px 20px;
vertical-align: top;
}

div.kolomrechts {
padding: 0px 19px 0px 13px;
vertical-align: top;
}

div.eenkoloms {
padding: 0px 19px 0px 20px;
vertical-align: top;
}

div.intbanner1,div.intbanner2 {
margin: 5px 0px;
padding: 10px;
background-color: #EBEFF2;
border: 1px solid #A2B3BD;
}

div.intbanner2 {
background-color: #DFE4E8;
}

div.intbanner1 img {/*/*/
margin: 0px 0px 0px 10px;
float: right;
/* */}

div.intbanner2 img {/*/*/
margin: 0px 15px 5px 0px;
float: left;
/* */}

.intbannertitel {
font-weight: bold;
color: #1684CB;
padding: 2px 0px 2px 0px;
}

.intbannerdatum {
font-size: 10px;
color: #A49283;
}

div.clearer1 {
clear: right;
line-height: 0;
height: 0;
}

div.clearer2 {
clear: left;
line-height: 0;
height: 0;
}

div.dividerhor {
height: 17px;
font-size: 1px;
background-image: url(../../imagesmain/431/divider_hor.gif);
}

div.rechterkolombanner {
padding: 0px 0px 5px 6px;
}

div.linkerkolombanner {
padding: 0px 0px 5px 8px;
}

.titel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #242b2f;
	line-height: 14px;
	margin: 15px 0px 10px 0px;
}

.subtitel {
font-size: 11px;
font-weight: bold;
color: #1684CB;
line-height: 13px;
margin: 8px 0px 2px 0px;
}

.artikelsubtitel {
font-size: 11px;
font-weight: bold;
color: #4387B3;
line-height: 13px;
margin: 8px 0px 2px 0px;
}

strong {
font-weight: bold;
color: #333333;
}

em {
color: #333333;
font-size: 12px;
}

.commentaar {
font-size: 9px;
font-style: normal;
color: #B0AAA0;
}

div.onderschrift {
max-width: 100%;
font-size: 9px;
color: #999999;
}

.nieuwsdatum {
font-size: 11px;
color: #999999;
}

.alfbutton {
font-weight: bold;
line-height: 20px;
border: #1684CB;
border-style: solid;
border-width: 1px;
padding: 3px;
margin: 1px;
}


/* **** Enquete **** */

div.enquetetitel {
background-color: #1684CB;
border: 1px solid #1684CB;
margin-top: 5px;
}

div.enquete {
background-color: #EBECED;
border: 1px solid #1684CB;
color: #7C8A92;
line-height: 12px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 7px;
margin-bottom: 5px;
}

.formtekst {
color: #1684CB;
}



/* **** Kostenplaatje **** */

div.kosten_vink_uit {
background-color: #F7F3ED;
border: 1px solid #EE7412;
margin: 1px;
padding: 3px;
}

div.kosten_vink_aan {
background-image: url(../../imagesmain/431/vink_bg.gif);
background-repeat: no-repeat;
background-position: 1 1;
background-color: #ECE6DC;
border: 1px solid #EE7412;
margin: 1px;
padding: 3px;
}

div.kosten_vink_dim {
background-color: #F7F3ED;
border: 1px solid #D6CEC4;
margin: 1px;
padding: 3px;
}

div.kosten_item_uit {
color: #EE7412;
background-color: #F7F3ED;
border: 1px solid #EE7412;
margin: 1px;
padding: 3px;
}

div.kosten_item_aan {
background-color: #ECE6DC;
border: 1px solid #EE7412;
margin: 1px;
padding: 3px;
}

div.kosten_item_dim {
color: #D6CEC4;
background-color: #F7F3ED;
border: 1px solid #D6CEC4;
margin: 1px;
padding: 3px;
}

div.kosten_prijs_uit {
color: #EE7412;
font-weight: bold;
background-color: #F7F3ED;
border: 1px solid #EE7412;
margin: 1px;
padding: 3px;
}

div.kosten_prijs_aan {
font-weight: bold;
background-color: #ECE6DC;
border: 1px solid #EE7412;
margin: 1px;
padding: 3px;
}

div.kosten_prijs_dim {
color: #D6CEC4;
font-weight: bold;
background-color: #F7F3ED;
border: 1px solid #D6CEC4;
margin: 1px;
padding: 3px;
}

#agree
{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	background-color:#FFFFFF;
	z-index:100000;
	width:100%;
	_height:100%;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;  
}

#agree div
{
	width:460px;
	margin-left:160px;
	margin-top:80px;
}

#agree label
{
	font-weight:bold;
}

/* fix scroll doctype */
.homepage {    
	background-color: #c4cace;
	margin: 0px;
    font: normal 11px Arial, Helvetica, sans-serif;    
    color: #333333;     
    line-height: 13px;    
    height:100%;    
    overflow-y:auto;
} 

#setcenter {     
	z-index: 1;    
	position: absolute;    
	left: 50%;     
	height:100%; 
	
} 

#container {    
	z-index: 1;    
	position: absolute;    
	background-image: url(/imagesmain/bg_main2.gif);     
	background-repeat:repeat-y;    
	background-position:center 0px;    
	top:0px;    
	left: -400px;    
	width: 800px;     
	min-height:100%; 
	
}
div.mainmenu {    
	z-index: 2;    
	width: 138px;    
	left: 12px;    
	top: -21px;    
	position: relative;    
	float: left;    
	display:block;    
}