*{font-family: Verdana; color: #1f1d52;}

body{background-image:url(../images/Serne_body_BG.png); background-repeat:repeat-x; font-size:10pt; margin:0;}

h1, h2, h3, h4, h5, h6 {font-family: Verdana; font-weight: bold;}

h1{font-size: 220%;}
h2{font-size: 180%;}
h3{font-size: 180%;}
h4{font-size: 120%;}
h5{font-size: 110%;}
h6{font-size: 100%;}

form{margin: 0px; padding:0px;}

i{
font-size: 15px;
}

img{border:0}

a{color: #c4c3d7;text-decoration: none;}
a:hover{color: #1f1d52}

a.email{color: #c4c3d7;text-decoration: none;}

span{color: #c4c3d7}

#frame{width:950px; margin: auto; margin-top:0px;}

#header{//overflow:hidden; height:166px; width:100%; background-image:url(../images/Serne_header_BG.png);background-repeat:repeat-x;}

#logo{position:absolute; display:block;height:65px; width:219px; float:left; margin-left:85px; margin-top:47px; background-image:url(../images/Serne_logo.png); background-repeat:no-repeat;}

#symbol{position:absolute; display:block;height:81px; width:60px; float:left; margin-left:875px; margin-top:47px; background-image:url(../images/Serne_symbool.png); background-repeat:no-repeat; z-index:999;}

#left{position:absolute; display:block; float:left;height:375px; width:103px; background-image:url(../images/Serne_left.png); background-repeat:no-repeat;}

#photo_spreuk{position:absolute; display:block; height:375px; width:77px; padding-left:103px;}
#contentPanel{width:647px; height: 375px;padding-left:293px;  z-index:1;}
#contentNews{ height:375px; width:500px;line-height: 22px;  padding-right:10px;}
#content{ height:375px; width:647px;line-height: 22px;  padding-right:10px; padding-left:293px;  z-index:1;}

#photo.home{height:277px; width:180px; background-image:url(../images/home.png); background-repeat:no-repeat; color:White; font-size:12px; font-weight:bolder; text-align:center;}
#photo.ritueelbegeleiding{height:277px; width:180px; background-image:url(../images/ritueelbegeleiding.png); background-repeat:no-repeat;}
#photo.huwelijk{height:277px; width:180px; background-image:url(../images/huwelijk.png); background-repeat:no-repeat;}
#photo.geboorte{height:277px; width:180px; background-image:url(../images/geboorte.png); background-repeat:no-repeat;}
#photo.overlijden{height:277px; width:180px; background-image:url(../images/overlijden.png); background-repeat:no-repeat;}
#photo.rouwverwerking{height:277px; width:180px; background-image:url(../images/rouwverwerking.png); background-repeat:no-repeat;}
#photo.adoptie{height:277px; width:180px; background-image:url(../images/adoptie.png); background-repeat:no-repeat;}
#photo.herinneringsboek{height:277px; width:180px; background-image:url(../images/herinneringsboek.png); background-repeat:no-repeat;}
#photo.huwelijk{height:277px; width:180px; background-image:url(../images/huwelijk.png); background-repeat:no-repeat;}
#photo.nadeuitvaart{height:277px; width:180px; background-image:url(../images/nadeuitvaart.png); background-repeat:no-repeat;}
#photo.kinderenenrouw{height:277px; width:180px; background-image:url(../images/kinderenenrouw.png); background-repeat:no-repeat;}
#photo.detranenkoffer{height:277px; width:180px; background-image:url(../images/detranenkoffer.png); background-repeat:no-repeat;}
#photo.verlaterouw{height:277px; width:180px; background-image:url(../images/verlaterouw.png); background-repeat:no-repeat;}
#photo.handreikingen{height:277px; width:180px; background-image:url(../images/handreikingen.png); background-repeat:no-repeat;}
#photo.workshops{height:277px; width:180px; background-image:url(../images/workshops.png); background-repeat:no-repeat;}
#photo.lezingen{height:277px; width:180px; background-image:url(../images/lezingen.png); background-repeat:no-repeat;}
#photo.reisvanjeleven{height:277px; width:180px; background-image:url(../images/reisvanjeleven.png); background-repeat:no-repeat;}
#photo.marijkeserne{height:277px; width:180px; background-image:url(../images/marijkeserne.png); background-repeat:no-repeat;}
#photo.nieuws{height:277px; width:180px; background-image:url(../images/nieuws.png); background-repeat:no-repeat;}
#spreuk{height:82px; width:180px; background-image:url(../images/Serne_spreuk.png); background-repeat:no-repeat;font-size:7pt; text-align:center; padding-top:16px; line-height:13pt;}
#spreukNews{height:82px; width:180px; background-image:url(../images/Serne_spreuk2.png); background-repeat:no-repeat;font-size:7pt; text-align:center; padding-top:16px; line-height:13pt;}

#nieuws{float: right; margin-right: -5px; width: 139px; margin-top: -375px; height: 100%;  font-size:8pt; }
#nieuwsTitel{font-weight: bolder; line-height: 22px}
#nieuwsBeschrijving{line-height: 17px}


#menu{padding-top:117px; padding-left:285px; overflow:hidden; z-index:2;}
#menuOverflow{overflow:hidden;}

#menuStripe{height:44px; width:1px; background-image: url(../images/Serne_menu_stripe.png); float:left;}

#mainNews{background-color:#ffffff; background-image:url(../images/Serne_content_BGNews.png); background-repeat:y-repeat; height:375px; background-position:285px 0px; z-index:-2; }
#main{background-image:url(../images/Serne_content_BG.png); background-repeat:y-repeat; height:375px; background-position:285px 0px; z-index:-2; }

#footer{height:26px; width:100%-103px; background-image:url(../images/Serne_footer_BG.png);background-repeat:repeat-x; color: #c4c3d7; font-size:8pt; padding-left:103px;padding-top:5px;}
#ipulse{width: 950px; margin: auto; text-align: right;}

body {
	font: normal 11px verdana;
	}

#nav{
	padding-top:117px; 
	padding-left:285px;
	width:665px;
	height: 44px;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;


	}
	
#nav #btn_Ritueelbegeleiding{
	position: relative;
	float: left;
	width: 118px;

	overflow: visible;

	}

#nav #btn_Ritueelbegeleiding ul{
	height:100%;
	margin-top:1px;
	


	}

#nav #btn_Ritueelbegeleiding ul li {
	border-left: 1px solid #1f1d52;
	border-right:1px solid #1f1d52;
	position: relative;
	float: left;
	width: 116px;
	height:17px;
	background-color:#c4c3d7;
	
	
	}

#btn_Ritueelbegeleiding a.parent{float:left; position:relative; height:15px; width:118px;display: block;background-image: url(../images/Serne_menu.png); padding-top:29px;font-size:8pt; text-align:center;}
#btn_Ritueelbegeleiding a.parent:hover{color: #c4c3d7;}
#btn_Ritueelbegeleiding a.parent:active{color: #c4c3d7;}

#nav #btn_Rouwverwerking{
	position: relative;
	float: left;
	width: 113px;
	}

