/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	outline: 0;
	border:0;
	font-weight: inherit;
	font-style: inherit;
	font-size: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table, caption, tbody, tfoot, thead, tr, th, td {
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;	
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a{color:#398BD7; text-decoration:none;}
a:hover{color:#0C498E; text-decoration:none;}

/*STRUCTURE*/
html
{
    background: #f2f2f2 url('../beelden/bg-top.jpg') repeat-x 0 0;
}
body
{
    background: url('../beelden/bg-bot.jpg') repeat-x 0 bottom;
    color :#4d4d4d;
    font: 12px/18px Arial;
}

#wrapper-outer{
    width: 100%; 
}

div#atz_header
{
	height: 137px;
	margin: 0 auto;
	position: relative;
	width: 1024px;
}
.header-top{
	height: 90px;
}
.header-top .login{
	color: #fff;
	float: left;
	margin-top: 16px;
}
.header-top .login li{
	float: left;
	margin-right: 14px;
}
.header-top .login .name{
	display: block;
	font-weight: bold;
	font-size: 18px;
	margin-top: 19px;
}
.header-top .login .input{
	background: #fff;
	border: 1px solid #b2b2b2;
	padding: 4px 8px;
	margin-bottom: 2px;
	width: 135px;
}
.header-top .login a{
	color: #fff;
	text-decoration: underline;
}
.header-top .login a:hover{
	text-decoration: none;
}
.header-top .login  label{
	display: block;
}
.header-top .login .btn-login{
	background: url('../beelden/bg-btn-login.png') no-repeat;
	border: 0;
	color: #398bd7;
	display: inline-block;
	font-weight: bold;
	letter-spacing:-1px; 
	font-weight: bold;
	line-height: 46px;
    height: 46px;
	margin-top: 6px;
	text-align: center;
	text-decoration: none;
    width: 46px;
}
.header-top .header-right{
	float: right;
	margin: 34px 25px 0 0;
}
.header-top .header-right a{
	display: inline-block;
	height: 27px;
	width: 27px;
	background: url('../beelden/social-icons.png') no-repeat;
	margin-left: 6px;
	text-indent: -9999px;
}
.header-top .header-right a.facebook{
	background-position: 0 0;
}
.header-top .header-right a.twitter{
	background-position: -35px 0;
}
.header-top .header-right a.pintrest{
	background-position: -70px 0;
}
.header-top .header-right a.email{
	background-position: -105px  0;
}
.header-top .header-right a.rss{
	background-position: -140px 0;
}

#banner{
	height: 300px;
	margin: 0 auto;
	overflow: hidden;
	width: 1024px;
	position: relative;
}
#banner .title{
	position: absolute;
	left:0;
	bottom:0;
	height: 36px;
	line-height: 36px;
	color: #fff; 
	font-size: 18px;
	font-weight: bold;
	background:url(../beelden/bg-transparent.png) repeat;
	width:100%;
	text-align: center;
}

#atz_midden_content
{
    background: #fff;
	margin: 0 auto;
	overflow: hidden;
	padding: 8px;
	width: 1008px;
}
#atz_midden_content #column-one{
    float: left;
	border-right: 1px solid #e6e6e6;
	margin-right: 16px;
	padding-right: 8px;
    width: 182px;
}
.left-title, .left-title a{
	background: #398bd7;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 6px;
	padding: 6px 10px;
	text-transform: uppercase;
}
.left-title a:hover{
	color: #000;
}
.event-list{
	margin-bottom: 14px;
}
.event-list th{
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	padding: 4px 0;
}
.event-list td{
	padding: 2px 0;
}
.event-list a{
	color: #4D4D4D;
}
.event-list a:hover{
	color: #398bd7;
}

.sport-list{
	background: #ccc;
	margin-bottom: 14px;
	padding: 15px 9px;
}
.sport-list td{
	text-align: center;
	padding: 5px;
}
.sport-list td img{
	height: 65px;
}
#atz_midden_content #column-two{
    float: left;
	margin-right: 16px;
    width: 623px;
}
#atz_midden_content #column-two h2{
	color: #f90;
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	margin-bottom: 14px;
}
#atz_midden_content #column-two h3{
	color: #000;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
