/* Basis elementen en hoofdelementen -----------------------------------------*/

* {
margin					: 0px;
padding					: 0px;
}

html, body {
background				: #04685c url(../img/bg.jpg) no-repeat center top;
color					: #000;
font-family				: Arial, Helvetica, sans-serif;
width					: 100%;
min-height				: 100%;
height					: 100%;
}

h1 {
float					: left;
font-weight				: normal;
font-size					: 18px;
line-height				: auto;
text-transform				: uppercase;
padding					: 0px;
margin					: 5px 0px 0px 60px;
display					: inline;
color					: #FFFFFF;
}

h2 {
text-transform				: uppercase;
font-weight				: bold;
font-size					: 16px;
line-height				: 16px;
padding					: 0px 0px 8px 0px;
color					: #000000;
}

h3 {
font-weight				: normal;
font-size					: 16px;
line-height				: 25px;
padding					: 0px;
margin					: 0px 0px 9px 0px;
color					: #c60c30;
}

h4 {
font-size					: 12px;
line-height				: 21px;
padding					: 8px 0px 0px 0px;
margin					: 0px;
font-weight				: bold;
}

h5 {
font-family				: Arial, Helvetica, sans-serif;
font-size					: 11px;
line-height				: 18px;
padding					: 8px 0px 0px 0px;
margin					: 0px;
font-weight				: normal;
}


p {
font-size					: 12px;
line-height				: 21px;
padding					: 0px 0px 2px 0px;
margin					: 0px;
}

a {
text-decoration			: underline;
color					: #000000;
}

a:hover {
color					: #c60c30;
}

a img {
border					: 0px;
}


/* Placeholders --------------------------------------------------------------*/

#container {
width					: 996px;
margin					: auto;
}


#container_home{
width					: 996px;
margin					: auto;
left						: 50%;
margin-left				: -498px; /* - (width/2) */
position					: absolute;
}


#wrap {
float					: left;
clear					: both;
width					: 993px;
padding					: 7px 0px 0px 3px;
display					: inline;
}

/* HEADER --------------------------------------------------------------*/

#header {
clear					: both;
width					: 996px;
height					: 79px;
background				: url(../img/bg_header.gif) no-repeat;
}

.logo {
float					: left;
padding					: 28px 20px 0px 28px;
display					: inline;
}

/* NAVIGATIE ------------------------------------------------------- */
#nav {
float					: left;
list-style				: none;
padding					: 45px 0px 0px 0px;
}

#nav li {
float					: left;
height					: 13px;
margin					: 0px 15px 0px 0px;
}

#nav li a {
float					: left;
height					: 13px;
display					: block;
color					: #88a9a3;
text-transform				: uppercase;
font-family				: Arial, Helvetica, sans-serif;
font-size					: 12px;
text-decoration			: none;
}

#nav li a:hover,
#nav li a.selected:hover {
color					: #98bb73;
}

#nav li a.selected {
color					: #FFFFFF;
}

/* TALENKEUZE ------------------------------------------------------- */
#nav_lang {
float					: right;
width					: 177px;
list-style				: none;
padding					: 45px 16px 0px 0px;
display					: inline;
}

#nav_lang li {
float					: left;
height					: 13px;
margin					: 0px 0px 0px 12px;
display					: inline;
}

#nav_lang li a {
float					: left;
height					: 13px;
display					: block;
color					: #88a9a3;
text-transform				: uppercase;
font-family				: Arial, Helvetica, sans-serif;
font-size					: 12px;
text-decoration			: none;
}

#nav_lang li a:hover,
#nav_lang li a.selected:hover {
color					: #98bb73;
}

#nav_lang li a.selected {
color					: #FFFFFF;
}

/* SUBNAVIGATIE ------------------------------------------------------- */

#subnav ul {
float					: left;
clear					: both;
list-style				: none;
padding					: 13px 0px 8px 32px;
margin					: 0px;
}

#subnav li {
float					: left;
height					: 13px;
margin					: 0px 10px 0px 0px;
color					: #98bb73;
font-size					: 12px;
}

#subnav li a {
float					: left;
height					: 13px;
display					: block;
color					: #98bb73;
text-transform				: uppercase;
font-family				: Arial, Helvetica, sans-serif;
font-size					: 12px;
text-decoration			: none;
}

