/* CSS Document */

body{
margin:0;
padding:0;
background:url(images/topbar_bg2.jpg) top repeat-x;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:1.5em;
color:#576166;
}
a{
color:#2379be;

}
a:hover{
background-color:#2379be;
color:#FFFFFF;
text-decoration:none;

}
img{
margin:0;
padding:0;
}

.container{
margin:0 auto;
width:997px;
}
.header{
width:997px;
height:153px;
padding-top:30px;
}
.content{
width:997px;

}
.banner{
margin:0 auto;
margin-top:26px;
font-size:16px;
padding-top:18px;
width:800px;
padding-top:7px;
padding-bottom:7px;
background-color:#e3f1f6;
border:solid #cddbe0 1px;
}

.toptekst{
margin:0 auto;
margin-top:30px;
width:800px;
font-size:16px;
}
.kopje{
margin:0 auto;
margin-top:43px;
width:800px;
margin-bottom:50px;
}
.kopje2{
margin:0 auto;
margin-top:43px;
width:800px;
margin-bottom:0px;
}

.kopje3{
margin:0 auto;
margin-top:25px;
width:800px;
margin-bottom:0px;
}
h1{
margin:0;
padding:0;
font-size:16px;
color:#fa8700;
}
h3{
margin:0;
padding:0;
font-size:12px;
color:#fa8700;
}


h2{
font-size:14px;
margin:0;
padding:0;
color:#000000;
line-height:10px;
margin-bottom:4px;
}



/* contentbox */
.contentboxcontainer h2{
line-height:normal;
}
.contentboxcontainer{
line-height:18px;
width:800px;
margin:0 auto;
text-align:left;
background:url(images/geel.gif) right repeat-y;
}
.contentboxleft{
width:550px;
float:left;
background-color:#FFFFFF;
}
.contentboxright{
float:right;
margin-left:10px;
width:230px;
padding:5px;
}
.clear{
clear:both;
}
.box1{
width:530px;
}
.box1tekst{
width:298px;
float:right;
}
.box2{
width:530px;
margin-top:30px;
}

.box1thumb{
border:1px solid #ccc;
float:left;
margin-right:25px;
}



.textrechts1{
margin-top:25px;
padding-left:20px;
background:url(images/vinkje.jpg) no-repeat;

}
.textrechts2{
margin-top:22px;
padding-left:20px;
background:url(images/vinkje.jpg) no-repeat;

}
.textrechts3{
margin-top:25px;
padding-left:20px;
background:url(images/questionmark.jpg) no-repeat;

}


/* contentbox */

.footercontainer{
border-top:dashed 1px #d3d3d3;

margin-top:44px;

height:50px;

}

.footer{
margin:0 auto;
width:800px;
}
.footer a{
color:#a0a0a0;
}
.footer a:hover{
color:#fff;
}
.subnav{
float:left;
color:#a0a0a0;
text-align:left;
margin-top:18px;
width:400px;
}
.cardware{
width:350px;
text-align:right;
float:right;
margin-top:10px;
}
.cardware1{
color:#000000;
float:right;
width:15em;
height:28px;
line-height:28px;
}
.cardware2{
float:right;
width:100px;
}

.eig11{
font-size:16px;
color:#576166;
margin:0 auto;
margin-top:22px;
margin-bottom:22px;
}

.flash10redenen{
text-align:center;
margin:0 auto;
padding-bottom:30px;
border-bottom:dashed 1px #e5e5e5;
width:800px;
}

.uitgeschreven{
text-align:center;
margin:0 auto;
width:800px;

margin-top:47px;

}
.uitgeschreventext{
text-align:left;
margin-left:100px;
width:700px;
}

.stappenplan1,.stappenplan2,.stappenplan3 {
margin:0 auto;
margin-top:46px;
padding-left:120px;
width:600px;
text-align:left;
}

.stappenplan1{
background:url(images/stappenplan_1.gif) no-repeat;
}

.stappenplan2{
background:url(images/stappenplan_2.gif) no-repeat;
}

.stappenplan3{
background:url(images/stappenplan_3.gif) no-repeat;
}

.stappenplan1 strong,.stappenplan2 strong,.stappenplan3 strong {
display:block;font-weight:bold;color:#000;
}

.logotab{
padding-top: 5px;
text-align:left;
padding-left:20px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
margin:0 auto;
margin-top:55px;
width:780px;
}
.logos{
width:800px;
float:none;
text-align:center;
margin:0 auto;

}
.logos div{
float:left;
list-style:none;
margin:0;
padding:0;
margin-left:37px;
margin-top:30px;
width:115px;
height:53px;
}

