﻿/*Algemeen*/
html {color:#000;font-family:Arial,sans-serif;font-size:62.5%;overflow-x:hidden;overflow-y:scroll;position:relative;}
p {margin-bottom:1em;}
table {border-collapse:collapse;}
th {text-align:left;}
h1, h2, h3 {font-weight:bold;margin:20px 0;}
h1 {color:#eb8a06;font-size:150%;}
h2 {font-size:150%;}
h3 {font-size:120%;}
hr {background-color:#eb8a06;border:0 none;clear:both;color:#eb8a06;height:2px;margin:10px 0 20px 0;}
ol, ul {padding-left:2.5em;}
input, textarea, select {color:#000;font-family:Arial,sans-serif;font-size:100%;}
a {color:#000;}
a:hover {color:#000;text-decoration:none;}
img{border:0;}
.hidden {display:none;}
.clearer {clear:both;}
body {margin:0 auto;position:relative;}
#wrap{background-image:url(/images/bodybg.gif);background-position:center center;background-repeat:repeat-y;font-size:120%;margin:0 auto;position:relative;width:994px;z-index:0;}
.terug, .Terug{border-left:200px solid #F9E3CB;color:#999999;display:block;float:left;margin:0;padding-left:30px;text-decoration:underline;}
.terug:hover, .Terug:hover{color:#999999;text-decoration:none;}
fieldset{border:0;}
/*Header*/
.logo{float:left;height:60px;margin:10px 10px 20px 10px;width:350px;}
.logo:focus {outline:0 none;}
/*Sfeerbeeld*/
.SfeerbeeldContainer{position:relative;z-index:0;}
/*Wie is de makelaar*/
.columnright .widget{
    display: block;
    margin-top: 20px;
}
.columnright .widget .simple .link {
	z-index:0;
}
.sfeerbeeldkader {
	background-image:url(/images/sfeerbeeldkader.png);
	display:block;
	height:113px;
	position:absolute;
	right:30px;
	top:0;
	width:612px;
	z-index:1;
}
.sfeerbeeld{
display:block;
height:113px;
position:absolute;
right:0;
top:0;
width:612px;
z-index:0;
}
.sfeerbeeld img{
display:block;
height:113px;
position:absolute;
right:30px;
top:0;
width:612px;
z-index:0;
}
.sfeerbeeldtekst{
color:#fff;
display:block;
font-size:160%;
font-weight:bold;
height:103px;
position:absolute;
right:30px;
top:10px;
width:280px;
z-index:3;
}
.sfeerbeeldtekst .submit{
background-color:transparent;
background-image:url(/images/buttonklein.png);
background-position:0 -53px;
border:0;
cursor:pointer;
float:right;
font-weight:bold;
font-size:60%;
height:27px;
padding-bottom:6px;
position:absolute;
right:35px;
top:35px;
width:67px;
}
.sfeerbeeldtekst .submit:hover {
background-position:0 -26px;
color:#fff;
}
.chat{
	clear:both;
	display:block;
}
.chat div{
	display:block;
}
.cb_online{
	display:block;
	margin-bottom:20px;
	}
.cb_chatbutton {
background-image:url(/images/strijbosch_thunnissen_consumenten.gif);
background-repeat:no-repeat;
display:block;
height: 60px;
line-height: 22px;
margin-top:25px;
text-align: center;
text-decoration: none;
width: 160px;
}
.cb_chatbutton:hover{}
.logos{
display:block;
margin-top:43px;
}
.logos img{margin-right:5px;}
/*Einde header*/
#MainContainer{
clear:both;
float:left;
margin:0 0 10px 0;
min-height:600px;
width:994px;
}
.hoofdlinks{
clear:both;
font-size:1.2em;
margin:0 4px 0 6px;
padding-left:15px;
width:984px;
	}
.hoofdlinks a{
background-image:url(/images/homebuttonhover.gif);
color:#fff;
float:left;
height:29px;
line-height:32px;
text-align:center;
text-decoration:none;
width:142px;
}
.hoofdlinks a.homelink{
margin-right:10px;
}
.hoofdlinks a.homelinkbog{
background-image:url(/images/homebuttonbog.gif);
color:#000;
}
.hoofdlinks a.homelinkbog:hover{
background-image:url(/images/homebuttonboghover.gif);
color:#fff;
}
/*hoofdmenu*/
#menuhoofdmenu{
background-color:#eb8a06;
border-bottom:8px solid #ffcb8f;
float:left;
font-size:1.2em;
height:32px;
padding: 0;
margin:0 4px 0 6px;
position:relative;
list-style: none;
width:984px;
z-index:1;
}
#menuhoofdmenu ul{
height: 32px;
float: left;
color:#fff;
margin:0;
padding:0;
}
#menuhoofdmenu li {
float: left;
line-height:32px;
list-style-type: none;
text-align: center;
padding:0 3px;
position:relative;
z-index: 6;
width:140px;
}
#menuhoofdmenu .li-Home{margin-left:30px;width:50px;}
#menuhoofdmenu li a{
color:#fff;
text-decoration:none;
display: block;
}
#menuhoofdmenu li:hover a{
background-color:#eb8a06;
border-bottom:8px solid #D98402;
}
#menuhoofdmenu li.active a{
background-color:#eb8a06;
border:0;
    }
#menuhoofdmenu li.active a.active{border-bottom:8px solid #D98402;}
#menuhoofdmenu li ul li.active a.active{border-bottom:0;color:#003986;}
#menuhoofdmenu li.active a.active ul li a.active{border:none;}
#menuhoofdmenu li.active a:hover{
background-color:#eb8a06;
color:#fff;
    }