#subnav li a:hover,
#subnav li a.selected:hover {
color					: #88a9a3;
}

#subnav li a.selected {
color					: #FFFFFF;
}

/* HOME TILTVIEWER --------------------------------------------------------------
#flashcontent {
width					: 100%;
min-height				: 100%;
height					: 100%;	
}*/

/* CONTENT   ------------------------------------------------------- */

#content {
float					: left;
width					: 776px;
background-color			: #FFFFFF;
border					: 5px solid #FFF;
}
	
#main {
float					: left;
width					: 216px;
display					: inline;
padding					: 39px 0px 0px 0px;
}

#main p {
float					: left;
display					: inline;
clear					: both;
width					: 479px;
padding					: 0px 0px 20px 268px;
}
	
#main_left {
float					: left;
width					: 216px;
display					: inline;
padding					: 36px 0px 0px 23px;
}
		
#main_right,
#main_right_producttour {
float					: right;
width					: 479px;
min-height				: 250px;
height					: auto !important;
height					: 250px;
display					: inline;
padding					: 36px 29px 0px 29px;
}

#main_right_producttour {
width					: 490px;
padding					: 39px 18px 0px 29px;
}

#main_right_producttour object {
width					: 488px;
float					: left;
}

#main_left h2 {
float					: left;
display					: inline;
clear					: both;
font-size					: 12px;
width					: 200px;
padding					: 1px 8px 2px 8px;
margin					: 3px 0px 10px 0px;
background-color			: #dddddd;
}

#main_left p {
float					: left;
display					: inline;
clear					: both;
width					: 200px;
padding					: 4px 8px 2px 8px;
}
		
#main_left a.green_link {
float					: left;
display					: inline;
clear					: both;
font-size					: 12px;
line-height				: 21px;
width					: 200px;
padding					: 4px 8px 2px 8px;
margin					: 10px 0px 0px 0px;
color					: #698b85;
border-top				: 1px solid #b7cac6;
text-decoration			: none;
}

#main_left a.green_link:hover {
color					: #98bb73;
}

		
#main_right p {
padding					: 0px 0px 2px 0px;
}

#content_img {
width					: 776px;
height					: 219px;
}

#content_img h1 {
float					: left;
font-weight				: normal;
font-size					: 18px;
line-height				: auto;
text-transform				: uppercase;
padding					: 0px;
margin					: 171px 0px 0px 268px;
display					: inline;
color					: #FFFFFF;
}

.img_contact 					{background	:url(../img/hdimg_contact.jpg) no-repeat; }
.img_ontdekvisuall_onderdeloep 	{background	:url(../img/hdimg_ontdekvisuall_onderdeloep.jpg) no-repeat; }
.img_ontdekvisuall_dimensies 		{background	:url(../img/hdimg_ontdekvisuall_dimensies.jpg) no-repeat; }
.img_ontdekvisuall_voordelen 		{background	:url(../img/hdimg_ontdekvisuall_voordelen.jpg) no-repeat; }
.img_ontdekvisuall_visie 		{background	:url(../img/hdimg_ontdekvisuall_visie.jpg) no-repeat; }
.img_ontdekvisuall_verdermetvisuall{background	:url(../img/hdimg_ontdekvisuall_verdermetvisuall.jpg) no-repeat; }
.img_testimonials 				{background	:url(../img/hdimg_testimonials.jpg) no-repeat; }
.img_producttour 				{background	:url(../img/hdimg_producttour.jpg) no-repeat; }


/* VISUALL BROCHURE   ------------------------------------------------------- */

.brochure {
float					: left;
width					: 216px;
}

.brochure p {
float					: left;
width					: 102px !important;
clear					: none !important;
padding					: 0px 0px 0px 10px !important;
}

.brochure img {
float					: left;
}

/* TESTIMONIALS   ------------------------------------------------------- */

.testimonial {
float					: left;
width					: 724px;
height					: 100px;
margin					: 0px 29px 15px 23px;
display					: inline;
background				: url(../img/bg_testimonial.gif) no-repeat;
}

