html
{
  overflow-y:scroll; /* voorkomen scrollbar-jump zodra pagina langer is dan viewport*/
}
body  {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-size: 13px;
	font-family:"Trebuchet MS", sans-serif;
	margin: 0; /* nodig voor juiste weergave in verschillende browsers */
	padding: 0;
	text-align: center; /* zorgt er samen met text-align:left in de container div voor dat ook in IE 5* dat de container wordt gecentreerd */
	color: #000000;
	background: URL(images/bg-gradient.jpg) top left repeat-x;
	background-color: #235286;
	height: 100%;
}
h1 {
	font-size: 16px!important; /*zorgt dat deze niet wordt overschreven*/
	text-align: right;
	margin-bottom: 25px; /* afstand tussen kop en tekst*/
}
h2 {
	font-size: 16px!important; /*zorgt dat deze niet wordt overschreven*/
	text-align: right;
	margin-bottom: -10px; /* afstand tussen kop en tekst*/
}
.tarieven{
margin-bottom: -2px;
}
table {
width: 500px;
border: 1px dotted #000;
padding: 5px;
}
.blauw {
 color:#1B4E85;
 font-weight:bold;
}

.handgeschreven {
	font-family: "Segoe Print", Arial, Helvetica, sans-serif;
	 color:#1B4E85;
	 font-weight:bold;
}
.vet-onderstreep {
font-weight:bold;
text-decoration:underline;
}
#container { 
	width: 944px;  
	margin: 0 auto 0 auto; /* auto margins centreert pagina horizontaal */
	text-align: left; /* overschrijft text-align: center van body element. */
	height: 768px;
} 

#container-contact { 
	width: 944px;  
	margin: 0 auto 0 auto; /* auto margins centreert pagina horizontaal */
	text-align: left; /* overschrijft text-align: center van body element. */
} 
#navigatie {
	background-image:url(images/navigatie2.png);
	background-repeat:no-repeat;
	width: 1054px;
	height: 75px;
}
#nav-horizontaal {
	position:relative;
	padding-top: 5px; /* in firefox, chrome e.d. nodig om navigatie-tekst lager te plaatsen */
}
#nav-horizontaal ul {
	padding: 0;
	margin-left: 53px;
	margin-top: 18px;
	font-family: "Segoe Print", Arial, Helvetica, sans-serif;
	list-style:none;
	}

#nav-horizontaal li {
	float: left;
	width: inherit;
	padding-right:5px;
	}

a.tab:link, a.tab:visited {    /*in de class .tab staan de speciale linkinstellingen voor de tabs*/
	position:relative;
	display: block;
	background-color:inherit;
	text-decoration: none;
	list-style:none;
	color:#cccccc;
	height: 25px;
	font-size: 12px!important;
	font-weight:bold;
	}

a.tab:hover, #active {
	position:relative;
	display: block;
	background-color:inherit;
	list-style:none;
	color: #FED26A;
	font-weight: bold;
	} 

#header { 
	background: #DDDDDD;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	width: 944px;
	height: 148px;
	bottom: 0px;
} 
#wrapper-inhoud {
	background-color:#FFFFFF;
	background-image:url(images/roze-lijn.jpg); /*om roze lijn tot onderaan te laten doorlopen*/
	background-repeat:repeat-y;
	padding-top: 5px; /*ruimte met bovenliggende div wegwerken in firefox, chrome e.d. ter compensatie van padding-top: 5px; in #nav-horizontaal */
}
#zijkolom {
	float: left; 
	/*width: 350px;*/ /* in IE inclusief padding en border */
	background: #ffffff; /* tot einde kolom-inhoud*/
	background-image:url(images/roze-lijn.jpg);
	background-repeat:repeat-y;
	padding: 15px 10px 15px 20px;
}
#foto-links img {
position:absolute;
margin-top: 38px;
margin-left: 50px;
z-index: 100;
}
#foto-links2a img {
position:absolute;
margin-top: 78px;
margin-left: 50px;
z-index: 100;
}
#foto-links2b img {
position:absolute;
margin-top: 342px;
margin-left: 67px;
z-index: 100;
}
#foto-tarieven {
position:absolute;
margin-top:32px;
margin-left: 50px;
z-index: 100;
}

