/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
        margin:0;
        padding:0;
    }
    /*
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    */
    fieldset,img { 
        border:0;
    }
    
    ol,ul {
        list-style:none;
    }
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    html, body {

    }
 
    body, td, input, select, textarea {
    	font-family:arial, verdana;
    	font-size:11px;
    	color:black;
    	
    	line-height:20px;
    }
    
    body {
    	background:#d9d9d9;
    	text-align:center;
    	
    }
    
    a:link, a:visited, a:hover, a:active {
    }
    
    a:hover {
    }
    
    h1 {
    }
 
    #container #overflow #columnLeft h1 {
    }
    
    h2 {
    }
    
    h3 {
    }
    
    p {
    }
    
    .blueLine {
    	color:#68a1d6;
    	font-weight:bold;
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/

#container {
 	position:relative;
 	margin:0 auto;
 	text-align:left;
 	
 	background:url("../images/bg.jpg") top left repeat-y;
 	
 	width:1000px;
}

#outerOverflow {
	overflow:hidden;
	background:url("../images/bgBottomLeft.jpg") bottom left no-repeat;
	_height:1%;
}

#container #footer {
	height:29px;
	width:987px;
	clear:both;
 	background:url("../images/footer.jpg") top left no-repeat;
}

#container #footer a {
	color:#727272;
	text-decoration:none;
}

#container #footer .content {
	float:left;
	color:#727272;
	margin-left:626px;
	margin-top:6px;
	display:inline;
}
 
#container #outerColumnLeft {
	float:left;
	width:247px;
	display:inline;
}

#container #outerColumnLeft_header {
	height:68px;
	width:247px;
 	background:url("../images/headerTopLeft.jpg") top left no-repeat;
}

#container #outerColumnLeft_topDates {
	width:247px;
 	background:url("../images/bgTopLeft.jpg") top left repeat-y;
}

#container #outerColumnLeft_topDates a.topDate img {
	float:left;
	display:inline;
	margin-top:10px;
	margin-left:9px;
	margin-bottom:2px;
}

#container #outerColumnLeft_topDates a.topDate .text {
	text-align:center;
	clear:both;
}


#container #outerColumnLeft_topDates a.topDate  {
	color:black;
	text-decoration:none;
	display:block;
	height:107px;
	width:205px;
	margin-left:37px;
	
 	background:url("../images/topDates_bg.jpg") top left no-repeat;
	
}

#container #outerColumnLeft_topDates a:hover  {
	color:#e41c62;
}


#outerColumnLeft_gastenboek .content{
	margin:10px 30px 0px 35px;
}

#outerColumnLeft_gastenboek a {
	color:#e41c62;
	text-decoration:none;
}

#outerColumnLeft_gastenboek {
}

#outerColumnLeft_gastenboek h1 {
	background:url("../images/headerBottomLeft.jpg") top left no-repeat;
	height:27px;
	width:213px;
	_height:41px;
	_width:247px;
	color:#e41c62;
	font-size:12px;
	font-weight:bold;
	
	padding-top:14px;
	padding-left:34px;
}

#innerColumnRight h1 {
	background:url("../images/headerTopRight.jpg") top left no-repeat;
	height:26px;
	width:233px;
	_height:29px;
	_width:253px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	
	padding-left:20px;
	padding-top:3px;
}

#innerColumnLeft h1 {
	color:#e41c62;
	font-size:15px;
	font-weight:bold;
	margin-bottom:20px;
	border-bottom:1px solid #e41c62;
}

#innerColumnLeft h2 {
	color:#e41c62;
	font-size:12px;
	font-weight:bold;
	margin-bottom:20px;
	border-bottom:1px solid #e41c62;
}

#innerColumnRight_inloggen h1 {
	background:url("../images/headerBottomRight.jpg") top left no-repeat;
	height:26px;
	width:223px;
	_height:29px;
	_width:253px;
	color:#e41c62;
	font-size:12px;
	font-weight:bold;
	
	padding-left:30px;
	padding-top:5px;
}

#innerColumnRight_inloggen table {
	margin:0px 22px 0px 22px;
}

#innerColumnRight_inloggen table input {
	width:170px;
	background:white;
	border:1px solid #e41c62;
	padding:3px;
}

#innerColumnRight_inloggen a {
	color:#616161;
	text-decoration:none;
}



#innerColumnRight_inloggen table .button {
	background:#acacac;
}	

#container #outerColumnRight {
	width:740px;
	float:left;
	display:inline;
}

#container #outerColumnRight #backgroundHeader {
	height:211px;
	width:740px;
 	background:url("../images/bgHeader.jpg") top left no-repeat;
 	position:relative;
}

#container #outerColumnRight #imageHeader {
	height:211px;
	width:740px;
 	background:url("../images/imageHeader.jpg") top left no-repeat;
 	position:absolute;
 	top:13px;
}

.clicker {
	position:relative;
	top:0px;
	left:0px;
	height:150px;
	width:696px;
	cursor:pointer;
}

#container #innerColumnLeft {
	float:left;
	display:inline;
	width:420px;
	margin-left:30px;
	padding-bottom:30px;
	padding-top:10px;
}

#container #innerColumnRight {
	float:right;
	width:253px;
	color:white;
}

#container #innerColumnRight .content {
	margin-left:20px;
	margin-top:10px;
	margin-right:5px;
}

#innerColumnRight_Nieuws {
	background:#adadad url("../images/bgTopRightTop.jpg") bottom left no-repeat;
	padding-bottom:30px;
}

#innerColumnRight_Nieuws a {
	color:#e41c62;
	text-decoration:none;
}

