@charset "UTF-8";

/* © Jelle Vervaeren */
/* All Rights Reserved */
/*Reproduction in whole or in part in any form or medium without express written permission is prohibited.*/

/* CSS Document */

*{padding:0;margin:0;}

html,body{height:100%;}

body{
background:#434E51;  
color:#000;
font-family:Verdana, Arial,"sans serif";
}

a{color:#035364;}

#shadow,#container,#copyright{ width :600px; margin : 0 auto;}

#container{background:#CCD6DA;}

#shadow{
background: url(../images/shadow_blue.png) repeat-y;
padding:0 17px;
}
head+body #shadow{min-height:100%;}
* html #shadow{height:100%;}
 
#branding{
height:58px;
background-image: url(../images/header_verloop.png);
background-repeat: repeat-x;
padding:1px;}

h1 span{font-size: 1.8em; }
h1{ font-size: 1.2em;text-align: center;color: #035364; }
 
#nav-main{
background: url(../images/navbar.png);
list-style:none;
height:2em;
padding-top:.5em;
text-align:center;
}
 
#nav-main li{display:inline;}
 
body #contact a{border-right:none; }
 
#nav-main a{
font-size: 1em;
color: #FFF;
text-decoration: none;
padding: 0em 2em;
border-right: 2px solid #FFF;
text-shadow: 0px -1px 0px #000;
}

/* h3 in content box */
#content h3{padding:.5em 0;} 

#nav-main a:hover,#nav-main a:active {
	color: #999;
	font-family: Verdana, Arial, "sans serif";
}

#content{
padding: 1em 2em 58px 2em; /* bottom padding for footer */
font-size:small;
color:#333;
}

/*copyright text (58 -12/ 2) in het midden*/
#copyright p{padding-top:40px;}

#copyright{
height:58px;
color:#333;
margin-top:-58px;
font-size:x-small;
text-align:center;
background: #CCD6DA url(../images/footer_verloop.png) repeat-x;
}

/*Afbeeldingen*/
#content img { padding:1em; border:0;}

/* Formulier */
/* =label/labelspan */
label, label span { display : block; padding-bottom : .25em; }
label { float : left; width : 100%; }
label span { float : left; width : 45%; text-align : right; }
/* =input */
fieldset input { float : right; width : 50%; border : 1px solid #99AFB5; }
fieldset textarea { float : right; width : 50%; border : 1px solid #99AFB5; }
fieldset input:hover { border-color : #035364; }
fieldset textarea:hover { border-color : #035364; }
fieldset input:active, input:focus { border-color : #900; }
/* =fieldset */
fieldset { margin-bottom : 10px; 
padding : 20px; 
border : 1px solid #99AFB5; 
overflow : hidden; }
fieldset:hover { border-color : #035364; }
/* =div */
form div { margin-bottom : 20px; padding : 10px 20px; border : 1px solid #99AFB5; text-align : center; }
form div:hover { border-color : #035364; }