@charset "utf-8";

/* alles wordt op 0 gezet om de elementen tegen de rand te plakken */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-family:arial;
  font-size:13px;
  color:#666666;
}


/* 
De header block wordt gebruikt om over de volledige breedte te gaan
zoals het geval is bij het menu en de bluebox
*/

#header
{

margin: 0 auto;
}

#headerlogo
{
padding-left:8px;
}

/* de menustreep nét boven de menu-items */

#menu
{
border-top:1px  #CCCCCC solid;

}

/* de menu-items + uitlijning */

#menu_items
{
padding-left:30px;
}


/* de standaardachtergrondkleur van de body */

body
{
background:#FFFFFF;
}

/* De container heeft een vaste breedte van 995px en wordt gebruikt om de inhoud in kwijt te kunnen */

#container {
	width:935px;
	background:#FFFFFF;
	margin: 0 auto; 
	text-align: left; 	
	padding-left:50px;
}


/*De bluebox is de 100% brede kader waarin de verschillende navigatieblokken zitten 
De CSS kleur van de blauwe balk is: #3399cc

*/

#bluebox
{
background-image:url(img/background.jpg) ;
background-repeat:repeat;
padding-top:15px;
padding-bottom:15px;
margin: 0 auto; 
}

#endbox
{
clear:both;
}

/* de verschillende boxen om informatie in de gooien */

#i_box1
{

float:left;
width:200px;
padding:15px;
}

#i_box2
{
float:left;
width:200px;
padding:15px;
}

#i_box3
{
float:left;
width:200px;
padding:15px;
}

#i_box4
{
float:left;
width:200px;

}

#signals_left
{
float:left;
width:430px;
padding:15px;
}

#signals_right
{
float:left;
width:400px;
padding:15px;
border-left:thin #666666 solid;
}