.projectenmenu{
font-size:16px;
margin-top:23px;
}
.projecten{
width:800px;
margin:0 auto;
}
.projecten img{
border:1px solid #ccc;
}



.projectbox1{
width:800px;
margin:0 auto;

margin-top:50px;

}
.projectbox2{
width:800px;
margin:0 auto;

margin-top:23px;

}
.projectbox1tekst{
width:570px;
text-align:left;
float:right;
}
.project1thumb{
float:left;
margin-right:22px;
}
.cardwarecards{
width:600px;
margin:0 auto;
margin-top:15px;
}
.cardware-tekst{
font-size:16px;
margin:0 auto;
margin-top:38px;
margin-bottom:47px;
}
.contacttekst{
margin:0 auto;
margin-top:38px;
width:777px;
}

.contactcontent{
margin:0 auto;
margin-top:50px;
width:850px;

}
.contactcontentlinks{
width:437px;
float:left;

height:389px;
text-align:left;
padding-left:32px;

padding-top:41px;
background-color:#f6f6f6;
}

.contactcontentlinks table {width:400; border:0; padding:0; margin: 0 0 20px 0; border-collapse:collapse;
}
.samenwerkenform table {width:400; border:0; padding:0; margin: 0 0 20px 0; border-collapse:collapse;
}

.contactcontentrechts{
width:366px;
height:500px;
float:right;
}
.form{
width:400px;

}
.form2{
	margin: 0;
}

.contactrechtsonder{
width:366px;
margin-top:14px;
}
.rechtsonderlinks{
border-left: 2px dotted #e5e5e5;
border-right: 2px dotted #e5e5e5;
line-height:18px;
width:195px;
text-align:left;
padding-top:11px;
padding-left:20px;
}

.rechtsonderlinks ul {margin-left:0; list-style:none;padding-left:0; padding-bottom: 8px;}
.rechtsonderlinks ul li {list-style-position:outside; margin-left:0; padding-left:0}

.rechtsonderrechts{
width:130px;
float:right;
}


.route{
border-bottom:dashed 1px #e5e5e5;
background:url(images/map24icon.jpg) no-repeat;
margin-top:15px;

padding-bottom:10px;
padding-left:90px;
width:30px;

}
.route2{
margin-top:15px;

padding-bottom:10px;
border-bottom:dashed 1px #e5e5e5;
background:url(images/ov9292icon.jpg) no-repeat;

padding-left:90px;
width:30px;

}
.route3{
margin-top:15px;

padding-bottom:10px;
background:url(images/googlemapsgif.gif) no-repeat;

padding-left:40px;
width:80px;
}

.routeicons{

text-align:left;

}
.routeicons2{
text-align:left;

}
.inputfield{
width:320px;
margin-bottom:6px;
margin-top:4px;

}

