/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:1200px;/* for mozilla*/
	background: #294891 url(img/bg-main-blue.gif) repeat-X top left;
	color: #000000;
	font-family:Tahoma, Geneva, sans-serif;
}

a {
	color:#DB007A;
	font-weight:bold;
	text-decoration:none;
	}
a:hover {
	color:#004692;
	}
	
h3 {
	font-size:14px;	
	margin-left:3px;
	text-align:justify;
	}

#outer{
	height:100%;
	min-height:100%;
	width:1198px;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	background-image:url(img/bg-main-full.gif);
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:940px;
}
#header{
	position:absolute;
	top:0;
	left:0px;
	width:1198px;
	height:317px;
	color: #000000;
	z-index:100;
	background:  url(img/bg-header.jpg) no-repeat top left;
}
#left {
	position:relative;/*ie needs this to show float */
	width:214px;
	float:left;
	padding-top:319px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
	font-size:12px;
}
#left p {padding-left:3px;padding-right:2px}
#right p {padding-left:4px;padding-right:2px}

#left-content {
	padding:20px;
	font-size:12px;
}

#right {
	position:relative;/*ie needs this to show float */
	width:242px;
	float:right;
	padding-top:319px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
	padding-left:5px;
	padding-right:10px;
	font-size:12px;
	line-height:18px;
}

#right-content {
	padding:20px;
	padding-left:10px;
	font-size:12px;
}

#footer {
	width:1198px;
	clear:both;
	height:36px;
	background: #db007a;
	color: #FFF;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
	text-align:left;

}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
	width:726px;
	float:right;
	padding-top:319px;
	padding-bottom:32px;/* needed to make room for footer */	
}
#centrecontent p {padding-left:3px}

#content-main {
	padding:30px;	
	padding-top:20px;
	font-size:12px;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:18px;
}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */



#left-content {
	padding:10px;
	font-size:12px;
	line-height:15px;
}

#footer-navi {
	color:#FFF;
	font-size:12px;
	margin-left:220px;
	padding:10px;
	float:left;
	}
#footer-navi a {
	color:#FFF;
	text-decoration:none;
	line-height:15px;
	text-transform:uppercase;
	font-weight:bold;
	margin-right:15px;
	}
#footer-navi a:hover {
	text-decoration:underline;
	}
	

#footer-copyright {
	float:right;
	color:#FFF;
	text-align:right;
	margin-right:10px;
	margin-top:10px;
	font-size:12px;
	font-weight:bold;
	}

#header-image {
	width: 1198px;
	height:248px;
	margin:0px 0px 0px 0px;
	}
	
#header-navi-main {
	width: 795px;
	height:34px;
	margin:0px 0px 0px 40px;
	float:left;
	}
	
#header-navi-sub {
	width: 700px;
	height:28px;
	margin-left:50px;
	padding-top:11px;
	}

#header-navi-sub a{
	font-size: 12px;
	color:#004494;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:15px;
	}	
#header-navi-sub a:hover{
	color:#DC007B;
	}


#header-navi-side {
	width: 200px;
	height:23px;
	float:right;
	padding-top:10px;
	font-size: 12px;
	color:#FFF;
	}
#header-navi-side a {	
    color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	margin-left:7px;
	}
#header-navi-side a:hover {	
    color:#FFF;
	text-transform:uppercase;
	text-decoration:underline;
	margin-left:7px;
	}
	

#mieter {
	margin-left:20px;
}

#mieter a {
	display: block;
	width:100%;
	float: none;
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	padding-bottom:1px;
	padding-top:2px;
}

#mieter a.menu-3-act {
	color:#2f53a7;
	font-weight: bold;
	padding-left: 0px;
	margin-top:5px;
	text-transform:uppercase;
}
#mieter a.menu-3-act:hover {
	color:#2f53a7;
}
#mieter a.menu-3-no {
	color:#e70097;
	padding-left: 0px;
	margin-top:5px;
	font-weight: bold;
	text-transform:uppercase;
}