#foto-contact {
position:absolute;
margin-top:70px;
margin-left: 50px;
z-index: 100;
}
#tekst-links-home table {
position:absolute;
width: 250px;
margin-top: 275px;
margin-left: 65px;
font-weight:bold;
border: solid #990000 2px;
font-style:italic;
z-index: 100;
}
#tekst-links-groep7{
position:absolute;
width: 570px;
margin-top: 270px;
margin-left: 50px;
text-align:justify;
z-index: 100;
}
#tekst-links-groep7 table {
position:absolute;
width: 160px;
margin-top: 320px;
margin-left: 50px;
border:none;
z-index: 100;
}
#content { 
	margin: 0 0 0 360px; /* geeft aan waar de rechterkolom moet beginnen*/
	padding: 0 50px 0 30px; /* witruimte binnen div */
	background-color:#ffffff;
	text-align:justify;
	min-height: 460px;/*height:auto!important; min-height:400px; height:400px; */
	margin-bottom: 20px;
} 
#content-referenties { 
	margin: 0 0 0 380px; /* geeft aan waar de rechterkolom moet beginnen*/
	padding: 0 50px 0 30px; /* witruimte binnen div */
	background-color:#ffffff;
	text-align:justify;
	min-height: 470px;/*height:auto!important; min-height:400px; height:400px; */
	margin-bottom: 10px;
	color: #124E82;
  	font-weight:bold;
}
#content-referenties b {
	color:#000000;
	float:right;
}
#content-referenties-contact {
margin-top: 70px;
width: 320px;
}
#content-referenties-contact table {
margin-top: 10px;
width: 320px;
border: none;
float: left;
}
#content-aanmelden { 
	margin: 0 0 0 170px; /* geeft aan waar de rechterkolom moet beginnen*/
	width: 700px;
	background-color:#ffffff;
	text-align:justify;
	min-height: 455px;/*height:auto!important; min-height:400px; height:400px; */
	margin-bottom: 20px;
} 
#content-lvs {
   margin: 0 0 0 200px; /* geeft aan waar de rechterkolom moet beginnen*/
	width: 542px;
	background-color:#ffffff;
	text-align:justify;
	min-height: 750px;/*height:auto!important; min-height:400px; height:400px; */
	margin-bottom: 20px;
}
#content-lesdagen { 
	margin: 0 0 0 225px; /* geeft aan waar de rechterkolom moet beginnen*/
	width: 542px;
	background-color:#ffffff;
	text-align:justify;
	min-height: 750px;/*height:auto!important; min-height:400px; height:400px; */
	margin-bottom: 20px;
} 
#footer { 
	background-image:url(images/footer.png);
	background-repeat:no-repeat;
	text-align:right;
	padding-top: 30px;
	margin-right:-50px;
	width: 944px;
	height: 68px;
	font-size:9px;
} 
#footer a {
	color:#666666;
}
#footer p {
	margin: 0; /* met marrgin 0 voorkom je margin collapse */
	padding: 10px 0; 
}
#footer-rechten{
	position: relative;
	margin-top: 20px;
	height: 15px;
	z-index: 6;
	color:#999999;
	text-align: right;
	padding-right: 60px;
}

.fltrt { /*  class kan gebruikt worden om een element rechts te floaten. Het te floaten element moet voor het element staan waar het naast komt te staan */
	float: right;
	width: inherit;
	margin-left: 8px;
}
.fltlft { /* deze class ckan gebruikt worden om een elemnt aan de linker kant van de pagina te floaten */
	float: left;
	width: inherit;
	margin-right: 8px;
}
.clearfloat { /* Deze class moet geplaatst worden in een div of element vlak voordat de container met de float wordt gesloten */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.firstchar {
	font-size: 2.5em;
	line-height: 0.8em;
	float: left;
	margin: 0 3px 3px 0;
}
.lastchar {
	font-size: 2.5em;
	line-height: 0.8em;
	float: right;
	margin: 0 3px 3px 0;
}