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

body {
background: #DEDEDE;
margin : 0;
padding : 0;
text-align : center;
}

.container {
width: 986px;
height:auto;
margin-left: auto;
margin-right: auto;
text-align:left;
}

.container_body {
float:left;
width:100%;
height:auto;
background:#DEDEDE;
}

.footer_body {
float:left;
width: 100%;
height:120px;
padding: 0;
background:#009EE0;
}


.footerWrapper {
width:786px;
height:120px;
padding: 0 100px 0 100px;
background-color:#009EE0;
margin-left : auto;
margin-right : auto;
}

.header_body {
float:left;
width:100%;
height:150px;
background:url(../images/bg_header_body.jpg);
}

.header {
width: 986px;
height: 150px;
background:url(../images/header.jpg);
margin-left:auto;
margin-right:auto;
}




.wrapperContentMain {
float:left;
width:786px;
padding: 50px 100px 30px 100px;
height:auto;
}



.wrapperContentTop {
float: left;
width: 775px;
height: 280px;
padding: 10px 10px 10px 0px;
background-color:#FFFFFF;
}

.visualTop {
float:right;
width:530px;
height:280px;
background:#ffffff; 
}

.col_swf {
float:left;
width:530px;
height:280px;
z-index:1;
}

.box_swf {
position:absolute;
width:530px;
height:280px;
z-index:2;
}

.div_swf {
position:absolute;
top:0px;
left:0px;
width:530px;
height:280px;
background:url(../images/bg_flash.jpg);
z-index:3;
}
.navMain {
float:left;
width:220px;
height:auto;
margin: 0;
}

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

.navMain li {
list-style: none;
padding : 0;
margin : 7px 0px 0px 0px;
}

.navHome a {   
display : block;
float : left;
width : 220px;
height:25px;
text-decoration : none;
margin : 7px 0px 0px 0px;
border : none;
background:url(../images/menu_home_down.jpg) no-repeat left;
}

.navHome a:hover {
float:left;
display:block;
width:220px;
height:25px;
margin : 7px 0px 0px 0px;
text-decoration : none;
border: none;
background:url(../images/menu_home_rollover.jpg) no-repeat left;
}

.navHomeActive a {  
float : left;
display : block;
width : 220px;
height:25px;
text-decoration : none;
margin : 7px 0px 0px 0px;
border : none;
background: url(../images/menu_home_rollover.jpg) no-repeat left;
}

.navHomeActive a:hover { 
float : left;
display : block;
width : 220px;
height:25px;
text-decoration : none;
margin : 7px 0px 0px 0px;
border : none;
background: url(../images/menu_home_rollover.jpg) no-repeat left;
}

.navCases a {  
float : left;
display : block;
width : 220px;
height:25px;
text-decoration : none;
margin : 7px 0px 0px 0px;
border : none;
background:url(../images/menu_cases_down.jpg) no-repeat left;
}

.navCases a:hover {
float:left;
display:block;
width:220px;
height:25px;
margin : 7px 0px 0px 0px;
text-decoration : none;
border: none;
background:url(../images/menu_cases_rollover.jpg) no-repeat left;
}

.navCasesActive a {     
display : block;
float : left;
width : 220px;
height:25px;
text-decoration : none;
list-style:none;
margin : 7px 0px 0px 0px;
border : none;
background: url(../images/menu_cases_rollover.jpg) no-repeat left;
}

.navCasesActive a:hover { 
float : left;
display : block;
width : 220px;
height:25px;
text-decoration : none;
list-style:none;
margin : 7px 0px 0px 0px;
border : none;
background: url(../images/menu_cases_rollover.jpg) no-repeat left;
}

.navOverDesignCrew a { 
float : left;
display : block;
width : 220px;
height:25px;
text-decoration : none;
margin : 7px 0px 0px 0px;
border : none;
background:url(../images/menu_overdesigncrew_down.jpg) no-repeat left;
}

.navOverDesignCrew a:hover {
float:left;
display:block;
width:220px;
height:25px;
margin : 7px 0px 0px 0px;
text-decoration : none;
border:none;
background:url(../images/menu_overdesigncrew_rollover.jpg) no-repeat left;
}

.navOverDesignCrewActive a { 
float : left;
display : block;
width : 220px;
height:25px;
text-decoration : none;
margin : 7px 0px 0px 0px;
border : none;
background: url(../images/menu_overdesigncrew_rollover.jpg) no-repeat left;
}

.navOverDesignCrewActive a:hover { 
float : left;
display : block;
width : 220px;
height:25px;
text-decoration : none;
margin : 7px 0px 0px 0px;
border : none;
background: url(../images/menu_overdesigncrew_rollover.jpg) no-repeat left;
}