#menuhoofdmenu li ul {
background-color:#eb8a06;
display: none;
margin: 0;
padding:0;
font-size:90%;
height: auto;
margin-top:-8px;
z-index: 6;
}
#menuhoofdmenu ul ul{
z-index:500;
top:auto;
display:none;
width:140px;
}
#menuhoofdmenu ul ul ul{
display:block;
left:139px;
position:absolute;
top:7px;
}
#menuhoofdmenu li ul li{
background-color:#eb8a06;
border-top:1px dotted #ffcb8f;
color:#fff;
cursor:pointer;
display:block;
line-height:20px;
margin-right:0;
padding:4px;
text-align:center;
width:132px;
}
#menuhoofdmenu li:hover ul {
border:0;
display: block;
color: #fff;
}
#menuhoofdmenu li:hover ul li a{
border:0;
}
#menuhoofdmenu li:hover ul li a:hover{	
color:#003986;
	}
div#menuhoofdmenu li:hover ul ul,
div#menuhoofdmenu li li:hover ul ul,
div#menuhoofdmenu li li li:hover ul ul,
div#menuhoofdmenu li li li li:hover ul ul
{display:none;}

div#menuhoofdmenu li:hover ul,
div#menuhoofdmenu li li:hover ul,
div#menuhoofdmenu li li li:hover ul,
div#menuhoofdmenu li li li li:hover ul
{display:block;}
/* Einde HoofdNavigatie */
.columnleft {
float:left;
margin:0 0 0 25px;
width:715px;
z-index:1;
}
.columnright {
float:left;
margin: 0 32px 0 42px;
width:180px;
}
/*Content*/
.columnleft .AllContainer{float:left;margin:20px 0;}
.columnleft .submenu {
background-color:#F9E3CB;
left:25px;
position:absolute;
top:179px;
}
.columnleft .submenu ul {
list-style:none;
margin:0;
padding:0;
}
.columnleft .submenu li {
width:200px;
}
.columnleft .submenu a {
border-bottom:1px dotted #fff;
color:#003986;
display:block;
line-height:2em;
padding:5px 10px;
text-decoration:none;
}
.columnleft .submenu a:hover {
color:#eb8a06;
text-decoration:underline;
}
.columnleft .submenu a.active {
color:#eb8a06;
font-weight:bold;
}
.columnleft .submenu li ul {
display:none;
}
.columnleft .contentbase {
border-left:200px solid #F9E3CB;
margin:0;
padding-left:30px;
color:#000;
float:left;
width:495px;
}
.columnleft .Home{border-bottom:2px solid #eb8a06;border-left:0;margin-bottom:20px;padding-left:0;width:715px;}
.contentbase h1 {
color:#eb8a06;
font-size:150%;
margin-top:0;
}
.contentbase h2 {
color:#eb8a06;
font-size:130%;
}
.imagecontainer{clear:right;float:right;margin:0 0 10px 10px;}
.imagecontainer .bijschrift{
color:#999;
display:block;
font-style:italic;
padding:4px 0 0 10px;
}
.filelist li{list-style-type:none;}
.filelist a{background-image:url(/images/DocumentLink.jpg);background-repeat:no-repeat;display:block;height:17px;padding-left:20px;}
.paragraph{float:left;margin-bottom:10px;width:100%;}
.voorbereiding img{padding-left:10px;width:200px;}
.Opdrachtgevers .imagecontainer {clear:both;}
.bannre{
float:left;
margin-left:0;
margin-top:20px;
text-align:center;
}
.bannre + .bannre{
float:left;
margin-left:20px;
}
.bannre .banlink{
float:left;
margin-left:0;
}
.bannre .banlink + .banlink{
margin-left:20px;
}
/*Rechterkolom*/
.columnright .bannre img{margin:0;width:180px;}
.columnright .kortetekst{display:none;}
.columnright .newsitem{width:180px;}
.columnright .nieuwstitel{
color:#eb8a06;
font-size:110%;
font-weight:bold;
}
.columnright .newsitem h2 {
background-image:none;
color:#000;
font-size:90%;
font-weight:normal;
margin:0;
padding:0;
width:auto;
}
.columnright .newsitem h2 a {text-decoration:underline;}
.columnright .newsitem h2 a:hover {text-decoration:none;}
.columnright .startdatum {
font-size:80%;
font-weight:bold;
}
.columnright .kortetekst p {
margin:0;
}
.columnright .leesmeer, .columnright .alleberichten {
color:#999999;
display:block;
font-size:90%;
margin-bottom:1em;
}
.columnright .alleberichten {
font-size:100%;
text-decoration:none;
}
.columnright .nieuwsbericht{margin-bottom:10px;}
.columnright .newsitem img, .columnright .newsitem .bijschrift, .columnright .newsitem .langetekst{display:none;}
/*Nieuws*/
.columnleft .newsitem{border:0;padding:0;}
.news{margin-bottom:10px;}
/*Snelzoeker*/
.columnright .ZoekContainer h2{
color:#eb8a06;
font-size:110%;
margin-bottom:5px;
}
.columnright .snelzoeker{
background-color:#ffcb8f;
padding:10px;
}
.columnright .snelzoeker select{
height:20px;
margin-bottom:4px;
padding-top:2px;
width:157px;
}
.columnright .snelzoeker .submit, .Submit{
background-color:transparent;
background-image:url(/images/buttonklein.png);
background-position:0 0;
border:0;
color:#fff;
cursor:pointer;
float:right;
font-weight:bold;
height:27px;
margin-top:10px;
padding-bottom:6px;
width:68px;
}
.Submit{float:none;}
.columnright .snelzoeker .submit:hover, .Submit:hover{
background-position:0 -27px;
color:#fff;
}
.columnright .zoekpanel{
float:left;
margin:20px 0;
width:185px;
}
.columnright .zoekpanel .zoekbutton{
float:left;width:25px;
}
.columnright .zoekpanel input{
float:left;
height:18px;
line-height:18px;
margin-right:3px;
width:150px;
}
.columnright .zoekpanel input[type='submit']{
background-color:transparent;
background-image:url(/images/buttonpijl.png);
background-position:0 0;
border:0;
color:#fff;
cursor:pointer;
font-weight:bold;
height:24px;
padding-bottom:6px;
width:25px;
float:left;
display:inline;
margin-right: 0;
}
.columnright .zoekpanel input[type='submit']:hover{
background-position:0 -24px;
}
input:hover{
color:#001F9F;
}
/*Login*/
.desc 
{
    font-size:1em;
	float : left;
	color:#666666;
}
.columnleft .Login{padding-bottom:0;}
#login{
	border-left:200px solid #F9E3CB;
	float:left;
	padding-left:30px;
}
#login li{
clear:both;
	float:left;
	height:24px;
	line-height:24px;
	list-style-type:none;
	width:84px;
}
#login li.button input, .login input{
	background-color:transparent;
	background-image:url(/images/button.png);
	background-position:0 0;
    border:0 none;
    clear:both;
    color:#fff;
    cursor:pointer;
    font-weight:bold;
    height:27px;
	margin-bottom: 1em;
	padding-bottom:6px;
    text-decoration:none;
    width:190px;
}
#login li.button input:hover, .login input:hover{
    background-position:0 -27px;
	}
