/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


body,html {
	background-color: #f0e6c5;
	font: normal 11px Verdana, Arial, sans-serif;
	line-height: 13px;
	color: #231a1a;
  margin: 0;
	padding: 0;
	/*width: 100%;*/
	text-align: center;
	font-weight: regular;
}

/* Verwijder dotted randje */
a {
  outline: none !important;
  color: #295681;
}

a:active {
	outline: none;	
}

a:visited {
	color: #295681;
}

a:hover {
	/*background-color: #e5e5e5;*/
}


a.pdf {
	background: url(../images/icon-pdf.gif) no-repeat 0 bottom;
	padding-left: 22px;
}

img {
	border-style: none;
}


strong {
	font-weight: bold;
}

div.leading img, div#page img {
	margin-top: 4px;
	margin-left: 0px;
	margin-bottom: 4px;
	border: 1px solid #ddd;
	
}


#container {
	height: 100%;
	cursor: default;
}


#container_inside {
	margin: 0 auto;
	width: 976px;
	text-align: left;
	position: relative;
}


#container_inside div.top {
	height: 106px;
	background: #001c42 url(../images/logo.gif) no-repeat 18px 6px;
	margin-bottom: 12px;
	border-bottom-right-radius: 10px;  
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;  
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;  
	-moz-border-radius-bottomleft: 10px;
	
	-webkit-box-shadow: 1px 1px 3px #ddd, -1px -1px 3px #ddd;
	-moz-box-shadow: 1px 1px 3px #ddd, -1px -1px 3px #ddd;
	box-shadow: 1px 1px 3px #ddd, -1px -1px 3px #ddd;
		  	  	 
}

/* ingelogd als*/

div#ingelogd_als {
	font-size: 11px;
	width: 500px;
	position: absolute;
	z-index: 1;
	margin-left: 460px; /* zie ie6 & 7 files*/
	margin-top: 8px;
	text-align: right;
	color: #66778e;
	letter-spacing: 2px;

}

div#ingelogd_als a, div#ingelogd_als a:visited {
	color: #b2bbc6;
	padding-left: 6px;
	padding-right: 6px;	
	text-decoration: none;
}

div#ingelogd_als a:hover {
	color: #ffc133;
}

div#ingelogd_als a.current {
	color: #ffc133;
}









/* K L E I N   M E N U  B O V E N  T O P  */

#menu_klein {
	margin: 0;
	padding-top: 63px;
	margin-left: 282px;
	font: normal 12px Verdana, Arial, sans-serif;
}

div.topmenu {
	margin: 0;
	padding: 0;
	color: #b2bbc6;
	font-size: 16px;
	font-family: Georgia;
	letter-spacing: 3px;
	text-transform: uppercase;
	line-height: 24px;
}

a.topmenu {
	color: #b2bbc6;
	text-decoration: none;
	display: block;
	float: left;
	height: 24px;
	margin-right: 20px;
		
}

a.memorion {
	padding-left: 38px;	
	background: url(../images/menu_memorion.gif) no-repeat 0px 0px;
}

a.memorion.activeTop {
	padding-left: 38px;	
	background: url(../images/menu_memorion.gif) no-repeat 0px 0px;
}

a.memorion.baby {
	background: url(../images/menu_memorion_baby.gif) no-repeat 0px 0px;
}

a.memorion.kleuter {
	background: url(../images/menu_memorion_kleuter.gif) no-repeat 0px 0px;
}

a.memorion.junior {
	background: url(../images/menu_memorion_junior.gif) no-repeat 0px 0px;
}

a.memorion.volwassene {
	background: url(../images/menu_memorion_volwassene.gif) no-repeat 0px 0px;
}

a.memorion.senior {
	background: url(../images/menu_memorion_senior.gif) no-repeat 0px 0px;
}



a.memorion.c {
	padding-left: 38px;	
	background: url(../images/menu_stamboom_aktief.gif) no-repeat 0px 0px;
}


a.stamboom {
	padding-left: 39px;	
	background: url(../images/menu_stamboom.gif) no-repeat 0px 0px;
}

a.stamboom.activeTop {
	padding-left: 39px;	
	background: url(../images/menu_stamboom_aktief.gif) no-repeat 0px 0px;
}

a.condoleances {
	padding-left: 27px;	
	background: url(../images/menu_condoleance.gif) no-repeat 2px 0px;
}

a.condoleances.activeTop {
	padding-left: 27px;	
	background: url(../images/menu_condoleance_aktief.gif) no-repeat 2px 0px;
}


a.topmenu:hover {
	text-decoration: none;
	color: #ffc133 !important;
}

a.topmenu:visited {
	text-decoration: none;
	color: #aaa;
}

a.topmenu.activeTop {
	text-decoration: none;
	color: #ffc133;
}






/* footer  */
div.footer {
	clear: both;
	font-size: 11px;
	line-height: 34px;
	text-align: center;
}

div.footer a {
	color: black;
	text-decoration: none;	
}

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

/* vertikale lijntjes */
div.footer span.vertlijn, div.sorteerop span.vertlijn {
	margin: 7px;
	color: #71b937;
}


/* TOEVOEGINGEN */

.hidden
{
  position:absolute;
  top:0;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}

label.error {
	float: none;
	color: red;
	padding-left: .5em;
	vertical-align: top;
}

#dialog {
	text-align: left;
}

#dialog p {
	margin-bottom: 12px; 
}

#dialog p label {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	/*font-weight: bold;*/
}

#dialog input.veld, #dialog select
{
	border: 1px solid #f99c19;
	width: 280px;
	height: 20px !important;
	background-color: #eee;
	padding-left: 6px;
	padding-top: 4px;
	font-size: 12px;
}

#dialog textarea
{
	border: 1px solid #f99c19;
	width: 280px;
	background-color: #eee;
	padding-left: 6px;
	padding-top: 4px;
	font-size: 12px;
}

#formAlbum input.savebut {
	margin-left: 0px;
	background: url(../images/BG_bewaar_memorion_but.gif) no-repeat !important;
	height: 26px;
	width: 220px;
	border: none;
	color: white;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
}


#formAlbum input.savebut:hover {
	background: url(../images/BG_bewaar_memorion_but.gif) no-repeat 0px -34px !important;
	cursor:	pointer;
}

.inactiveImage, .activeImage { width: 183px; }

.inactiveImage {
	opacity: .3;
	-webkit-transition: opacity;
	filter: alpha(opacity=30);
	-moz-opacity: .3;
}

li {
	margin-bottom: 10px;
}