#atz_midden_content #column-three{
    float: left;
    width: 162px;
}

.product-highlight li{
	background: #fff;
	border: 2px solid #6ba8e1;
	text-align:center;
	padding: 8px;
	margin-bottom: 14px;
}
.product-highlight li .title{
	color: #398BD7;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
}
.product-highlight li img{
	margin-bottom: 8px;
}
.product-highlight li span.name, .product-highlight li span.price{
	display: block;
	font-weight: bold;
}
.product-highlight li span.price{
	color: #f90;
	font-size: 14px;
	margin-top: 8px;
}
.product-highlight li span.price .old{
	color: #000;
	text-decoration: line-through;
	padding-right: 8px;
}
#atz_introkader_content
{
	text-align: left;
	min-width: 984px;
	max-width: 984px;
	margin-left:auto;
	margin-right:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	
	
#hidden
{
	display:none;
}

#atz_midden_footer
{
	color: #fff;
	height: 38px;
	width: 984px;
	margin: 0 auto;
	padding: 18px 20px 0;
}
#atz_midden_footer a{
	color: #dae9f7;
}
#atz_midden_footer a:hover{
	color: #fff;
}
#atz_midden_footer .copyright{
	float: left;
	width: 300px;
}
#atz_midden_footer .right{
	float: right;
}
#atz_midden_footer .right a{
	padding-left: 10px;
}
#menubalk
{
    position: relative;
	/*width: 745px;*/
	z-index: 2000;
}

#menubalk a.menu
{
	color: #000;
	display: block;
    line-height: 47px;
	padding: 0 8px;
    text-transform: uppercase;
}

#menubalk a.menu:hover, #menubalk li.selected a, #menubalk a.submenu:hover, #menubalk li:hover > a {
	color: #fff;
}

#menubalk li.selected a{
	color: #fff;
	font-weight: bold;
}

#menubalk ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menubalk li
{
	float: left;
	position: relative;
}

#menubalk li ul{
    display: none;
}

#menubalk li:hover ul{
    display: block;
}

#menubalk li ul{
    position: absolute;
    left: 0;
    top: 46px;
	width: 185px;
    z-index: 1;
}

#menubalk li li{
	border-bottom: 1px solid #ffbf74;
	float: none;
}

#menubalk li a.submenu{
    background: #f7931e;
    color: #fff;
	display: block;
	line-height: 30px;
	padding: 0 10px;
}

#menubalk li a.submenu:hover{
	color:#000;
}

#menubalk li li:last-child{
    border: 0;
}

#breadcrums
{
	padding: 1px 10px;
}
#breadcrums a
{
	text-decoration: none;
	color: #000000;
}
#breadcrums a:visited{
	text-decoration: none;
	color: #000000;
}

#sidemenu{
    margin: 24px 0 0 -13px;
}

#sidemenu li{
    margin-bottom: 2px;
}

#sidemenu li a{
    background:url('../beelden/bg-sidemenu.png') no-repeat 0 0;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 61px;
    line-height: 55px;
    padding-left: 14px;
    width: 211px;
}

#sidemenu li a:hover{
    color: #1A171B;
}

#sidemenu li.selected a{
    font-weight: bold;
}

#sidemenu li.selected li a{
    font-weight: normal;
}

#sidemenu li ul{
    display: none;
    margin: 0 0 14px 24px;
}

#sidemenu li.selected ul{
    display: block;
}

#sidemenu li  li a{
    background: none;
    color: #666;
    font-size: 12px;
    height: inherit;
    line-height: normal;
    padding: 0;
    width: inherit;
}

#sidemenu li  li a:hover, #sidemenu li  li.selected a{
    color: #000;
}

#sidemenu li  li.selected a{
    font-weight: bold;
}

#menu{
	width:100%;
	float:left;
}

#menu a
{
	font-weight:normal;
	display:block;
	white-space:nowrap;
	margin:0;
	padding:0 5px;
	background-image:url('../beelden/knop.png');
	background-repeat: no-repeat;
	text-decoration: none;
}

#menu ul li ul li a
{
	font:normal 90% tahoma,arial,helvetica,sans-serif;
	display:block;
	white-space:nowrap;
	margin:0;
	padding:0 5px;
	background-image:url('../beelden/submenu_transparant1.png');
	background-repeat: no-repeat;
	text-decoration: none;
}

