﻿.body {
    background-color: #03203D;
    margin: 20 0 0 0;
    font-family: arial;
    font-size: 11px;
    width: 100%;
    text-align: center;
    color: #657185;
    text-decoration: none;
    vertical-align: top;
    background-image:url('images/bgmain.jpg');
    background-repeat:no-repeat;
    background-position:center;
}
a{
    text-decoration: none;
	color:#555555;
}
a:hover {    text-decoration: none;
	color:#555555;

	}
a:active {    text-decoration: none;
	color:#555555;

}

a:link {    text-decoration: none;
	color:#555555;

}
.linksnew 
{
    width:125px;
}
.edittabel 
{
    background-color:silver;
    border: 1px solid black;
    width:100%;
    
    }
.tabelhoofd {
width:100%;
text-align:center;
}
.bodytabel {
width:905px;
text-align:left;
vertical-align:top;
 background-color:#03203D;
}
.slotregel {
float:right;
border-left: solid 1px white;
text-align:right;
padding-left:8px;


}
.bodybasis {

    width: 900px;

}
 .vlak {
 width:290px;
 height:200px;
 background-image:url('buttons/grzakelijkup.png');
 background-repeat:no-repeat;
}
 .vlak1 {
 width:290px;
 height:200px;
 background-image:url('buttons/grzakelijkdown.png');
 background-repeat:no-repeat;
}
.vlak1 a:hover   {
 width:290px;
 height:200px;
 background-image:url('buttons/grzakelijkup.png');
 background-repeat:no-repeat;
 position:absolute;
}
 
 .vlak2 {
 width:290px;
 height:200px;
 background-image:url('buttons/retaildown.png');
 background-repeat:no-repeat;
}
.vlak2 a:hover   {
 width:290px;
 height:200px;
 background-image:url('buttons/retailup.png');
 background-repeat:no-repeat;
 position:absolute;
}

 .vlak3 {
 width:290px;
 height:200px;
 background-image:url('buttons/particulierdown.png');
 background-repeat:no-repeat;
}
.vlak3 a:hover   {
 width:290px;
 height:200px;
 background-image:url('buttons/particulierup.png');
 background-repeat:no-repeat;
 position:absolute;
}
 .vlak4 {
 width:290px;
 height:200px;
 background-image:url('buttons/servicedown.png');
 background-repeat:no-repeat;
}
.vlak4 a:hover   {
 width:290px;
 height:200px;
 background-image:url('buttons/serviceup.png');
 background-repeat:no-repeat;
 position:absolute;
}
 .vlak5 {
 width:290px;
 height:200px;
 background-image:url('buttons/lichtblauwvlak.png');
 background-repeat:no-repeat;
}
 .vlak6 {
 width:290px;
 height:200px;
 background-image:url('buttons/oversafarmdown.png');
 background-repeat:no-repeat;
}
.vlak6 a:hover   {
 width:290px;
 height:200px;
 background-image:url('buttons/oversafarmup.png');
 background-repeat:no-repeat;
 position:absolute;
}
.submenu {
 background-color:#657185;
 float:right;
  width:200px;
 height:20px;
  padding-right:10px;
  padding-top:5px;
  text-align:right;
  margin-top:8px;
margin-left:50px;
margin-right:8px;
margin-bottom:8px;
 color:White;
 font-size:12px;
 }
.submenu a:active { color:#03203D;}
.submenu a:link {
 color:#03203D;
}
 .submenu a:hover {
  color:white;
  
  }
  a:visited {color:#03203D;
   }
















.test kleur {

    background-color: #ffffff;

}
.logo {
    background-color: #03203D;
    float: left;
    position: relative;
    color: White;
    border-left-color: white;
    border-left-style: solid;
    border-left-width: 2px;
}
.sluitregel {
    border-top-color: white;
    border-top-style: solid;
    border-top-width: 1px;
    font-size: 12px;
    text-align: right;
    color: white;
    background-color: #03203D;
}
#kop {
	position:relative; left:0px; top: 0px; width:900px; height:160px; 
	background-color: #03203D;
	font-size:60px;
	color: #565657;
	text-align:center;
}

