*
{
	margin: 0;
	padding: 0;	
}
body
{
	background-color: #ffffff;	
	font-family: Verdana;
	font-size: 13px;
	color: #000000;
}
img
{
	border: none;
}

div#page
{
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	margin-bottom: 15px;	
}
div#header, .menu, div#headline, div#content
{
	width: 900px;	
	margin: 0 auto;
}
div#header
{
	height: 100px;
}
.menu
{
	height: 40px;
}
div#headline
{
	color: #ffffff;
	height: 200px;
}
div#content
{
	min-height: 250px;
	overflow: auto;
}
div#footer
{
	color: #ffffff;
	background-color: #c8db6f;
	text-align: center;
	padding: 5px 0px 5px 0px;
}

/* Styling van het menu en de menu items */
.menu /* Class omdat ASP de id van de div gebruikt en die vervormd */
{
	height: 40px;
	font-size: 13px;
	/*font-weight: bold;*/ 
}
.menu ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
}

.menu ul li 
{
	float: left;
	padding-right: 3px;
}

.menu ul li a  
{
	height: 9px; 
	display: block; 
	padding: 4px 20px 12px 20px;
	margin-top: 15px;
	
	background-color: #e0f192;
	color: #4d9241; 
	text-decoration: none; 
}

.menu ul li a.menu-active  
{
	height: 16px; 
	padding: 6px 20px 8px 20px;
	margin-top: 10px;
	
	background-color: #c8db6f;
	color: #ffffff; 
}

.menu ul li a:hover  
{
	background-color: #c8db6f; 
	color: #ffffff; 
}

/* Kolommen */
.threeColumns
{
	width: 300px;
	height: 200px;
	float: left;
	text-align: center;
}

.twoColumns, .twoColumnsSmall, .twoColumnsLarge
{
	width: 440px;
	padding: 5px;
	float: left;	
}
.twoColumnsSmall
{
	width: 240px;	
}
.twoColumnsLarge
{
	width: 640px;	
}
.imageContainer
{
	display: block;
	height: 200px;
}

.imageContainer img
{
	margin-top: 15px;
}

/* Headline */
div#headline img
{
	border: solid 10px #e0f192;
}
div#headline .quote
{
	float:left;
	margin-top: 25px;
	margin-left: 50px;
	width: 600px;
	color: White;
}
div#headline .quoteText
{
	font-family: Georgia;
	font-size: 35px;	
}
div#headline .quoteBy
{
	font-size: 13px;
	font-style:italic;
	
	float: left;	
}

div#content img
{
	border: solid 10px #c8db6f;
}

.message 
{
	border: solid 10px #e0f192;
	padding: 10px;
	margin: 10px 0px;
	display: block;
	text-align: center;
}

/* Links */
a { font-weight: bold; }
a:link { color: #4d9241; text-decoration: none; }
a:visited { color:#4d9241; text-decoration:none; }
a:hover { color: #999999; }
a:active { color:#000000; }

div#footer a { color: #ffffff; }
div#footer a:link { color: #ffffff; font-weight:bold}
div#footer a:visited { color:#ffffff; }
div#footer a:hover { color: #564b47; }
div#footer a:active { color:#000000; }


/* Headings */
h1, h2, h3, h4, h5, h6 { color: #4d9241; margin-bottom: 3px;}
h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }

div#headline h3 
{
	color:White;	
}
/* Form elementen */
input[type="submit"]
{
	background-color: #e0f192;
	border: solid 2px #c8db6f;
	color: #4d9241;
	
	font-weight: bold;
	font-size: 15px;
	padding: 3px;
}
input[type="submit"]:hover
{
	background-color: #c8db6f;
	color: #ffffff;
	
	cursor: pointer;	
}