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

<style type="text/css" media="screen">

/*  Basis */

html { 
  padding:0px;
  margin:0px;
}

body {
background-color: #9fa1a4;
text-align:center;
margin:0px;
padding:0px;
}

 

/*  hoofdblokken */

#main{
width:826px; 
height:507px;
margin: 0px auto;
margin-top:80px;
padding:0px;
text-align:left;
background: url(images/background.png) top left no-repeat;
}
#maincatering{
width:1000px; 
height:3500px;
margin: 0px auto;
margin-top:80px;
padding:0px;
text-align:left;
background: url(images/background.jpg) top left no-repeat;
background-color:#FFFFFF;
}
#menu{
width:825px;
height:30px;
float:left;
margin-top:58px;
}

#midden{
width:825px;
height:316px;
padding:0px;
text-align:left;
}
#middencatering{
width:1000px;
height:3000px;
padding:0px;
text-align:left;
}

#midden2{
width:825px;
height:316px; 
margin:0px;
padding:0px;

}


#linksmidden{
width:400px;
height:316px;
float:left;
text-align:center;

}




#rechtsmidden{
width:425px;
height:316px;
float:left;
margin-top:0px;
}

#linksfoto1{
width:140px;
height:140px;
float:left;
text-align:center;
margin-left:40px;
margin-top:22px;

}

#linksfoto2{
width:140px;
height:140px;
float:left;
text-align:center;
margin-left:15px;
margin-top:22px;

}
#linksfoto3{
width:140px;
height:140px;
float:left;
text-align:center;
margin-left:40px;
margin-top:15px;
}

#linksfoto4{
width:140px;
height:140px;
float:left;
text-align:center;
margin-left:15px;
margin-top:15px;

}

#linksfotovol{
width:295px;
height:295px;
float:left;
text-align:center;
margin-left:40px;
margin-top:22px;

}

/*  subblokken */




/*  fonts */

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#000;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#000;
margin-top:20px;
margin-right:30px;
}

.fontmenu{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
color:#fff;
text-align:right;
word-spacing: 0.8em;
}



A:visited  {color: #fff; text-decoration: none;word-spacing: 0.6em;}
A:link  {color: #fff; text-decoration: none;word-spacing: 0.6em;}
A:active  {color: #27aacd; text-decoration: none;word-spacing: 0.6em;}
A:hover   {color: #27aacd; text-decoration: none;word-spacing: 0.6em;}


A.mail:visited  {color: #0000FF; text-decoration: underline;word-spacing: 0.8em;}
A.mail:link  {color: #0000FF; text-decoration: underline;word-spacing: 0.8em;}
A.mail:active  {color: #27aacd; text-decoration: underline;word-spacing: 0.8em;}
A.mail:hover   {color: #27aacd; text-decoration: underline;word-spacing: 0.8em;}


A.route:visited  {color: #0000FF; text-decoration: underline;word-spacing: 0.1em;}
A.route:link  {color: #0000FF; text-decoration: underline;word-spacing: 0.1em;}
A.route:active  {color: #27aacd; text-decoration: underline;word-spacing: 0.1em;}
A.route:hover   {color: #27aacd; text-decoration: underline;word-spacing: 0.1em;}
/*  blokken */



#broodjes1{
width:140px;
height:140px;
float:left;
text-align:center;
margin-left:40px;
margin-top:22px;

}

#broodjes2{
width:140px;
height:140px;
float:left;
text-align:center;
margin-left:15px;
margin-top:22px;

}
#broodjes3{
width:140px;
height:140px;
float:left;
text-align:center;
margin-left:40px;
margin-top:15px;
}

#broodjes4{
width:140px;
height:140px;
float:left;
text-align:center;
margin-left:15px;
margin-top:15px;

}


#linksmidden2{
width:380px;
height:140px;
float:left;
text-align:left;
padding-left:20px;
color:#FFFFFF;
}

#rechtsmidden2{
width:525px;
height:140px;
float:left;
margin-top:0px;
color:#FFFFFF;


}

#linksbrood2{
width:250px;
height:208px;
float:left;
text-align:left;


}

#linksbrood20{
width:700px;
float:left;
text-align:left;


}

#rechtsbrood2{
width:195px;
height:208px;
float:left;
margin-top:50px;
margin-left:10px;
}
#bestellen{
width:1000px;
height:400px;
border-top:1px solid #999999;
}







#invulbalk{
width:650px;
height:750px;
float:left; 
padding-top:5px;
text-align:left;


background-color: #F2F2F2;
 border-top:1px solid #999999;
 }

.invulvelden{
width:270px;
height:170px;
float:left; 
padding-top:20px;
padding-left:20px;
text-align:left;
}
.invulvelden2{
width:270px;
height:200px;
float:left; 
padding-top:20px;

text-align:left;
}

.tussendiv{
height:5px;
width:100px;
}


.tekstinvul{

font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-align: left;
line-height:1.5;
margin-left:20px;
margin-top:5px;
}


.tekstinvul2{

font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-align: left;
color:#666666;
}
.tekstinvul3{

font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-align: left;
color: #999999;
}

#invulveldbox{
width:500px;
height:30px;
float:left; 
padding-top:20px;
padding-left:20px;
text-align:left;
}
#invulveldprivacy{
width:680px;
height:60px;
float:left; 
padding-top:5px;
padding-left:20px;
text-align:left;
line-height:100%;
}

#onderaan{
width:760px;
height:30px;
float:left;
border-top:1px solid #999999;
}

#onderaan p{
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
text-align: left;
margin-left:20px;
margin-top:8px;
}


#button{
width:143px;
height:43px;
float:left; 
text-align:left;

padding-top:10px;

}