#nav #btn_Rouwverwerking ul{

	height:100%;
	margin-top:1px;
	
	}

#nav #btn_Rouwverwerking ul li {
	border-left: 1px solid #1f1d52;
	border-right:1px solid #1f1d52;
	position: relative;
	float: left;
	width: 111px;
	height:17px;
	background-color:#c4c3d7;
	}

li .last{border-bottom: 1px solid #1f1d52;}

#btn_Rouwverwerking a.parent{float:left; position:relative; height:15px; width:113px; display:block; background-image:url(../images/Serne_menu.png); padding-top:29px;font-size:8pt; text-align:center;}
#btn_Rouwverwerking a.parent:hover{color: #c4c3d7;}
#btn_Rouwverwerking a.parent:active{color: #c4c3d7;}

#nav #btn_Handreikingen{
	position: relative;
	float: left;
	width: 113px;
	}

#nav #btn_Handreikingen ul{

	height:100%;
	margin-top:1px;
	
	}

#nav #btn_Handreikingen ul li {
	border-left: 1px solid #1f1d52;
	border-right:1px solid #1f1d52;
	position: relative;
	float: left;
	width: 111px;
	height:17px;
	background-color:#c4c3d7;
	}

#btn_Handreikingen a.parent{float:left; position:relative; height:15px; width:113px; display:block; background-image:url(../images/Serne_menu.png); padding-top:29px;font-size:8pt; text-align:center;}
#btn_Handreikingen a.parent:hover{color: #c4c3d7;}
#btn_Handreikingen a.parent:active{color: #c4c3d7;}