.testimonial_logo,
.testimonial_logo_large  {
float					: left;
width					: 216px;
height					: 80px;
padding					: 10px 0px;
text-align				: center;
}

.testimonial_logo_large  {
padding					: 18px 0px;
}

.testimonial h3 a,
.testimonial_right h3 {
float					: right;
display					: inline;
width					: 479px;
margin					: -5px 0px 9px 0px;
color					: #c60c30;
text-decoration			: none;
}

.testimonial p,
.testimonial_right p {
float					: right !important;
width					: 479px;
line-height				: 14px !important;
padding					: 0px 0px 2px 0px !important;
clear					: none !important;
text-decoration			: none;
}

.testimonial a {
text-decoration			: none;
color					: #000000;
}

.testimonial_right p {
line-height				: 21px !important;
padding					: 0px 0px 0px 0px !important;
}

a.lees_verder {
float					: right;
font-size					: 12px;
display					: inline;
text-align				: right;
color					: #698b85;
text-decoration			: none;
margin					: 16px 5px 0px 0px;
}

a:hover.lees_verder {
color					: #98bb73;
}

.testimonial_left {
float					: left;
width					: 216px;
height					: 135px;
display					: inline;
margin					: 36px 0px 0px 23px;
background				: url(../img/bg_testimonial_focus.gif) no-repeat;
}
		
.testimonial_right {
float					: right;
width					: 479px;
min-height				: 250px;
height					: auto !important;
height					: 250px;
display					: inline;
padding					: 36px 29px 0px 29px;
}

.testimonial_left a {
float					: right;
width					: 216px;
font-size					: 12px;
text-align				: right;
color					: #698b85;
text-decoration			: none;
padding					: 5px 0px 0px 0px;
}

.testimonial_left a:hover {
color					: #98bb73;
}

/* SIDEPANELS   ------------------------------------------------------- */
#sidepanels {
float					: right;
width					: 200px;
}

.sidepanel {
float					: left;
xbackground				: url(../img/bg_sidepanel.gif) no-repeat;
width					: 162px;
height					: 158px;
padding					: 20px 19px 4px 19px;
margin					: 0px 0px 4px 0px;
}

.panel_1 { background: url(../img/bg_sidepanel_1.gif) no-repeat; }
.panel_2 { background: url(../img/bg_sidepanel_2.gif) no-repeat; }
.panel_3 { background: url(../img/bg_sidepanel_3.gif) no-repeat; }

.sidepanel h2 {
color					: #FFFFFF;
font-weight				: normal;
}

.sidepanel p {
line-height				: 18px;
padding					: 0px;
color					: #FFFFFF;
}

.sidepanel a {
background				: url(../img/bg_sidepanelline.gif) repeat-x;
width					: 162px;
display					: block;
font-size					: 12px;
line-height				: 18px;
text-align				: right;
color					: #b7d081;
text-decoration			: none;
margin					: 15px 0px 0px 0px;
padding					: 5px 0px 0px 0px;
}

.sidepanel a:hover {
color					: #FFFFFF;
}

.sidepanel label {
float					: left;
width					: 53px;
font-size					: 12px;
line-height				: 20px;
color					: #FFFFFF
}

.sidepanel .inputfield {
width					: 100px;
margin-bottom				: 8px;
border					: 1px solid #b7cac6;
font-size					: 11px;
padding					: 2px;
}

.sidepanel .radio {
width					: 15px;
margin-bottom				: 0px;
border					: 0px;
}

.sidepanel td {
padding					: 3px 5px 8px 0px;
font-size					: 12px;
line-height				: 20px;
color					: #FFFFFF
}

.sidepanel a.datacloud {
background				: url(../img/link_datacloud.jpg) repeat-x;
background-position			: 0px 0px;
width					: 162px;
height					: 115px;
display					: block;
font-size					: 0px;
line-height				: 0px;
margin					: 0px;
padding					: 0px;
}

.sidepanel a.datacloud:hover {
background-position			: 0px -115px;
}

.sidepanel_belmij_ok {
float					: left;
background				: url(../img/bg_sidepanel_2.gif) no-repeat;
width					: 162px;
height					: 158px;
padding					: 20px 19px 4px 19px;
margin					: 0px 0px 4px 0px;
display					: none;
}

