/* CSS Document Projects One */

/*======= Algemene txt style =======*/
a:link {color: #33BED1; text-decoration: none; }
a:visited {color: #33BED1; text-decoration: none; }
a:hover {color: #004F69; text-decoration: none; }
a:active {color: #004F69; text-decoration: none; }
a {color: #33BED1; text-decoration: none; }
h1 {color: #33BED1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; text-decoration:none; }
h2 {color: #33BED1; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; text-decoration:none; }
/*======= background =======*/
body {color: #637b7d; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #fff; margin:0 }
.sub_header {width: 34px; height:21px; background:url(images/sub_header.png) no-repeat; float:left; margin:10px 3px 0 -5px; }
/*======= width =======*/
.container {margin: auto; width: 1250px; height: 100%; overflow: hidden; background: #FFF;}
/*======= header =======*/
.header {height: 203px; width: 1250px; background:url(images/projects_one_header.png) no-repeat; float:left; }
/*======= Menu Top =======*/
.menu {width: 1250px; height: 35px; overflow: hidden; background: #33BED1; float:left; }
.menu a {color: #fff; text-decoration: none; }
.menu a:hover {color: #004F69; text-decoration: none; }
.menu a:active {color: #004F69; text-decoration: none; }
#nav, #nav ul {padding: 0; margin: 0; list-style: none; }
#nav li {float: left; width: 138px; }
#nav ul {position: absolute; width: 138px; left: -1500px; }
#nav li:hover ul, #nav li.ie_does_hover ul {left: auto; background-position: 0 0; }
#nav a {display: block; margin: 8px 0; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; }
ul a{font-weight: normal; color: #FFF; cursor: default; text-align:center; }
ul#nav ul a:link{font-weight: normal; color: #FFF; cursor: pointer; }
ul#nav ul a:visited{font-weight: normal; color: #FFF; cursor: pointer; }
ul#nav ul a:hover{ font-weight: normal; color: #004F69; cursor: pointer; } 
ul#nav ul a:active{ font-weight: normal; color: #004F69; cursor: pointer; }
ul#nav ul li{background-color: #C2DADB; border: 1px solid #FFF;}
/*======= Blog Menu Left =======*/
ul ul a:link{font-weight: normal; color: #33BED1; cursor: pointer; }
ul ul a:visited{font-weight: normal; color: #33BED1; cursor: pointer; }
ul ul a:hover{ font-weight: normal; color: #004F69; cursor: pointer; } 
ul ul a:active{ font-weight: normal; color: #004F69; cursor: pointer; }

/* IE only hack \*/
* html ul li, * html ul ul li{border-bottom: 3px solid #FFF;}
* html ul ul li{border-top: 0;}
/* Einde IE only hack */ 
/*======= content left =======*/
.containerleft {width: 225px; height:720px; float:left; }
.navlefttop {width: 208px; height:145px; padding:0 5px 5px 5px; overflow: hidden; float:left; margin:10px 5px 5px 0; border-style:solid; border-width:1px; border-color:#d1e3e4; }
.navleftmid {width: 208px; height:280px; padding:0 5px 5px 5px; overflow: hidden; float:left; margin:5px 5px 5px 0; border-style:solid; border-width:1px; border-color:#d1e3e4; }
.call2actionleft {width: 208px; height:121px; padding:5px 5px 5px 5px; overflow: hidden; float:left; margin:5px 5px 5px 0; border-style:solid; border-width:1px; border-color:#d1e3e4; }
.top3 {width: 208px; height:90px; padding:0 5px 5px 5px; overflow: hidden; float:left; margin:5px 5px 5px 0; border-style:solid; border-width:1px; border-color:#d1e3e4; }
.containerleftblog {width: 225px; height:100%; float:left; }
.contentleftblog {width: 208px; height:100%; padding:0 5px 5px 5px; overflow: hidden; float:left; margin:10px 5px 10px 0; border-style:solid; border-width:1px; border-color:#d1e3e4; }
.inputleftblog {width: 208px; height:100%; overflow: hidden; float:left; margin:0 0 0 -20px; }
/*======= content mid Home page =======*/
.containermid {width: 800px; height:100%; float:left; }
.contentmid {width: 778px; height:321px; padding:0 5px 5px 5px; overflow: hidden; float:left; margin:10px 5px 5px 5px; border-style:solid; border-width:1px; border-color:#d1e3e4; }
.call2actionmain {width: 378px; height:334px; padding:0 5px 5px 5px; overflow: hidden; float:left; margin:5px; border-style:solid; border-width:1px; border-color:#d1e3e4; }
.call2actionmain2 {width: 378px; height:334px; padding:0 5px 5px 5px; overflow: hidden; float:left; margin:5px; border-style:solid; border-width:1px; border-color:#d1e3e4; }
/*======= content mid vervolg pagina =======*/
.containernext {width: 1025px; height:100%; float:left; }
.contentnext {width: 1008px; height:100%; padding:0 5px 5px 5px; overflow: hidden; float:left; margin:10px 0 5px 5px; border-style:solid; border-width:1px; border-color:#d1e3e4; }
.containerbottom {width: 1010px; height:70px; overflow: hidden; float:left; margin:5px; }
.containerbottomtxt {width: 250px; height:60px; overflow: hidden; float:left; margin:5px 10px 0 10px; }
.containerbottomtxt2 {width: 230px; height:60px; overflow: hidden; float:right; margin:5px 0 0 10px; }
.containerbottompic {width: 450px; height:70px; float:left; }
/*======= content right =======*/
.containerright {width: 225px; height:700px; float:left; }
.call2actionright {width: 208px; height:172px; padding:5px 5px 5px 5px;; overflow: hidden; float:left; margin:5px 0 5px 5px; border-style:solid; border-width:1px; border-color:#d1e3e4; }
.blog {width: 208px; height:123px; padding:0 5px 5px 5px; overflow: hidden; float:left; margin:5px 0 5px 5px; border-style:solid; border-width:1px; border-color:#d1e3e4; }
.blogtxt {width: 228px; height:100px; overflow: hidden; float:left; margin:-10px 0 0 -20px; }
.trainee {width: 208px; height:123px; padding:0 5px 5px 5px; overflow: hidden; float:left; margin:5px 0 5px 5px; border-style:solid; border-width:1px; border-color:#d1e3e4; }
/*======= News and Search screens =======*/
.search {width: 220px; height:60px; overflow: hidden; float:left; margin:10px 0 5px 5px; }
.searchheadertxt {width: 220px; height:25px; overflow: hidden; color: #33BED1; float:left; font-size: 14px; font-weight: bold; }
.searchfield {width: 190px; height:22px; background:url(images/search.png) no-repeat; float:left; }
.searchinput {width: 155px; height:16px; margin:3px 0 0 30px; float:left; }
.searchbut {width: 22px; height:22px; background:url(images/butt_go.png) no-repeat; float:left; margin-left:3px }
.newsfield {width: 190px; height:22px; background:url(images/newsletter.png) no-repeat; float:left; }
.newsinput {width: 180px; height:16px; margin:3px 0 0 5px; float:left; }
.linkedin {width: 220px; height:60px; overflow: hidden; float:left; margin:5px 0 5px 5px; }

/* .searchheadertxt2 {width: 250px; height:25px; overflow: hidden; color: #33BED1; float:left; font-size: 14px; font-weight: bold; }
.newsletter {width: 212px; height:60px; overflow: hidden; float:left; margin:5px; border-style:solid; border-width:1px; } */
/*======= Contact form pagina =======*/
.formmid {width: 975px; height: 100%; margin: 15px 0 15px 15px; overflow: hidden; float:left; border-style:solid; border-width:2px; border-color:#d1e3e4; }
.formmain { width: 470px; height: 100%; margin: 0 0; overflow: hidden; float:left; }
.formcontent { width: 440px; height: 35px; margin: 5px 0 0 5px; overflow: hidden; float:left; }
.formcontent2 { width: 500px; height: 100%; margin: 5px 0 0 5px; overflow: hidden; float:left; }
.formcontentbig { width: 400px; height: 100%; margin: 5px 0 0 5px; overflow: inherit; float:left; }
.formtxt {width: 120px; height: 25px; margin: 5px 0 0 5px; overflow: hidden; float:left; }
.formtxt2 {width: 225px; height: 25px; margin: 5px 0 0 5px; overflow: hidden; float:left; }
.formfields {width: 285px; height: 25px; margin: 5px 0 0 5px; overflow: hidden; float:left; }
.formfields2 {width: 200px; height: 25px; margin: 5px 0 0 5px; overflow: hidden; float:left; }
.formvraag { width: 400px; height: 150px; margin: 5px 0 0 5px; overflow: hidden; float:left; }
/*======= footer =======*/
.footer {width: 1250px; height:30px; overflow: hidden; background: #000; text-align: center; color: #fff; float:left; font-size: 11px; font-weight: bold; }
.footer a {color: #999; text-decoration: none; }
.footer a:hover {color: #004F69; text-decoration: none; }
.footer a:active {color: #004F69; text-decoration: none; }
.footertxtleft {width: 400px; height:15px; overflow:hidden; float:left;  margin:10px 5px 5px 5px; text-align: left; float:left; font-size: 10px; text-decoration: none; }
.footertxtmid {width: 430px; height:15px; overflow:hidden; float:left;  margin:10px 0 5px 0; text-align: center; color:#999; float:left; font-size: 10px; text-decoration: none; }
.footertxtright {width: 400px; height:15px; overflow:hidden; float:left;  margin:10px 5px 5px 5px; text-align: right; float:left; font-size: 10px; text-decoration: none; }
.laucafooter {width: 1250px; height:20px; overflow:hidden; float:left;  margin:5px 0 0 0; text-decoration: none;text-align: center; color: #999; float:left; font-size: 9px; }
/*======= End =======*/