body {font-size:12px; font-family:Arial, Verdana, Tahoma; color:#7a7a7a; }
.sIFR-flash {display:none;}
#hoofdmenu {display:none;}
#contentvlak .zoekresultaten {}
#zoekblok { display:none;}
#header .logo img{border:none;}
#footerlinks { display:none; }

.nexwork { padding:0 0 0px 0; margin: 0 0 10px 0; color:#000; font-size:12px; font-family:Arial, Verdana, Tahoma; color:#000; }
.nexwork p a {color:#F29901;}

#contentvlak .zoekresultaten { position:relative; z-index:1000; background:url(/lib/images/bg_zoekresultaten.jpg) no-repeat; width:546px; height:512px; padding:40px 0 0 25px; margin:20px 0 0 0; }
#contentvlak .zoekresultaten h1 {color:#161616; font-size:28px; font-family:Cambria, Verdana, Arial; font-weight:normal;}
#contentvlak object {z-index:100; position:relative;}
#contentvlak ul {margin:30px 20px 0 -40px;}
#contentvlak ul li.first { border-top:1px dotted #7a7a7a;  }
#contentvlak ul li a { color:#000000; font-family: arial, Verdana, tahoma; font-size:14px; display:block; padding:13px 0 13px 0; text-decoration:none;}
#contentvlak ul li { border-bottom:1px dotted #7a7a7a; list-style:none;}
#contentvlak .blog {margin:26px 0 0 0px; border:none;}
#contentvlak .blog h2 {color:#d77612; font-family:Cambria, Verdana, Tahoma; font-size:18px; font-weight:normal; margin:0; padding:0;}
#contentvlak .blog ul {margin:20px 0 0 0; padding:0;}
#contentvlak .blog ul li {background-image:url(/lib/images/bg_blog.jpg); width:522px; height:61px; margin:0 0 5px 0; border:none; list-style:none;}
#contentvlak .blog ul li img {border:4px solid #fff; float:left; margin: 2px 10px 0 2px;}
#contentvlak .blog ul li p {line-height:16px; margin:8px 20px 0 0; width:430px; float:left; color:#000;}
#contentvlak .blog ul li span {float:left;color:#000000; font-family:Arial, Verdana, Tahoma; font-weight:bold; font-size:10px; margin:0 2px 0 0;}
#contentvlak .blog ul li a {float:left; color:#d97e1b; font-family:Arial, Verdana, Tahoma; font-weight:bold; font-size:10px; margin:0 2px 0 0; padding:0;}
#contentvlak .blokbezoeken { background-image:url(/lib/images/bg_blog_text.jpg); background-repeat:no-repeat; height:34px; position:absolute; bottom:11px; left:100px; padding:5px 0 0 20px; text-decoration:none;  } 
#contentvlak .blokbezoeken a{ color:#d97e1b; font-family:Arial, Verdana, Tahoma; font-weight:normal; font-size:12px; text-decoration:none;} 
#contentvlak .blokbezoeken a:hover{ text-decoration:underline;} 
#contentvlak .blokbezoeken a.toonroutebeschrijving{width:300px; display:block; background-color:Red; } 
#nav {margin:20px 0 0px 0;}
#nav a {background-image:url(/lib/images/bg_tab_gray.png); background-repeat:repeat; color:#fff; font-family:Cambria, Sans-Serif, Verdana; font-size:20px; text-decoration:none; padding:0 10px 5px 10px; font-weight:normal;}
#nav a.active { background-image:url(/lib/images/bg_tab_orange.png); background-repeat:repeat;  }
#nav a:hover { background-image:url(/lib/images/bg_tab_orange.png); background-repeat:repeat;  }
#nav span { color:#fff!important; font-size:20px;  font-family:Cambria, Sans-Serif, Verdana;}
.hiddencontent { display:none;}
#paging {padding:5px; font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#000000;font-weight:bold; width:440px;  position:absolute; bottom:20px; left:90px;}
#paging a{padding:2px 7px 2px 7px;	margin:0px 2px 0px 2px; background-image:url(/lib/images/paging_gray.png); background-repeat:repeat-x;	color:#fff;	text-decoration:none;}
#paging a:hover{background-image:url(/lib/images/paging_orange.png); background-repeat:repeat-x; color:#fff; color:#FFFFFF;text-decoration:none;}
#paging a.active{background-image:url(/lib/images/paging_orange.png); background-repeat:repeat-x; color:#fff; color:#FFFFFF;text-decoration:none;}


#leftcol .blog {position:relative; overflow:hidden; padding:0 0 45px 0;}
#leftcol .blog h2 {color:#000;  }
#leftcol .blog ul {margin:0; padding:0;}
#leftcol .blog ul li {background-image:url(/lib/images/blog_list_bg.jpg); width:365px; height:61px; margin:0 0 5px 0; list-style:none; }
#leftcol .blog ul li img {border:4px solid #fff; float:left; margin: 2px 10px 0 2px;}
#leftcol .blog ul li p {line-height:16px; margin:8px 0 0 0; width:295px; float:left; color:#000;}
#leftcol .blog ul li span {color:#000000; font-family:Arial, Verdana, Tahoma; font-weight:bold; font-size:10px; margin:0 2px 0 0;}
#leftcol .blog ul li a {color:#d97e1b; font-family:Arial, Verdana, Tahoma; font-weight:bold; font-size:10px; margin:0 2px 0 0;}
#leftcol .blog a.blogbezoeken{ position:absolute; height:34px; left:100px; padding:5px 0 0 20px; margin:-5px 0 0 0; color:#d97e1b;background-repeat:no-repeat;background-image:url(/lib/images/bg_blog_text.jpg); font-family:Arial, Verdana, Tahoma; font-weight:normal; font-size:12px; text-decoration:none;} 
#leftcol .blog a.blogbezoeken:hover{ text-decoration:underline;} 


#footer { clear:both; float:left; background-color:#000; margin:1px 0px 20px 0px; height:49px; font-size:11px; font-family:Arial, Verdana, Tahoma; padding:0 10px 0 0 ;}
#footer ul {margin:0 0 0 10px; padding:10px 0 0 0;}
#footer ul li { float: left; margin: 0 5px 0 0; color: #908a8a; list-style:none;}
#footer ul li span {float:left;padding:5px 0 0 0; color:#908a8a;}
#footer ul li a { display:block; text-indent:-9999px; width:31px; height:31px;}
#footer ul li a.twitter { background-image: url(/lib/images/twitter_icon.png);}
#footer ul li a.linked {background-image: url(/lib/images/linkedin_icon.png);}
#footer ul li a.rss { background-image: url(/lib/images/rss_icon.png); float:left;}
#footer ul li a.wordpress { display:none;}
#footer ul li.newsfeed { float: left; margin: 0 10px 0 10px; color: #908a8a;}
#footer ul li.last { float: right; margin: 5px 0px 0 0px; color: #908a8a;}

.tagcloud { text-align:center; padding:0 0 20px 0; margin:10px 0 0 0; width:340px; }
a.tag1 {  line-height: 28px; font-size: 20px; color: #000; text-decoration: none; font-weight: normal; font-family:Cambria, serif, Arial;}
a.tag2 {  line-height: 28px; font-size: 24px; color: #000; text-decoration: none; font-weight: normal; font-family:Cambria, serif, Arial;}
a.tag3 {  line-height: 28px; font-size: 28px; color: #d9801c; text-decoration: none; font-weight: normal; font-family:Cambria, serif, Arial;}
a.tag4 {  line-height: 28px; font-size: 32px; color: #d9801c; text-decoration: none; font-weight: normal; font-family:Cambria, serif, Arial;}

#nieuwsitems {position:relative;  width:570px;  }
#nieuwsitems .nieuwsbericht img { width:275px; height:174px; }
#nieuwsitems .nieuwsberichtlast img { width:275px; height:174px;  }
#nieuwsitems .nieuwsbericht {position:relative;float:left; overflow:hidden; width:275px; height:259px; background-color:#757575;  margin:0 10px 20px 0px;} 
#nieuwsitems .nieuwsberichtlast {position:relative; float:left; width:275px; overflow:hidden;height:259px; background-color:#757575;  margin:0 0px 20px 10px;} 
#nieuwsitems .nieuwsbericht h3.date { position:absolute;  bottom:88px; left:0px;  font-family:Cambria, Verdana, Arial; font-size:18px; color:#fc8a0e; font-weight:normal; float:left; margin:0 20px 0 0; padding:0 0 0 10px;width:255px; overflow:hidden; height:23px; }
#nieuwsitems .opaque1 { display: block; filter:alpha(opacity=60); -moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6; background-color:#000; margin:-33px 0 0 0; width:275px; height:30px;}
#nieuwsitems a {width:255px; height:58px; overflow:hidden;  font-size:14px; color:#fff; font-family:Arial, Verdana, Tahoma; margin:10px 0 0 10px; padding:0; text-decoration:none; display:block; line-height:18px;}
#nieuwsitems .nieuwsberichtlast h3.date { position:absolute;  bottom:88px; left:0px;  font-family:Cambria, Verdana, Arial; font-size:18px; color:#fc8a0e; font-weight:normal; margin:0 20px 0 0; padding:0 0 0 10px;width:255px; overflow:hidden; height:23px; }
#nieuwsitems .sluiten {width:36px; height:36px; position:absolute; right:0; background-color:#fff;}
#nieuwsitems .sluiten a {display:block; background-image:url(/lib/images/close.jpg);width:24px; height:24px; text-indent:-99999px; margin:0; padding:0; float:right}
#nieuwsitems .nieuwsdetail h1 {width: 525px; margin:20px 20px 20px 25px; font-family:Cambria, Verdana, Arial; font-size:22px; color:#000; font-weight:normal;}
#nieuwsitems .nieuwsdetail .text { width:525px; margin:0 20px 0px 25px; color:#000; font-family:Arial, Verdana, Tahoma; font-size:14px; line-height:18px;}
#nieuwsitems .nieuwsdetail .leesmeer a{ display:none;}

#nieuwsitems {position:relative; clear:both; float:left; width:570px;  }
#nieuwsitems .nieuwsbericht img { width:275px; height:174px; overflow:hidden; }
#nieuwsitems .nieuwsberichtlast img { width:275px; height:174px; overflow:hidden; }
#nieuwsitems .nieuwsbericht {position:relative;float:left; width:275px; height:259px; background-color:#757575; overflow:hidden; margin:0 10px 20px 0px;} 
#nieuwsitems .nieuwsberichtlast {position:relative; float:left; width:275px; height:259px; background-color:#757575; overflow:hidden; margin:0 0px 20px 10px;} 
#nieuwsitems .nieuwsbericht h3.date { position:absolute;  bottom:88px; left:0px;  font-family:Cambria, Verdana, Arial; font-size:18px; color:#fc8a0e; font-weight:normal; float:left; margin:0 20px 0 0; padding:0 0 0 10px;width:255px; overflow:hidden; height:23px; }
#nieuwsitems .opaque1 {filter:alpha(opacity=60); -moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6; background-color:#000; margin:-33px 0 0 0; width:275px; height:30px;}
#nieuwsitems a {width:255px; height:58px; overflow:hidden;  font-size:14px; color:#fff; font-family:Arial, Verdana, Tahoma; margin:10px 0 0 10px; padding:0; text-decoration:none; display:block; line-height:18px;}
#nieuwsitems .nieuwsberichtlast h3.date { position:absolute;  bottom:88px; left:0px;  font-family:Cambria, Verdana, Arial; font-size:18px; color:#fc8a0e; font-weight:normal; margin:0 20px 0 0; padding:0 0 0 10px;width:255px; overflow:hidden; height:23px; }

#nieuwsitems .werkbericht {position:relative;float:left; width:275px; height:200px; background-color:#fff; overflow:hidden; margin:0 10px 0px 0px;}
#nieuwsitems .werkbericht h3.omschrijving {   font-family:Cambria, Verdana, Arial; font-size:18px; color:#ce7511; font-weight:normal; margin:0 0px 0 0; padding:0 0 0 0px;width:255px; overflow:hidden; height:23px; }
#nieuwsitems .werkberichtlast {position:relative; float:left; width:275px; height:200px; background-color:#fff; overflow:hidden; margin:0 0px 10px 10px;} 
#nieuwsitems .werkberichtlast h3.omschrijving {   font-family:Cambria, Verdana, Arial; font-size:18px; color:#ce7511; font-weight:normal; margin:0 20px 0 0; padding:0 0 0 0px;width:255px; overflow:hidden; height:23px; }
#nieuwsitems .werkberichtlast img { width:275px; height:174px; overflow:hidden; }
#nieuwsitems .werkberichtlast img { width:275px; height:174px; overflow:hidden; }
#nieuwsitems a.leesmeer { width:275px; height:174px; margin:0; padding:0; }


#contentvlak .wiezijnwe {width:570px;float:left; overflow:hidden; min-height:570px; height:auto !important; height:570px; background-image:url(/lib/images/bg_wiezijnwe.jpg); background-repeat:repeat-x; background-position:bottom; margin-bottom:20px;}
#contentvlak .wiezijnwe img { width:571px; height:278px;  overflow:hidden; }
#contentvlak .wiezijnwe .overlay { background-color:#000; width:571px; height:30px; margin:-33px 0 0 0; position:relative; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;	opacity: 0.5; }
#contentvlak .wiezijnwe h1 {color:#000; font-size:30px; font-family:Cambria, Sans-Serif, Verdana; font-weight:normal; margin:15px 0 0 25px;}
#contentvlak .wiezijnwe .text { color:#fff; font-size:14px; font-family:Arial, Verdana, Tahoma; line-height:18px; margin:20px 25px 0 25px; }
#contentvlak .wiezijnwe .date { margin:-25px 0 0 25px; font-family:Cambria, Sans-Serif, Verdana; font-size:18px; color:#fc8a0e; position:relative; z-index:100; float:left; width:200px; }
#contentvlak .wiezijnwe .link { float:right; margin:-20px 25px 0 0;  position:relative;  }
#contentvlak .wiezijnwe .link a{ background-image: url(/lib/images/arrow.png); background-repeat:no-repeat; padding:0 0 0 30px; color:#fff; text-decoration:none; }
#contentvlak .wiezijnwe .link a:hover{ text-decoration:underline; }

#nieuwsmenu { display:none; }
.paragraph {  margin:0 0 20px 0; float:left; width:571px; }
.paragraph h2 {font-size:22px; color:#db811f; font-family:Cambria, Sans-Serif, Verdana; font-weight:normal;}
.paragraph .text { color:#000; font-size:14px; font-family:arial, Verdana, Tahoma; line-height:19px; margin:0 0 0px 0;  }
.paragraph .text em {color:#c7741b; font-style:italic; font-size:17px; font-family:arial, Verdana, Tahoma;}
.paragraph object {float:left; padding:10px 0 0 0;}

#accordion {display:none;}
#nieuwsitems h1.alternative_sectietitel {font-size:28px; color:#161616; font-family:Cambria, Sans-Serif, Verdana; font-weight:normal;}

#quote { clear:both;width:365px; text-align:center; margin-top:50px; margin-bottom:40px; }
#quote h3 { font-size:35px; font-family: Cambria, Sans-Serif, Verdana; color:#161616; font-weight:normal; margin:0; padding:0; }
#quote span { color:#cd791d; font-size:35px; font-weight:normal; }
#leftcol .werkenvoor { position:relative; width:365px; border-bottom:1px dotted #7a7a7a; padding:0 0 20px 0; margin: 0 0 60px 0;   }
#leftcol h2 {font-size:22px; color:#000; font-family:Cambria, Sans-Serif, Verdana; font-weight:normal;}
#leftcol .werkenvoor ul {margin:20px 0 0 0; background-color:#fff;overflow:hidden;}
#leftcol .werkenvoor ul li {float:left; height:50px; list-style:none; }
#leftcol .werkenvoor .blokbezoeken { background-image:url(/lib/images/bg_blog_text.jpg); background-repeat:no-repeat; height:34px; position:absolute; bottom:-40px; left:150px; padding:5px 20px 0 20px; text-decoration:none;  } 
#leftcol .werkenvoor .blokbezoeken a{ color:#d97e1b; font-family:Arial, Verdana, Tahoma; font-weight:normal; font-size:12px; text-decoration:none;} 
#leftcol .werkenvoor .blokbezoeken a:hover{ text-decoration:underline;} 
#hide {display: none; background-color:#fff; }  
#toonmeer{display:block;background-color:#fff;}  
#toonmeercontact{display:block;background-color:#fff;}  


#leftcol .projectinfo {clear:both; color:#000; font-family:Arial, Verdana, Tahoma; font-size:14px; margin:0 0 20px 0;}
#leftcol .projectinfo table { width:365px;font-size: 14px; font-family: arial,Verdana,Tahoma; }
#leftcol .projectinfo td.titel { color:#000; width:120px; font-size: 14px; font-family: arial,Verdana,Tahoma;  }
#leftcol .projectinfo td.titel.last{ color:#000; width:120px; font-size: 14px; font-family: arial,Verdana,Tahoma;  }
#leftcol .projectinfo td {border-bottom:1px dotted #7a7a7a; padding:5px 0 5px 0; color:#c7741b;font-size: 14px; font-family: arial,Verdana,Tahoma;}
#leftcol .projectinfo td.last {border-bottom:none; padding:5px 0 5px 0; color:#c7741b;font-size: 14px; font-family: arial,Verdana,Tahoma;}
#leftcol .projectinfo table .icons {width:50px; float:right; margin:0 0px 0 0; padding:0; }
#leftcol .projectinfo table .icons a img {border:none;}

#leftcol .screenshots {padding:0 0 10px 0; border-bottom:1px dotted #7a7a7a; overflow:hidden; margin:0 0 10px 0; }
#leftcol .screenshots ul { overflow:hidden; margin:0; padding:0;}
#leftcol .screenshots ul li { float:left; list-style:none; }
#leftcol .screenshots ul li.left { float:left; margin:0 15px 15px 15px;}
#leftcol .screenshots ul li img {width:173px; height:120px; float:left; border:1px solid #7a7a7a;}

body.werkdetail #contentvlak .wiezijnwe h1 { font-size:28px; }
body.nieuws #contentvlak .wiezijnwe h1 { font-size:22px; }
#blogcontent {clear:both; width:570px; overflow:hidden;}
#blogcontent h2 {color:#000;}
#bloggedeelte {position:relative; float:left; width:546px; padding:0 0 50px 0;}
#bloggedeelte ul {   margin:0 0 0 0; padding:10px 0 5px 0; border-top:1px dotted #000; border-bottom:1px dotted #000;}
#bloggedeelte ul li {background-color:#e9e9e9; width:546px; height:61px; margin:0 0 5px 0; border:none; overflow:hidden;}
#bloggedeelte ul li .icons { float:right; }
#bloggedeelte ul li .icons a { margin:0; padding:0; }
#bloggedeelte ul li .icons img{ border:none; width:16px; height:16px; margin:0 5px 0 0; padding:0;  }
#bloggedeelte ul li img {border:4px solid #fff; float:left; margin: 2px 10px 0 2px;}
#bloggedeelte ul li p {line-height:16px; margin:8px 20px 0 0; width:450px; float:left; overflow:hidden;}
#bloggedeelte ul li span {float:left;color:#000000; font-family:Arial, Verdana, Tahoma; font-weight:bold; font-size:10px; margin:0 2px 0 0;}
#bloggedeelte ul li a {float:left; color:#d97e1b; font-family:Arial, Verdana, Tahoma; font-weight:bold; font-size:10px; margin:0 2px 0 0; padding:0;}
#bloggedeelte a.blogbezoeken { position:absolute; height:34px; left:200px; padding:5px 0 0 20px; margin:0px 0 0 0; color:#d97e1b;background-repeat:no-repeat;background-image:url(/lib/images/bg_blog_text.jpg); font-family:Arial, Verdana, Tahoma; font-weight:normal; font-size:12px; text-decoration:none;} 
#bloggedeelte a.blogbezoeken a:hover{ text-decoration:underline;} 

  * { font-size: 11px; font-family: Tahoma; color:#000; }
#contact_formulier {position:absolute; margin: 10px 0 20px 0; z-index:100; background-color:#fff; width:458px; height:250px; left:55px; bottom:70px;}
#contact_formulier span { border-bottom: 1px dotted #bec4c5; height: 1px; display: block; width: 500px; margin: 10px 0 10px 0;color:#000;}
#contact_formulier legend { display:none;  }
#contact_formulier fieldset { border: 1px solid black; width: 416px; padding: 20px 20px 0 20px; height:250px; background-color:#fff; }
#contact_formulier label { float: left; width: 144px; font-size: 11px; color:#000;}
#contact_formulier input { width: 264px; border: 1px solid #858585 ; font-size: 11px; padding: 2px;color:#000; }
#contact_formulier input.error,
#contact_formulier textarea.error { border: 2px solid #b01439 }
#contact_formulier input.radio { width: 10px; border: 0; float: left;}
#contact_formulier label.radio { width: 50px; margin: 3px 0 10px 10px;}
#contact_formulier select { width: 268px; border: 1px solid #858585; color:#000;}
#contact_formulier textarea { width: 498px; height: 100px; border: 1px solid #858585; font-size: 11px; padding: 2px; }
#contact_formulier div.field { clear: left; margin-bottom: 15px; }
#contact_formulier .btn { float: right; margin: 10px 0 0 10px;}
#contact_formulier input.button { margin: 10px 0 10px 0 ; padding: 0; border: none; height: 15px; width: 80px; background: url(../images/btn_form.jpg) right top; text-decoration: none; font-weight: bold; font-size: 10px; color: #fff;}
#contact_formulier input.button2 { margin: 10px 5px 0px 0 ; cursor: pointer; padding: 2px 5px; width: auto; background-image: url(/lib/images/bg_tab_orange.png); text-decoration: none; font-weight: bold; font-size: 10px; color: #fff; border:none; float:right;}
/* Map View */
#map_canvas { position:relative; height: 396px;  width: 520px; margin:20px 0 0 0;  }
        
/* Directions */
#directions {position:absolute; float: none; top:0; left:0;width:551px; z-index:10000;}
       
.toonbeschrijving {position:relative; z-index:1000; height:34px; position:absolute; bottom:80px; left:4px; padding:5px 0 0 20px; text-align:center; text-decoration:none;   } 
.toonbeschrijving a.toonbeschrijving{ color:#fff; font-family:Arial, Verdana, Tahoma; font-weight:normal; font-size:12px; text-decoration:none; width:551px;  background-color:#fff;} 
.toonbeschrijving a:hover{ text-decoration:underline;} 
#hidecontact {display: none; background-color:#fff; position:absolute; z-index:10; left:10px; top:660px; width:571px; height:558px; background-color:#fff;  }  
.maastricht {width:230px;  float:left; margin:40px 50px 0 0;}
.maastricht p { font-family: Arial, Verdana, Tahoma; font-size:14px; color:#000; line-height:19px; }
.eindhoven {width:220px;  float:left;  margin:40px 20px 0 0;}
.eindhoven p { font-family: Arial, Verdana, Tahoma; font-size:14px; color:#000; line-height:19px; }