#menu h3
{
	font:bold 90% tahoma,arial,helvetica,sans-serif;
	display:block;
	background-image:url('../beelden/knop.png');
	background-repeat: no-repeat;
}

#menu a, #menu a:visited
{
	color:#000;
	background-image:url('../beelden/knop.png');
	background-repeat: no-repeat;
}

#menu a:hover
{
	color:#a00;
}

#menu a:active
{
	color:#060;
	background:#ccc;
}

#menu ul
{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:11.5em;
}

#menu li
{
	position:relative;
}

#menu ul ul
{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
}

#menu ul ul ul
{
	top:0;
	left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

#menu li:hover
{
	cursor:pointer;
	z-index:100;
}

#menu li:hover ul ul,
#menu li li:hover ul ul,
#menu li li li:hover ul ul,
#menu li li li li:hover ul ul
{display:none;}

#menu li:hover ul,
#menu li li:hover ul,
#menu li li li:hover ul,
#menu li li li li:hover ul
{display:block;}


#hidden
{
	display:none;
}
#afbeelding_links
{
	width: 289px;
	margin-top: 7px;
	margin-left: 11px;
	margin-right: 5px;
	float: left;
}

#tekst_helemaal
{
	font-size: 13px;
	padding: 10px;
	margin-top: 7px;
	margin-left: 11px;	
	float: left;
	background: url('../beelden/tekstvak_transparant.png');
	width: 855px;
	min-height:448px;
	height:auto !important;
    text-decoration: none;	
/*	height:448px;*/
}
#tekst_helemaal a
{
    text-decoration: none;
    }
    
#tekst_helemaal td
{
    text-decoration: none;
    }
    
#tekst_helemaal tbody
{
    text-decoration: none;
    }
    
#tekst_rechts
{
	font-size: 13px;
	padding: 10px;
	margin-top: 7px;
	float: left;
	background: url('../beelden/tekstvak_transparant.png');
	width: 562px;
	min-height:448px;
	height:auto !important;
	height:448px;
}
li.list_submenu
{
	padding: 0px;
	margin: 0px;
}
.clearfix:after 
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
   
}

#woningtype_tekst
{
	margin-top: 7px;
	margin-left: 11px;
	width: 260px;
	background-image: url('../beelden/tekstvak_transparant.png');
	float: left;
	margin-right: 5px;
	height:468px;
}
#woningtype_tekst_body
{
	font-size: 11px;
	width: 250px;
	height:455px; /* was 428 */
	overflow: auto;/* hidden zorgt ervoor dat dit vast komt te zonder scroll*/
	padding: 5px;
}
#woningtype_leesmeer
{
	width: 260px;
	height:20px;
	float: left;
	padding-top: 8px;
	text-align: center;
}
#woningtype_tekst h1
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 18px;
}
#woningtype_afbeelding
{
	margin-top: 7px;
	float: left;
	width: 616px;
	min-height:462px;
	height:auto !important;
/*    height: 4450px;*/
	background-repeat: no-repeat;
/*	height:448x; nu even niet */
}
#woningtype_bijschrift
{
	color: #ffffff;
	font-size: 11px;
    margin-top: 0px;
    width: 190px;
	background-image: url('../beelden/tekstvak_transparant_donker.png');
	float: right;
	min-height:462px;
	height:auto !important;
	height:462px;
	padding: 3px;
	font-weight: bolder;
}
#woningtype_bijschrift table
{
	border-collapse: collapse;
	width: 190px;
	color: #ffffff;
	font-size: 11px;
    font-weight: bolder;
}

#woningtype_bijschrift td
{
	padding: 0px;
    font-weight: bolder;
}
#woningtype_bijschrift h1
{
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	font-weight: bolder;
}


#woningtypeoverzicht_tekst
{
	margin-top: 7px;
	margin-left: 0px;
	width: 170px;
	background-image: url('../beelden/tekstvak_transparant.png');
	float: left;
	margin-right: 5px;
	height:468px;
}


#woningtypeoverzicht_tekst_body
{
	font-size: 10px;
	width: 160px;
	height:428px;
	overflow: auto;
	padding: 5px;
}