.Inlog label{
	float:left;
	width:100px;
	}
.Form ul input{
	background-color:transparent;
	border:medium none;
}
#login .Form ul input {
	cursor:pointer;
    display: block;
	padding:0;
	text-decoration:underline;
}
#login .Form ul input:hover {
	color:#000;
	text-decoration:none;
}
.Form ul{
	height:24px;
	padding:0;
}
.form{
	clear:left;
}
.gebruikersnaam, .wachtwoord{
margin-bottom:10px;
}
#login .wachtwoordvergeten{
width:170px;
}
.validationerror{color:red;}
#wachtwoord{
	border-left:200px solid #F9E3CB;
	padding-left:30px;
	float:left;
	}
 #wachtwoord .field{margin:20px 0;}  
 #wachtwoord .field label{
float:left;
width:80px;
} 
.preview{
	padding-bottom:10px;
}
/*Footer*/
#FooterContainer{background-image:url(/images/footerbg.gif);background-repeat:repeat-x;height:42px;clear:both;margin:0 4px 0 6px;padding:0 35px;width:914px;}
#FooterContainer .socialmedia{float:left;padding-top:5px;width:140px;}
#FooterContainer .socialmedia a{margin-right:10px;}
#FooterContainer .copyright{float:right;padding-top:2px;text-align:right;width:420px;}
#FooterContainer .socialmedia .linkedin{padding-bottom:3px;}
#menufootermenu{float:left;font-size:1em;padding-top:15px;text-align:center;width:285px;}
#menufootermenu ul{margin:0;padding-left:0;}
#menufootermenu li{float:left;list-style-type:none;}
#menufootermenu a{border-left:1px solid #001F9F;	float:left;text-decoration: underline;padding:0 5px;}
#menufootermenu a:visited {color: #001F9F;}
#menufootermenu a:hover {color: #001F9F;text-decoration:none;}
.columnright .FunctieContainer h1{color:#eb8a06;font-size:150%;}
/*Medewerkers*/
.medewerkers{border-left:200px solid #F9E3CB;float:left;padding-left:30px;}
.medewerkers .odd, .medewerkers .even{display:block;float:left;line-height:1.4em;margin-bottom:10px;}
.medewerkers .foto, .medewerkers .foto img{float:left;height:140px;margin-right:10px;width:140px;}
.medewerkers .bijschrift, .medewerkers .naam{float:left;width:345px;}
.medewerkers .naam{font-weight:bold;}
.medewerkers .email a{background-image:url("/images/email_logo.jpg");background-repeat:no-repeat;height:16px;color:#666666;display:block;padding-left:18px;text-decoration:underline;}
.medewerkers .email a:hover{text-decoration:none;}
.medewerkers .afdeling, .medewerkers .beschrijving, .medewerkers .twitter, .medewerkers .linkedin, .medewerkers .functie, .medewerkers .email, .medewerkers .naam, .medewerkers .telefoon{clear:both;display:block;}
.medewerkers .linkedin{margin:10px 0 3px 0;}
.medewerkers .linkedin a{display:block;padding-left:18px;background-image:url("/images/linkedin_logo.gif");background-repeat:no-repeat;height:16px;}
.medewerkers .twitter a{display:block;padding-left:18px;background-image:url("/images/t_mini-a.png");background-repeat:no-repeat;height:16px;}
.medewerkers .telefoon {display:block;padding-left:18px;background-image:url("/images/phone.jpg");background-repeat:no-repeat;height:16px;margin:3px 0 10px 0;}
/*Index*/
#IndexContainer{width:1000px;margin:0 auto;}
.Indexbg{background-image:url("/images/IndexBG.gif");height:159px;margin:100px auto 0;padding:100px 65px;width:503px;}
/*Zoekservice*/
.ZoekService{border-left:200px solid #F9E3CB;clear:both;float:left;padding-left:30px;}
.ZoekService label{float:left;width:50px;}
/*paginering*/
.paginering{margin:10px 0;}
/*Sitemap*/
.SitemapKop{font-weight:bold;font-size:1.5em; margin-top:10px}
.SitemapMenuSubKop, .SitemapSubKop {color:#666666;font-weight:bold;margin-top:25px;margin-bottom:10px;}
.SitemapMenuTekst, .SitemapPlaatsTekst {margin-left:10px;}
/*Vestiging*/
.VestigingContainer label{float:left;width:100px;}
/*Streetview*/
.pano {
clear:both;
padding:10px 0;
width:571px;
}
.pano object {
height:300px;
}
/*OpenHuis*/
.openhuis{position:absolute;right:35px;top:125px;}
.twitterlink a{
	height:100px;
	position:fixed;
	right:0;
	top:35px;
	width:36px;
	z-index:1;
	}
.linkedinlink a{
	height:108px;
	position:fixed;
	right:0;
	top:135px;
	width:36px;
	z-index:1;
	}

a.Player {
	width: 450px;
	height: 300px;
	display: block;
}

.PlayerHolder {
	position:absolute;
	text-align: left;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	z-index: 50;
	/* top: -200px; */
	top : 100px;
	left : 0;
	right: 0;
}

.PlayerHolder.hidden{
	display:none;
}

.PlayerClose {
	z-index: 100;
	background-image: url("/images/Sluiten.gif");
	width: 21px;
	height: 21px;
	display:block;
	float: right;
	right: 0;
}

#PlayerOverlay {
	position:absolute;
	left: 0;
	top: 0;
	height:100%;
	opacity:0.8;
	width:100%;
	background-color: #000;
	z-index: 5;
}

.PlayButton {
	position: relative;
	display: block;
	top: -65px;
	left: 5px;
	background-image: url("/images/playButton.png");
	z-index: 20;
	width: 54px;
	height: 54px;
}
/*Iframe*/
.IframeContainer{
	border-left: 200px solid #F9E3CB;
  width: 520px;
  }
.IframeContainer .Iframebg{
	background-image: url("http://wozconsultants.nl/images/homeright_bck.png");
	background-repeat:no-repeat;
	background-position:top top; 
	background-color:transparent;
	float:right;
	height: 485px;
	padding:35px;
	position:relative;
    width: 435px;
  }
 .columnleft .IframeContainer .contentbase {
  border-left:0;
  }
.IframeContainer .Iframebg h1{
    color: #FFFFFF;
    font-family: Verdana,Arial,sans-serif;
    font-size: 11pt;
    font-weight: normal;
    margin: 0;
    padding: 0;
    width: 445px;
	}
.iframe{
	border:none;
	padding:0;
}
.calculator html{
	overflow-y:hidden;
}
.right{
    background-color:#EB8A06;
    color: #fff;
    float: right;
    font-weight: bold;
    margin-right: 15px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 175px;
}
.right:hover{
	background-color:#001F9F;
	color:#fff;
}
	