.navReferenties a {
float : left;
display : block;
width : 220px;
height:25px;
text-decoration : none;
margin : 7px 0px 0px 0px;
border : none;
background:url(../images/menu_referenties_down.jpg) no-repeat left;
}

.navReferenties a:hover {
float: left;
display:block;
width:220px;
height:25px;
margin : 7px 0px 0px 0px;
text-decoration : none;
border: none;
background:url(../images/menu_referenties_rollover.jpg) no-repeat left;
}

.navReferentiesActive a { 
float : left;
display : block;
width : 220px;
height:25px;
text-decoration : none;
margin : 7px 0px 0px 0px;
border : none;
background: url(../images/menu_referenties_rollover.jpg) no-repeat left;
}

.navReferentiesActive a:hover {   
float : left;
display : block;
width : 220px;
height:25px;
text-decoration : none;
margin : 7px 0px 0px 0px;
border : none;
background: url(../images/menu_referenties_rollover.jpg) no-repeat left;
}

.navContact a { 
float : left;
display : block;
width : 220px;
height:25px;
text-decoration : none;
margin : 7px 0px 0px 0px;
border : none;
background:url(../images/menu_contact_down.jpg) no-repeat left;
}

.navContact a:hover {
float:left;
display:block;
width:220px;
height:25px;
text-decoration:none;
margin : 7px 0px 0px 0px;
border:none;
background:url(../images/menu_contact_rollover.jpg) no-repeat left;
}

.navContactActive a {    
float : left;
display : block;
width : 220px;
height:25px;
text-decoration : none;
margin : 7px 0px 0px 0px;
border : none;
background: url(../images/menu_contact_rollover.jpg) no-repeat left;
}

.navContactActive a:hover{     
float : left;
display : block;
width : 220px;
height:25px;
text-decoration : none;
margin : 7px 0px 0px 0px;
border : none;
background: url(../images/menu_contact_rollover.jpg) no-repeat left;
}

.wrapperContentLeft {
float:left;
width:470px;
height:auto;
min-height:730px;
background:#FFFFFF;
margin-top: 25px;
padding: 15px;
}

.TitleContentLeft {
float:left;
width:470px;
height:25px;
background:url(../images/Title_content_left.jpg) no-repeat top;
padding: 0 0 15px 0;
}

.TitleContentLeftSub {
float:left;
width:470px;
height:25px;
padding: 10px 0 15px 0;
}

.textContentLeft {
float:left;
width:470px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#87888A;
line-height:18px;
text-align:left;
padding: 10px 0 10px 0;
}

.divAdressLeft {
float:left;
width:470px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
line-height:18px;
}

.divLink1 {
float:left;
width:auto;
height:15px;
line-height:15px;
text-align:left;
vertical-align:middle;
}

.divLink2 {
float:left;
width:auto;
height:15px;
line-height:15px;
text-align:left;
vertical-align:middle;
padding-left: 20px;
}

.divLink3 {
float:left;
width:470px;
height:15px;
line-height:15px;
text-align:left;
margin-bottom:5px;
}


.markerBleu {
float:left;
width:10px;
height:15px;
background:url(../images/markerBleu.jpg) no-repeat;
padding: 0px 15px 0px 0px; 
}

.markerBleuEmpty {
float:left;
width:10px;
height:15px;
background:url(../images/markerBleu_empty.jpg) no-repeat;
padding: 0px 15px 0px 0px; 
}

.markerGrey {
float:left;
width:10px;
height:15px;
background:url(../images/markerGrey.jpg) no-repeat;
padding: 0px 15px 0px 0px; 
}

.stripeContentLeft {
float:left;
width:470px;
height:5px;
background:url(../images/stripe_contentLeft.jpg) no-repeat;
margin: 15px 0 15px 0;
}

