/* CSS Document */



  <!--

html, body, div, h1, p, ul

 {

 padding:0;

 margin:0;
 font-family: Arial, Helvetica, sans-serif;

 }

body

 {

 font-size: 12px;
 color: #7278C9;
 font-family: Arial, Helvetica, sans-serif;
 padding:20px 0;

 /* werkt niet in IE (duh). */

 min-width:850px;

 color:#7278C9;

 background-color:#00075C;

 }



div

 {

 color:#7278C9;

 background-color:#2E3479;

 }



#container

 {

 /* centreer container */

 width:709px;

 position:relative;

 left:50%;

 margin-left:-400px;

 }



#header

 {

 text-align:center;

 height:73px;
 background-image:url(images/index_03.gif);

 /* blauwe rand */

 border-bottom:solid 16px #00075C;

 /* nog een beetje extra ruimte */

 margin-bottom:20px;

 }



#content

 {
 
 margin:0 200px 0 119px;

 /* bij een lang menu of kort artikel verdwijnt je

 *  footer onder je links, dit is een (very) dirty

 *  hack om dat te verhelpen... werkt niet in IE (duh). */

 min-height:50%;

 }



#content p

 {

 padding:10px;

 }

a{
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

#menu

 {

 list-style-type:none;

 width:109px;

 /* trek menu naar boven, headerheight+headerborder+headermarginbottom */

 position:absolute;

 top:110px;

 }



#menu li

 {
 	font-size: 12px;
	color: #7278C9;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	background-color:2e3479;
	border-bottom: solid 3px #2e3479;
 }



#menu li a

 {
	color:#7278C9;
	text-decoration:none;
	/* maak ze block-level */

 display:block;
	background-image: url(images/index_07.gif);
	height: 17px;
	width: 109px;
	background-repeat:no-repeat;
	background-color:#2E3479;
 }
 
 
#info a

 {
	color:#7278C9;
	text-decoration:none;
	/* maak ze block-level */

 }



#info

 {

 width:188px;

 /* trek info naar boven headerheight+headerborder+headermarginbottom */

 position:absolute;

 top:135px;

 /* trek info naar rechts, (containerwidth/2)-width */

 left:50%;

 margin-left:166px;

 }

#zoekbalk {
	width:188px;
	/* trek info naar boven headerheight+headerborder+headermarginbottom */

 position:absolute;
	top:110px;
	/* trek info naar rechts, (containerwidth/2)-width */

 left:50%;
	margin-left:167px;
	background-image: url(images/index_09.gif);
	text-align: right;
	
	background-repeat:no-repeat;
	height:22px;
}
#zoekbalk input {
	width: 167px;
	background-color: 00075c;
	color: #7278C9;
	border: 0;
}


#info a

 {

 /* de andere kant op */

 text-align:right;

 }



#footer

 {
	width:100%;
	/* blauwe rand */
    height:16px;
	border-top:solid 380px #2e3479;
	background-repeat:no-repeat;
	background-color: #00075c;
	vertical-align:middle;
	font-size:9px;
 }
 
#footer2

 {
	width:100%;
	/* blauwe rand */
 height:16px;
	background-image:url(images/index_45.gif);
	background-repeat:no-repeat;
	background-color: #00075c;
	vertical-align:middle;
	text-align:center;
	font-size:9px;
	
 }

#footer2 a{
font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}


  -->