html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,object,iframe,img,ins,kbd,q,a,abbr,acronym,address,big, cite,code,tt,var,del,dfn,samp,sub,sup,em,strong,small,strike {margin:0;padding:0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
table{border-collapse:collapse;border-spacing:0;}/* tables still need 'cellspacing="0"' in the markup */
h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
blockquote, q {quotes: none;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
a:active {outline: none;} /* instead of old :focus rule */
input,textarea,select {font-family: inherit;font-size: inherit;font-weight: inherit;}
em {font-style: italic;}
strong {font-weight: bold;}

body {
	font-size: 12px;
	line-height: 1.5em;
	font-family: Candara, Georgia, sans-serif;
	background: #CECECE url('../images/graphics/highlight.jpg') center top no-repeat;
	text-align:center; 
}

#wrapper {
width: 960px;
margin: 0 auto;
text-align: left;
position:relative;
background-color: transparent;
}

/* ==== basis typography ======================== */
h1 {
	font-size: 1.6666666666666667em;
	line-height: 0.9em;
	margin: 0 0 0.9em 0;
}

h2 {
	font-size: 1.5em;
	line-height: 1em;
	margin: 0 0 1em 0;
}

h3 {
	font-size: 1.3333333333333333em;
	line-height: 1.125em;
	margin: 0 0 1.125em 0;
}

h4 {
	font-size: 1.1666666666666667em;
	line-height: 1.2857142857142858em;
	margin: 0 0 1.2857142857142858em 0;
}

p, ul, blockquote, pre, td, th, label {
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
}

p.small {
	font-size: 0.8333333333333334em;
	line-height: 1.8em;
	margin: 0 0 1.8em 0;
}

table {
	border-collapse: collapse;
	margin-bottom: 1.5em;
}

p a:link, p a:visited, td a:link, td a:visited {color: #ED1C24;text-decoration: none;border-bottom: 1px dotted #ED1C24;}
p a:hover, td a:hover {color: #000000;border-bottom: 1px solid #000000;}


/* ==== main navigation ======================== */

#nav {width: 756px;height: 31px;overflow: hidden;zoom: 1;margin: 40px 0 0 205px;text-indent: -6000px;}
#nav li {float: left;}
#nav li a {display: block;width: 125px;height: 31px;margin: 0 1px 0 0;}

#nav li #t_home {background: transparent url(../images/graphics/nav_sprite.png) 0 0 no-repeat;}
#nav li #t_home:hover, #nav li.current #t_home {background-position: 0 -34px;}

#nav li #t_koop {background: transparent url(../images/graphics/nav_sprite.png) -126px 0 no-repeat;}
#nav li #t_koop:hover, #nav li.current #t_koop {background-position: -126px -34px;}

#nav li #t_huur {background: transparent url(../images/graphics/nav_sprite.png) -252px 0 no-repeat;}
#nav li #t_huur:hover, #nav li.current #t_huur {background-position: -252px -34px;}

#nav li #t_nieuwbouw {background: transparent url(../images/graphics/nav_sprite.png) -378px 0 no-repeat;}
#nav li #t_nieuwbouw:hover, #nav li.current #t_nieuwbouw {background-position: -378px -34px;}

#nav li #t_contact {background: transparent url(../images/graphics/nav_sprite.png) -504px 0 no-repeat;}
#nav li #t_contact:hover, #nav li.current #t_contact {background-position: -504px -34px;}

#nav li #t_nieuws {background: transparent url(../images/graphics/nav_sprite.png) -630px 0 no-repeat;}
#nav li #t_nieuws:hover, #nav li.current #t_nieuws {background-position: -630px -34px;}

/* ==== main header ======================== */
#header {width: 960px;padding: 10px 0 0 0;background: #ffffff url(../images/graphics/divider_top.png) center bottom no-repeat;overflow: hidden;zoom: 1;}
#nb #header {background: #ffffff url(../images/graphics/divider_nb.png) center bottom no-repeat;}
#header h1 {width: 174px;height: 111px;background: #fff url(../images/graphics/logo_main.png) top right no-repeat;text-indent: -6000px;} 

#info {width: 576px;float: right;margin: 62px 0 0 374px;}
#info li {float: left;}
#info li a:link, #info li a:visited  {display: block;text-decoration: none;color: #525252;line-height: 15px;}
#info li a:hover  {color: #EA0709;}
#i_aanbod a {width: 130px;padding: 8px 0 3px 35px;background: #fff url('../images/graphics/mail_icon.png') left center no-repeat;margin: 0 50px 0 0;}
#i_phone a {width: 85px;padding: 6px 0 6px 35px;background: #fff url('../images/graphics/phone_icon.png') left center no-repeat;margin: 0 55px 0 0;}
#i_mail a {width: 135px;padding: 6px 0 6px 35px;background: #fff url('../images/graphics/at_icon.png') left center no-repeat;}

/* ==== main content ======================== */
#content {background: #fff url() no-repeat;padding: 20px 0 25px 0;overflow: hidden;zoom: 1;}

#ni_tb {table-layout: fixed;width: 920px;margin: 0 auto;}
#ni_tb tr td {vertical-align: top;}
#ni_tb tr td.title {width: 356px;background-color: #ED1C24;}
#ni_tb tr td.image {width: 246px;}
#ni_tb tr td.description {width: 318px;}


/* ==== footer ======================== */
#footer {background: #ED1C24 url() no-repeat;width: 960px;color: #fff;padding: 10px 0 25px 0;clear: both;z-index: 2;position: relative;}
#footer h3, #footer h2 {text-transform: uppercase;font-weight: normal;margin: 0 0 25px 21px;font-size: 16px;}
#footer h2 {color: #000000;margin: -27px 0 7px 21px;}
#footer p {margin: 0 0 25px 21px;font-size: 16px;}
#footer a:link, #footer a:visited {color: #fff;text-decoration: none;border-bottom: 1px solid #ffffff;}
#footer a:hover {color: #000000;border-bottom: 1px solid #000000;}
#credit {position: absolute;right: 25px;bottom: 35px;}

/* ==== nieuwbouw - standaard lijst ======================== */
ul.nb_list {float: left;width: 960px;}
ul.nb_list li {float: left;display: inline;}

ul.nb_list li.nb_title {width: 300px;min-height: 85px;background-color: #000000;margin: 0 85px 10px 15px;position: relative;}
ul.nb_list li.red {background-color: #EC232A;}
ul.nb_list li.nb_title img {position: absolute;top: -25px;right: -25px;}
ul.nb_list li.nb_title h3, #titlebox h3 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform: uppercase;font-size: 14px;color: #ffffff;font-weight: normal;letter-spacing: .05em;margin: 18px 0 0.5em 18px;}
ul.nb_list li.nb_title h3 a:link, ul.nb_list li.nb_title h3 a:visited {text-decoration: none;color: #ffffff;}
ul.nb_list li.nb_title h3 a:hover {text-decoration: underline;}
ul.nb_list li.nb_title h4, #titlebox h4 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 12px;color: #ffffff;font-weight: normal;margin: 0 15px 0 18px;}

ul.nb_list li.nb_img {width: 215px;margin: 0 15px 15px 0;}
ul.nb_list li.nb_text {width: 328px;margin: 0 0 15px 0;}

/* ==== te koop, te huur etc... detail pagina ======================== */

#slideshow {float: left;width: 480px;margin: 0 0 50px 15px;}
#data {margin: 0 0 50px 0;width: 445px;float: left;}
#thumbs {width: 480px;margin: 35px 0 25px 0;overflow: hidden;zoom: 1;}

#thumbs li {float: left;width: 82px;margin: 0 23px 20px 0;}

#thumbs li a {
	display: block;
	min-height:85px;
  height:auto !important;
  height:85px;
  }


#data h2 {text-transform: uppercase;font-size: 22px;color: #B8B8B8;margin: 0 0 5px 0;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: normal;}
#data h3 {color: #525252;font-size: 20px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: normal;}
#data h3 span {font-size: 12px;color: #B8B8B8;padding: 0 10px 0 0;}
#data a.back:link, #data a.back:visited {display: block;float: right;margin: 0 0 0 0;color: #000000;margin: 7px 50px 0 0;}
#data a.back:hover {color: #EC232A;}

#data table {table-layout:  fixed;width: 435px;margin: 0 0 25px 0;}
table.stede {table-layout:  fixed;width: 624px;margin: 0 0 25px 0;}
#data table td, table.stede td  {padding: 5px;border: 1px solid #DDDDDD;width: 230px;}
#data table td.lable, table.stede td.lable {font-weight: bold;color: #000000;width: 191px;}
#data table tr.title, table.stede tr.title {background-color: #DDDDDD;}

/* ==== nieuwbouw detail pagina ======================== */

#nb #content {position: relative;margin: 0;}
#swf {float: right;width: 630px;height: 345px;margin: 0 15px 0 0;}
#titlebox {width: 280px;height: 345px;background-color: #EC232A;float: left;margin: 0 0 0 15px;}
#titlebox h3 {font-size: 18px;}

#nb_nav {background-color: #ffffff;float: left;margin: 20px 0 25px 15px;}
#nb_nav li a:link, #nb_nav li a:visited {width: 260px;font-size: 16px;color: #fff;text-transform: uppercase;height: 43px;display: block;text-decoration: none;line-height: 43px;padding: 0 0 0 18px;background-color: #000000;margin: 0 0 1px 0;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: normal;}

#nb_nav li a:hover, #nb_nav li a.current {background: #EC232A;}
#nb_nav #last {background-color: #000000;width: 278px;display: block;min-height: 175px;}

#nb div.nb_content {float: right;width: 630px;margin: 20px 10px 50px 0;min-height:500px;} /* min-height so it doesn't jump on tabs so much */

body.map div.nb_content {width: 630px;margin: 15px 10px 0 0;}

#plannen, #inplanting {margin: 0;overflow: hidden;zoom: 1;width: 650px;}

div.pop {width: 280px;float: left;margin: 0 40px 0 0;border: 1px solid #ccc;}
div.text {width: 280px;float: left;margin: 0 40px 0 0;}
div.fulltext {width: 560px;clear: both;}

#omschrijving {width: 565px;}
#omschrijving ul {list-style-type: disc;margin-left: 1.5em;}

#ligging {margin: 0 0 0 -5px;width: 630px;}
#gmap {width: 630px;height: 432px;margin: 0;padding: 0;}

#stand span {display: block;}
p.message {clear: both;color: #8E999F;}
#promotor {position: absolute;top: 0;left: 35px;top: 790px;}

#promotor p {color: #ffffff;
}

#promotor p a:link, #promotor p a:visited {
	color: #fff;
	border-bottom: 1px dotted #fff;
}

#promotor p a:hover {
	color: red;
	border-bottom: 1px solid red;
}


/* newspage */

#news #side {
	float: left;
	margin: 0 25px 0 15px;
	width: 300px;
}

#news #main {
	float: left;
	width: 550px;
	margin: 0 0 0 35px;
}

#news #side ul li span {
	display: block;
}

#news #side ul li  {
	margin: 0 0 5px 0;
}

