/* CSS Document */
body {background-color:#4d4c4c;margin:0;}
td,table,tr,th,span{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#4c4c4c;line-height:18px;} /* width:960px;*/

h1{font-family:Arial;font-size:18px;font-weight:bold;color:#ffffff;padding:0; margin:0;}
h2{font-family:Arial;font-size:24px;color:#1c1c1c;font-weight:normal;padding:0; margin:0;line-height:24px;}
h3{font-family:Arial;font-size:22px;color:#6adf23;font-weight:normal;padding:0; margin:0;line-height:24px;}
h4{font-family:Arial;font-size:18px;color:#6adf23;text-transform:uppercase;padding:0;margin:0px;line-height:20px;}
h5{font-family:Arial;font-size:14px;color:#1c1c1c;font-weight:bold;text-transform:uppercase;padding:0;margin:0;}
h6{font-family:Arial;font-size:12px;color:#4c4c4c;font-weight:bold;padding:0; margin:0;}
hr{width:561px;color:#6adf23;border:2px solid #6adf23;}
p{padding:0;margin:0;}
p a{font-family:Arial;font-size:12px;color:#6adf23;text-decoration:none;}
p a:hover{font-family:Arial;font-size:12px;color:#4c4c4c;text-decoration:underline;}
img{border:0px;}

/* CONTENT WEBSITE */
#container{margin: 0px auto; padding-bottom: 80px; width: 988px;}
.bovenkant{height:123px; vertical-align:top; background:#ffffff url('/images/achtergrond_header.png') no-repeat top left;}
#logo{float:left;width:240px;margin-left:10px;margin-top:10px;}

/* MENU */
#menu{	float:right;width:657px;height:47px;background-color:#4d4c4c;margin-right:10px;}
#menu ul{list-style-type:none;margin:0;padding:0;overflow:hidden;width:657px;}
#menu li{float:left;display: inline; border-right: 1px solid #7e7e7e;height:47px;}
#menu a{display:block;font-family:Arial;font-size:15px;font-weight:bold;color:#dedede;text-align:center;padding:14px 7px 0px 8px;text-decoration:none;height:100%;}
#menu a:hover{color:#ffffff;display:block;font-family:Arial;font-size:15px;font-weight:bold;text-align:center;padding:14px 7px 0px 8px;text-decoration:none;}
#active a{background-color:#6adf23;color:#ffffff;height:47px;}

/* CONTENT */
.contentBlok{background:#FFFFFF url('/images/footer.jpg') repeat-x bottom left; width:670px;vertical-align:top; height:100%;}
#content{vertical-align:top;padding:59px 40px 0px 70px;width:561px;float: left;}
#contentContact{vertical-align:top;padding:59px 40px 0px 70px;width:561px;float: left;}
#contentContact a{color:#4c4c4c;text-decoration:underline;}
#contentContact a:hover{color:#6adf23;text-decoration:underline;}
#contentContact ol li {color:#6adf23;margin-left:-20px;}
#contentVacatures{vertical-align:top;padding:59px 40px 0px 70px;width:561px;float: left;}
#contentVacatures a{color:#4c4c4c;text-decoration:underline;}
#contentVacatures a:hover{color:#6adf23;text-decoration:underline;}
#ContactTerug{color:#4c4c4c;text-decoration:none;}
#ContactTerug a{float:right;color:#6adf23;text-decoration:underline;}
#ContactTerug a:hover{float:right;color:#6adf23;text-decoration:underline;}
#casePics{vertical-align:top;padding:38px 40px 0px 70px;width:561px;float: left;}

/* CASE PAGINA */
a#case01 {display:block; width:184px;height:130px;background:url('/images/pagina_casus/geld_nl_z_w.jpg');float:left;margin-right:4px;margin-bottom:4px;}
a#case01:hover {background:url('/images/pagina_casus/geld_nl_rollover.jpg');}
a#case02 {display:block; width:184px;height:130px;background:url('/images/pagina_casus/telecomsite_z_w.jpg');float:left;margin-right:4px;margin-bottom:4px;}
a#case02:hover {background:url('/images/pagina_casus/telecomsite_rollover.jpg');}
a#case03 {display:block; width:184px;height:130px;background:url('/images/pagina_casus/vergelijkenbel_z_w.jpg');float:left;margin-bottom:4px;}
a#case03:hover {background:url('/images/pagina_casus/vergelijkenbel_rollover.jpg');}
a#case04 {display:block; width:184px;height:130px;background:url('/images/pagina_casus/psv_nettv_z_w.jpg');float:left;margin-right:4px;margin-bottom:4px;}
a#case04:hover {background:url('/images/pagina_casus/psv_nettv_rollover.jpg');}
a#case05 {display:block; width:184px;height:130px;background:url('/images/pagina_casus/moneymagazine_z_w.jpg');float:left;margin-right:4px;margin-bottom:4px;}
a#case05:hover {background:url('/images/pagina_casus/moneymagazine_rollover.jpg');}
a#case06 {display:block; width:184px;height:130px;background:url('/images/pagina_casus/beursgorilla_z_w.jpg');float:left;margin-bottom:4px;margin-right:4px;}
a#case06:hover {background:url('/images/pagina_casus/beursgorilla_rollover.jpg');}
a#case07 {display:block; width:184px;height:130px;background:url('/images/pagina_casus/beursgorilla_nettv_z_w.jpg');float:left;margin-bottom:4px;margin-right:4px;}
a#case07:hover {background:url('/images/pagina_casus/bg_nettv.jpg');}
a#case08 {display:block; width:184px;height:130px;background:url('/images/pagina_casus/beursgorilla_iphone_z_w.jpg');float:left;margin-bottom:4px;}
a#case08:hover {background:url('/images/pagina_casus/BG_internet_mobile_rollover.jpg');}
a#case09 {display:block; width:184px;height:130px;background:url('/images/pagina_casus/valuta_z_w.jpg');float:left;margin-bottom:4px;}
a#case09:hover {background:url('/images/pagina_casus/valuta_rollover.jpg');}

/* MOBILE PAGINA */
a#mobileHover {display:block; width:560px;height:360px;background:url('/images/internet/afbeelding_beursgorilla_mobile.png');}
a#mobileHover:hover {background:url('/images/internet/afbeelding_beursgorilla_mobile_rollover.png');}

/* INTERNET PAGINA */
a#internetHover {display:block; width:560px;height:360px;background:url('/images/internet/afbeelding_mistermoney.png');}
a#internetHover:hover {background:url('/images/internet/afbeelding_mistermoney_rollover.png');}

/* INTERNET TV PAGINA */
a#internetTvHover{display:block; width:560px;height:325px;background:url('/images/internet/afbeelding_psv_tv.png');}
a#internetTvHover:hover{background:url('/images/internet/afbeelding_psv_tv_rollover.png');}

/* CONTACT */
#contactForm{width:520px;height:340px;background-color:#f5f5f5;padding:15px;}
#right {width:520px;height:340px;float:left;}
#right form {font-family:Arial, Helvetica, sans-serif;float:left;color:#6adf23;font-weight:bold;}
.tekstinform {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#ff0000;float:left;line-height:20px;width:50px;}
#right form input,select {float:left;font-size:12px;padding:2px 0 0 2px;}
#right form textarea,select {float:left;font-size:12px;padding:2px 0 0 2px;}
label {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#4c4c4c;padding:5px 15px 0 3px;line-height:20px;width:175px;float:left;text-align:right;font-weight:normal;}
.breedste {height:18px;border:1px #cccccc solid;width:260px;margin:5px 0 5px 0;float:left;font-family:Arial, Helvetica, sans-serif;color:#4c4c4c;}
.hoogste{height:138px;border:1px #cccccc solid;width:260px;margin:5px 0 5px 0;float:left;font-family:Arial, Helvetica, sans-serif;color:#4c4c4c;}
.button {width:156px;height:34px;border:none;margin-top:15px;}
#actievePagina{color:#6adf23;}



/* RECHTERKANT */
.rechterBlok{background:#FFFFFF url('/images/footer.jpg') repeat-x bottom left; width:290px;vertical-align:top;}
#rechterkant{vertical-align:top; width:202px;padding-top:59px;}
#rechterTekstBlok01, #rechterTekstBlok02, #rechterTekstBlok03 {width:202px;margin-top:10px;background-color:#f5f5f5;padding:12px;}
#rechterTekstBlok01 a{color:#6adf23;text-decoration:underline;}
#rechterTekstBlok01 a:hover{color:#6adf23;text-decoration:none;}
#rechterTekstBlok02 a{color:#4c4c4c;text-decoration:none;}
#rechterTekstBlok02 a:hover{color:#6adf23;text-decoration:underline;}

/* RECHTERKANT CASE PAGINA*/
#rechterkantCase{vertical-align:top; width:272px;padding-top:140px;}
a#smallMM01{display:block; width:130px;height:130px;background:url('/images/casus_inhoudelijk/kleine_afbeelding_1.jpg');float:left;margin:3px;}
a#smallMM01:hover{background:url('/images/casus_inhoudelijk/kleine_afbeelding_1_rollover.jpg');}
a#smallMM02{display:block; width:130px;height:130px;background:url('/images/casus_inhoudelijk/kleine_afbeelding_2.jpg');float:left;margin:3px;}
a#smallMM02:hover{background:url('/images/casus_inhoudelijk/kleine_afbeelding_2_rollover.jpg');}
a#smallMM03{display:block; width:130px;height:130px;background:url('/images/casus_inhoudelijk/kleine_afbeelding_3.jpg');float:left;margin:3px;}
a#smallMM03:hover{background:url('/images/casus_inhoudelijk/kleine_afbeelding_3_rollover.jpg');}

/* SITEMAP */
.SiteMapClass {font-family:Arial;font-size:12px;color:#4c4c4c;text-decoration:none;}
.SiteMapClass a{font-family:Arial;font-size:12px;color:#4c4c4c;text-decoration:none;}
.SiteMapClass a:hover{font-family:Arial;font-size:12px;color:#6adf23;text-decoration:underline;}

/* FOOTER */
#footerLinks{float:left;margin:13px 0px 0px 10px;font-family:Arial;font-size:12px;color:#ffffff;text-decoration:none;vertical-align:top;}
#footerLinks a{font-family:Arial;font-size:12px;color:#ffffff;text-decoration:none;vertical-align:top;}
#footerLinks a:hover{font-family:Arial;font-size:12px;color:#6adf23;text-decoration:none;}
#footerRechts{float:right;text-align:right;margin:13px 10px 0px 0px;font-family:Arial;font-size:12px;color:#ffffff;text-decoration:none;}
#footerRechts a{font-family:Arial;font-size:12px;color:#ffffff;text-decoration:none;}
#footerRechts a:hover{font-family:Arial;font-size:12px;color:#6adf23;text-decoration:none;}

/* AV */
.NaarBoven {font-family:Arial;font-size:12px;color:#4c4c4c;text-decoration:none;text-align:right;}
.NaarBoven a{font-family:Arial;font-size:12px;color:#6adf23;text-decoration:none;text-align:right;}
.NaarBoven a:hover{font-family:Arial;font-size:12px;color:#4c4c4c;text-decoration:underline;text-align:right;}

/* SLIDER CASES */
#content-slider {width: 560px;height: 2px;margin: 5px;background: #00FF33;position: relative;margin-top:20px;}
.ui-slider-handle {width: 21px;height: 15px;position: absolute;top: -8px;background:url('/images/casus_inhoudelijk/pijltje_ander_projecten_2.jpg') no-repeat top left;}
#content-scroll {width: 560px;height: 130px;margin-top: 10px;overflow: hidden;}
#content-holder {width: 1750px;height: 270px;} /* hier aanpassen als er een case bij komt */
.content-item {width: 184px;height: 140px;padding: 5px;float: left;}


/* GOOGLE MAPS */
#routecontainer	{float:left; width:550px; font-size:10px; color:#4c4c4c; font-family:Arial; text-decoration:none;}
#googlemap {float:left; width:550px; height:350px; color:#4c4c4c; border:1px solid #10157F; font-size:10px; color:#4c4c4c; font-family:Arial;}
#gegevens {float:left; width:550px; height:50px; color:#4c4c4c; font-size:10px;  }
#directions	{float:left; margin:0px 0px 50px 0px; width:550px; font-size:10px; color:#4c4c4c; font-family:Arial; text-decoration:none;}
#directions a{color:#6adf23;font-weight:bold;}
.forminput {float:left; width: 150px; height:18px; text-align:left; border:1px solid #10157F; line-height:18px; color:#000000;}
.btn_right {font-weight:bold; text-decoration:none;}
#routecontainer a:hover {text-align:center; color:#6adf23; font-weight:bold; text-decoration:underline;}
span.help {float: left;}

.vertrekpunt{width:80px;}
.route{width:250px;}
.route a{font-family:Arial;font-size:12px;color:#6adf23;text-decoration:none;}
.route a:hover{font-family:Arial;font-size:12px;color:#4c4c4c;text-decoration:underline;}
.adress{text-align:left; width:250px;padding-top:20px;padding-left:50px;}