#woningtypeoverzicht_tekst a
{
    font-family: "Myriad Pro", Verdana, sans-serif;
	font-weight:normal;
	display:block;
	white-space:nowrap;
    color: #fff;
	margin:0;
	padding:0 0px;
	background-image:url('../beelden/knop2.png');
	background-repeat: no-repeat;
	text-decoration: none;
	width: 142px;
	height:20px;
	text-align: center;
}

#woningtypeoverzicht_leesmeer
{
	width: 170px;
	height:20px;
	float: left;
	padding-top: 8px;
	text-align: center;
}
#woningtypeoverzicht_tekst h1
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 18px;
}
#woningtypeoverzicht_afbeeldingen
{
	margin-top: 7px;
	margin-left: 5px;
	float: right;
	width: 700px;
	min-height:448px;
	height:auto !important;
/*	height:448x; nu even niet */
}

.woningtypeoverzicht_thumbnails
{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
}
.woningtypeoverzicht_thumbnails img
{
	width: 170px;
}
#kavelOfVilla_links
{
	margin-top: 7px;
	margin-left: 11px;
	margin-right: 4px;
	float: left;
}
#kavelOfVilla_links img
{
	width: 437px;
}
#kavelOfVilla_rechts
{
	margin-top: 7px;
	float: left;
}
#kavelOfVilla_rechts img
{
	width: 437px;
}
#introkader img
{
	margin-top: 33px;
	width: 984px;
}

#kavelskaart
{
	float: left;
	margin-top: 10px;
	margin-left: 11px;
	width: 877px;
	height: 450px;
	background-image: url('../images/delanenkavels.jpg');
}
#kavelskaart a
{
	text-decoration: none;
}



#kaveldetails_tekst
{
	margin-top: 7px;
	margin-left: 0px;
	width: 170px;
	background-image: url('../beelden/tekstvak_transparant.png');
	float: left;
	margin-right: 5px;
	height:468px;
}
#kaveldetails_tekst_body
{
	font-size: 10px;
	width: 160px;
	height:428px;
	overflow: auto;
	padding: 5px;
}


.knop 
{
	font-weight:normal;
	display:block;
	white-space:nowrap;
	margin:0;
	padding:0 0px;
	background-image:url('../beelden/knop.png');
	background-repeat: no-repeat;
	text-decoration: none;
}

.knop a
{
	font-weight:normal;
	display:block;
	white-space:nowrap;
	margin:0;
	padding:0 0px;
	background-image:url('../beelden/knop.png');
	background-repeat: no-repeat;
	text-decoration: none;
}