#news #side ul li a:link, #news #side ul li a:visited {
	color: #7f7f7f;
	text-decoration: none;
}

#news #side ul li a:hover {color: #000000;border-bottom: 1px solid #000000;}
 
#news #content h2 
	{color: #525252;font-size: 20px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: normal;margin: 0 0 2px 0;}
	
#news #content #side h3 {
	margin: 5px 0 8px 0;color: #525252;font-size: 18px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: normal;
}

#news #content #side  ul + h3 {
	margin-top: 35px;
}

#news #main h3.date {
	margin: 0 0 18px 0;
	color: #999;
}

#news #main img.rechts {
	float: right;
	margin: 0 0 20px 20px;
	border: 1px solid #eee;
	padding: 5px;
}

#news #main img.links {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #eee;
	padding: 5px;
}

#news #main ul {list-style: disc outside url();}

div.hr hr {
	display: none;
}

div.hr {
	width: 400px;
	margin: 30px auto;
	background-color: #b3b3b3;
	height: 1px;
}

p.tags {
	margin-bottom: 35px;
	clear:  both;
}

table.recentposts td {padding: 0 5px 2px 0;}



/* contact formulier op contact pagina */

#contact_form input.hidden {display: none;}

#contact_form .requiredMarker {
	color:  #838788;
}

