/**********************************************/
/*                                            */
/*                                            */
/*                                            */
/**********************************************/
body    {font-size: 12px;color: #000;font-family:Trebuchet MS;background-color: #fff;}

html,
body
        {width:100%;height:100%;}
.home, 
.vervolg
        {margin:0;padding:0;}
.pdf
{
	background:url(../images/small_PDF_icon.gif) top right no-repeat;
	padding-right:15px;
}
/**********************************************/
/*                                            */
/*                                            */
/*                                            */
/**********************************************/
.smalllink, .smalllink:hover
{
    font-size:12px;
    text-decoration:none;
    font-weight:bold;
}
.nostyle
{
    text-decoration:none;
}
.imageVerzekeringen
{
    display:none;
    visibility:hidden;
}
.green a
{
    color:#017D3F;
}
.green
{
    color:#017D3F;
    font-weight:bold;
}
.linkje
{
	text-decoration: none;
	padding-left: 1px;
	margin-bottom: 1px;
	width:200px;
	border:1px solid;
	background-color: #A6C1E6;
	display:block;
}
.linkje:hover
{
    border:1px solid #ff0000;
    color:#FF0000;
}
#cse-search-box {
margin:0;
}
/**********************************************/
/*                                            */
/*     Vestigingen                            */
/*                                            */
/**********************************************/
.vestiging
{
    position:relative;
    overflow:hidden;
    border-bottom:1px solid #ccc;
    margin-bottom:10px;
}
.contactgegevens
{
    width:250px;
    float:left;
}
div.row {
  clear: both;
  }

div.row span.label {
  float: left;
  text-align: right;
  }

div.row span.formw {
  float: right;
  width:120px;
  text-align: left;
  } 
 .floatleft {float:left;}
 .floatright {float:right;}
 .clear {clear:both;visibility:hidden;}
/**********************************************/
/*                                            */
/*       Personeel pagina achter vestigingen  */
/*                                            */
/**********************************************/ 
.containerpersoon
{
   width:100%;
   overflow:hidden;
   margin-bottom:10px;
}
.persoon {display:block;}
.naam {font-weight:bold;}
.center {text-align:center;display:block;}

 
/*********particulier / zakelijk********/
#klant
{
    list-style-type:none;
    margin:10px 0 0 10px;
    padding:0;
    float:left;
}
#klant li
{
    float:left;
}
#klant a
{
    text-decoration:none;
}
.footertekstgroen
{
    position:relative;
    color:#017D3F;
    padding-right:10px;
    margin-top:0px;
    float:right;
    font-size:13px;
    font-weight:bold;
    font-family:"Trebuchet MS";
}

/**********************************************/
/*                                            */
/*    Mijn teksten tabel                      */
/*                                            */
/**********************************************/
.mijntekstouterdiv
{
   width:500px;
   overflow:hidden;
}
.mijntekstinnderdiv
{
    width:240px;
    float:left;
}
.mijntekstinnderdiv span
{
    display:block;
}
/**********************************************/
/*                                            */
/*             Homepagina                     */
/*                                            */
/**********************************************/
#nonfooter
{
    width:100%;
    height:100%;
}
    #nonfootercentreer
    {
        width:1000px;
        margin:0 auto;
        overflow:hidden;
		min-height:100%;
       /*  padding:0px 0px 40px 0px; */
    }
    #header
    {
        width:100%;
        overflow:hidden;
    }
    .image
    {
        margin-top:10px;
        margin-left:20px;
        float:left;
        border:0;
    }
    /* rechtsboven contact etc */
    #menuregistreer 
    {
		width:140px;
        height:20px;
        margin-right:10px;
        margin-top:10px;
        float:right;
        padding:2px 0px 2px 0px;
        border-top:1px solid #ccc;
        border-bottom:1px solid #ccc;
    }
    #contactmenu /* ul in het contact menu */
    {
        margin:0;
        padding:0px 0px 0px 15px;
        overflow:hidden;
    }
    #contactmenu, #contactmenu a
    {
        list-style:none;
        text-decoration:none;
    }
    #contactmenu li
    {
            float:left;
    }
    /* einde rechtsboven contact etc */

    /* linker kolom direct zoeken in etc */
    #linkerkolom
    {
        width:218px;
        margin-top:20px;
        float:left;
        margin-left:20px;
    }
	#linkerkolom h2
	{
		margin:2px;
		color:#017D3F;
		font-size:16px;
	}
	
        .linkerkolomkoptekst
        {
            font-size:13px;
            color:#666;
            font-weight:bold;
            margin:0px 0px 0px 20px;
            padding:0;
        }