a.tooltip {
position:relative;
}
a:hover.tooltip {
padding:0;
z-index:10;
}
a.info{
 position: relative;
 z-index:24;
 background-color: #cdb491;
 color: #000000;
 text-decoration: none;
 }
 
 a.info:hover{z-index:25; background-color: #cdb491;}
 
 a.info span {display: none}
 
 a.info:hover span{
 display: block;
 position: absolute;
 top:2em; left:2em; width: 15em;
 border: 1px solid #b08753;
 z-index:24;
 background-color: #cdb491; 
 color: #000000;
 padding:2px 3px;
 font:11px Verdana, Arial, Helvetica, sans-serif;
}

a.infodetails{
	position: relative;
	z-index:24;
	background-color: #cdb491;
 	color: #000000;
 	text-decoration: none;
 	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	cursor: pointer;
 
 }

 a.infodetails:hover{z-index:25; background-color: #cdb491;}

 a.infodetails span {display: none}
 
 a.infodetails:hover span{
 display: block;
 position: absolute;
 width: 265px;
 /*top:2em; left:2em; width: 25em;*/
 top:5em; left:5em;
 border: 1px solid #b08753;
 z-index:100;
 background-color: #cdb491; 
 text-decoration: none;
 color: #000000;
 background:#cdb491;
 border:1px solid #b08753;
 padding:2px 3px;
 font:11px Verdana, Arial, Helvetica, sans-serif;
}
 
.rkolom
{
	padding: 0px 0px 0px 10px;
}

.sponsoren{
	background: #f2f1f1;
	padding: 9px;
	text-align: center;
}
.sponsoren a{
    color:#666;
}
.sponsoren a:hover{
    color:#242424;
}
.sponsoren h2 {
    color: #F4590B;
    font-size: 24px;
    font-weight: bold;
	margin-bottom: 10px;
	text-align: left;
}
.sponsoren .img-holder{
	background: #fff;
	box-shadow: 1px 1px 1px #ccc;
	margin: 15px 8px 0 0;
	min-height: 52px;
	padding: 10px;
}

.sponsoren .img-holder img{
	max-height: 65px;
	max-width: 123px;
}

/*.sponsoren td.left {
	max-width: 123px;
}
.sponsoren td.left .img-holder{
	float: left;
}*/

.search-result{
	background:#fdf7f4;
	border: 1px solid #FCD8C6;
	padding: 10px;
	margin-bottom: 8px;
}
/*Form*/
.form-wrapper{margin-top:30px;}
.form-wrapper .required{color:#f00; font-size: 18px;}
.form-wrapper ul{margin:0!important;}
.form-wrapper li{list-style:none!important; margin-bottom:12px; overflow:hidden;}
.form-wrapper li .note{color: #999; font-style:italic;}
.form-wrapper li div{float:left; width: 50%;}
.form-wrapper li div.second label{padding-left: 50px; width: 100px;}
.form-wrapper li label{float:left; line-height: 24px; width:150px;}
.form-wrapper li input, .form-wrapper li select, .form-wrapper li  textarea{background:#fdf7f4; border:1px solid #fcd8c6; color:#F4590B;}
.form-wrapper li input.small{width: 135px;}
.form-wrapper li input.checkbox, .form-wrapper li input.radio{border:0; width:20px;}
.form-wrapper li input.checkbox{float: left; margin-top: 2px;}
.form-wrapper li input, .form-wrapper li  textarea{padding:3px 6px; width:250px;}
.form-wrapper li input.button, a.button, input.button{background:#f7931e; border: 1px solid #d47709; color:#fff!important; cursor:pointer; font-weight:bold; text-align:center; width:100px;}
a.button{display:block; height:25px; line-height:25px;}
.form-wrapper li input.button:hover, .button:hover{background:#d47709;}
.gap-top{padding-top: 14px;}
.gap-top-textarea{padding-top: 20px;}
h3.gap-top{padding: 18px 0 14px;}

.list-item {margin-bottom: 14px;}
.list-item li{border-bottom:1px dashed #acd2f4; overflow:hidden; padding: 14px;}
.list-item li img{background:#fff!important; margin-right: 14px;}
.list-item li a.title{display: block; color: #398bd7; font-size: 16px; font-weight: bold; margin-bottom: 6px;}
.list-item li a.title:hover{color: #000;}
.list-item li:last-child{border: 0;}

.news-catagory{background:#398bd7; color: #fff; font-weight: bold; margin-bottom: 14px; padding: 5px;}

#atz_midden_content #column-one .pagination{margin-top:30px;}
#atz_midden_content #column-one .pagination a{background:#EDEDED; border: 1px solid #D9D9D9; color:#242424; font-weight: bold; margin-right: 10px; padding: 2px 6px;}
#atz_midden_content #column-one .pagination a:hover{background:#242424; color:#fff;}

.table-design{background:#fff; border-spacing: 1px; border-collapse: separate;}
.table-design th, .table-design td{padding: 4px; text-align: left;}
.table-design th{background:#398bd7; color:#fff; font-weight:bold;}
.table-design td{background:#eaf3fb;}
.table-design td.blink{background:#DCE9F4;}
.table-design td.highlight{background:#C6DFF4; font-weight: bold; color: #398BD7;}
.table-design td span.price{display: inline-block; text-align:right; width: 50px;}

.green-led, .red-led{display: inline-block; height:16px; text-indent:-9999px; width:16px;} 
.green-led{background: url(../beelden/green-led.png) no-repeat;}
.red-led{background: url(../beelden/red-led.png) no-repeat;}

#fancybox-wrap .download{color: #fff; font-weight: bold; padding-left: 25px; text-decoration: underline;}
#fancybox-wrap .download:hover{color: #999;}

.donker{color: #398BD7; font-style: italic; font-size: 14px;}
.error{color: #f00;}