/* algemene css*/
a, a:link, a:visited, a:hover {font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size: 11px; color: #00ccff; text-decoration:none;}
.link {color: #00ccff; cursor: pointer;}
img {float:left; border:none; padding:4px;}
h1 {
    padding:4px 10px 4px 10px; 
    margin:0px -10px 10px -10px; 
    background-color:#a2a1a3;
    font: bold 13px verdana;
    color:#fff;
}
h3 {
    padding:4px 10px 4px 10px; 
    margin:0px -10px 10px -10px; 
    background-color:#00ccff;
    font: bold 12px verdana;
    color:#fff;
}
h2, h4 {
    float:left;
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
    font: bold 11px verdana;
    color:#00ccff;
}
h4 {
    margin-top:2px;
}

li {text-align:left;}
p {margin: 10px 0px 5px 0px;}
table {font-family:  verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align:left; color:#717074; text-align:left;}
fieldset {border:none;}
.centreer {text-align:center;}

input {margin: 0px 0px 5px 0px;	border:1px solid #717074; font-family:  verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#717074;}
input[type="text"] {width:280px; border:1px solid #717074;}
input.button {width: 74px; height: 21px; margin: 10px 0px 0px 0px; cursor: pointer; border:none; background-color:#717074; color:#fff;}
input.button_inv{
    width: 90px;
    height: 20px;
	margin: 10px 0px 0px 0px;
    cursor: pointer;
    border:1px solid #00ccff;
    background-color:#fff;
    color:#00ccff;
}
input[type="radio"]{
    border:none;
    vertical-align:middle;
    margin:5px;
}
.optie{
    float:left;
    width:90px;
    height:30px;
    margin:10px 0px 10px 0px;
}

.submitbutton{
    height:18px;
    width:74px;
    border:1px solid #000;
    padding-top:5px;
    background-color:#717074;
    color:#fff;
    text-align:center;
    cursor: pointer;
    margin-left:105px;
}
.validate, .alert{
    margin:10px;
    padding:10px;
    font: 12px arial, sans-serif;
    color:#00ccff;
    border:1px solid #00ccff;
}
.alert{
    padding:25px;
    text-align:center;
}
.blue{
    color:#00ccff;
}

td{
    vertical-align:top;
}

form.contactform {margin:10px;padding: 15px; border: 1px solid #b6b8ba; width: 400px; background-color: #e9edf1;}
form.contactform fieldset {padding: 0px; margin: 0px 0px 10px 0px;}
form.contactform ol {margin: 0; padding: 0;}
form.contactform li {list-style: none; padding: 2px; margin: 0;}
form.contactform em {font-weight: bold; font-style: normal; color: #f00;}
form.contactform label {width: 100px;display: inline-block; line-height: 1.8; vertical-align: top;}
form.contactform label.error {color: red;}
form.contactform label.verp {color: #00ccff;}
form.contactform input[type="text"]{width:280px; border:1px dotted #b6b8ba; background-color:#fff;}
form.contactform input[type="text"].verp{border:1px dotted #00ccff;}
form.contactform textarea {border:1px dotted #00ccff;}


	/* site-specifieke css*/
html, body {
	padding: 0px;
    margin: 0px;
    font: 11px arial, sans-serif;
    color: #717074;
    background-color:#717074;
}

div#centreer{
    width:1004px;
  	margin-left:auto;
  	margin-right:auto;
}
div#bg_top {
    background-image: url("/images/bg_01.gif");
    background-position:bottom;
    background-repeat:no-repeat;
    width:989px;
    height:10px;
    padding-left:15px;
}
div#bg {
    background-color:#FFFFFF;
    position:absolute;
    top:10px;
    width:989px;
    border:0px solid #000;
    padding-bottom:35px;
    padding-left:15px;
    background-image: url("/images/bg_02.gif");
}
#header {
    float:left;
    width:915px;
    height:95px;
    margin: 20px 20px 1px 40px;
    background-image: url("/images/header2.jpg");
    background-repeat:no-repeat;
    border-bottom:1px solid #00ccff;
}
    #date{
        float:right;
        width:500px;
        margin: -17px 0px 0px 10px;
        font: 10px verdana;
        text-align:right;

    }
    #wb{
        float:left;
        margin:5px 5px 0px 555px;
        width:350px;
        height:85px;
        background-image: url("/images/wb.png");
        background-repeat:no-repeat;
    }
    #slogan{
        float:right;
        width:620px;
        margin: 2px 10px 40px 20px;
        font: 11px verdana;

    }
#left {
	float:left;
	width:185px;
	margin: 10px 0px 0px -715px;
	border-right:1px solid #00ccff;
}
    .menu {
    	width:155px;
        padding-right:30px;
        margin-top:20px;
        text-align:right;
    }
        .menu a, .menu a:visited, .menu a:hover{
            display:block;
            height:30px;
        	padding:4px 0px 0px 0px;
        	font: bold 13px verdana;
	        color: #717074;
        }
        .submenu {
            width:153px;
            margin:0px 0px 5px 0px;
            border-left:1px solid #00ccff;
        }
            .submenu a, .submenu a:visited, .submenu a:hover{
                display:block;
                height:20px;
                padding:3px 0px 3px 10px;
                font: 13px arial;
                color:#00ccff;
            }
    .menu_sitemap {
    	float:left;
        width:200px;
        padding-left:30px;
        margin-top:20px;
        text-align:left;
    }
        .menu_sitemap a, .menu_sitemap a:visited, .menu_sitemap a:hover{
            display:block;
            height:30px;
        	padding:4px 0px 0px 0px;
        	font: 12px arial;
	        color: #717074;
        }
        .submenu_sitemap {
            margin:0px 0px 5px 0px;
        }
            .submenu_sitemap a, .submenu_sitemap a:visited, .submenu_sitemap a:hover{
                display:block;
                height:20px;
                padding:3px 0px 3px 20px;
                font: 12px arial;
                color:#00ccff;
            }
#login {
	float:left;
	width:156px;
	padding:15px;
	margin: 450px 20px 10px -715px;
    background-color:#b6b8ba;
    font: 12px arial;
}

#middle {
	float:left;
	width:529px;
	margin:10px 0px 0px 226px;
	padding:0px;
}
    #content {
        width:489px;
        padding:20px;
        text-align:justify;
    }
    div.info{
        float:left;
        width:100%;
    }
    div.screenshot{
        float:left;
      	width:110px;
        height:100px;
        margin: 2px 5px;
        background-color:#fff;
    }
    div.screenshot img{
        float:left;
        border: 1px solid #b6b8ba;
        padding: 4px;
    }
    div.caption, div.captionwide{
        float:left;
      	width:80px;
      	height:21px;
      	padding:5px;
      	margin:2px;
      	background-color:#e9edf1;
      	font-weight:bold;
      	text-align:right;
    }
    div.captionwide{
        width:200px;
    }
    div.value{
        float:left;
      	width:261px;
      	height:21px;
      	padding:5px;
      	margin:2px;
      	background-color:#eff3f7;
      	font-weight:normal;
    }
    div.value a, div.value a:visited, div.value a:hover{
        font: 11px arial;
        color: #717074;
    }
    div.value a:hover{
        text-decoration:underline;
    }
    div.text, div.newsitem{
        float:left;
        width:473px;
        padding:6px;
      	margin:2px;
      	background-color:#eff3f7;
      	font-weight:normal;
    }
    div.newsitem{
        background-color:#fff;
      	border:1px solid #e9edf1;
      	padding:10px;
    }
    div.newsitem p{
        margin-top:2px;
    }
    div.datum{
        float:left;
      	width:473px;
        padding:6px;
      	margin:2px;
      	background-color:#e9edf1;
      	color:#b6b8ba;
      	font-weight:normal;
    }
    div.datum2{
        float:left;
      	width:473px;
        padding:0px;
      	margin:10px 2px 2px 3px;
      	color:#b6b8ba;
      	font-weight:normal;
    }
#right {
	float:left;
  	width:189px;
	padding: 0px 0px 30px 10px;
    margin: 10px 20px 0px 0px;
    border-left: 1px solid #00ccff;
}

    .rightitem {
        float:left;
        width:159px;
        padding: 0px 10px 10px 10px;
        margin-top:20px;
    }
        .rightitem a, .rightitem a:hover, .rightitem:visited{
            float:left;
            display:block;
            width:159px;
            padding: 0px;
            border:none;
            text-align:right;
            color: #00ccff;
        }
    .keurmerken {
        float:left;
        width:159px;
        padding: 10px ;
        margin:60px 0px 0px 0px;
    	border:0px solid #b6b8ba;
    }

#bottom{
    position:absolute;
    bottom:0px;
    left:0px;
    width:954px;
    height:33px;
    margin-left:0px;
    padding:7px 25px 0px 25px;
    border-top:0px solid #ddd;
    background-image: url("/images/bg_03.gif");
    background-position:bottom;
    background-color:#fff;
    font:10px arial;
}
#bottom a{
    display:block;
    float:left;
    padding:0px 15px 0px 0px;
}
#bottom span{
    display:block;
    float:right;
    color:#bbb;
    text-align:right;
}
#bottom span.blue{
    width:420px;
    color:#00ccff;
    text-align:center;
    font-size:11px;
}
#footer{
    float:left;
    width:509px;
    height:16px;
    padding:5px 10px 5px 10px;
    text-align:center;
    font: 11px arial;
    color:#00ccff;
}
#T1{
    border:1px solid #000;
    height:40px;
    width:300px;
    padding:5px;
}