.sidepanel_belmij_ok h2 {
color					: #FFFFFF;
}

.sidepanel_belmij_ok p {
line-height				: 18px;
padding					: 0px;
color					: #FFFFFF;
}

.payoff {
padding					: 46px 0px 0px 0px;
float					: right;
}
		
/* FOOTER   ------------------------------------------------------- */
	
#footer {
float					: left;
width					: 500px;
background-color			: #FFFFFF;
border					: 5px solid #FFF;
font-size					: 9px;
line-height				: 15px;
color					: #acacac;
padding					: 30px 8px 10px 268px;
display					: inline;
}

#footer_extra {
float					: left;
width					: 676px;
height					: 15px;
display					: inline;
}


/* STEL UW VRAAG   ------------------------------------------------------- */

#stel_uw_vraag {
width					: 566px;
height					: 530px;
border					: 5px solid #FFFFFF;
background-color			: #FFFFFF;
}

#stel_uw_vraag .header {
width					: 566px;
height					: 31px;
background-color			: #c60c30;
}

#stel_uw_vraag .btn_close {
float					: right;
width					: 31px;
height					: 31px;
}

#stel_uw_vraag .btn_close a {
width					: 31px;
height					: 31px;
display					: block;
background				: url(../img/btn_close.gif) no-repeat;
background-position			: 0px 0px;
}

#stel_uw_vraag .btn_close a:hover {
background-position			: 0px -31px;
}

#stel_uw_vraag h3 {
margin					: 40px 40px 9px 60px;
}

#stel_uw_vraag h4 {
margin					: 10px 40px 9px 60px;
}

#stel_uw_vraag form {
background-color			: #EEEEEE;
margin					: 10px 13px 9px 55px;
padding					: 3px 0px 0px 0px;
}

#stel_uw_vraag label {
float					: left;
width					: 90px;
font-size					: 12px;
line-height				: 20px;
color					: #000000;
padding					: 0px 10px;
}

#stel_uw_vraag input,
#stel_uw_vraag select,
#stel_uw_vraag textarea {
width					: 294px;
margin-bottom				: 8px;
border					: 1px solid #b7cac6;
padding					: 2px;
font-family				: Arial, Helvetica, sans-serif;
font-size					: 12px;
}

#stel_uw_vraag select {
width					: 300px;
}

#stel_uw_vraag textarea {
margin-bottom				: 15px;
}

#stel_uw_vraag .form_footer {
background-color			: #FFFFFF;
margin					: 0px;
padding					: 0px;
}

#stel_uw_vraag .form_footer p {
float					: left;
padding					: 3px 0px 0px 5px;
font-size					: 10px;
color					: #848383;
}

#stel_uw_vraag .form_footer img {
float					: right;
margin					: 0px;
padding					: 5px 0px 0px 0px;
}

/* CMS: LOGIN   ------------------------------------------------------- */
#main_content_follow {
padding					: 50px 0px 150px 268px;
height					: 200px;
}

.login {
font-size					: 12px;
line-height				: 21px;
margin					: 0px;
}

.login dl {
float					: left;
width					: 250px;
padding					: 3px 0px;
}

.login dt {
float					: left;
clear					: left;
width					: 100px;
padding					: 3px 0px;
}

.login dd  {
float					: left;
width					: 120px;
padding					: 3px 0px;
}

/* Home als je geen Flash hebt ----------------------------------------------*/

#noflash_home {
position					: relative;
width					: 543px;
margin					: auto;
top						: 80px;
}

#noflash_home a {
float					: left;
display					: inline;
width					: 160px;
height					: 120px;
margin					: 30px 11px 27px 10px;
background-repeat			: no-repeat;
}

.flipbacks_container {
position					: absolute;
z-index					: 5;
width					: 543px;
}

#noflash_home a.s01 { background-image :url(../img/S1.jpg); }
#noflash_home a.s02 { background-image :url(../img/S2.jpg); }
#noflash_home a.s03 { background-image :url(../img/S3.jpg); }
#noflash_home a.s04 { background-image :url(../img/S4.jpg); }
#noflash_home a.s05 { background-image :url(../img/S5.jpg); }
#noflash_home a.s06 { background-image :url(../img/S6.jpg); }
#noflash_home a.s07 { background-image :url(../img/S7.jpg); }
#noflash_home a.s08 { background-image :url(../img/S8.jpg); }
#noflash_home a.s09 { background-image :url(../img/S9.jpg); }

