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

html, body {
height: 100%; /* heel belangrijk */
margin: 0;
overflow-x: hidden;
}

img{ 
border: 0;
}

table{
border: 0;
cellspacing: 0;
cellpadding: 0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 1.0em;
color: #414141;
}

td{
vertical-align: top;
}

body{
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 62.5%;
color: #434343;
background: url("../afbeeldingen/bg_container.jpg") top center no-repeat;
*background: none;
}

body a{
text-decoration: underline;
color: #172983;
border: 0;
}

body a:hover{
text-decoration: none;
color: #172983;
}

body a:visited{
text-decoration: underline;
color: #172983;
}

.skiptocontent{
position: absolute;
text-indent: -9999px;
}

#container{
width: 996px;
margin: 0 auto 0 auto;
font-size: 1.2em;
position: relative;
*background: url("../afbeeldingen/bg_container.jpg") top center no-repeat;
}

#contentcontainer{
width: 996px;
float: left;
position: relative;
padding: 0;
margin: 0;
top: 40px;
}

.logo{
width: 269px;
height: 80px;
margin-left: 20px;
margin-top: 5px;
position: relative;
float: left;
text-indent: -9999px;
background: url("../afbeeldingen/logo.gif") 0 0 no-repeat;
}

#blok_index_producten{
width: 621px;
height: 280px;
float: left;
position: relative;
margin-left: 16px;
}

#blok_index_producten2{
width: 362px;
height: 280px;
float: left;
position: relative;
}

.blok_top{
width:364px;
height:25px;
position: relative;
float: right;
top: 46px;
line-height: 21px;
z-index: 100;
}

.blok_top a, .blok_top a:visited{
text-decoration: none;
}

.blok_top a:hover{
text-decoration: underline;
}

.blok_top strong{
margin-left: 31px;
}

.zoekbox{
width: 171px;
height: 15px;
position: relative;
float: right;
}

.zoekveld{
width: 140px;
height: 15px;
border: 1px solid #dfdfdf;
color: #414141;
}

.zoekbutton{
width: 27px;
height: 21px;
border: 0px;
margin-left: -3px;
background: url("../afbeeldingen/button_zoeken.gif") 0 0 no-repeat;
text-indent: -9999px;
}

#footer{
width: 996px;
height: 72px;
background: url("../afbeeldingen/bg_footer.jpg") 0 0 no-repeat;
float: left;
position: relative;
line-height: 62px;
text-indent: 10px;
margin-top: 0px;
}

#footer a, #footer a:visited{
text-decoration: none;
}

#footer a:hover{
text-decoration: underline;
}

#contentvlak{
float: left;
position: relative;
margin-top: 10px;
width: 567px;
}

#contentvlak h1{
color: #ffffff;
font-size: 1.2em;
font-wight: bold;
}

#contentvlak h2{
color: #df5957;
font-size: 1em;
font-wight: bold;
}

#contentvlak h3{
font-size: 1em;
color: #df5957;
}

#flash{
width: 363px;
height: 281px;
margin-left: 16px;
float: left;
position: relative;
}

#flashbanner{
width: 528px;
height: 110px;
float: left;
position: relative;
margin-left: 40px;
}

#weblog_index{
width: 986px;
height: 129px;
padding: 5px;
float: left;
position: relative;
margin-left: 10px;
background: url("../afbeeldingen/bg_weblog.jpg") left top no-repeat;
}

#weblog_index h2{
font-size: 1.0em;
font-weight: bold;
color: #172983;
padding: 0;
margin: 0;
}

#weblog_index a, #weblog_index a:visited{
font-size: 1.0em;
color: #172983;
background: url("../afbeeldingen/bg_link.gif") left center no-repeat;
padding-left: 15px;
margin-top: 9px;
text-decoration: none;
}

#weblog_index a:hover{
font-size: 1.0em;
color: #172983;
background: url("../afbeeldingen/bg_link.gif") left center no-repeat;
padding-left: 15px;
margin-top: 9px;
text-decoration: underline;
}

#weblog_index img{
float: left;
position: relative;
margin-right: 15px;
}

.weblog_item{
width: 443px;
height: 86px;
padding-top: 10px;
margin-right: 2px;
float: left;
position: relative;
}

.breadcrumb{
width: 100%;
float: left;
position: relative;
margin-top: 10px;
height: 30px;
text-indent: 15px;
}

.vlak_opsomming{
width: 487px;
background: #fafafa;
border: 1px solid #f0f0f0;
padding: 5px;
}

