@charset "utf-8";
/* CSS Document */
<!--
A {
	color:#000000;
	text-decoration: none;
}

A:hover A:active A:link {
	color:#000000;
	text-decoration: none;
}
	

body {
background-color: #E0E0E0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
#container {
	background-color: #FFFFFF;
	border: 1px solid #9F9191;
	height: auto;
	width: 780px;  /* door het gebruik van 20 pixels minder dan een volledige breedte van 800 pixels ontstaat ruimte voor de randen van het browservenster (vaak aangeduid met “browser chrome”) en wordt een horizontale schuifbalk vermeden */
	background: #FFFFFF;
	margin: 0 auto; /* de automatische marges (d.m.v. auto), in combinatie met een breedte, centreren de pagina */
	text-align: left; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */
}

#maincontent {
	margin-right: 200px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin:auto;
	height: 100%;
	text-align:left;
}

#maincontent h1 {

	font-size: 16px;
	margin: 0px;
}
#maincontent h2 {

	font-size: 16px;
	margin: 0px;
}
.table {
	height: 400px;
}
#sidebar2 {
	float: right; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	width: 180px; /* de breedte van het element/ *
	padding: 15px 10px 15px 20px; /* met een waarde voor padding houdt u de inhoud van het element div van de randen vandaan */
	height: auto;	
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	clear: both; 
	
    
	
	
	
}
#sidebar2 h3 {
	font-size: 12px;
	margin: 0px;
	
}
#nieuws {
	margin-bottom: 20px;
}

#klant { 
	margin-bottom: 20px;
}
#klant a:hover {
	color: #f31607;
}
#picture {
	margin-bottom: 20px;
	
}
#topwhite {
	background-color:#FFFFFF;
	width:780px;
	height:10px;
	
	}
#menubar {
	height: 23px;
	background-image:url(images/menubg.jpg);
	background-repeat:repeat-x;
	color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 2px;
	padding-top: 3px;
	margin-top: 1px;
	font-weight:bold;
}
.menu {
	width: 100px;
	text-align:center;
	margin-left: 25px;
	float:left;
	font-weight:bold;
}
.menu a {
	text-decoration: none;
	color:#FFFFFF;
}
.menu a:link{
	text-decoration: none;
	color:#FFFFFF;
}
.menu a:active a:hover {
	text-decoration: none;
	color:#FFFFFF;
}
	
#newstop {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	height: 20px;
	width:520px;
	padding-top: 2px;
	clear: both; 
	padding-left: 3px;
	color: #f31607;	
}
#newsmain a {
	color: #f31607;
}
#newsmain a:hover a:link {
	color: #f31607;
}
#newsmain {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size: 11px;
	width:520px;
	height:auto;
	padding-top: 2px;
	padding-left: 3px;
	color: #2a2322;
		
	
}
#newsmain h3 {
	font-size: 14px;
}
#info {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: auto;
	width:520px;
	padding-top: 2px;
	clear: both; 
	padding-left: 3px;
	color: #3d3332;
	margin-bottom: 3px;
}
#urllinks {
	border: 1px #EAEAEA solid;
	width: 150px;
	height: auto;
	margin-left: 5px;
	margin-top: 10px;
	background-color:#F2F2F2;
	padding: 5px;
}
#urllinks a {
	color: #2a2322;
}
	
#urllinks a:hover {
	color: #f31607;
}
#logocon {
	float:right;
	margin: 3px;
	height: 44px;
	width: 125px;
}
#footer {
	border-top: 1px #000000 dashed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:11px;
	margin-top: 4px;
	text-align: center;
	padding: 3px 3px 3px 3px;
	clear: both; 
	overflow: hidden;	
}

#header {
	background-color: #fa2618;
	font-size:23px;
	color: #FFFFFF;
	height: 125px;
	text-align: left;
	margin:auto;
	overflow:hidden;
	
	
}
#search {
	float: right; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
	width: 190px; /* de breedte van het element */
	height:80px;
	font-size: 11px;
	padding-top: 5px;
	
}
.searchform {
	background-color:#FFFFFF;
	color: #000000;
	font-size: 11px;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #d4d4d4;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.button {
	margin-right: 60px;
	border: 1px #000000 dotted;
	background-color:#FFFFFF;
	color: #000000;
	font-size: 11px;
	padding-left: 4px;
	padding-right: 4px;
	margin-bottom: 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	
}
	
.form {
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	padding-left: 4px;
	padding-right: 4px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px #000000 dotted;
	background-color:#FFFFFF;
	color: #000000;
	clear: both; 
	overflow: hidden;
	
}

.meer {
	font-size: 9px
	}
.meer a {
	text-decoration: none;
	color:#000000;
}

.meer a:active a:hover a:link {
	text-decoration: none;
	color:#000000;
}
#fout {
	color:#FFFFFF;
	border: 1px #FF0000 solid;
	width: 400px;
	height: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
	padding-left: 2px;
	padding-top: 1px;
	font-weight: bold;
	background-color:#FF0000;
	
}
#error {
	background-color: #FFFFFF;
	font-size:10pt;
	border: 2px #FF0000 solid;
	padding: 5px;
}
#send {
	background-color: #FFFFFF;
	font-size:10pt;
	border: 2px #66FF00 solid;
	padding: 5px;
}
-->