/* CSS Style Sheet index.css */

body {
	font-family: "trebuchet ms" ,verdana, helvetica, arial;
	font-size: 0.8em;
	background-color: #FFFFFF;
	color: #000000;
	margin: 10px 10px 10px 10px;
	text-align: center;
	}

/* Tag Selectors*/

div#container{
	width: 980px;
	height: 570px;
	overflow: hidden;
	background: #E2E2FF;
	background-color: #E2E2FF;
	margin: auto;
	text-align: left;
	
}

h4 {										/* Block Titles*/
	padding: 1px 0px 1px 0px;
	margin: 0px 0px -5px 0px;
	font-size: 13px;
	font-family: "Trebuchet MS";
	color: #A15E00;
	background: #FFFFFF; 
	text-align: center;
	letter-spacing: 2px;
	border: solid 1px #999999;
}


ul { 										/* Used for Block Content */
	list-style-type: square; 
}

ul.nobullets {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	text-align: right;
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
 	color: #5B604C;
	}

p#footer {	
	float: left;							/* Page Footer */
	margin-top: 1px;
	padding-top: 1px;
	margin-bottom: 5px;
	font-size: 10px;
	color: #595959;
	text-align: center;
	border-top: 1px solid #000000;
	width: 977px;
}

/* Blocks */


div#header1 {							/* First Header */
	font-family: "trebuchet ms", verdana, helvetica, arial;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	color: #5775BB;
	padding: 5px;
	background-color: #BAC9F0;
	background-image: url(http://www.ddv.be/icon/header.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	border-top: solid 1px #5775BB;
	border-left: solid 1px #5775BB;
	border-right: solid 1px #5775BB;
}


div#header2 {							/* Second Header */
	font-family: verdana, "trebuchet ms", helvetica, arial;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	color: #5775BB;
	padding: 5px;
	background-color: #BAC9F0;
	background-image: url(http://www.ddv.be/icon/header.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	border-bottom: solid 1px #5775BB;
	border-left: solid 1px #5775BB;
	border-right: solid 1px #5775BB;
	margin-bottom: 2px;
}


div#content {	
	float: left;
	margin-top: 20px;
	margin-left: 35px;					/* Content of the Page*/
	width: 525px;
}

div#content img {						/* Border "Rekenmachien.jpg" */
	border: solid 1px #000000;
	margin-left: 12px;
}


div#fotos img {
	margin: 27px 12px 12px 12px;
}

.Counter {
  margin-right: 580px;
}

div#Webmaster {	
	/* Disclaimer and Webmaster above Page */
  float: right;
  margin-top: 10px;
  font-size: 10px;
  color: #595959;
  text-align: right;
  width: 100%;
}

div#Webmaster a:link {color: #53697B; text-decoration: none;}
div#Webmaster a:active {color: #E06C00; text-decoration: none;}
div#Webmaster a:visited {color: #53697B; text-decoration: none;}
div#Webmaster a:hover {color: #E06C00; text-decoration: none;}


div#nieuws {							/* The Right-Aligned Block */
	float: right;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 5px;
	border-color: #999999;
	background: #BAC9EF;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	padding-bottom: 0px;
	text-align: center;
	height: 378px;
	width: 180px;
	
}

html>body div#nieuws {
width: 165px;
}


p#nieuws {
	border: 1px solid #B2B2B2;
	margin: 6px;
}

#nieuws i {
	font-size: 11px;
}

div#nieuws a:link { color: #53697B; text-decoration: none; font-weight: bold;}
div#nieuws a:active { color: #53697B; text-decoration: none; font-weight: bold;}
div#nieuws a:visited {	color: #53697B;	text-decoration: none; font-weight: bold;}
div#nieuws a:hover { color: #A15E00; text-decoration: none; font-weight: bold;}

div#Gegevens {
	width: 180px;
	height: 378px;
	float: left;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 0px;
	border-color: #999999;
	background: #BAC9EF;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	padding-bottom: 0px;
	text-align: center;
}

html>body div#Gegevens {
width: 165px;
}


p#Gegevens {
	border: 1px solid #B2B2B2;
	margin: 6px;
}

div#Gegevens a:link { color: #53697B; text-decoration: none; font-weight: bold;}
div#Gegevens a:active { color: #53697B; text-decoration: none; font-weight: bold;}
div#Gegevens a:visited { color: #53697B; text-decoration: none; font-weight: bold;}
div#Gegevens a:hover { color: #A15E00; text-decoration: none; font-weight: bold;}

div#Gegevens img {				/* Used for alignment Logo DDV */
   margin-bottom: 18px;
	margin-top: 3px;
}

div#TopNavigation {				/* Top navigation alignment */
	width: auto; 
	height: 13px;
	z-index: 2; 
	margin: 0; 
	margin-left: 5px;
	padding:0;
}

.TopNavigation						/* Top navigation style & Design */

{
	line-height: 11px; 
	margin: 0; 
	padding:0; 
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #A15E00;
	cursor: hand;
}

.TopNavigation a:link		{color: #5775BB; text-decoration:none}
.TopNavigation a:active		{color: #A15E00; text-decoration:none}
.TopNavigation a:visited	{color: #5775BB; text-decoration:none}
.TopNavigation a:hover		{color: #A15E00; text-decoration:none}


.TopNavStreep						/*  Separates top navigation choices  */
{
	width: 1px;
	font-size: 8px;
	border-right: #B2B2B2;
	margin: 0;
	margin-left: 20px;
	margin-right: 20px;
	line-height: 8px;
	border-left: #B2B2B2;
	border-width: 0 0 0 1px;
	border-style: none solid none solid;

}