#contact_form label.error {text-transform: none;color: #D90005;margin: -25px 0 10px 0;font-size: 1em;}

#contact_form .hiddenFields, #contact_form .hiddenFields input {display:  none;}

#contact_form label {
	font-size: 1em;
	display: block;
	margin: 10px 0 0 0;
	color: #525252;
}

#contact_form input, #contact_form textarea, #submit {
	border: 1px solid #b1b1b1;
	display:  block;
	margin: 5px 0 20px 0;
	width: 300px;
	background-color: #ffffff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#contact_form input:focus, #contact_form textarea:focus {
	background-color: #E8EFF2;
}

#contact_form #sendit input, #submit {margin: 0;width: 100px;background-color: #eeeeee;padding: 4px 0;}



#contact_form #req {
	margin: 0 0 0 0;
}

select {margin: 0 0 10px 0;width: 125px;}

#contact_form label span.requiredMarker, #req span.requiredMarker {color: #ED1C24;font-weight: bold;}


/* team */

#news #side #team {overflow: hidden;zoom: 1;}
#news #side #team li {display: inline;float:  left;width: 90px;margin: 0 25px 25px 0;}
#news #side #team li img {display: block;padding: 4px;border: 1px solid #cecece;}
#news #side #team li span {width: 75px;font-family: "Trebuchet MS", sans-serif;font-size: 0.65em;}

