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

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

/*  Basis */

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

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

 

/*  hoofdblokken */

#main-contact{
width:880px; 
height:410px;
margin: 0px auto;
margin-top:80px;
padding:0px;
text-align:left;
background: url(images/contact.jpg) top left no-repeat #231f20;
}

#main-home{
width:880px; 
height:410px;
margin: 0px auto;
margin-top:80px;
padding:0px;
text-align:left;
background: url(images/home.jpg) top left no-repeat #231f20;
}

#main-thee{
width:880px; 
height:410px;
margin: 0px auto;
margin-top:80px;
padding:0px;
text-align:left;
background: url(images/thee.jpg) top left no-repeat #231f20;
}

#main-ontbijt{
width:880px; 
height:410px;
margin: 0px auto;
margin-top:80px;
padding:0px;
text-align:left;
background: url(images/ontbijt.jpg) top left no-repeat #231f20;
}
#main-hightea{
width:880px; 
height:410px;
margin: 0px auto;
margin-top:80px;
padding:0px;
text-align:left;
background: url(images/hightea.jpg) top left no-repeat #231f20;
}
#main-picknick{
width:880px; 
height:410px;
margin: 0px auto;
margin-top:80px;
padding:0px;
text-align:left;
background: url(images/picknick.jpg) top left no-repeat #231f20;
}
#main-taart{
width:880px; 
height:410px;
margin: 0px auto;
margin-top:80px;
padding:0px;
text-align:left;
background: url(images/taart.jpg) top left no-repeat #231f20;
}

#main-lunch{
width:880px; 
height:410px;
margin: 0px auto;
margin-top:80px;
padding:0px;
text-align:left;
background: url(images/lunch.jpg) top left no-repeat #231f20;
}

#main-catering{
width:880px; 
height:410px;
margin: 0px auto;
margin-top:80px;
padding:0px;
text-align:left;
background: url(images/catering.jpg) top left no-repeat #231f20;
}

#menu{
width:880px;
height:30px;
float:left;
margin-top:40px;

}


#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:280px;
height:316px;
float:right;
margin-top:0px; 
}



/*  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.2em;
}



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: #0CF; text-decoration: none;word-spacing: 0.6em;}
A:hover   {color: #0CF; 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 */