#nav #btn_andere_mogelijkheden{
	position: relative;
	float: left;
	width: 110px;
	}

#nav #btn_andere_mogelijkheden ul{
	border-left: 1px solid #1f1d52;
	border-bottom: 1px solid #1f1d52;
	border-right: 1px solid #1f1d52;
	height:100%;
	margin-top:1px;
	}

#nav #btn_andere_mogelijkheden ul li {
	position: relative;
	float: left;
	width: 108px;
	padding-top:5px;
	background-color:#c4c3d7;
	}

#btn_andere_mogelijkheden a.parent{float:left; position:relative; height:15px; width:110px; display:block; background-image:url(../images/Serne_menu.png); padding-top:29px;font-size:8pt; text-align:center;}
#btn_andere_mogelijkheden a.parent:hover{color: #c4c3d7;}
#btn_andere_mogelijkheden a.parent:active{color: #c4c3d7;}




#nav #btn_nieuws{
	position: relative;
	float: left;
	width: 110px;
	}

#nav #btn_nieuws ul{
	border-left: 1px solid #1f1d52;
	border-bottom: 1px solid #1f1d52;
	border-right: 1px solid #1f1d52;
	height:100%;
	margin-top:1px;
	}

#nav #btn_nieuws ul li {
	position: relative;
	float: left;
	width: 108px;
	padding-top:5px;
	background-color:#c4c3d7;
	}

#btn_nieuws a.parent{float:left; position:relative; height:15px; width:110px; display:block; background-image:url(../images/Serne_menu.png); padding-top:29px;font-size:8pt; text-align:center;}
#btn_nieuws a.parent:hover{color: #c4c3d7;}
#btn_nieuws a.parent:active{color: #c4c3d7;}





#nav #btn_Home{
	position: relative;
	float: left;
	width: 67px;
	}
	
#nav #btn_Home ul{
	border-left: 1px solid #1f1d52;
	border-bottom: 1px solid #1f1d52;
	border-right: 1px solid #1f1d52;
	height:100%;
	margin-top:1px;
	}

#nav #btn_Home ul li {
	position: relative;
	float: left;
	width: 65px;
	padding-top:5px;
	background-color:#c4c3d7;
	}

#btn_Home a.parent{float:left; position:relative; height:15px; width:67px; display:block; background-image:url(../images/Serne_menu.png); padding-top:29px;font-size:8pt; text-align:center;}
#btn_Home a.parent:hover{color: #c4c3d7;}
#btn_Home a.parent:active{color: #c4c3d7;}

li ul {
	display: none;
	}

/* menu stijl */
ul li a.child {
	display: block;
	text-decoration: none;
	color: #1f1d52;
	background: #c4c3d7; /* IE6 Bug */
	margin:0;
	padding-left:3px;
	
}

/* menu stijl */
ul li a.child:hover {
	display: block;
	text-decoration: none;
	color: #c4c3d7;
	background: #1f1d52; /* IE6 Bug */
	margin:0;
	padding-left:3px;	
}

	
/* IE \*/
* html ul li { float: left; height: 1%;}
* html ul li a { height: 1%; }


li:hover ul, li.over ul { display: block; 	overflow:visible;} 


