/*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, a:hover{text-decoration:none;}

/*STRUCTURE*/
body
{
    background: #081b3e;
    color:#000; 
	font:12px Arial, Helvetica, sans-serif;
}

#wrapper{
    background:#263f6a url(../beelden/bgWrapper.gif) no-repeat 0 0; 
	margin:36px auto 0 auto;
	padding:0 31px 28px 44px; 
	position:relative; 
	width:948px;
}

div#atz_header
{
	height: 90px;
}

.logo, .specialistAutomatiseren{
	display:block; 
	text-indent:-999px;
}

#atz_header .logo{
    background:url(../beelden/logo.png) no-repeat 0 16px; 
	float:left; 
	height:90px; 
	width:150px;
}

.specialistAutomatiseren{
	background:url(../beelden/specialistAutomatiseren.gif) no-repeat 0 0; 
	float:right; 
	height:36px;
	margin:37px -12px 0 0; 
	width:558px;
}

#banner{
	background:url(../beelden/bgBanner.gif) repeat-y 0 0; 
	height:265px;
}

#atz_midden_content
{
    background:url(../beelden/bgContent.jpg) repeat-y 0 0; 
	overflow:hidden; 
	margin:12px 0;
}

#atz_midden_content #column-one{
    float: left;
    padding:16px 0; 
	width:150px;
}

#atz_midden_content #column-two{
	float:left;
	min-height: 205px;
	padding:12px 40px; 
	width:718px;
}

#atz_midden_content #column-two .main-title{
	color: #263f6a;
    font-size: 16px;
    font-weight: bold;
	margin-bottom: 12px;
}

#atz_midden_content #column-two #content{
    line-height: 22px;
}
#atz_midden_content #column-two #content ul{
    margin-left: 14px;
}

#atz_midden_content #column-two #content li{
    list-style: disc;
}

#atz_midden_content #column-two h1{
    color: #7DB62F;
    font-weight: bold;
}

#atz_midden_content #column-two h1{
    font-size: 20px;
    margin-bottom: 14px;
}

#atz_midden_content #column-two h6{
    font-size: 9px;
}

#atz_midden_content #column-two .content{
    margin-top: 10px;
    margin-top: 10px;
}

#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
{
   background:#fff; 
   overflow:hidden;
   padding:8px 0 16px 8px;
}

#atz_midden_footer li{
	float: left;
	margin-right: 33px;
}

#atz_midden_footer li.last{
	margin-right: 0;
}

#atz_midden_footer li li{
	float: none;
	margin-right: 0;
}

#atz_midden_footer a{
    color: #636467;
	font-size: 12px;
	line-height: 20px;
}

#atz_midden_footer a:hover{
    color: #333;
}

#atz_midden_footer a.menu{
    color: #333;
	font-weight: bold;
}

#menubalk
{
	z-index: 2000;
    height:35px;
    position: relative;
	margin-top:20px;
}

#menubalk a.menu
{
	background:#03112c;
	border-radius:5px 5px 0 0;
	color: #fff;
	display: block;
    line-height: 35px;
	font-size: 14px;
	padding:0 10px;
	margin-right:10px;
	min-width:87px;
	text-align:center;
}

#menubalk li:last-child a{margin-right:0;}

#menubalk a.menu:hover, #menubalk li.selected a, #menubalk :hover > a {
	background:#00adee;
}
#menubalk a.submenu:hover{color:#000;}

#menubalk li.last{
    border: 0;
}

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

#menubalk li
{
	float: left;
    height: 35px;
	position: relative;
}

#menubalk li ul{
    display: none;
}

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

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

#menubalk li li{
	float: none;
    height: inherit;
    padding: 0;
}

#menubalk li a.submenu{
    background:#00adee;
	border-bottom:1px solid #ccf8fc;
    color:#fff; 
	font-size:14px; 
	display:block;
	height:auto; 
	line-height:29px; 
	padding:3px 25px;
}
#menubalk li li:last-child a{border-radius:0 0 5px 5px; border-bottom:0;}