/* modal boxes homepage */
#te_koop_options {width: 937px;height: 265px;background: transparent url(../images/graphics/option_te_koop_bg.png) top left no-repeat;overflow: hidden;zoom: 1;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: normal;}
#te_koop_options h3 {font-size: 1.375em;text-transform: uppercase;color: #fff;margin: 20px 0 0 20px;}
#te_koop_options ul {float: right;width: 780px;margin: -25px 0 0 0;}
#te_koop_options li {display: inline;width: 219px;overflow: hidden;zoom: 1;}
#te_koop_options li a {display: block;width: 219px;height: 50px;float: left;margin: 0 25px 35px 0;}

#te_huur_options {width: 937px;height: 261px;background: transparent url(../images/graphics/option_te_koop_bg.png) top left no-repeat;overflow: hidden;zoom: 1;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: normal;}
#te_huur_options h3 {font-size: 1.375em;text-transform: uppercase;color: #fff;margin: 20px 0 0 20px;}
#te_huur_options ul {float: right;width: 780px;margin: -15px 0 0 0;}
#te_huur_options li {display: inline;width: 219px;overflow: hidden;zoom: 1;}
#te_huur_options li a {display: block;width: 219px;height: 50px;float: left;margin: 0 25px 35px 0;}
.opt_woningen {text-indent: -6000px;background: transparent url(../images/graphics/option_woning.png) top left no-repeat;}
.opt_beleg {text-indent: -6000px;background: transparent url(../images/graphics/option_beleg.png) top left no-repeat;}
.opt_garage {text-indent: -6000px;background: transparent url(../images/graphics/option_garage.png) top left no-repeat;}
.opt_apart {text-indent: -6000px;background: transparent url(../images/graphics/option_apart.png) top left no-repeat;}
.opt_comm {text-indent: -6000px;background: transparent url(../images/graphics/option_comm.png) top left no-repeat;}
.opt_grond {text-indent: -6000px;background: transparent url(../images/graphics/option_grond.png) top left no-repeat;}
.opt_villa {text-indent: -6000px;background: transparent url(../images/graphics/option_villa.png) top left no-repeat;}
.opt_kantoor {text-indent: -6000px;background: transparent url(../images/graphics/option_kantoor.png) top left no-repeat;}
#te_koop_options a.close, #te_huur_options a.close {margin: 0 0 0 20px;color: #ffffff;font-size: 1em;position: relative;top: 175px;}

div.modal {display:none;z-index: 10000;background-color: #000; 
    width: 937px;     
   	height:260px; 
    border:1px solid #666;  
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 25px 4px #111111; 
    -webkit-box-shadow: 0 0 25px #111111; 
    position: absolute;
}

/* #footer linkage */
#disclaimer, #credit, #footer #tarificatie {font-size: 16px;position: absolute;bottom: 53px;}
#disclaimer {left: 375px;}
#tarificatie {left: 600px;}

#print a {padding-left: 20px;background: #fff url(../images/graphics/print.png) left center no-repeat;color: #8E999F;text-decoration: none;font-size: 0.75em;position: relative;left: 10px;}
#print a:hover {color: #000;}