* 
{
margin: 0;
padding: 0;
-moz-box-sizing:border-box;box-sizing:border-box;
}

html
{
	width: 100%;
	height: 100%;
}

body
{
	width: 100%;
	height: 100%;

	margin: 0px;
	
	padding: 0px;

	font-family: arial, sans-serif;
	font-size: 12px;

}

A:link 		{ color: #3300ff; TEXT-DECORATION: none; font-weight:bold; }
A:visited 	{ color: #3300ff; TEXT-DECORATION: none; font-weight:bold; }
A:active 	{ color: #3300ff; TEXT-DECORATION: none; font-weight:bold; }
A:hover 	{ color: #3300ff; TEXT-DECORATION: underline; font-weight:bold; }

table
{
	font-family: arial, sans-serif;
	font-size: 12px;
}

#siteLayout
{
	width: 100%;
	height: 100%;
	
	border-spacing: 0px;
	border-collapse: collapse;

	table-layout: fixed;
	
	font-size: 12px;
}

#loLogo
{
	width: 180px;
	height: 125px;
 	
	text-align: center;
	
	padding-top: 0px;
	padding-left: 10px;

	color: #CCCCCC;	
	background-color: #3300ff;
}


#loBanner
{
	width: 100%;
	height: 125px;
	
	font-size: 35px;
	
	padding-left: 30px;

	color: #f5ff57;	
	background-color: #3300ff;
	
	white-space: nowrap; 
	overflow: scroll; 
	
	background-image:url("hoekje.png");
	background-position:right bottom;
	background-repeat:no-repeat;
}

#loLeft
{
	width: 180px;

	vertical-align: top;

	background-color: #3300ff;	
}

#loContent
{
	width: 100%;
	height: 100%;

	padding: 20px;

	vertical-align: top;
	
	background-color: #f5ff57;
	 
	overflow: scroll; 
}

#loLeft a
{
	padding: 6px 0px 0px 35px;
	display : block;
	height	: 30px;
	width	: 170px;
	color:#f5ff57;	
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	background-color:#000;
	background-image: url("menu.jpg");
	background-position:left top;
	background-repeat: no-repeat;
	
}

#loLeft a:hover
{
	color:#3300ff;
	background-position: left -30px;
}

#fotoTable
{
	width: 100%;
	border-collapse:collapse;
}

#firstFotoHeader
{
	font-weight: bold;
	border: 2px solid #8279ff;
	border-right: none;
	color: #3300ff;
}

#lastFotoHeader
{
	font-weight: bold;
	border: 2px solid #8279ff;
	border-left: none;
	color: #3300ff;
}

#fotoHeader
{
	font-weight: bold;
	border-top: 2px solid #8279ff;
	border-bottom: 2px solid #8279ff;
	color: #3300ff;
}

.fotoItem
{
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	border-top: 2px solid #8279ff;
	border-bottom: 2px solid #8279ff;
	vertical-align:top;
}

.fotoOverzicht
{
	text-align:center;
	font-weight:bold;
}

#agendaTable
{
	width: 100%;
	border-collapse:collapse;
}

#firstAgendaHeader
{
	font-weight: bold;
	border: 2px solid #8279ff;
	border-right: none;
	color: #3300ff;
}

.agendaHeader
{
	font-weight: bold;
	border-top: 2px solid #8279ff;
	border-bottom: 2px solid #8279ff;
	color: #3300ff;
}

#lastAgendaHeader
{
	font-weight: bold;
	border: 2px solid #8279ff;
	border-left: none;
	color: #3300ff;
}

#firstAgendaItemCurrent
{
	background-color: 8279ff;
	font-weight: bold;
	border: 2px solid #3300ff;
	border-right: none;
	color: #f5ff57;
}

.agendaItemCurrent
{
	background-color: 8279ff;
	font-weight: bold;
	border-top: 2px solid #3300ff;
	border-bottom: 2px solid #3300ff;
	color: #f5ff57;
}

#lastAgendaItemCurrent
{
	background-color: 8279ff;
	font-weight: bold;
	border: 2px solid #3300ff;
	border-left: none;
	color: #f5ff57;
}

#nieuwsTitel
{
	background-color: #8279ff;
	font-weight: bold;
	border: 2px solid #3300ff;
	color: #f5ff57;
	font-size: 20px;
	padding-left: 5px;
}

#nieuwsDatum
{
	font-size:10px;
}

input
{
	border: 2px solid #8279ff;
	background-color: #f5ff57;
	color: #3300ff;
}

textarea
{
	border: 2px solid #8279ff;
	background-color: #f5ff57;
	color: #3300ff;
	font-family: Arial, Helvetica, sans-serif;
}

.knop
{
	background-color: #8279ff;
	color: #f5ff57;
	border: 1px solid #3300ff;
}

.imgHref
{
	border: 1px solid #8279ff;
}