a:link {
color:#009EE0;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

a:visited {
color:#009EE0;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

a:hover {
color:#000000;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}	

.wrapperTeaserLeft {
float:left;
width:470px;
height:auto;
margin: 0;
padding: 0px 0px 15px 0px;
}

.wrapperPosted {
float:left;
width:470px;
height:15px;
padding: 15px 0px 7px 0px;
}

.divDatum {
float:left;
width:auto;
height:15px;
line-height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#87888A;
text-align:left;
}

.divPosted {
float:left;
width:auto;
height:15px;
line-height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#87888A;
text-align:left;
}

.blinker {
float:left;
width:10px;
text-align:center;
color:#87888A;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.VideoPlayer {
float:left;
width:470px;
height:350px;
background-color:#000000;
margin: 0px 0px 15px 0px;
}

.linkVideo {
float:left;
width:130px;
height:30px;
color:#009EE0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#DEDEDE;
line-height:30px;
padding: 0px 0px 0px 15px;
}

a.linkVid {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#009EE0;
}

a.linkVid:link, a.linkVideo:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:10px;
color:#009EE0;
}

a.linkVid:hover {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#000000;
}

.linkVidActive {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#000000;
}

.divReact {
float:right;
width:150px;
height: 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#009EE0;
text-align:right;
line-height:30px;
}

.casesWrapperLeft {
float:left;
width:470px;
height:auto;
padding: 0px 0 150px 0;
}

.caseMed {
float:left;
width:150px;
height:150px;
background-color:#000000;
margin-bottom: 10px
}

.caseColumn1 {
float:left;
width:150px;
height:auto;
padding: 0 10px 0 0;
}

.caseColumn2 {
float:left;
width:150px;
height:auto;
padding: 0 0 0 0;
}

.nameClient {
float:left;
width:320px;
height:20px;
background:url(../images/bg_naam_klant.jpg) no-repeat top;
padding: 0 0 10px 150px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#808080;
text-align:left;
line-height:20px;
}

.nameProject {
float:left;
width:320px;
height:20px;
background:url(../images/bg_naam_opdracht.jpg) no-repeat top;
padding: 0 0 10px 150px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#808080;
text-align:left;
line-height:20px;
}

.caseLarge {
float:left;
width:470px;
height:233px;
background-color:#000000;
margin-top: 15px;
}

.caseMedSub {
float:left;
width:100px;
height:100px;
padding-right: 10px;

}

.zoom {
float:left;
width:470px;
height:50px;
text-align:right;
padding: 7px 0 0 0;
}

.prev {
float:left;
width:470px;
height:30px;
text-align:left;
line-height:30px;
padding: 0 0 0 0;
margin: 0;
}

.wrapperContentRight {
float:right;
width:245px;
height:auto;
min-height: 200px;
padding: 0 0px 0 0;
margin: 25px 0px 0px 0px;
}

.titleContentRight {
float:left;
width:235px;
height:25px;
}

.wrapperCasesRight {
float:left;
height:auto;
width:235px;
padding-bottom:10px;
}

.caseSmallLeft {
float:left;
width: 110px;
height:55px;
padding: 15px 0px 0px 0px

}

.caseSmallRight {
float:left;
width: 110px;
height:65px;
padding: 15px 0px 0px 15px
}

.footerCases {
float:left;
width:235px;
height:30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#87888A;
text-align:left;
line-height:30px;
}

a.linkCases {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#87888A;
font-weight:bold;
}

a.linkCases:link, a.linkCases:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:10px;
color:#87888A;
font-weight:bold;
}

a.linkCases:hover {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#000000;
font-weight:bold;
}

a.linkMail {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#808080;
text-decoration:underline;
}

a.linkMail:link, a.linkMail:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:10px;
color:#808080;
text-decoration:underline;
}

a.linkMail:hover {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#000000;
text-decoration:underline;
}


.NumbCases {
float:left;
width:470px;
height:30px;
padding: 0px;
margin: 0px;
}

.NumbCases ul{
list-style:none;
width:auto;
height:30px;
padding: 10px 0px 0px 15px;
margin: 0px;
}

.NumbCases li{
display:inline;
height:auto;
float:left;
color:#808080;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
display: block;
padding: 0px;
margin: 0 5px 0 0;
}

a.linkNumb{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#808080;
}

a.linkNumb:link, a.linkNumb:visited{
color:#808080;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
}