/**********************************************/
/*                                            */
/*    Direct zoeken in/ Ik wil graag          */
/*                                            */
/**********************************************/
/*Dropdown menu */
#directzoekenin
{
    position:relative;
    width:200px;
    height:70px;
    z-index:100;
}
#ikwilgraageen
{
    position:relative;
    width:200px;
    height:80px;
    z-index:90;
}
.zoeken /* Ul met position absolute zodat de rest van de content niet verspringt als uitgeklapt */
{
    list-style:none;
    height:23px;
    width:175px;
    padding:0px 0 0 0px;
    background:url(../images/directzoekenin_back.jpg) no-repeat;
    cursor:pointer;
    z-index:1;
    margin:10px 0 0 0;
    position:relative;
 }
.ulzoeken /* 2e Ul bevat de dropdown */
{
    background:#fff;
    border-left:1px solid #C1C1C1;
    border-right:1px solid #C1C1C1;
    border-bottom:1px solid #C1C1C1;
    border-top:1px solid #C1C1C1;
    margin:2px 0px 0px -5px;
    padding:0;
    list-style:none;
    overflow:hidden;
    width:174px;
}
.zoeken li
{
    margin:0px 0px 0px 0px;
    float:none;
    padding:2px 0px 0px 5px;
    height:20px;
}
.ulzoeken li
{
    width:174px;
		margin:0;
		padding:0;
}
.zoeken a
{
    text-decoration:none;
} 
.ulzoeken li a
{
		display:block;
		width:169px;
		height:20px;
		line-height:20px;
		margin:0;
		padding:0 0 0 5px;
}
.ulzoeken li a:hover
{
    background:#4E596D;
		color:#fff;
		text-decoration:none;
}

        #informatieover
        {
            position:relative;
            width:200px;
            margin-top:-15px;
        }
        #tip
        {
            position:relative;
            background: url(../images/tipbox.jpg) no-repeat;
            padding-top: -1px;
            margin-top:20px;
            position:relative;
            width:200px;
            height:90px;
        }
        .tipmenu
        {
            list-style:none;
            text-decoration:none;
            color:#333C4D;
            margin:10px 0px 0px 20px;
            padding:0;
        }
        .tipmenu a
        {
            text-decoration:none;
            color:#333C4D;
        }
        .nolist
        {
            list-style:none;
            margin:0px 0px 0px 20px;
            padding:0;
        }
        .nolist a
        {
            text-decoration:none;
            color:#333C4D;
        }

/* einde linkerkolom*/

    #fotohome
    {
        position:relative;
        width:750px;
        height:275px;
        float:left;
        margin-top:20px;
		z-index:1;
    }
    #blokkenonder
    {
        position:relative;
        float:left;
        width:960px;
        /* height:220px; */
		z-index:50;
		border-top:1px solid #CCCCCC;
		padding:20px 10px 0px 10px;
        margin:10px 0px 0px 10px;
    }
        .blok
        {
            display:block;
            width:240px;
            height:228px;
        }
		#eersteblok
		{
            position:relative;
            float:left;
			width:225px;
			z-index:80;
			color:#808080;
        }
		#eersteblok h2
		{
			color:#017D3F;
			margin:0;
			font-size:16px;
			padding:0;
		}
		#eersteblok p
		{
			margin:0;
			padding:0;
		}		
		#eersteblok fieldset
		{
			border:none;
			margin:0;
			padding:0;			
			position:relative;
		}			
			#eersteblok fieldset legend
			{
				display:none;
				margin:0;
				padding:0;
			}	
			#eersteblok fieldset label
			{
				
			}				
			#Onderwerp
			{
				width:208px;
			}
			.telefoonnummer
			{
				background: url(../images/input.gif) no-repeat;
				border:none;
				height:23px;
				line-height:23px;
				width:166px;
				padding:0px 5px;
				color:#808080;
				font-weight:bold;
			}
			#errorTelefoon
			{
				position:absolute;
				display:none;
				top:40px;
			}
			#fout
			{
			 display:block !important;
			 position:absolute;
			 top:40px;
			}        
			#tweedeblok
			{
            position:relative;
            float:left;
            margin-right:15px;
            padding-left:10px;
			height:158px;
			}
        #tweedeblok a
		{
            text-decoration:none;
			float:left;
			margin-left:15px;
			border:none;
        }
		#tweedeblok a img
		{
			border:none;
        }
        .meernieuws
        {
            display:block;
            margin:10px 0px 0px 110px;
        }
        .aanbieden
        {
            margin-top:20px;
            display:block;
        }
        .aanbieden a
        {
            text-decoration:none;
        }
        .aantalhuizenverkocht
        {
            font-size:13px;
        }
        .opdrachten
        {
            display:block;
        }
        #derdeblok
        {
            position:relative;
            float:left;
        }