#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{
	background: #fff;
    padding:10px;
}

#sidemenu ul{
	border-bottom: 1px solid #d6e4fc;
}

#sidemenu ul ul{
	border-bottom: 0;
	display: none;
}

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

#sidemenu li {
    border-top: 1px solid #d6e4fc;
}

#sidemenu li a{
    color:#263f6a;
	display: block;
	font-size:14px;
	padding: 8px 0;
}

#sidemenu li a.menu, #sidemenu li a:hover{
    color: #081b3e;
}

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

#sidemenu li  li a{
	background:url(../beelden/bullet.png) no-repeat 0 13px;
	padding: 8px 0 8px 10px;
}

#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 span{
display:none;
}
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;}

td.valign{vertical-align: top;}
/*Form*/
.form ul{margin-left: 0!important;}
.form li{margin-bottom:10px; overflow:hidden;}
.form label, table.form .label{color: #263F6A; float:left; font-weight: bold; width:150px;}
.form input, .form textarea{border:1px solid #374763; float:left; margin-bottom:2px; padding:2px 5px; width:205px;}
.form input.checkbox, .form input.radio{float:none; margin: 0; width: 20px}
.form li textarea{height:100px;}
.form  .button{width:130px;}
.form  tr td{padding-bottom:10px;}

.alert-box{color:#d10202;}
.news-catagory, .album-catagory{font-weight:bold; margin-bottom:25px;}
.news-catagory select, .album-catagory select{background:#D7E8F5; border:1px solid #ACD1EF; color:#2E3D66; padding:2px;}

/*List Item*/
h2, h3{color: #263f6a; font-weight: bold; margin-bottom: 12px;}
h2{font-size: 16px;}
h3{font-size: 14px;}
.list-item{border-top:1px dashed #cdd7ec;}
.list-item li, .list-item td.box-product{border-bottom:1px dashed #cdd7ec; overflow:hidden; padding:16px 0;}
.list-item img, .product-detail img, .img-banner, .album-wrap img{border:1px solid #b4c5e6; padding:2px;}
.list-item img, .product-detail img{float:left; margin-right: 14px;}
.list-item  span.small{color:#666; font-size:11px;}
.list-item a{font-weight:bold;}
.list-item a{font-weight:bold;}
.list-item a.button img, .product-detail a.button img{border:0; padding:0; margin:0;}

.button-wrapper{margin-top:8px; overflow:hidden;}
.button-wrapper .button{float:left; margin-right: 10px;}
.button{background:#263f6a; border: 1px solid #081b3e; color:#fff; cursor: pointer; padding: 3px 8px; margin-right: 8px;}
.button:hover{background:#081b3e;}

#fancybox-title-over{display:none!important;}

.pagination{margin-top: 14px; text-align:center;}
.pagination a{background: #6e8dc2; border: 1px solid #49689c; color:#fff; display: inline-block; font-weight: bold; line-height: normal; padding: 3px 8px;}
.pagination a:hover{background:#49689c;}

.box-sitemap li{list-style:none; margin-top:20px;}
.box-sitemap a{color:#7DB62F!important; font-weight:bold;}
.box-sitemap li li {list-style:circle inside none!important; margin:0;}
.box-sitemap li li  li{list-style:square inside none!important;}
.box-sitemap li li a{color: #036!important; font-weight:normal;}
.box-sitemap li li li a{color: #7ab2e1!important;}

.thank-you{background:#dde9fe; border:3px solid #a4beed; font-size:16px; padding:10px; text-align:center;}
.thank-you p{color:#587ec1; font-style:italic; font-weight:bold;}


.table{background:#fff; border-spacing: 1px; border-collapse: separate; line-height:18px; margin-bottom: 25px;}
.table th, .table td{padding: 4px; text-align: left;}
.table th{background:#263f6a; color:#fff; font-weight:bold;}
.table td{background:#dde9fe;}
.table td input{background:#fff; border:1px solid #b0bdd3; padding: 3px 6px; width:70px;}
.table h4{font-weight:bold;}
.table td.merge{padding:14px 6px;}