body 
{
	margin: 0;	/*reset*/
	padding: 0;
	text-align:left; /*voor IE, zegt eigenlijk van, 
						alle elementen erin moeten gecentreerd */
	background-color: #fff;
	font-family: helvetica;
}

a{ text-decoration: none; color: #333;}
a.tab{color: white;}
h2{margin: 0;}
h4{margin-top: 0; margin-bottom: 10px; color: #666}


.datum { color: #888; font-size: 0.6em; font-weigt: bold;}
.titel { color: #333; font-weight: bold; margin: 10px 0;}
.samenvatting { color: #000; font-size: 0.8em; margin: 0.5em 0 2em 1em; padding:0;}

.datum2 { color: #000; font-size: 0.6em; font-weight: bold;}
.titel2{ color: #000; font-weight: bold;}

.item{ padding-left: 2em; }

/* guestbook */
.viewGuestbook 
{
	width: 400px; 
	font-size: 0.8em;
	color: #333;
	border-top: 1px dashed #aaa;
	white-space: normal;
}

#gContent /*standard content*/
{
	position: relative;
	float: none;
	width: 800px;
	height: 300px;
	margin: 0 auto;
	overflow: auto;
	text-align: center;
}
/* ---------- */

#subtitel{ color: #666; text-decoration: underline; font-size: 0.8em;}
#subtitel:hover { font-weight: bold;}

#container
{
	margin: 0 auto; /*voor FF, de juiste manier */
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
}

#top /*TODO: Deze krijgt een pompledinges achtergrond */
{
	width: 100%;
	height: 220px;
	background: url('source/pompebleden3.png');
	background-repeat:repeat-x;
	text-align: left;
}

	#bovenMenu
	{
		width: 800px;
		height: 180px;
	}

	#topMenu /*TODO: Deze krijgt de Naam (PNG) als achtergrond plus menu */
	{
		clear: both;
		position: relative;
		width: 100%;
		height:220px;
		background: url('source/naam.png');
		background-repeat: no-repeat;	
	}
	
		#menu /* the menu div */
		{
			position: absolute;
			bottom: 0;
			height: 30px;
			width: 960px;
			background: url('source/tabs.png');
			background-repeat: no-repeat;
			
		}
		
		#the_menu
		{
			padding: 0;	/* reset for diff IE*/
			margin: 0;
			
			padding-left: 1em;
			margin-top: 0.4em;
			color: white;
			font-weight: bold;
		}
		
		#the_menu a:hover
		{
			/* voorlopig even niets */
		}
		
		#the_menu li /*the menu itself lol */
		{
			display: inline;
			list-style-type: none;
			padding-right: 106px;
			vertical-align: middle;
		}
		
		#roze:hover{ color: #604}
		#blauw:hover{ color: #046}
		#groen:hover{ color: #360}
		#oranje:hover{ color: #840}
		#paars:hover{ color: #003}
		


#left
{
	float: left;
	overflow: auto;
	width: 40%;
	height: 300px;
	background-color: #fff;
	text-align: left;
}

	.inputText
	{
		margin: 10px 20px;
		padding: 10px 10px 10px 15px;
		background-color: #fff;
		border: 1px dashed #ddd;
	}


	
#content /*standard content*/
{
	position: relative;
	float: none;
	width: 60%;
	height: 300px;
	margin: 0 auto;
	overflow: auto;
	overflow-y: hidden; /*om horizontale schuifbalk in FF te verwijderen */
	white-space: nowrap;
	text-align: center;
}
	
	#content img 
	{
		margin-left: -4px; /*zodat het aan elkaar gesloten zit */
	}
	
#nieuwsContent
{
	position: relative;
	float: none;
	width: 60%;
	height: 300px;
	overflow: auto;
	white-space: normal;
	background: url('source/boterhamMuis2.jpg');
	background-repeat: repeat-x;
	background-position: center;
}

#naam
{
	position: relative;
	float: none;
	width: 60%;
	height: 300px;
	overflow: auto;
	white-space: nowrap;
	background: url('source/achtergrond_content4.png');
	background-repeat: repeat-x;
	background-position: center;
}

#wille
{
	position: relative;
	float: none;
	width: 60%;
	height: 300px;
	overflow: auto;
	white-space:no-wrap;
	background: url('fotos/moeder_willy.jpg');
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}

#maria
{
	position: relative;
	float: none;
	width: 60%;
	height: 300px;
	overflow: auto;
	white-space:no-wrap;
	background: url('fotos/mam00.jpg');
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}	

#eringa
{
	position: relative;
	float: none;
	width: 60%;
	height: 300px;
	overflow: auto;
	white-space:no-wrap;
	background: url('fotos/mam01.jpg');
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}	

#bezoek
{
	position: relative;
	float: none;
	width: 60%;
	height: 300px;
	overflow: auto;
	white-space:no-wrap;
	background: url('source/feestkaartje.jpg');
	background-repeat: repeat-x;
	background-position: center;
}		
	
/*#wille
{
	width: 100%;
	height: 300px;
	overflow: hidden;
	background: url('fotos/moeder_willy.jpg');
	background-repeat: no-repeat;
	background-position: center;
} /* oude*/
	
	#contentContainer
	{	
		width: 360px;
		height: 260px;
		overflow: auto;
		white-space: normal;
		margin: 10px auto;
		padding: 10px 20px;
		text-align: left;
		background-color: #fff;
		border: none;
		opacity: 0.7;
		filter: alpha(opacity=70);
	}
	
	#contentContainer2 /*andere opacity, voor betere leesbaarheid */
	{	
		width: 500px;
		height: 260px;
		overflow: auto;
		white-space: normal;
		margin: 10px auto;
		padding: 10px 20px;
		text-align: left;
		background-color: #fff;
		border: none;
		opacity: 0.85;
		filter: alpha(opacity=85);
	}
		


#bottom /*TODO: Deze krijgt een pompledinges achtergrond */
{
	clear: both;
	width: 100%;
	height: 220px;
	background: url('source/pompebleden4.png');
	background-repeat:repeat-x;
}