/* RESET.CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: inherit;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*
ol, ul {
	list-style: none;
}*/


/*CLASSES*/

.left
{
	float:left;
}
.right
{
	float:right;
}
.imagereplaced
{
	text-indent:-999999px;
}

/*clear fix*/
.clearfix:after 
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear
{
	clear:both;
}


body, html
{
	height:100%;
}

body
{
	background:#e5e5e5 url(../img/body-bg.png) repeat-x top center;
	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:62.5%;
}

div#wrapper
{
	background:url(../img/content-bg.png) repeat-y top center;
	margin:0px auto;
	width:940px;
	height:100%;
	min-height:100%;
	height:auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

	div#wrapper div#header
	{
		background:url(../img/header-bg.png) no-repeat top center;
		height:246px;
		width:940px;
	}
		
		div#wrapper div#header img#headerimage
		{
			margin:0px 0px 0px 20px;
		}
	
		div#wrapper div#header h1#logo
		{
			background:url(../img/logo.png) no-repeat top center;
			height: 122px;
			margin:12px 25px 0px 0px;
			width: 278px;
		}

		div#wrapper div#header ul#navigation
		{
			list-style: none;
			list-style-type: none;
			margin:-10px 0px 0px 0px;
			width:560px;
		}
		
			div#wrapper div#header ul#navigation li
			{
				float:left;
				margin:0px 0px 0px 0px;
				padding:0px;
			}

				div#wrapper div#header ul#navigation li a
				{
					display:block;
				}
	
				div#wrapper div#header ul#navigation li a#speelparadijs
				{
					background: url(../img/nav-speelparadijs.png) no-repeat 0px 0px;
					height: 53px;
					width: 130px;
				}
				
				div#wrapper div#header ul#navigation li a#speelparadijs:hover
				{
					background-position: 0px -53px;
				}
		
				div#wrapper div#header ul#navigation li a#kinderfeestjes
				{
					background: url(../img/nav-kinderfeestjes.png) no-repeat 0px 0px;
					height: 56px;
					width: 128px;
				}
				
				div#wrapper div#header ul#navigation li a#kinderfeestjes:hover
				{
					background-position:0px -56px;
				}
		
				div#wrapper div#header ul#navigation li a#events
				{
					background: url(../img/nav-events.png) no-repeat top center;
					height: 60px;
					width: 88px;
				}
				
				div#wrapper div#header ul#navigation li a#events:hover
				{
					background-position: 0px -66px;
				}
		
				div#wrapper div#header ul#navigation li a#fun
				{
					background: url(../img/nav-fun.png) no-repeat top center;
					height: 50px;
					width: 80px;
				}
				
				div#wrapper div#header ul#navigation li a#fun:hover
				{
					background-position: 0px -49px;
				}
		
				div#wrapper div#header ul#navigation li a#partycentrum
				{
					background: url(../img/nav-partycentrum.png) no-repeat 0px 0px;
					height: 50px;
					width: 133px;
				}
				
				div#wrapper div#header ul#navigation li a#partycentrum:hover
				{
					background-position: 0px -53px;
				}
		
		div#wrapper div#header ul#subnavigation
		{
			list-style: none;
			list-style-type: none;
			margin:-7px 10px 0px 0px;
		}
		
			div#wrapper div#header ul#subnavigation li
			{
				background:url(../img/divider.png) no-repeat top right;
				float:left;
				margin:0px 10px 0px 0px;
				padding:0px 10px 0px 0px;
			}
			
			div#wrapper div#header ul#subnavigation li.last
			{
				background:none;
			}

				div#wrapper div#header ul#subnavigation li a, div#wrapper div#header ul#subnavigation li a:active, div#wrapper div#header ul#subnavigation li a:visited
				{
					color:#ffffff;
					font-size:1.2em;
					text-decoration:none;
				}
				
				div#wrapper div#header ul#subnavigation li a:hover
				{
					color:#fcd605;
					text-decoration: underline;
				}

	div#wrapper div#content
	{
		background:url(../img/content-bg.png) repeat-y top center;
		padding:5px 40px 0px 40px;		
	}
	
		div#wrapper div#content ul#pagenavigation
		{
			list-style: none;
			list-style-type: none;
			margin:0px 0px 60px 0px;
		}		
		
			div#wrapper div#content ul#pagenavigation li
			{
				float:left;
				margin:0px 25px 0px 0px;
			}
			
				div#wrapper div#content ul#pagenavigation li a, div#wrapper div#content ul#pagenavigation li a:visited, div#wrapper div#content ul#pagenavigation li a:active
				{
					font-size:1.2em;
					color:#df1d42;
					text-decoration: none;
				}
				
				div#wrapper div#content ul#pagenavigation li a:hover
				{
					text-decoration: underline;
				}
				
		div#wrapper div#content div#contentcontainer
		{
			width:550px;	
			margin:0px 60px 0px 0px;
		}
	
		div#wrapper div#content div#contentcontainer h1
		{
			color: #df1d42;
			font-size: 2.2em;
			font-weight:normal;
		}

		div#wrapper div#content div#contentcontainer h2
		{
			color: #df1d42;
			font-size: 1.6em;
			font-weight:normal;			
		}
	
		div#wrapper div#content div#contentcontainer h3
		{
			color: #df1d42;
			font-size: 1.2em;
			margin:0px 0px 25px 0px;
			font-weight:normal;
		}

		div#wrapper div#content div#contentcontainer
		{
			color: #000000;
			font-size: 1.1em;
			line-height: 1.5;
			margin:0px 0px 25px 0px;	
		}
	
		div#wrapper div#content ul#sidebar
		{
			list-style: none;
			list-style-type: none;
			margin:-40px 0px 0px 0px;
			width:250px;
		}
			div#wrapper div#content ul#sidebar li a#button-bestellen
			{
				display:block;
				background: url(../img/button-bestellen.png) no-repeat top center;
				height: 121px;
				width: 247px;
			}
				div#wrapper div#content ul#sidebar li a#button-bestellen:hover
				{
					background-position:0px -121px;
				}
			
			div#wrapper div#content ul#sidebar li a#button-reserveren
			{
				display:block;
				background: url(../img/button-reserveren.png) no-repeat top center;
				height: 121px;
				width: 247px;
			}
				div#wrapper div#content ul#sidebar li a#button-reserveren:hover
				{
					background-position:0px -121px;
				}
			
			div#wrapper div#content ul#sidebar li a#button-kalender
			{
				display:block;
				background: url(../img/button-kalender.png) no-repeat top center;
				height: 113px;
				width: 247px;
			}
				div#wrapper div#content ul#sidebar li a#button-kalender:hover
				{
					background-position: 0px -113px;
				}
		
		
		div#wrapper div#content ul#related
		{
			list-style: none;
			list-style-type: none;
		}
		
			div#wrapper div#content ul#related li
			{
				float:left;
				margin:0px 0px 40px 0px;
			}
			
			div#wrapper div#content ul#related li a#hyves
			{
				background:url(../img/lets-hyve.png) no-repeat top center;
				display:block;
				width:237px;
				height:108px;
			}
				div#wrapper div#content ul#related li a#hyves:hover
				{
					background-position:0px -108px;
				}
			
			div#wrapper div#content ul#related li#newsletter
			{
				background:url(../img/newsletter-bg.png) no-repeat top center;
				display:block;
				width:237px;
				height:108px;
			}
		
			div#wrapper div#content ul#related li#newsletter input.forminput
			{
				margin:50px 0px 0px 25px;
				width: 180px;
				color:#ccc;
			}
			
			div#wrapper div#content ul#related li#newsletter input.button
			{
				background:none;
				color:#ffffff;
				font-size:1.2em;
				cursor: pointer;
				border:none;
				font-weight: normal;
				margin:3px 0px 0px 25px;
			}
		
		div#footer
		{
			
			background:url(../img/footer-bg.png) no-repeat top center;
			width: 940px;
			padding-bottom:40px;
			min-height:19px;
		}
		
/******************************************************************
Online Onderhoud classes		
******************************************************************/

a					{	color:#df1d42;
						text-decoration:underline;
					}

A:Hover				{	color:#000000;
						text-decoration:underline;
					}
							
.textfield			{	border-style: solid; 
						border-color: #696864; 
						color: #000000; 
						background-color: #ffffff; 
						border-width: 1px; 
						font-family:Verdana, Arial, Helvetica, sans-serif; 
						font-size:10px;
					}	
					
.button				{	border-style: solid; 
						border-color: #000000; 
						color: #000000; 
						background-color: #ffffff; 
						border-width: 1px; 
						font-family:Verdana, Arial, Helvetica, sans-serif; 
						font-size:10px;
						cursor:pointer;
						text-decoration:none;
					}

.datum				{	
						font-size:10px;
					}	

.datum_mini			{	
						font-size:10px;
					}
					
/*****************************************************************
BERICHTENMODULE
******************************************************************/					

.bericht_titel		{	font-family:Verdana, Arial, Helvetica, sans-serif;
						color:#000000;
						font-size:14px;
					}
					
.bericht_text		{	font-family:Verdana, Arial, Helvetica, sans-serif;
						color:#000000;
						font-size:12px;
					}	
					
/*****************************************************************
FOTOALBUMMODULE
******************************************************************/					

.photoalbum_titel			{		font-family:Verdana, Arial, Helvetica, sans-serif;
									font-size:11px;
									color:#333333;
									font-weight:bold;
							}
					
.photoalbum_text			{		font-family:Verdana, Arial, Helvetica, sans-serif;
									font-size:11px;
									color:#333333;
							}	
							
.photoalbum_datum			{		font-family:Verdana, Arial, Helvetica, sans-serif; 
									color:#000000;
									font-size:11px;
							}	
												
/******************************************************************
CONTENT		
******************************************************************/
								
.content_titel			{				
							color: #df1d42;
							font-size: 2.2em;
						}
					
.content_text			{	
							color:#000000;
						}
						
.content_text_bold		{	
							color:#37175a;
							font-weight:bold;
						}
					
.content_text a			{	
							color:#df1d42;
							text-decoration:underline;
						}
					
.content_text a:hover		{	
								color:#000000;
								text-decoration:underline;
							}
					

.content_headertext			{		
								color: #df1d42;
								font-size: 1.6em;
							}		

/******************************************************************
AGENDA-KALENDER
******************************************************************/	

.agenda_highlight		{	
							color:#00aad9;
						}

/******************************************************************
submenu-uitvouw
******************************************************************/	
						
ul#navigation li ul { font-size:1.1em; position:absolute; width:156px; left:-999em; background: url(../img/submenu-top.png) repeat-x top center; padding-top:14px; list-style:none; list-style-type:none; }
ul#navigation li ul li { border-right:2px solid #023663; border-left:2px solid #023663;  }
ul#navigation li ul li { width:152px; height:33px; background:#00aad9 url(img/submenu-item-bg.png) repeat-y top center; border-bottom:1px solid #fff; }
ul#navigation li ul li.last { border-bottom:2px solid #023663; }
ul#navigation li:hover ul, ul#navigation li.sfhover ul { left:auto;   }			
ul#navigation li ul li a { color:#fff; font-size:1.1em; text-decoration:none;padding-left:10px; line-height:2.5; }
ul#navigation li ul li:hover { background:#00aad9 url(img/submenu-item-bg-hover.png) repeat-y top center; color:#023663; }
ul#navigation li ul li:hover a { color:#023663; }			
ul#navigation li:hover, ul#navigation li.hover { position: static; } /* sticky fix voor IE7 */