#contentdeel .vlak_opsomming h1{
color: #182a84;
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding: 0;
padding-bottom: 12px;
}

#contentdeel .vlak_opsomming a{
color: #df5957;
}

#contentdeel_overcomputron{
float: left;
position: relative;
width: 950px;
margin-left: 15px;
top: 40px;
background: url("../afbeeldingen/banner_overcomputron.jpg") left top no-repeat;
}

#contentdeel_overcomputron h1{
color: #ffffff;
font-size: 1.2em;
font-wight: bold;
margin-left: 30px;
}

#contentdeel_overcomputron h2{
color: #172983;
font-size: 1em;
font-wight: bold;
}

#contentdeel_overcomputron h3{
font-size: 1em;
color: #172983;
}

#contentdeel_helpdesk{
float: left;
position: relative;
width: 950px;
margin-left: 15px;
top: 40px;
background: url("../afbeeldingen/banner_helpdesk.jpg") left top no-repeat;
}

#contentdeel_helpdesk h1{
color: #ffffff;
font-size: 1.2em;
font-wight: bold;
margin-left: 30px;
}

#contentdeel_helpdesk h2{
color: #172983;
font-size: 1em;
font-wight: bold;
}

#contentdeel_helpdesk h3{
font-size: 1em;
color: #172983;
}

#contentdeel_partners{
float: left;
position: relative;
width: 950px;
margin-left: 15px;
top: 40px;
background: url("../afbeeldingen/banner_partners.jpg") left top no-repeat;
}

#contentdeel_partners h1{
color: #ffffff;
font-size: 1.2em;
font-wight: bold;
margin-left: 30px;
}

#contentdeel_contact{
float: left;
position: relative;
width: 950px;
margin-left: 15px;
top: 40px;
background: url("../afbeeldingen/banner_contact.jpg") left top no-repeat;
}

#contentdeel_contact h1{
color: #ffffff;
font-size: 1.2em;
font-wight: bold;
margin-left: 30px;
}

#contentdeel_contact h2{
color: #172983;
font-size: 1em;
font-wight: bold;
}

#contentdeel_contact h3{
font-size: 1em;
color: #172983;
}

contentdeel_contact h2{
color: #172983;
font-size: 1em;
font-wight: bold;
}

#contentdeel_partners h3{
font-size: 1em;
color: #172983;
}

#contentdeel_sitemap{
float: left;
position: relative;
width: 950px;
margin-left: 15px;
top: 40px;
background: url("../afbeeldingen/banner_sitemap.jpg") left top no-repeat;
}

#contentdeel_sitemap h1{
color: #ffffff;
font-size: 1.2em;
font-wight: bold;
margin-left: 30px;
margin-top: 10px;
}

#contentdeel_sitemap h2{
color: #172983;
font-size: 1em;
font-wight: bold;
}

#contentdeel_sitemap h3{
font-size: 1em;
color: #172983;
}

#contentdeel_weblog_system-management{
float: left;
position: relative;
width: 950px;
margin-left: 15px;
top: 40px;
background: url("../afbeeldingen/banner_weblog_system.jpg") left top no-repeat;
}

#contentdeel_weblog_system-management h1{
color: #ffffff;
font-size: 1.2em;
font-wight: bold;
margin-left: 30px;
margin-top: 10px;
}

#contentdeel_weblog_system-management h2{
color: #172983;
font-size: 1em;
font-wight: bold;
}

#contentdeel_weblog_system-management h3{
font-size: 1em;
color: #172983;
}

#contentdeel_weblog_software{
float: left;
position: relative;
width: 950px;
margin-left: 15px;
top: 40px;
background: url("../afbeeldingen/banner_weblog_software.jpg") left top no-repeat;
}

#contentdeel_weblog_software h1{
color: #ffffff;
font-size: 1.2em;
font-wight: bold;
margin-left: 30px;
margin-top: 10px;
}

#contentdeel_weblog_software h2{
color: #172983;
font-size: 1em;
font-wight: bold;
}

#contentdeel_weblog_software h3{
font-size: 1em;
color: #172983;
}

#contentdeel_toegankelijkheid{
float: left;
position: relative;
width: 950px;
margin-left: 15px;
top: 540px;
background: url("../afbeeldingen/banner_toegankelijkheid.jpg") left top no-repeat;
}

#contentdeel_toegankelijkheid h1{
color: #ffffff;
font-size: 1.2em;
font-wight: bold;
margin-left: 30px;
margin-top: 10px;
}

#contentdeel_toegankelijkheid h2{
color: #172983;
font-size: 1em;
font-wight: bold;
}