.inputfieldrood{
width:320px;
margin-bottom:6px;
margin-top:4px;
border:1px solid #FF0000;
background-color: #FFF0F0;}

.textarea{
	margin-bottom:10px;
	width: 515px;
	height: 120px;
}

.textarearood{
width: 515px;
height: 120px;
margin:0 auto;
margin-bottom:10px;
border:1px solid #FF0000;
background-color: #FFF0F0;

}

.projectentabjes {
margin:0 auto;
text-align:left;
margin-top:35px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
width:800px;
height:18px;
border-bottom: solid 1px #cccccc ;

}
.projectentab1{
float:left;
width:194px;
height:17px;
border-left: solid 1px #cccccc;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;
border-bottom: solid 1px #fff;
}

.projectentab2{
float:left;
width:194px;
height:17px;
margin-left:8px;
margin-bottom:0px;
background-color:#eeeded;
border-left: solid 1px #cccccc;
border-top: solid 1px #cccccc;
border-right: solid 1px #cccccc;

}


.projectentab1 span {
margin-left:16px;
}
.projectentab2 span {
margin-left:16px;
}

.projectentab2 a{
color:#000000;
display:block;
text-decoration:none;
width:194px;
height:16px;
padding-top:1px;
}

.projectentab2 a:hover{
background:url(images/tabrollover.gif);
color:#000;
}

.bannernavigatie{
width:800px;
margin:0 auto;
margin-top:27px;
}
.bannernavigatiebutton{
width:100px;
margin:0 auto;
margin-left:200px;
}
.bannercontainer{
width:800px;
margin:0 auto;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin-top:15px;
}
.flashcontainer{
margin:0 auto;
margin-top:30px;
margin-bottom:30px;
}

.webvertising{
width:700px;
text-align:left;
margin:0 auto;
margin-top:35px;
}
.webvertisinglinks{
float:left;
width:300px;
}
.webvertisingrechts{
float:right;
width:300px;
}
.banner1{
margin-top:20px;
margin-bottom:10px;
}
.webvertisingthumb{
float:left;
margin-right:35px;
}
.webvertisingtekst{
float:left;
height:50px;
padding-top:38px
}

.formvalidations{
width:390px;
background-color:#fcfcd0;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
color:#FF0000;
margin-bottom:10px;
}
.formvalidations2{
width:390px;
}
.samenwerkenform{
	text-align:left;
}

.projecten img.newwindow {
	background-color: #fff;
	padding: 3px;
	border: 0;
}

ul#faq {list-style:none; padding:0}
ul#faq li {margin-left:25px;}
ul#faq li span {margin-top:20px; margin-bottom:10px;margin-left:-15px; color:blue;font-size:14px;display:block;text-decoration:underline;font-weight:bold;padding-left: 14px;}
ul#faq li span:hover {text-decoration:none;cursor:hand; cursor:pointer;}

img#VraagPijl1,img#VraagPijl2,img#VraagPijl3,img#VraagPijl4,img#VraagPijl5,img#VraagPijl6 {float:left;margin:0 0 0 -25px;padding:5px 0 0 0;}


/* FONT DOWNLOAD PAGINA */
.download {
margin-top:25px;
}

.download ul {
list-style: none;
margin: 0;
padding: 0;
}

.download ul li {
margin: 0 0 18px 0;
}

.download ul li.windows {
background: url(images/windows.gif) no-repeat 0 0;
padding-left: 25px;
}

.download ul li.mac {
background: url(images/mac.gif) no-repeat 0 0;
padding-left: 25px;
}

.download a {
display: block;
width: 202px;
height: 65px;
background: url(images/button-download.gif) no-repeat 0 -65px;
text-decoration: none;
margin: 30px 0 18px 0;
}

.download a:hover {
background-position: 0 0;
}

.download a span {
	position: relative;
	left: -9999px;
}

/*medewerkers*/

#medewerkers_nav {text-align:left;width:300px;list-style:none;float:left;margin:0 50px 0 0;padding-top:12px}
#medewerkers_nav li {margin:0;padding:0;}
#medewerkers_nav li a {margin:0;padding:0;}
.cardware2 a:hover {background-color:#000}


/* NIEUWE NAVIGATIE */
h1#h1-logo {width:303px;height:86px;background:url(images/logo.gif) no-repeat 0 0;margin:0 auto 0 auto;}
h1#h1-logo a {text-decoration:none;display:block;width:303px;height:86px;}
h1#h1-logo a:hover {background:none;}
h1#h1-logo span {position:relative;left:-9999px;font-size:1px;line-height:1px;}

#pagemenu {padding:0;margin:0;float:left;}

#pagemenu ul#page-list {
	list-style: none;
	margin: 0;
	width: 890px;
	display: block; /* ignored by IE  remove space bug on FF, Chrome */	
}

#pagemenu #page-list{
	padding:25px 0 0 0;
	margin:0;
	float:left;
	position:relative;
	left:74px;
}

#pagemenu #page-list li{
	padding:0 15px!important;	
	border-left:solid 1px #5b5b5b;
	display:block;
	background:none;
	float:left;
}

#pagemenu #page-list li:hover{ background:none !important;}

#pagemenu #page-list li.page_item {width:auto!important;margin-top:0!important;}

#pagemenu #page-list li.page_item a{
	display:block;
	float:left;
	height:21px;
	background:top left no-repeat;
	border:none;
	text-decoration:none;
}

#pagemenu #page-list li.page_item a span{
postion:relative;
left:-99999px;
display:none;
}

#pagemenu #page-list li.page_item.dpi { border:none;}
#pagemenu #page-list li.page_item.dpi a{ background-image:url(images/menu_72dpi.gif); width:58px;}
#pagemenu #page-list li.page_item.redenen a{ background-image:url(images/menu_10redenen.gif); width:111px; }
#pagemenu #page-list li.page_item.samenwerken a{ background-image:url(images/menu_samenwerken.gif); width:141px;}
#pagemenu #page-list li.page_item.projecten a{ background-image:url(images/menu_projecten.gif); width:95px!important;}
#pagemenu #page-list li.page_item.cardware a{ background-image:url(images/menu_cardware.gif); width:157px; }
#pagemenu #page-list li.page_item.contact a{ background-image:url(images/menu_contact.gif); width:76px;}

#pagemenu #page-list li.page_item a:hover{ background-position:bottom left;}
#pagemenu #page-list li.page_item.active a{ background-position:bottom left;}