a.linkNumb:hover {
color:#009EE0;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

a.linkNumbActive {
color:#009EE0;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.stripeContentRight {
float:left;
width:245px;
height:5px;
background:url(../images/stripeContentRight.jpg) no-repeat;
}

.wrapperLinks {
float:left;
width:245px;
height:auto;
padding: 15px 0px 15px 0px;
}

.menu {
float:left;
width : 245px;
height:auto;
margin : 15px 0px 0px 0px;
font-size:11px;
}

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

.menu li {
list-style:none;
padding : 0;
margin : 0;
}

.nav a {
display : block;
float : left;
width : 225px;
height:14px;
text-decoration:underline;
color:#808080;
letter-spacing : 0.1em;
padding : 2px 0px 2px 20px;
margin : 0;
border : 0;
background-image:url(../images/bg_nav_links_down.jpg);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}

.nav a:hover, .nav li.TrueOpen a {
color:#000000;
background-image:url(../images/bg_nav_links_rollover.jpg);
background-repeat:no-repeat;
letter-spacing : 0.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:underline;
}

.nav li ul {
display : none;
}

.nav li {
float : left;
cursor : default;
padding : 0;
margin : 0 0 1px 0;
}

.wrapperAddress {
float:left;
width:245px;
height:auto;
padding: 15px 0 0 0;
}

.divAddress {
float:left;
width:245px;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#808080;
text-align:left;
line-height:17px;
padding-top:15px;
}

.navBottom {
float:left;
width:786px;
height:30px;
padding: 0px;
margin: 0px;
}

.navBottom ul{
list-style:none;
width:auto;
height:30px;
padding: 10px 0px 0px 15px;
margin: 0px;
}

.navBottom li{
display:inline;
height:auto;
float:left;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
display: block;
padding: 0px;
margin: 0 5px 0 0;
}

a.linkBottom{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
}

a.linkBottom:link, a.linkBottom:visited{
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
}

a.linkBottom:hover {
color:#83D0F0;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

a.linkBottomActive {
color:#83D0F0;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.copyright {
float:left;
width:771px;
height: 15px;
padding: 65px 0 0 15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#83D0F0;
text-align:right;
} 

.googleMaps {
float:left;
width:470px;
height: 470px;
padding: 0;
margin-top: 5px;
}

.table_Ref {
float:left;
width:470px;
height:auto;
padding: 0;
margin: 0;
color:#000000;
font-size:9px;
}

.th_Ref {
float:left;
width:470px;
height:140px;
background: url(../images/tf_ref.jpg) no-repeat;
}

.tr_Ref {
float: left;
width:470px;
height:25px;
background:url(../images/tdRow.jpg) repeat-y;
line-height:25px;
}

.td_01Ref {
float:left;
width: 200px;
height:25px;
line-height:25px;
}

.td_02Ref {
float:left;
width:110px;
height:25px;
line-height:25px;
}

.td_BrRef {
float:left;
width:15px;
height:17px;
line-height:17px;
padding: 8px 0 0 5px;
}

.marker_Br {
float: left;
width: 10px;
height: 10px;
background:url(../images/bg_marker.jpg) no-repeat top;
border:none;
}

.wrapperRe {
float:left;
width:470px;
height: auto;
}

.foto_layer 
{
    display:none;
position:absolute;
margin-left:-392px;
width:805px;
height:430px;
left:50%;
top:50%;
margin-left:-403px;
margin-top:-215px;
background-color:#FFFFFF;
z-index:100001;
}

.transparant_layer {
display:none;
position:absolute;
margin-left:auto;
margin-right:auto;
left:0px;
top:0px;
vertical-align: middle;
background-color:#000000;
opacity:0.80;
filter: alpha(opacity=80);
z-index: 100000;
}

.foto_layer_top {
float:left;
width:790px;
height:25px;
text-align:right;
padding: 15px 15px 0 0;
background:url(../images/header_popup.jpg) no-repeat;
z-index:6;
}

.foto_layer_bottom {
float:left;
width:775px;
height:40px;
padding: 0 0 0 30px;
z-index:6;
}

.fotoDiv {
float: left;
width:725px;
height:350px;
background-color:#000000;
z-index:6;
}

.arrow_left {
float:left;
width:35px;
height:70px;
padding: 140px 3px 140px 2px;
z-index:6;
} 

.arrow_right {
float:left;
width:35px;
height:70px;
padding: 140px 2px 140px 3px;
z-index:6;
} 

.fotoNumb {
float:left;
width:785px;
height:340px;
padding: 0px;
margin: 0px;
z-index:6;
}

.kop
{
 font-size:14px;   
}

ul {
padding: 0 0 0 20px;
margin: 0;
}

ol {
padding: 0 0 0 20px;
margin: 0;
}

dd {
padding: 0 0 0 0;
margin: 0;
}

p {
margin: 0;
padding: 0 0 10px 0;
}

label {
cursor: pointer; 
}
 
td.pad {
padding: 10px 0 2px 0;
}

input:focus, select:focus {
 background-color:#FFFFE6;
 border-color:#423724;
}



input.checkbox {
border: 0px;
}

input, select {
font-size: 11px;
color: #000000;
border: 1px solid #b8b8b8;
padding-left: 3px;
}

textarea {
font-size: 11px;
color: #000000;
border: 1px solid #b8b8b8;
padding-left: 3px;
}

input.vervolgLeft, select.vervolgLeft {
font-size:10px;
color:#000000;
}