#contentdeel_toegankelijkheid h3{
font-size: 1em;
color: #172983;
}

#contentdeel_zoeken{
float: left;
position: relative;
width: 950px;
margin-left: 15px;
top: 40px;
background: url("../afbeeldingen/banner_zoeken.jpg") left top no-repeat;
}

.zoeken_min{
width: 800px;
height: 150px;	
}

#contentdeel_zoeken h1{
color: #ffffff;
font-size: 1.2em;
font-wight: bold;
margin-left: 30px;
margin-top: 10px;
}

#contentdeel_zoeken h2{
color: #172983;
font-size: 1em;
font-wight: bold;
}

#contentdeel_zoeken h3{
font-size: 1em;
color: #172983;
}
		
		/* CONTACT FORMULIER */
		
		label {
    float: left;
    width: 150px;
    text-align: left;
    }

input {
    background-color: #f5f5f5;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    margin-bottom: 10px;
	width: 200px;
    }

select {
    width: 120px;
    font-size: x-small;
    background-color: #f5f5f5;
    
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    
    margin-bottom: 10px;
    }

	textarea {
    width: 250px;
    height: 100px;
    background-color: #f5f5f5;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    font-family: Arial, Helvetica, sans-serif;
	rows: 8;
	cols: 35;
    margin-bottom: 10px;
    }
	
	.error{
	color: #df5957;
	}
	
	.button_formulier{
width: 110px;
height: 27px;
color: #747474;
background: url("../afbeeldingen/button_formulier.jpg") 0 0 repeat-x;
border: 0px;
margin-left: 150px;
}
		
/* EINDE CONTACT FORMULIER */

.inleiding{
width: 550px;
height: 110px;
color: #ffffff;
margin-left: 30px;
}
		
.tekst{
width: 550px;
margin-left: 30px;
float: left;
position: relative;
}

.titel_foto{
font-face: "Trebuchet MS", Arial;
font-size: 1.1em;
font-weight: bold;
color: #ffffff;
position: absolute;
width: 250px;
display: block;
top: 184px;
right: 15px;
z-index: 50;
}

#tagcloud {
    width: 300px;
    background:#fafafa;
    color:#172983;
    padding: 10px;
    border: 1px solid #f0f0f0;
    text-align:center;
	float: left;
	position: relative;
	margin-top: 80px;
	margin-left: 20px;
}
 
#tagcloud a:link, #tagcloud a:visited {
    text-decoration:none;
}
 
#tagcloud a:hover, #tagcloud a:active {
    text-decoration: underline;
    color: #172983;
}
 
#tagcloud span {
    padding: 4px;
}
 
.smallest {
    font-size: x-small;
}
 
.small {
    font-size: small;
}
 
.medium {
    font-size:medium;
}
 
.large {
    font-size:large;
}
 
.largest {
    font-size:larger;
}

.onderwerpen_weblog{
    width: 300px;
    background:#fafafa;
    color:#172983;
    padding: 10px;
    border: 1px solid #f0f0f0;
	float: left;
	position: relative;
	margin-top: 15px;
	margin-left: 20px;
}

/* FOTOVIEWER PARTNERS */

#weblog_index{
width: 990px;
height: 129px;
padding: 5px;
float: left;
position: relative;
background: url("../afbeeldingen/bg_weblog.jpg") left top no-repeat;
}	

#slider{
	float: left;
		position: relative;
		width: 380px;
		height: 113px;
		margin-top: 15px;
		margin-left: 20px;
		text-align: center;
}

/* Voorpagina website */

#kaders{
	width: 986px;
	float: left;
	position: relative;
margin-left: 10px;	
}

.kader_start{
height: 220px;
width: 197px;
float: left;
position: relative;
background: url("../afbeeldingen/bg_kader.gif") left top no-repeat;
}

.kader_inhoud{
height: 214px;
width: 182px;
float: left;
position: relative;
margin-left: 7px;
margin-top: 6px;
}

.fotokader{
	filter:alpha(opacity=50);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.5;	
}

.fotokader:hover{
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;	
}

.kader_inhoud h2{
font-size: 1.2em;	
font-weight: bold;
color: #172983;
margin: 0;
padding: 0;
padding-top: 5px;
}

.kader_inhoud a, .kader_inhoud a:hover, .kader_inhoud a:visited, .kader_inhoud a:active{
text-decoration: none;	
}

/* Einde voorpagina website */

#flash_container{
width: 991px;
height: 254px;
float: left;
position: relative;
margin-top: 30px;
margin-left: 10px;
}