#mieter a.menu-3-no:hover {
	color:#2f53a7;
}
#mieter a.menu-4-act {
	color:#2f53a7;
	font-weight: bold;
	padding-left: 5px;
}

#mieter a.menu-4-no {
	color:#2f53a7;
	padding-left: 5px;
}

#mieter a.menu-4-no:hover {
	text-decoration:underline;
	color:#e70097;
}


#quick-select {
	background:url(img/bg-quick-select.png);
	width: 180px;
	height: 235px;
	margin-left:10px;
	margin-top:10px;
}

#quick-select-info {
	padding-top:45px;
	padding-left:20px;
}	
#quick-select-info a{
	display: block;
	width:100%;
	float: none;
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	text-decoration: none;
	padding-bottom:1px;
	padding-top:2px;
	color:#004692;
}
#quick-select-info a:hover{
	padding-top:2px;
	color:#DC007B;
}

#quick-select-shops {
	margin-top:45px;
	margin-left:10px;
	font-size:11px;
	font-style:italic;
	}
#quick-select-shops select {
	margin-bottom:5px;
	}	
.dropdownmenu {
	font-size:11px;	
	width:160px;
	text-transform:capitalize;
	}

#content-area {
	background: #fff url(img/bg-content-element.gif) repeat-X top left;
	padding:10px;
	}
	
td {
	border:0;	
	}
	
h1 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#004692;
	}
	
p { margin:0;}

#right img {
	border: 2px solid #DB007A;	
	margin-bottom:20px;
	}
	
#right .csc-textpic-caption {
	margin-top:-20px;
	}
	
	
#left-content img {
	border: 2px solid #DB007A;	
	margin-bottom:20px;
	margin-left:-10px;
	}
	
#left-content .csc-textpic-caption {
	margin-top:-20px;
	}
	
#content-area img {
	margin-bottom:30px;
	}


.tx-gooffotoboek-pi1 img {
	padding:5px;
	float:left;
	}
	
.tx-gooffotoboek-pi1{
	margin-top:0;
	display:inherit;
	}

/* ##################  NEWS ################## */
#news-img  {
	float:left;
	margin-right:10px;
	padding-top:10px;
	}
	
#news-content  {
	padding-top:10px;
	}
	
.news-latest-item  {
	margin-bottom: 30px;
	background: #fff url(img/bg-content-element.gif) repeat-X top left;
	padding: 5px;
	}	
.news-latest-item h1, .news-single-item h1 {
	margin:none;
	margin-top:0px;
	}	
	
.news-latest-item h1 a, .news-single-item h1 a{
	text-decoration:none;
	color:#004692;
	}	
.news-latest-item h1 a:hover, .news-single-item h1 a:hover {
	text-decoration:none;
	color:#DB007A;
	}	
	
.news-list-morelink a, .news-single-backlink a {
	color:#DB007A;	
	font-weight:bold;
	text-decoration:none;
	}
.news-list-morelink a:hover, .news-single-backlink a:hover {
	color:#004692;	
	}
	
#news-date {
	font-size:14px;
	color:#DB007A;	
	font-weight:bold;
	}

#news-single-img {
	float:right;
	margin-left:30px;
	}
	
#news-single-content {
	text-align:justify;
	}
	
/* ##################  FORM ################## */

.csc-mailform{  border:none;}
.csc-mailform-field label{ float: left; width: 100px; font-weight:bold;}
input, textarea { 
	margin-bottom:2px;
	background-image:url(img/bg-left.gif);
	font-family:Tahoma, Geneva, sans-serif;
	border: 1px solid #203973;
	margin-bottom:10px;
	padding:2px;
	}
input:focus, textarea:focus{ background-image:url(img/bg-right.gif) }
.csc-mailform-field { }
.csc-mailform-submit {
	padding:2px; 
	margin-top:10px;
	background:#DB007A;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	}