#footer
{
    position:relative;
    width:100%;
    height:40px;
    clear:both;
    /* margin-top: -40px; */
}
    #footercentreer
    {
        position:relative;
        clear:left;
        width:970px;
        margin:0 auto;
        height:39px;
        border-top:1px solid #ccc;
    }
    .footertekstblauw
    {
        position:relative;
        color:#3A4151;
        margin-top:0px;
        float:right;
        font-weight:bold;
        font-size:13px;
        font-family:"Trebuchet MS";
    }
    .footertekstrood
    {
        position:relative;
        color:#f00;
        padding-right:10px;
        margin-top:0px;
        float:right;
        font-size:13px;
        font-weight:bold;
        font-family:"Trebuchet MS";
    }

/*--------------------------------vervolg----------------------------*/
#linkerkolomvervolg
{
    position:relative;
    width:220px;
    margin-top:20px;
    float:left;
    margin-left:20px;

}
#linkerkolomvervolg h2
{
	color:#017D3F;
	font-size:16px;
	margin:2px;
}
#koppen 
{
    position:relative;
    float:left;
    width:600px;
    margin-top:35px;
}
#contentwrap
{
    position:relative;
    width:745px;
    float:left;
    margin-top:20px;
}
#content
{
    position:relative;
    float:left;
    width:600px;
    padding-top:20px;
    border-top:1px solid #3C465A;
    min-height:275px;
}
#contentsearch
{
    position:relative;
    float:left;
    width:750px;
    padding-top:0px;
}
#BANNER
{
    position:relative;
    float:left;
    width:210px;
    height:100px;
}

/*Main MENU (grote balk boven)
======================================================*/
#nav, #nav ul { /* all lists */
	
	padding: 0;
	margin: 0;
	display: block;
	list-style: none;
	z-index:100;
	float:left;
	width:968px;
	margin-left:20px;
	margin-top:20px;
	background:url("../images/menubg.jpg"); /* blauwe balk achter het menu */
}
    #nav a {
	    font-size: 11px;
	    text-align: center;
	    font-weight: bold;
	    text-decoration: none;
	    padding: 0;
	    color: #fff;
	    display: block;
	    height: 37px;
	    line-height:37px;
	    font-size:13px;
    }
    #nav a:hover {
	    color:#fff;
	    background:url("../images/menurepeathover.jpg") repeat-x;
    }

    #nav li { /* all list items */
	    float: left;
	    height: 37px;
	    list-style:none;
    }
    #nav .first
    {
    	    border-right:1px solid #525F7A;
    }
    #nav .first a
    {
    	    padding-left:20px;
    	    padding-right:20px;
    }
    #nav .first a:hover
    {
    	    background:url("../images/menulinkerkanthover.jpg ") no-repeat;
    }
    #nav .pad a
    {
    	    padding-left:20px;
    	    padding-right:20px;
    	    border-right:1px solid #525F7A;
    }