#noflash_home a.s01_en { background-image :url(../img/S1en.jpg); }
#noflash_home a.s02_en { background-image :url(../img/S2en.jpg); }
#noflash_home a.s03_en { background-image :url(../img/S3en.jpg); }
#noflash_home a.s04_en { background-image :url(../img/S4en.jpg); }
#noflash_home a.s05_en { background-image :url(../img/S5en.jpg); }
#noflash_home a.s06_en { background-image :url(../img/S6en.jpg); }
#noflash_home a.s07_en { background-image :url(../img/S7en.jpg); }
#noflash_home a.s08_en { background-image :url(../img/S8en.jpg); }
#noflash_home a.s09_en { background-image :url(../img/S9en.jpg); }

.slide {
position					: absolute;
z-index					: 10; 
top						: 164px;
left						: 139px;
width					: 259px;
height					: 198px;
border					: 3px solid #FFFFFF;
visibility				: hidden;
background: url(../img/bg_datacloud_slide.jpg) no-repeat;
}

.leesmeer { background: url(../img/bg_datacloud_slide.jpg) no-repeat;}
.download { background: url(../img/bg_datacloud_slide2.jpg) no-repeat;}
.startslider { background: url(../img/bg_datacloud_slide3.jpg) no-repeat;}

.slide h2 {
width					: 230px !important;
color					: #FFFFFF;
font-size					: 26px;
line-height				: 28px;
font-weight				: bold;
text-transform				: uppercase;
position					: absolute;
left						: 12px;
top						: 8px;
margin					: 0px !important;
padding					: 0px !important;
}

.slide p {
width					: 230px !important;
color					: #FFFFFF;
font-size					: 12px;
line-height				: 16px;
position					: relative;
left						: 12px;
top						: 76px;
margin					: 0px !important;
padding					: 0px !important;
}

.slide p.oneliner 			{ top: 50px; }
.slide p.threeliner 		{ top: 102px; }

.slide .lees_meer a {
color					: #FFFFFF;
font-size					: 12px;
font-weight				: bold;
text-transform				: uppercase;
position					: absolute;
left						: 12px;
top						: 180px;
margin					: 0px !important;
padding					: 0px !important;
width					: 150px !important;
height					: 22px !important;
text-decoration			: none;
}

.slide .btn_sluit a {
position					: absolute;
right					: 0px;
top						: 0px;
margin					: 0px !important;
padding					: 0px !important;
width					: 31px !important;
height					: 31px !important;
display					: block;
background				: url(../img/btn_sluit.gif) no-repeat;
background-position			: 0px 0px;
}

.slide .btn_sluit a:hover {
background-position			: 0px -31px;
}

/* Producttour als je geen Flash hebt ----------------------------------------------*/

.content {
margin					: 0px;
padding					: 0px;
width					: 490px;
}

.slideshow {
margin					: 0px;
padding					: 0px;
height					: 275px;
width					: 490px;
}

.image-wrapper {
height					: 277px;
}

.image-wrapper img {
border					: 1px solid #b7cac6;
height					: 275px;
}
.advance-link {
height					: 275px;
}
.embox {
background				: url(../img/bg_nav_producttour.gif) no-repeat;
width					: 490px;
height					: 22px;
}

.image-desc {
width					: 412px;
height					: 21px;
font-size					: 11px;
color					: #8f8f8f;
text-decoration			: none;
text-align				: right;
float					: left;
padding					: 4px 0px 0px 0px;
}

.nav-controls {
float					: right;
width					: 66px;
height					: 21px;
}

.nav-controls a {
float					: left;
width					: 33px;
height					: 21px;
display					: block;
background-position			: 0px 0px;
}

.nav-controls a:hover {
background-position			: 0px -21px;
}

a.next {	background:url(../img/btn_next_producttour.gif) no-repeat; }
a.prev {	background:url(../img/btn_prev_producttour.gif) no-repeat; }