#body {
 position:relative; left:0px; top: 0px; width:900px; height:480px;	
}
#slotregel {
 position:relative; left:0px; top: 0px; width:900px; height:25px;
 border-top: white 1px solid;
 text-align:right;
 font-family:Tahoma;
 font-size:10px;					
}
#logo {
 position:absolute; left:20px; top: 25px;		
 background-image:url('images/logodiap2.png');
 background-repeat:no-repeat;
 width:327px;
 height:125px;

				
}
#streeplinks {
	position:absolute; left:5px; top: 0px;
	height:106px;		
	 border-left:2px white solid;	
}
#buttonmenu1 {
	position:absolute; left:642px; 
top: 0px;
	float:right;
    color: White;

}
#buttonmenu2 {
	position:absolute; left:723px; 
top: 0px;
	float:right;
    color: White;
}
#buttonmenu3 {
	position:absolute; left:665px; top: 0px;
	float:right;
    color: White;
}
#buttonmenu4 {
	position:absolute; left:838px; top: 0px;
	float:right;
    color: White;
}

.button {
    border-right-color: white;
    border-right-style: solid;
    border-right-width: 1px;
    font-family:Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: White;
    text-align: right;
    vertical-align: text-bottom;
    height: 40px;
}
.button a:link {
    text-decoration: none;
        color: White;
}
.button a:visited {
    text-decoration: none;
        color: White;
}
.button a:active {
    text-decoration: none;
        color: White;
}
.button a:hover {
    border-right-color: #657185;
    color: #657185;
}

 #vlak1 {
 width:290px;
 height:153px;
 background-image:url('images/vlak.png');
 background-repeat:no-repeat;
 left:0px;
 top:50px;
position:absolute;
}

 #vlak2 {
 width:290px;
 height:153px;
 background-image:url('images/vlak.png');
 background-repeat:no-repeat;
 left:305px;
 top:50px;
 position:absolute;
}
 #vlak3 {
 width:290px;
 height:153px;
 background-image:url('images/vlak.png');
 background-repeat:no-repeat;
 left:610px;
 top:50px;
position:absolute;
}
 #vlak4 {
 width:290px;
 height:153px;
 background-image:url('images/vlak.png');
 background-repeat:no-repeat;
 left:0px;
 top:223px;
position:absolute;
}
 #vlak5 {
 width:290px;
 height:153px;
 background-image:url('images/vlak.png');
 background-repeat:no-repeat;
 left:305px;
 top:223px;
position:absolute;
}
 #vlak6 {
 width:290px;
 height:153px;
 background-image:url('images/vlak.png');
 background-repeat:no-repeat;
 left:610px;
 top:223px;
position:absolute;
}
 #fotovlak1 {
 width:290px;
 height:153px;
 background-image:url('images/vlak.png');
 background-repeat:no-repeat;
 left:0px;
 top:50px;
 position:absolute;
}
 #fotovlak2 {
 width:290px;
 height:153px;
 background-image:url('images/vlak.png');
 background-repeat:no-repeat;
 left:610px;
 top:50px;
 position:absolute;
}
#tekstvlak1
{
 width:600px;
 min-height:153px;
 left:305px;
 top:50px;
 position:absolute;
 font-family:"Trebuchet MS";
 font-size:12px;
 color:white;
 text-align:left;
}
#tekstvlak2
{
 width:600px;
 min-height:153px;
 left:0px;
 top:50px;
 position:absolute;
 font-family:"Trebuchet MS";
 font-size:12px;
 color:white;
 text-align:left;
}
 #menuvlak1 {
 width:275px;
 left:0px;
 top:210px;
 position:absolute;
  font-family:"Trebuchet MS";
 font-size:14px;
 color:white;
 text-align:right;
 font-weight:bold;

}
 #menuvlak2 {
 width:290px;
 left:630px;
 top:210px;
 position:absolute;
  font-family:"Trebuchet MS";
 font-size:14px;
 color:white;
 text-align:left;
 font-weight:bold;
}

.menu {

    font-family:"Trebuchet MS";
    font-size: 12px;

}
.menu a:link {
    text-decoration: none;
        color: White;
}
.menu a:visited {
    text-decoration: none;
        color: White;
}
.menu a:active {
    text-decoration: none;
        color: White;
}
.menu a:hover {
    border-right-color: #657185;
    color: #657185;
}
.middenkop
{
    font-family:Trebuchet MS;
    color:White;
    font-size:26px;
    padding:6px;
    }
.middentekst
{
    font-family:Trebuchet MS;
    color:White;
    font-size:14px;
    padding-left:16px;
    
    
    }