/*====================================================*/
/*--------------------footermenu----------------------*/
.footermenu, .footermenu a
{
    list-style:none;
    text-decoration:none;
    font-size:13px;
    color:#3C465A;
    font-family:Trebuchet MS;
    clear:left;
}
.footermenu a:hover
{
    font-size:13px;
    color:#017D3F;
    font-family:Trebuchet MS;
}
.footermenu
{
   margin-left: -48px;
   margin:0;
   padding:0;
}
.footermenu li
{
    float:left;
    margin-left:10px;
}
/*--------------systeem-------------------------*/
a
{
    font-size: 12px;
    color: #000000;
    font-family: "Trebuchet MS";
}
a:hover
{
    font-size: 12px;
    color: #017D3F;
    font-family: "Trebuchet MS";
}
#locatieframe
{
	height: 85px;
}
#locatieframe
{
	height: 85px;
}
td
{
   font-size: 12px;
    font-family: "Trebuchet MS";
}
select
{
    font-size: 12px;
    font-family: "Trebuchet MS";
}
input
{
    font-size: 12px;
    font-family: "Trebuchet MS";
}
textarea
{
    font-size: 12px;
    font-family: "Trebuchet MS";
}
body #fout
{
    font-size: 12px;
    color: red
}
body #informatietext
{
    color: #000000
}
body #boginfotitletekst
{
    color: #000000
}
body #titel
{
    color: #000000
}
body #login
{
    background-image: url(/images/pic_loginbox.gif);
    background-repeat: no-repeat;
    background-color: #ffffff
}
.header
{
}
body #highlight
{
    color: #0000ff
}
body #nieuwsdatum
{
    color: #000000
}
body #nieuwsimage
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid
}
body #selectbox
{
    font-size: 13px;
    font-family: 'lucida console', terminal, 'courier new', courier, mono;
    background-color: #fff;
    text-decoration: none
}
.printwindow
{
    background-color: #ffffff
}
.verkocht
{
    color: #ff0000
}
body #huislink
{
    text-decoration: none
}
body #inputdisabled
{
    background-color: #888888
}
body #checkbox
{
    width: 13px
}
body #informatie
{
    font-size: 13px;
    color: black
}
body #informatietext
{
    font-size: 13px;
    color: #000000
}
.homebox
{
    background-color: #ffffff
}
body #huizeninformatiekleur
{
    background-color: #000000
}
body #lijntje
{
    background-color: #888888
}
body #login_box
{
    background-image: url(/images/pic_loginbox.gif);
    width: 120px;
    background-repeat: no-repeat;
    height: 196px;
    background-color: #ffffff
}
body #homespecialborder
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-color: white
}
body #login_box_password_input
{
    width: 98px
}
body #login_box_email_input
{
    width: 98px
}
body #searchinfotitletekst
{
    color: #000000
}
.buurtgegevens_header
{
    background-color: #888888
}
.mailhuis_input
{
    width: 200px
}
.loginbox
{
    background-position: left top;
    background-image: url(/images/pic_loginbox.gif);
    background-repeat: no-repeat
}

.hometableborder
{
    BORDER-RIGHT: silver thin double;
   BORDER-TOP: silver thin double;
    BORDER-LEFT: silver thin double;
    BORDER-BOTTOM: silver thin double;
    BACKGROUND-COLOR: #ebebeb
}
#prospectaanbiedertabellijntje1
{
}
#prospectaanbiedertabelborder
{
background-color:#516779;
}
#prospectaanbiedertabelheader
{
	background-color:#E3E8EC;
	font-weight:bolder;
}
#prospectaanbiedertabelrow1
{
	background-color:#BAC7D1;
}
#prospectaanbiedertabelrow2
{
	background-color:#9BAEBD;
}

/*
DETAIL FOTO POPUP
*******************************************************
*/
#detailpaginaimagepopup img
{
	margin-right:2px;
}
#detailpaginaimagepopup
{
	margin-bottom:4px;
}


/*
LINK FOTO STYLE
**********************************************************
*/

img.linkimage
{
	float:left;
	margin-right:8px;
	border:none;
	border:0;
}


/* OPEN HUIS
===================================================*/
body#Openhuis
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body#Openhuis p
{
	margin:0;
	padding:0;
}
.OpenHuisMainDiv
{
	position:relative;
	min-height:100%;
}
* html .OpenHuisMainDiv
{
	height:100%;
	text-align:center;
}
.OpenHuisHeaderText
{
	background:#fff url(/images/popupheader.jpg) no-repeat center 0px;
	position:relative;
	height:70px;
	margin:0;
	padding:0;
}
p.OpenHuisTitle
{
	font-size:22px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	height:37px;
    background: url(/images/menubg.jpg) no-repeat center center;	
    margin:0;
    padding-top:1px !important;
}

.OpenHuisMainDiv div
{
	position:relative;
	padding-bottom:30px;
}
.OpenHuisMainDiv table
{
	width:96%;
	border-collapse:collapse;
	margin:0 auto;
}
.OpenHuisMainDiv table td
{
	padding-left:6px;
}
.TableWoonplaats
{
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	background:#FBEAED;
}

