/* Default CSS Stylesheet for a new Web Application project */

BODY
{
	margin: 0px;
	padding: 0px;
	
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-color: #dee9f0;  
}

h1 
{
	margin: 0px;
	padding: 0px;
	
	font-family: Arial, Verdana, Times New Roman;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}

h2 
{
	margin: 0px;
	padding: 4px 8px 0px 0px;
	
	font-family: Arial, Verdana, Times New Roman;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

a 
{
	font-family: Arial, Verdana, Times New Roman;
	font-size: 14px;
	color: #2c546c;
		
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

#wrapper 
{
	width: 674px;
	margin: 0px auto;
	
	border-left: solid 1px #cddae2;
	border-right: solid 1px #cddae2;
	border-bottom: solid 1px #cddae2;
}

#top 
{
	/*border: solid 1px #000000;*/
}

#topLeft 
{
	margin: 0px;
	padding: 0px;
		
	width: 169px;
	height: 97px;
		
	float: left;
	
	background-image: url(images/left-background.jpg);
	background-repeat: repeat-y;
	

	
	/*border: solid 1px #000000;*/
}

#topUrl
{
	margin: 0px;
	color: #2c546c;
	
	font-size: 10px;
	font-family: Arial, verdana, Times New Roman;
	text-align :center;
}

#contentLeft a img
{
   border: 0px;
   width: 160px;
   margin-right: 5px;
}

#topRight 
{
	margin: 0px;
	padding: 0px;
	
	width: 505px;
	height: 97px;
	
	float: right;
	
	text-align: left;
	background-color: #FFFFFF;
	
	/*border: solid 1px #000000;*/
}

#header 
{
}

#headerLeft 
{
	margin: 0px;
	padding: 0px;
	
	width: 169px;
	height: 110px;
	
	float: left;
	
	text-align: right;
	
	background-color: #2c546c;
}

#headerRight 
{
	margin: 0px;
	padding: 0px;
	
	width: 505px;
	height: 110px;
	
	float: right;
	
	background-color: #FFFFFF;
}

#pageIndication 
{
	/* aparte div in de headerLeft div om mooi te kunnen positioneren */
	margin: 85px 15px 0px 0px;
}

#content 
{
	padding-bottom: 10px;
	background-color: #FFFFFF;
	
	background-image: url(images/break-background.jpg);
	background-repeat: repeat-y;
}

#contentLeft 
{
	margin: 0px;
	padding: 0px;
	
	width: 169px;
		
	float: left;
	
	background-image: url(images/left-background.jpg);
	background-repeat: repeat-y;
	
	text-align: right;
}

#contentRight
{
	margin: 0px;
	padding: 0px;
	
	width: 505px;
		
	float: right;
	
	text-align: center;
	
	background-color: #FFFFFF;
}	

#breakEnter 
{
	/* br met deze id wordt gebruikt ervoor te zorgen dat als linkerkolom in de content div uitbreidt 
		in de hoogte dat de de volledige content id mee uit rekt. */
	clear: both;
}

#menu 
{
	margin: 10px 15px 0px 0px;
	width: 114px;
	
	list-style: none;
	text-align: right;
	
	/*border: solid 1px #000000;*/
}

#menu li 
{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #FFFFFF;	
}

#title 
{
	margin: 20px auto;
	
	width: 484px;
	height: 25px;
	
	background-image: url(images/title-background.jpg);
	background-repeat: no-repeat;
	
	text-align: right;
}

#realContent 
{
	margin: 0px auto;
		
	width: 484px;
	
	text-align: left;
	
	font-family: Arial, Verdana, Times New Roman;
	font-size: 14px;
	color: #2c546c;
}

#footer 
{
	width: 674px;
	
	margin: 5px auto;
}

#footerLeft 
{
	float: left;
	
	color: #2c546c;
	
	font-size: 10px;
	font-family: Arial, verdana, Times New Roman;
	text-align :center;
}

#footerRight 
{
	float: right;
	
	color: #2c546c;
	
	font-size: 10px;
	font-family: Arial, verdana, Times New Roman;
	text-align :center;
}

#footerRight a 
{
	text-decoration: none;
	font-size: 10px;
}

#footerRight a:hover 
{
	text-decoration: underline;
}

#homeImage 
{
	float: left; 
	margin-right: 14px;
}

#spanXhtml 
{
	margin: 0px 30px 0px 0px;
}

td
{
	padding: 8px 0;
	margin: 0px;
	border-bottom: 1px solid #d7e2e8;
}

#list 
{
	margin:0 0 0 20px;
	list-style-type: square;
}

#list li
{
	padding: 6px 0;
}

.contact
{
	color: #2c546c;
	text-decoration: underline;
}

.center
{
	text-align: center;
	margin-top: 10px;
}

.banner-mini
{
	margin: 0px 0 10px 0;
}