#container #innerColumnLeft a {
	color:#68a1d6;
	text-decoration:none;
}


/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

	/*****************************************************
	 * PAGINA AGENDA
	 *****************************************************/
	table.kalender
	{
		/*width:				750px;*/
		
		border-spacing:		7px;
	}
	
	table.kalender td
	{
		width:				50px;
		height:				50px;
		
		border:				1px solid black;
	}
	
	table.kalender td.dagenTitel
	{
		width:				5px;
		height:				5px;
		color:				#FFFFFF;
		
		background:			#E41D62;
		border:				1px solid black;
	}
	
	table.kalender td.vandaag
	{
		border:				3px solid black;
	}
	
	table.kalender tr.next_prevTr
	{
		height:				20px;
	}
	
	table.kalender td.next_prevTd
	{
		height:				20px;
		border:				0px solid #FFFFFF;
	}
	
	
	.titel
	{
		font-family:		"Arial";
		font-size:			14px;
		
		font-weight:		bold;
	}
	
	table.legenda
	{
		width:				100px;
		border-spacing:		5px;
	}
	
	table.legenda td.legendaTitel
	{
		height:				5px;
		color:				#FFFFFF;
		
		background:			#E41D62;
		border:				1px solid black;
	}
	
	table.legenda td.nietVandaag
	{
		width:				5px;
		height:				5px;
		
		border:				1px solid #000000;
	}
	
	table.legenda td.vandaag
	{
		width:				5px;
		height:				5px;
		
		border:				
	}

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
 
 

table td
{
	font-family: Arial, Verdana;
	font-size:11px;
	line-height:18px;
}

a:link		{color:#000000; text-decoration:none;}
a:visited	{color:#000000; text-decoration:none;}
a:hover		{color:#000000; text-decoration:underline;}

.formHead
{
	color:			#FFFFFF;
	background:		#E41D62;
}

input.text
{
	width:				250px;
	height:				19px;
	
	background-color:	#FFFFFF;
	background:			url('../beheer/images/bg_textfield.jpg') top left repeat;
	border:				1px solid #000000;
	padding:			0px 2px 2px 2px;
	
	font-family:		"Arial";
	font-size:			11px;
	color:				#595959;
}

.textarea
{
	width:				250px;
	height:				150px;
	
	background-color:	#FFFFFF;
	border:				1px solid #000000;
	padding:			0px 2px 2px 2px;
	
	font-family:		"Arial";
	font-size:			11px;
	color:				#595959;
}

.button
{
	width:				250px;
	height:				19px;
	
	background-color:	#E41D62;
	border:				1px solid #000000;
	
	font-family:		"Arial";
	font-size:			11px;
	font-weight:		bold;
	color:				#FFFFFF;
	
	cursor:				pointer;
}

select
{
	width:				250px;
	
	border:				1px solid #000000;
	
	font-family:		"Arial";
	font-size:			11px;
	color:				#595959;
}

.required
{
	font-family:		"Arial";
	font-weight:		bold;
	font-size:			11px;
	color:				#E41D62;
}

.clsInfBlock
{
	color:				#575757;
	
	display:			block;
	padding:			15px;
	
	background-color:	#EBEBEB;
	border:				1px solid #E41D62;
	border-top:			3px solid #E41D62;
}

hr
{
	border:				1px solid #E41D62;
}
 
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/
 
    
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ul#idMenuTopHor, ul#idMenuTopHor li ul
{
	list-style:			none;
	margin:				0px;
	padding:			0px;
}

ul#idMenuTopHor
{
	float:				left;
	display:			inline;
	margin-left:		0px;
	margin-top:			13px;
}

ul#idMenuTopHor li
{
	float:				left;
	display:			inline;
	padding-left:		7px;
	margin-left:		7px;
}

* html ul#idMenuTopHor li
{
	width:				1%;
}



ul#idMenuTopHor li a
{
	display:			block;
	text-decoration:	none;
	color:				white;
	font-weight:		bold;
	line-height:		16px;
	white-space:		nowrap;
}

ul#idMenuTopHor li a:hover
{
	text-decoration:	underline;
}

ul#idMenuTopHor li ul
{
	width:				202px;
	position:			absolute;
	margin-top:			10px;
	margin-left:		-8px;
	display:			none;
	border:				0px solid #BBBBBB;
	border-top:			none;
	background-color:	#E8E8E8;
	z-index:			500;
	width:202px; 
	padding-bottom:13px;
	background:url("../images/dropdown_bottom.gif") bottom left no-repeat;
}

ul#idMenuTopHor li ul li
{
	margin-left:		0px;
	margin-top:			0px;
	margin-bottom:		0px;
	background:			none;
	float:				none;
	padding:			0px;
	width:				100%;
	height:				100%;
}

ul#idMenuTopHor li ul li a
{
	font-weight:		100;
	padding:			2px 5px;
	font-weight:		bold;
	color:				#FFFFFF;
	background:			#e41c62;
}

ul#idMenuTopHor li ul li a:hover
{
	font-weight:		100;
	padding:			2px 5px;
	background:#EBEBEB;
	color:black;
	text-decoration:underline;
	font-weight:		bold;	
}

ul#idMenuTopHor li ul li ul
{
	border:				1px solid #BBBBBB;
	margin-top:			-20px; /* Menu hoogte in principe. Mag ook afwijken. */
	margin-left:		130px; /* Menu breedte in principe. Mag ook afwijken. */
}

/* IE */
* html ul#idMenuTopHor li ul li
{
	float:				left;
	clear:				both;
}

* html ul#idMenuTopHor li a
{
	height:				1%;
}