.TableTitle
{
	font-weight:bold;
}

.TableData
{
}
.OpenHuisDate
{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#b9b9b9;
	padding-top:8px;
}

.OpenHuisTime
{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#b9b9b9;
}
#footerOH
{
	height:37px;
    background: url(/images/menubg.jpg) no-repeat center center;	
}
/* END OPEN HUIS */
td.nieuwsOmschrijving
{
	padding:5px 0px 10px 0;
}

.personeel
{
	position:absolute;
	top:90px;
	right:0px;
	width:100%;
	z-index:2222;
}	
.personeel h2
{
	position:absolute;
	bottom:0;
	left:20px;
	margin:0;
	padding:0;
	color:#fff;
	font-size:28px;
}	
.personeel img
{
	float:right;
}
/* */
#callme
{
	position:relative;
	z-index:80;
	margin-top:15px;
}
#callme h2
{
color:#017D3F;
margin:0;
padding:0;
}
#callme p
{
margin:0;
padding:0;
color:#808080;
}		
#nieuwsbriefform
{
float:left;
position:relative;
}
#callme fieldset
{
border:none;
margin:0;
padding:0;			
}			
#callme fieldset legend
{
display:none;
margin:0;
padding:0;
}	
#callme fieldset label
{

}				
#Onderwerp
{
width:208px;
}

#errorTelefoon
{
position:absolute;
display:none;
top:40px;
}
#fout
{
display:block !important;
position:absolute;
top:40px;
}
#directzoekenin div.selectbox-wrapper, #ikwilgraageen  div.selectbox-wrapper
{
top:56px;
}
#onderwerp_container ul li {
color:#000000;
padding:2px 4px !important;
}	
#onderwerp_container ul li:hover {
color:#fff;
}	
/* Drop down styles*/
div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin:0px;
  margin-top:-6px;
  padding:0px;
  top:33px;
  left:0;
  text-align:left;
  max-height:200px;
  overflow:auto;
}

/*Drop down list styles*/
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}

/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current { 
	background:#4E596D;
	color:#fff;
	text-decoration:none;
}

/* Drop down list items style*/
.jquery-selectbox {
	position: relative;
	height: 23px;
	width: 176px;
	z-index: 0;
	float: left;
	display: inline;
	margin: 4px 4px 4px 0;
	font-size: 12px;
	color: #444;
	padding: 0;
	background:url(../images/directzoekenin_back.jpg) no-repeat;
}
.jquery-selectbox.selecthover {
	background:url(../images/directzoekenin_back.jpg) no-repeat;
	z-index: 700;
}	
.jquery-selectbox .jquery-selectbox-currentItem {
	padding:4px 0 0 8px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
}

.jquery-selectbox .jquery-selectbox-list {
	display: none;
	position: absolute;
	top: 22px;
	padding: 2px;
	left: 0px;
	background: #fff;
	width: 170px;
	z-index: 1000;
	border: 1px solid #CCCCCC;
}
.jquery-selectbox .jquery-selectbox-moreButton {
	/*
	position: absolute;
	top: 0px;
	right: 0px;
	*/
	float: right;
	height:22px;
	width:24px;
	cursor: pointer;
}
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {
}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
	background:#EAF2FB;
	color: #000;
}
.jquery-selectbox .jquery-selectbox-item {
	display: block;
	cursor: pointer;
	padding:2px 2px;
	font-size:12px;
}

/** ERROR classes **/
form .error .jquery-selectbox {
	color: #d00;
	border-color: #d00;
	background-image: url("../img/bg-TextFieldError.gif");
}

/* Look and feel of select box */
.selectbox 
{
	height:23px;
	line-height:23px;
	width:174px;
	padding:0px 5px;
	color:#808080;
	/* font-weight:bold; */
	cursor: pointer;
	margin:5px 0px;
	border:none;
	z-index:100;
	position:relative;
	background:url(../images/directzoekenin_back.jpg) no-repeat;
  
}
.tooltip
{
	display:none;
	background:url(/images/black.png);
	height:94px;
	width:229px;
	padding:15px 0px 0px 20px;
	font-size:11px;
	color:#fff;
	top:-70px !important;
	left:0 !important;
}

.tooltip a 
{
	color:#fff;
}


