/*************************************************************************************************
 * <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-type:disc;
		list-style-position:inside;
    }
    
    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 {
    	padding:0px;
    	margin:0px;
    }
 
    body, td, input, select, textarea {
    	font-family:century gothic,verdana,arial;
    	color:#575757;
    	font-size:13px;
    	line-height:18px;
    }
    
    body {
    	text-align:center;
		background:#fcfafc url("../images/bodyBg.jpg") top left repeat-x;
    }
    
    a:link, a:visited, a:hover, a:active {
    	text-decoration:none;
    	color:#003772;
    }
    
    a:hover {
    	text-decoration:underline;
    }
	
    h1 {
    	font-family: Century Gothic, Verdana;
		font-weight: bold;
    	font-size:14px;
    	padding-bottom:10px;
    	color:#6d1f7e;
    }
    

 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }

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

 div#container {
 	width:928px;
 	background:url("../images/bg.png") top left repeat-y;
 	
 	position:relative;
 	margin:0 auto;
 	text-align:left;
 }
 
 div#header {
 	width:900px;
 	height:235px;
 	background:url("../images/header.jpg") top left no-repeat;
 	margin-left:14px;
 }
 
 div#underHeader {
 	width:900px;
 	height:29px;
 	background:url("../images/underHeader.jpg") top left no-repeat;
 	margin-left:14px;
 }
 
 div#overflow {
 	overflow:hidden;
 	_overflow:visible;
 	min-height:597px;
	height:auto !important;
	height:597px;
 	margin-left:13px;
 	background:url("../images/judith.jpg") 705px bottom no-repeat;
 }
 
 div#columnLeft {
 	width:500px;
 	float:left;
 	margin-left:160px;
 	margin-top:20px;
 	text-align:justify;
 	display:inline;
 }
 
 div#buttons
 {
 	position:absolute;
 	left:-39px;
 	top:300px;
 	width:159px;
 	height:180px;
 	background:url("../images/lbuttons.png") top left no-repeat;
 }

 
 div#buttons a.buffet {
		display:block;
 		width:159px;
 		height:70px;
		
		text-indent:-90000;
		cursor:hand;
		margin-top:5px;
}

 div#buttons a.feestmateriaal {
		display:block;
 		width:159px;
 		height:70px;
		
		text-indent:-90000;
		cursor:hand;
		margin-top:25px;
}

 div#footer a.email {
		display:block;
 		width:130px;
 		height:18px;
		
		position:absolute;
		top:70px;
		left:780px;
		
		text-indent:-90000;
		cursor:pointer;
}
div#footer a
{
	color:#c6c7c8;
}

div#footer a.contact {
	float:right;
	display:block;
	width: 280px;
	height:35px;
	position:absolute;
	top: 60px;
	left: 645px;
}

div#footer a.contact2 {
	float:right;
	display:block;
	width: 240px;
	height:35px;
	position:absolute;
	top: 50px;
	left: 115px;
}
 
div#footer .copyright {
	float:right;
	margin-top:100px;
	margin-right:40px;
	color:#c6c7c8;
	display:inline;
}

 div#columnRight {
 	width:219px;
 	float:right;
 	display:inline;
 }
 
 div#images
 {
 	position:absolute;
 	right:-35px;
 	top:300px;
 	width:223px;
 	height:311px;
 } 

 
 div#images img
 {
 	position:absolute;
	top:0;
	left:0;
 }
 
  div#footer {
 	width:948px;
 	height:131px;
 	background:white url("../images/footer.jpg") top left no-repeat;
 	position:relative;
 }
 
 div#spetters
 {
 	position:absolute;
 	left:-39px;
 	top:5px;
 	width:150px;
 	height:148px;
 	background:url("../images/spetters.png") top left no-repeat;
 } 
 
  div#spetters a.spet {
		display:block;
 		width:150px;
 		height:148px;		
		text-indent:-90000;
		cursor:hand;
	
}

 
 
 ul#idMenuTopHor, ul#idMenuTopHor li ul
{
	list-style:			none;
	margin:				0px;
	padding:			0px;
}

ul#idMenuTopHor
{
	float:				left;
	display:			inline;
	margin-top:207px;
	margin-left:265px;
}

ul#idMenuTopHor li
{
	float:				left;
	display:			inline;
}

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

ul#idMenuTopHor li a
{
	display:			block;
	text-decoration:	none;
	color:				#003480;
	line-height:		16px;
	
	text-align:center;
	padding: 6px 10px;

	font-family: Century Gothic, Verdana;
	background:url("../images/aDevider.png") top right no-repeat;
	font-weight: bold;
	color:#ffffff;
	
}

ul#idMenuTopHor li a:hover
{
	text-decoration:	none;
	background:url("../images/menuHover.jpg") top left repeat-x;
}

ul#idMenuTopHor li ul
{
	margin-top:1px;
	width:200px;
	background: #b68fbf;
	position:			absolute;
	display:			none;
	border-top:			none;
	text-transform:none;
	text-align:left;
	z-index:99;
}

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

ul#idMenuTopHor li ul li a
{
	font-weight:		100;
	padding:			2px 5px;
	margin:0px;
	color:				#ffffff;
	line-height:19px;
 	opacity:1;
 	height:auto;
 	font-size:11px;
 	width: AUTO;
 	text-align:left;
 	border:none;
}

ul#idMenuTopHor li ul li a:hover
{
	font-weight:		100;
	color:				#ffffff;
	padding:			2px 5px;
	background:			none;
	border:none;
	background:#96729e;
}

ul#idMenuTopHor li ul li ul
{
	background:#b68fbf;
	margin-top:			-23px; /* Menu hoogte in principe. Mag ook afwijken. */
	margin-left:		200px; /* 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%;
}

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

        /*****************************************************
         * PAGINA VOORBEELD 1
         *****************************************************/

        /*****************************************************
         * PAGINA VOORBEELD 2
         *****************************************************/

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
 
 
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/
 
    
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }
    
    .floatLeft {
    	float:left;
    }
    
    .floatRight {
    	float:right;
    }