@charset "utf-8";
/* CSS Document */

body{
background-color:#FFF8DF;
width:auto;

}


#test01{
margin:50px auto;
padding:0;
width:830px;
height:1000px;
}
#navbar{
position:relative;
width:830px;
height:60px;
background-color:#FFF8DF;
}

#navbar ul{
border-right:1px solid #FFF8DF;
border-top:1px solid #FFF8DF;
margin:0;
padding:0;
list-style-type:none;
width:830px;
height:30px;

}

#navbar li{
display:inline;
float:left;
margin:0;
padding:0;
padding-top:5px;
padding-bottom:5px;
padding-left:23px;
padding-right:23px;
border-left:2px solid #FFF8DF;
background-color:#FFFFFF;
text-decoration:none;

}

#navbar a:hover{
color:#990000;

}

#navbar a{
font-family:arial;
font-size:9pt;
color:#666666;
text-align:center;
text-decoration:none;
}
li#color01 a{
color:#990000;
}

li#color{
color:#FFFFFF;
width:auto;
height:auto;
background-color:#990000;
}
li#color a{
color:#FFFFFF;
}
li#color a:hover{
color:#FFFFFF;

}



#content{
float:left;
width:400px;
height:470px;
background-color:#FFFFFF;
font-family:arial;
font-size:9pt;
color:#970038;
}

#content01{
float:right;
width:400px;
height:470px;
background-color:#FFFFFF;

}

#content03{
float:right;
width:400px;
height:470px;
background-color:#FFFFFF;

}
#content04{
margin-top:30px;
float:left;
width:400px;
height:470px;
background-color:#FFFFFF;
clear:left;
}

#content05{
margin-top:30px;
float:right;
width:400px;
height:470px;
background-color:#D5EDF9;
background-image:url("img/coolwater.jpg");
background-repeat:no-repeat;
background-position:center;
clear:right;
}

#maphoven{
float:right;
width:400px;
height:470px;
background-color:#E3F2E4;
background-image:url("img/maphoven.jpg");
background-repeat:no-repeat;
background-position:center;
}
#mapveste{
float:right;
width:400px;
height:470px;
background-color:#FFCC99;
background-image:url("img/mapveste.jpg");
background-repeat:no-repeat;
background-position:center;
}

#mapship{
position:relative;
left:30px;
top:1px;
float:left;
width:150px;
height:142px;
background-image:url("img/schiperlogo.jpg");
background-repeat:no-repeat;
}
#grid03{
background-color:#E3F2E4;
padding:0;
margin:0;
float:left;
position:relative;
width:400px;
height:470px;
background-image:url("img/parfumgroen.jpg");
background-repeat:no-repeat;
background-position:center;
}


#grid, grid05{
float:right;
width:400px;
height:470px;
}
#grid05{
float:left;
width:400px;
height:470px;
}

#grid ul , #grid05 ul{
list-style-type:none;
margin:0;
padding:0;
width:400px;
height:470px;
}

#grid li , #grid05 li{
display:inline;
float:left;
margin:0;
padding:0;
width:200px;
height:156px;
}

#grid01{
float:left;
position:relative;
width:400px;
height:470px;
}

#grid02{
float:right;
position:relative;
width:400px;
height:470px;
}

#grid01 ul ,#grid02 ul {
list-style-type:none;
margin:0;
padding:0;
width:400px;
height:470px;
}
  
  
  
#grid01 li , #grid02 li{
display:inline;
float:left;
margin:0;
padding:0;
width:100px;
height:78px;
}



h1{
padding-top:10px;
padding-bottom:0px;
padding-left:30px;
font-family:arial;
font-size:14pt;
color:#970038;
}
h2{
padding-top:0px;
padding-bottom:0px;
padding-left:30px;
font-family:arial;
font-size:9pt;
color:#970038;
}



p{
padding-right:30px;
padding-left:30px;
font-family:arial;
font-size:9pt;
color:#333333;

word-spacing:3px;
}

#prfshp{
background-color:#990000;
color:#FFFFFF;

}
#s01{
background-color:#FFFFFF;
}

#s02{
background-image:url("img/snowflake2.jpg");
}

#s03{
background-color:#004080;
}


#s04{
background-color:#e3f2e4;
}

#s05{
background-color:#e3f2e4;
}

#s06{
background-color:#F0DCA9;
}

#s07{
background-color:#ffffff;
}

#s08{
background-color:#990000;
}

#s09{
background-color:#ffffff;
}
#s10{
background-image:url("img/zonnebloem01.jpg");
}
#s11{
background-image:url("img/winkelindeveste.jpg");
}
#s12{
background-color:#F0DCA9;
}

#s13{
background-color:#005e8a;
}

#s14{
background-color:#ffffff;
}
#s15{
background-color:#e3f2e4;
}

#s16{
background-color:#ffffff;
}
#s17{
background-color:#F0DCA9;
}

#s18{
background-image:url("img/shipper01.jpg");
}
#s19{
background-color:#FFF8DF;
}

#s20{
background-color:#005e8a;
}
#s21{
background-image:url("img/zonnebloem01.jpg");
}
#s22{
background-color:#ffffff;
}
#s23{
background-color:#D5EDF9;
}
#s24{
background-image:url("img/winkelindehoven.jpg");
}

#m01{
background-color:#005e8a;
}

#m02{
background-image:url("img/bloemwit.jpg");
}
#m002{
background-image:url("img/face.jpg");
}
#m03{
background-image:url("img/lips.jpg");
}
#m003{
background-image:url("img/voetmaggage.jpg");
}

#m04{
background-color:#e3f2e4;
}

#m05{
background-color:#D5EDF9;
}

#m06{
background-image:url("img/shipper02.jpg");
}
ul.ulfl{
float:right;
}

#texts{
position:relative;
top:40px;
margin: auto;
width:200px;
height:auto;
}
#texts01{
position:relative;
top:50px;
margin: auto;
width:190px;
height:auto;
color:#009900;
}
#texts p{
color:#FFFFFF;
line-height:13px;
text-align:center;
font-size:11px;
}
#texts01 p{
color:#33CC99;
font-weight:bold;
line-height:13px;
text-align:center;
font-size:12px;
line-height:16px;
}
#texts02 p{
color:#000066;
font-weight:bold;
line-height:13px;
text-align:center;
font-size:12px;
line-height:16px;
}
#texts02{
position:relative;
top:50px;
margin: auto;
width:190px;
height:auto;
}
#arrow{
background-image:url("img/arrow.png");
background-position:left;
background-repeat:no-repeat;
margin-left:30px;
margin-top:10px;
height:20px;
width:auto;
}
#arrow a{
margin-left:40px;
text-decoration:none;
font-family:arial;
font-size:9pt;
color:#970038;
}

#colleft{
position:relative;
width:100px;
height:120px;
padding:0;
float:left;
margin-left:60px;
line-height: 16px;
}

#colright{
padding:0;
margin-right:20px;
position:relative;
width:150px;
height:130px;
float:right;
line-height:16px;

}

#colleft01{
position:relative;
width:200px;
height:400px;
padding-left:0px;
margin-left:20px;
float:left;
line-height: 16px;

}

#colright01{
padding-right:20px;
float:right;
margin-right:0px;
margin-right:0px;
position:relative;
width:150px;
height:400px;
line-height:16px;

}