
@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}

/* CSS Document */
body {
padding:0px;
margin: 0px 0px 0px 0px;
background: white;
height:100%;
}
/*
Blauw: #
grijs: #BCBEC0
blauw: #333399
*/
#container {
width:950px;
/*position: relative;*/ 
left:50%;
margin-left:-475px;/*de helft van width*/
float:left;
background: url('img/1b3582-190-10000.gif') repeat-y 760px 0px;
/*margin-top: 10px;*/
border-bottom: 10px solid white;

	top:50%;
	margin-top:-292px;
	position: absolute; 

}
#header {
width:950px;
height:100px;
background-image: url('img/HeaderSchoolKitchen3.jpg');
background-position:center;
float:left;
/*
-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
*/
}

#menulinks {
width:190px;
height:460px;
float:left;
}
#menu {
margin-top:10px;
float:left;
width:100px;
font-size:10px;
}
.foto {
margin:0px 10px 10px 0px;
}
.menutekst {
color:#000000;
}
a.homemenu {
display: block;
width:160px;
height:21px;
font-size: 12px;
font-family:Helvetica, Arial, sans-serif;
/* background-image: url('img/Menu_Button_Grey.jpg'); */
background-color: #afafaf;
background-position:center;
color:#ffffff;
text-decoration:none;
margin-top:5px;
padding-left:10px;
padding-top:7px;
font-weight: normal;
}
#blokrechts {
width:190px; /*220*/
background-color:#1B3582;
float:right;
color:#FFF;
position: relative;               
}
#blokrechts_top {
width:178px;
height:77px;
margin-left:6px;
background-image: url('img/HeaderColumn01.gif');
background-position:center;
background-repeat:no-repeat;
}
#center {
width:560px;
float:left;
background-color: #FFFFFF;
margin-top: 15px;
}
#footer {
height:20px;
background-color: #bdbec0;
width:950px;
float:left;
text-align:center;
}
h1 {
font-family:Helvetica, Arial, sans-serif;
font-size:16px;
color: #1b3582;
margin-bottom:0px;
padding-bottom:10px;
margin-top: 0px;
}
h2 {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:  #1b3582;
margin:5px 0px 0px 0px;
padding:0px;
}
.contact_titel {
font-family:Helvetica, Arial, sans-serif;
font-size:15px;
color: #FFF;
padding-bottom:0px;
margin-bottom:0px;
font-style:italic;
margin-left:25px;
padding-top: 0px;
}
p {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color: #1b3582;
padding-right:20px;
margin-bottom:10px;
padding-bottom:0px;
padding-top:0px;
margin-top:0px;
}
.cursief {
font-family:Helvetica, Arial, sans-serif;
color:  #1b3582;
font-style:italic;
}

.link {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:  #1b3582;
}

ul {
margin-top:10px;
padding-left:0px;
margin-left:25px;
margin-right:25px;
font-family:Helvetica, Arial, sans-serif;
color: #FFF;
font-size:12px;
}

.opsomming {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color: #1b3582;
padding-right:20px;
margin-top:15px;
margin-left:15px;
}
.opsomming li {
padding-top:0px;

}
.bovenste_alinea {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color: #1b3582;
padding-right:20px;
margin-bottom:10px;
padding-bottom:0px;
padding-top:10px;
margin-top:0px;

}
li {
padding-top:0px;
}
.contact {
padding-top:0px;
margin-top:0px;
margin-left:25px;
font-family:Helvetica, Arial, sans-serif;
color: #FFF;
font-size:12px;
}
.footer_tekst {
font-family:Helvetica, Arial, sans-serif;
color:#1b3582;
font-size:12px;
padding:5px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.email_link {
font-family:Helvetica, Arial, sans-serif;
color:  #1b3582;
font-size:12px;
}
.email_link2 {
font-family:Helvetica, Arial, sans-serif;
color: #FFF;
font-size:12px;
}
#menu a:hover{
color: ;
text-decoration: none;
background-image: url('img/Menu_Button_LightGrey.jpg');
background-position:center;
background-repeat:no-repeat;
background-position:right;
}
#menu a#actief {
background-image: url('img/Menu_Button_Orange.jpg') ;
background-position:center;
background-repeat:no-repeat;
color: #FFFFFF;
background-color:#f7941d;
}
.oranje {
color:#1B3582;
font-size:14px;
padding:0px 0px 0px 0px;
margin:5px 0px 0px 0px;
}
.zwart {
color:#ffffff !important;
font-size:12px;
padding:0px 0px 0px 0px;
margin:5px 10px 0px 0px;
}

.zwart .oranje {
color:#ffffff !important;
font-size:12px;
}

#zwart {
background-color: #999;
height:25px;
width:750px;
float:left;
text-align:right;
clear: both;
}

/*-----------------------------------------------formulier------------------------*/


input.text_field {

border:1px solid #1B3582 ;
font-size:12px;
margin:0;
padding:3px;
margin-top:2px;
width:180px;
font-family:Helvetica, Arial, sans-serif;
}
input.text_field_code {

border:1px solid #1B3582 ;
font-size:12px;
margin:0;
padding:3px;
margin-top:2px;
width:30px;
font-family:Helvetica, Arial, sans-serif;
}
input.text_field_huis {

border:1px solid #1B3582 ;
font-size:12px;
margin:0;
padding:3px;
margin-top:2px;
width:50px;
font-family:Helvetica, Arial, sans-serif;
}
.text_field {

border:1px solid #1B3582 ;
font-size:12px;
margin:0;
padding:3px;
margin-top:2px;
width:100px;
font-family:Helvetica, Arial, sans-serif;
}
#text_field_opmerking {

border:1px solid #1B3582;
font-size:12px;
height:90px;
margin:2px 0 0;
padding:4px;
width:300px;
float:left;
font-family:Helvetica, Arial, sans-serif;
margin-bottom:10px;
}
label 
{
display:block;
float:left;
width:230px;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#1B3582;
}
.verzenden 
{
	float:right;
	margin-right:20px;
	margin-left:50px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	background-color:#F7941D;
	border:1px solid #1B3582;
	padding:2px 8px 2px 8px;
	border:1px solid ;
	cursor:pointer;
}
.kleine_tekst {
font-family:Helvetica, Arial, sans-serif;
font-size:10px;
}

ol {
margin-top:10px;
padding-left:0px;
margin-left:20px;
margin-right:15px;
font-family:Helvetica, Arial, sans-serif;
color: #1B3582;
font-size:12px;
}

.clearfix {
clear:both;
}



div.info{
    position:relative;
    z-index:24;
    color:#000;
    text-decoration:none;
    display: block;
    float: left;
    margin:0px 5px 5px 0px;
    }


.info img {
	display: block;
	float: left;
	border:0;
}

div.info span{ 
    display:block;
    width:95px;
	height: 90px;
    background-color:#eee;
    color:#000;
    padding: 5px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    float: left;
    margin: 0px 0px 0px 0px;
    }






