/* CSS Document */

/* Algemeen ----------------------------------------------*/
body {
background-color: #EAE5DE;
margin: 0px;
padding: 0px;
font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:13px;
color: #333333;
}

div.topbg {
z-index: 0;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 155px;
background-image: url(/images_main/bg_top.gif);
background-repeat: repeat-x;
background-position: left top;
}

div.bottom {
z-index: 0;
position:relative;
display:block;
width: 100%;
height: 400px;
background-image: url(/images_main/bg_bottom.gif);
background-repeat: repeat-x;
background-position: left top;
background-color:#D1C2B2;
text-align: center;
padding-top:40px;
}

div.centeriewin {
text-align: center;
}

div.container {
z-index: 1;
position: relative;
margin: auto;
text-align: left;
width: 758px;
}

div.topelements {
z-index: 4;
position: relative;
width: 758px;
}

div.logo {
	position:absolute;
	left: 296px;
	top: 44px;
	width:167px;
	height:82px;
}

#mid {
	z-index: 2;
	position: relative;
	display:block;
	float:left;
	top: 0px;
	width:310px;
	padding-top:169px;
	padding-left:14px;
}

#midholder {
	display:block;
	z-index:4;
	background-image: url(/images_main/mainblok_bg.gif);
	background-repeat:repeat-y;
	background-position: left top;
}

div.clear {
	clear:both;
	height:auto;
	overflow:hidden;
}

a {
color: #E46600;
text-decoration: none;
}

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

a.faq {
color:navy;
}

select {
color: #333333;
font-size: 10px;
background-color: #FFAB36;
}

textarea {
color: #333333;
font-size: 8pt;
background-color: #FAF0DA;
}

/* Main menu ----------------------------------------------*/
div.menu {
position: absolute;
left: 87px;
top: 135px;
width:525px;
height:20px;
}

div.menuzoeken {
position:absolute;
top:0px;
left:124px;
width:254px;
height:20px;
}

div.menuzoeken input {
font: 12px Arial, Helvetica, sans-serif;
color: #FFFFFF;
border-color: #000000 #000000 #776D66 #776D66;
border-width: 1px;
padding:0px;
margin:0px;
background-color: #4C4845;
}

#buthome a {
	background: url(/images_main/but_home_0.gif) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	display: block;
	height: 20px;
	width: 68px;    
}
#buthome a:hover {
  background: url(/images_main/but_home_1.gif) no-repeat;
}

#butfaq a {
	background: url(/images_main/but_faq_0.gif) no-repeat;
	position:absolute;
	top:0px;
	left:68px;
	display: block;
	height: 20px;
	width: 56px;    
}
#butfaq a:hover {
  background: url(/images_main/but_faq_1.gif) no-repeat;
}

#butvoorwaarden a {
	background: url(/images_main/but_voorwaarden_0.gif) no-repeat;
	position:absolute;
	top:0px;
	left:378px;
	display: block;
	height: 20px;
	width: 146px;    
}
#butvoorwaarden a:hover {
  background: url(/images_main/but_voorwaarden_1.gif) no-repeat;
}

#butzoeken a {
	background: url(/images_main/but_zoeken_0.gif) no-repeat;
	display: block;
	height: 20px;
	width: 29px; 
}
#butzoeken a:hover {
	background: url(/images_main/but_zoeken_1.gif) no-repeat;
}

/* Banners ----------------------------------------------*/
div.halfbannerleft {
	position: absolute;
	left: 15px;
	top: 61px;
	width:234px;
	height:60px;
}

div.halfbannerright {
	position: absolute;
	left: 509px;
	top: 61px;
	width:234px;
	height:60px;
}

div.rectangle {
width: 180px;
height:182px;
margin-left:15px;
background-image: url(/images_main/blok_bg.gif);
background-repeat:no-repeat;
background-position: left top;
}

/* Kolommen ----------------------------------------------*/
div.kolomlinks {
z-index: 2;
position: relative;
display:block;
float:left;
padding-top: 169px;
width: 210px;
}

div.kolomrechts {
z-index: 2;
position: relative;
display:block;
float:left;
clear:right;
padding-top: 169px;
padding-left:14px;
width: 210px;
}

/* List items ----------------------------------------------*/
ul.rollbulletlijst {
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(/images_main/bullet_link.gif);
background-repeat: no-repeat;
background-position: 0 1;
display: block;
color: #E76700;
text-decoration: none;
padding: 1px 0px 0px 15px;
margin: 0px;
}

ul.rollbulletlijst a:hover {
background-image: url(/images_main/bullet_link_roll.gif);
background-repeat: no-repeat;
background-position: 0 1;
color: #CC3300;
text-decoration: underline;
padding: 1px 0px 0px 15px;
margin: 0px;
}

/* Registers menu ----------------------------------------------*/
div.registers {
width: 306px;
padding:0px 2px 0px 2px;
}

div.registernummer {
text-align:center;
color: #F28D00;
font-weight: bold;
padding: 5px 0px 5px 0px;
}

