*{margin:0;padding:0;}
html,body{height:100%;width:100%;}
body{background:#FFFFFF;
font-family:"trebuchet ms",helvetica,arial,"times new roman";
font-size:80%;color:#333333;line-height:170%;}
img{border:none;}
img.center{margin-left:auto;margin-right:auto;}
img.captcha{margin-bottom:5px;border:1px solid #333333;}
ul{list-style-type:none;}
a{color:#006699;}
a:hover,a:active,a:focus{color:#333333;}
a,a:hover,a:active,a:focus{text-decoration:underline;outline:none;}
hr{height:1px;border-style:none;margin:15px 0;background:#AAAAAA;color:#AAAAAB;}
h1,h2,h3,h4,h5,h6{font-size:125%;margin-bottom:15px;color:#333333;}
fieldset{padding:15px;border:1px solid #AAAAAA;}
p{margin-bottom:25px;}

/* BEGIN CONTENT GERELATEERDE CSS */
.wrapper{/* the bottom margin is the negative value of the footer's height */min-height:100%;height:auto !important;height:100%;min-width:980px;width:auto !important;width:100%;margin:0 auto -110px;}
.header{height:120px;line-height:120px;vertical-align:middle;}
.header img {vertical-align:middle;}
.footer,.push{height:110px;min-width:980px;width:auto !important;width:100%;}
.footer{background:#FFFFFF url("/img/bg_footer.gif") left center repeat-x;}
.footer p{font-size:90%;padding-top:40px;color:#666666}
.footer p a,.footer p a:hover,.footer p a:active,.footer p a:focus{color:#666666}
.breedte{width:980px;margin:0 auto;}
.witruimte{margin:0 15px;}
.clear{clear:both;height:0;line-height:0;font-size:0px;/* IE needs this */}
.kolom{float:left;overflow:hidden; }
/* EINDE CONTENT GERELATEERDE CSS */


/* BEGIN NAVIGATIE */
.navbar {
    width:100%;
    height:33px;
    background: #EBEBEB url(/img/navbar.gif) top repeat-x; 
    margin-bottom:25px;
    border:1px solid #AAAAAA;
}
.navbar li {
    float:left; 
    text-align:left;
    height:33px; 
    line-height:33px;
    vertical-align:middle; 
    position:relative; 
}
.navbar li:hover {
    background-color:#006699;
    -moz-box-shadow: 0px 2px 3px #666666; /* Firefox/Mozilla */
    -webkit-box-shadow: 0px 2px 3px #666666; /*Safari/Chrome */
    box-shadow: 0px 2px 3px #666666; /* Opera & hoe het zou moeten */
}
.navbar a {
    display:block;
    padding: 0px 10px;
    color:#333333;
    text-decoration:none;
}
.navbar a:hover, .navbar li:hover a {
    color:#FFFFFF;
    text-decoration:none;
}
.navbar ul li.button {
    background: url(/img/but_yellow.gif) top repeat-x;
}
.navbar ul li.button:hover {
    background: url(/img/but_yellow_hover.gif) top repeat-x; 
}
.navbar ul li.button a:hover, .navbar ul li.button:hover a {
    color:#333333;
}
/* Begin tweede niveau */
.navbar ul li:hover ul {
	display: block;
}
.navbar ul.sub {
	position: absolute;
	z-index: 500;
	border:1px solid #AAAAAA;
	display: none;
    background-color: #FAFAFA;
}
.navbar ul.sub li {
	float:none;
    white-space: nowrap;
}
.navbar ul.sub li:hover {
    background-color: #EBEBEB;
    -moz-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
}
.navbar ul.sub li a {
    color:#333333;
    text-decoration:none;
}
.navbar ul.sub li:hover a,.navbar ul.sub li a:hover {
    color:#006699;
    text-decoration:none;
}
/* EINDE NAVIGATIE */

/* BEGIN FORMULIERVELDEN */
form {
    margin-bottom:25px;
}

form label {
	width:125px;
	float: left;
	clear:both;
}

form.breedformulier label {
	width:250px;
	float: left;
	clear:both;    
}

form input, form textarea {
    width:175px;
    font-family:"trebuchet ms", "helvetica", "sans-serif", "arial", "times new roman";
}

form input.readonly {
    background-color:#EEEEEE;
    border-color:#999999;
    color:#666666;
}

form input.button {
    width:auto;
    padding:1px 5px;
    color:#FFFFFF;
    background-color:#006699;
    cursor: pointer;
}

form input.button:hover {
    background-color:#005588;
}

form input.radio {
        border: none;   
        background: none;
        width:auto;
        margin-bottom:15px;
}

form input,form select,form textarea {
	border: 1px solid #333333;
	margin-bottom: 8px;
    padding: 1px;
}

form option {
	padding: 2px 0 0 3px;
}

form input.fout, form textarea.fout {
    border: 1px solid #CC0000;
    color: #CC0000;
}
/* EINDE FORMULIERVELDEN */

.foutmelding {
    color:#CC0000;
    margin-bottom:15px;
}

.rondehoeken {
 	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
}

.schaduw {
    -moz-box-shadow: 3px 3px 4px #EEEEEE; /* Firefox/Mozilla */
    -webkit-box-shadow: 3px 3px 4px #EEEEEE; /*Safari/Chrome */
    box-shadow: 3px 3px 4px #EEEEEE; /* Opera & hoe het zou moeten */
}