.registeritem {
color: #333333;
line-height: 13px;
text-decoration: none;
text-align:center;
background-image: url(/images_main/register_bg.gif);
background-repeat:no-repeat;
background-position: left top;
padding: 4px 25px 4px 30px;
display:block;
}

.registeritem:hover {
color: #000000;
line-height: 13px;
text-decoration: none;
text-align:center;
background-image: url(/images_main/register_bgroll.gif);
background-repeat:no-repeat;
background-position: left top;
padding: 4px 25px 4px 30px;
display:block;
}

.registersubmenu {
background-image: url(/images_main/register_bg.gif);
background-repeat:no-repeat;
background-position: left top;
text-align:center;
width: 306px;
margin-left:2px;
padding:10px 0px 0px 0px;
}

.registersubmenu a {
color: #E46600;
text-decoration: none;
}

.registersubmenu a:hover {
color: #000000;
text-decoration: none;
}

/* Blokken ----------------------------------------------*/
div.blok {
width: 210px;
background-image: url(/images_main/blok_bg.gif);
background-repeat: repeat-y;
background-position: left top;
}

div.blokcontent {
text-align:left;
padding-right: 20px;
padding-left: 20px;
line-height: 13px;
}

div.blokimagerechts {
float:right;
margin: 5px 0px 5px 5px;
}

div.blokimage {
margin: 5px 0px 10px 0px;
}

div.bloktitel {
font-size: 12px;
color: #EA7900;
font-weight: bold;
line-height: 16px;
padding:8px 0px 5px 0px;
}

/* Disclaimer ----------------------------------------------*/
div.disclaimer {
text-align: center;
}

div.disclaimer a {
color: #666666;
font-size: 9px;
text-decoration: none;
}

div.disclaimer a:hover {
color: #333333;
font-size: 9px;
text-decoration: underline;
}


/* Full page ----------------------------------------------*/
div.fullpage {
width: 306px;
padding:0px 2px 0px 2px;
}

div.fullpagecontent {
padding: 5px 15px 5px 15px;
}

div.fullpagetitel {
font-size: 12px;
font-weight: bold;
color: #EA7900;
text-align: center;
}

div.fullpagedivider {
	background: url(/images_main/condolence_divider.gif) no-repeat;
	display: block;
	height: 5px;
	width: 275px;
}

div.fullpagetxt {
padding:7px 0px 7px 0px;
}

div.fullpagefaq {
font-size:12px;
font-weight:bold;
color: #EA7900;
padding: 15px 0px 5px 0px;
}

div.fullpagecontact {
color: #333333;
background-color: #BEB3A5;
padding: 5px 18px 12px 18px;
}

#addcondolence a {
	background: url(/images_main/but_addacondolence_0.gif) no-repeat;
	display: block;
	height: 33px;
	width: 306px;    
}
#addcondolence a:hover {
  background: url(/images_main/but_addacondolence_1.gif) no-repeat;
}

.datum {
color: #333333;
font-size: 10px;
font-weight: bold;
padding: 0px 0px 10px 0px;
}

div.citaat {
font-style: italic;
color: #333333;
padding: 7px 0px 10px 0px;
text-align: center;
}

div.aangemaakt {
font-size:10px;
font-weight: bold;
color: #EA7900;
padding: 7px 0px 7px 0px;
}

div.getekend {
font-size:10px;
font-weight: bold;
color: #EA7900;
}


/* Diversen ----------------------------------------------*/
div.maincolumn,div.maincolumnstripe {
z-index: 2;
width: 435px;
border-style: solid;
border-color: #FFFFFF;
background-color: #BEB3A5;
display:block;
margin:10px 0px 0px 0px;
float:left;
}

div.maincolumn {
border-width: 1px;
}

div.maincolumnstripe {
border-width: 1px 1px 0px 1px;
}

.maincolumn h2,div.maincolumnstripe h2 {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	margin:6px 0px 4px 0px;
}

.maincolumn h3,div.maincolumnstripe h3 {
	color:#333333;
	font-size:10px;
	font-weight:bold;
	margin:0px;
}

.agendaitem {
font-size: 12px;
color: #FFFFFF;
font-weight:bold;
line-height: 13px;
text-decoration: none;
text-align:center;
padding: 6px 15px 6px 20px;
border-width: 0px 0px 1px 0px;
border-style: solid;
border-color: #FFFFFF;
display:block;
}

.agendaitem:hover {
color: #FFFFFF;
background-color: #978A7B;
text-decoration: none;
display:block;
}

.columndatum {
color: #333333;
font-size: 10px;
font-weight:bold;
}


#addcondo
{
	display:none;
}

#addcondo br
{
	clear:both;

}

#addcondo label
{
	width:90px;
	float:left;
	text-align:right;
}

#addcondo input, #addcondo textarea
{
	border:0;
	color: #333333;
	font-size: 8pt;
	background-color: #FAF0DA;
	margin:1px;
}

#addcondo #yname, #yeml,
{
	width:160px;
}
	
#ytxt
{
	width:250px;
	height:120px;
}
#addcondo #sub, #addcondo #cancel
{
	border:1px solid #333333;
}

#druk
{
	display:none;
}


.menuzoeken
{
	display:none;
}