/*---{ Imports )-------------------------------------------------------*/

@import "news.css";
@import "ecard.css";

/* -----actie----- */
#actionOverlay,
#actionOverlayPdf{
	position:absolute;
	background:url(../images/actie/fade_black.png) repeat;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:95;
}
#actionOverlayPdf{
	background:url(../images/actie/fade_black_light.png) repeat;
	display:none;
	height:1600px;
}
#actionOverlay .close,
#actionOverlayPdf .close{
	width:31px;
	height:31px;
	position:absolute;
	top:110px;
	right:110px;
}
#actionOverlayPdf .close{
	right:-15px;
	top:-15px;
}
.actionBlock{
	margin:60px auto;
	width:720px;
	height:720px;
	background:url(../images/actie/orient-stip.png);
	position:relative;
}
.pdfBlock{
	margin:60px auto;
	width:800px;
	height:1131px;
	position:relative;
	border:1px solid #fff;
}
#actionDot {
	background:none;
	position:absolute;
	right:15px;
	bottom:170px;
	z-index:11;
}
#homeTop #actionDot a,
#homeTop #actionDot img{
	width:100px;
	height:100px;
}
/* -----homepage uitzonderingen----- */

#home #cols {
	background: #9F0256;
}
#home #cols #content {
	padding:0px;
	width: 674px;
	border-left: 1px solid #FFFFFF;
}
#home #logo {
	background: url(../images/img_logo_home.gif) right bottom no-repeat;
}
#home #globalNav li.active {
	background: #B43758 url(../images/img_bolactive.gif) 20px 9px no-repeat;
	padding-bottom: 4px;
}

/* homepage uitzonderingen */
#home #globalNav li a.home {
	background: url(../images/globalnav/home_home.gif) left top no-repeat;
}
#home #globalNav li a.de_oriënt {
	background: url(../images/globalnav/home_de-orient.gif) left top no-repeat;
}
#home #globalNav li a.woningen {
	background: url(../images/globalnav/home_woningen.gif) left top no-repeat;
}
#home #globalNav li a.actueel {
	background: url(../images/globalnav/home_actueel.gif) left top no-repeat;
}
#home #globalNav li a.contact {
	background: url(../images/globalnav/home_contact.gif) left top no-repeat;
}
#home #globalNav li a.omgeving {
	background: url(../images/globalnav/home_omgeving.gif) left top no-repeat;
}
#home #globalNav li a.kopersforum {
	background: url(../images/globalnav/home_kopersforum.gif) left top no-repeat;
}
#home #globalNav li a.woonwijzer {
	background: url(../images/globalnav/home_woonwijzer.gif) left top no-repeat;
}

/* homepage */
#homeTop {
	width: 674px;
	height:345px;
	overflow: hidden;
	border-bottom: 1px solid #FFFFFF;
	background-color:#9F0256;
}
#homeTop .banner{
	width:468px;
	height:60px;
	position:absolute;
	top:0;
	right:0;
	z-index:11;
}
#homeTop .banner a,
#homeTop .banner img{
	width:468px;
	height:60px;
}

#homeTop a,
#homeTop img {
	width: 674px;
	height:345px;
	display: block;
}

#homeTop ul, #homeTop li {
	padding: 0;
	margin: 0;
	list-style: none;
}


#imgSmall {
	float:left;	
}
#imgBig {
	display:block;
	float:left;
	width:599px;
	height:344px;
	border-left: 1px solid #FFFFFF;
}

#homeBottom {
	width:100%;
}
#homeBottom .col {
	width:200px;
	height:130px;
	border-right: 1px solid #FFFFFF;
	float:left;
	padding:14px 9px 10px 15px;
	color:#FFFFFF;
	overflow: hidden;
	line-height: 15px;
}
#homeBottom .col p {
	margin: 10px 0 10px 0;
}
#homeBottom .col a {
	color: #FFFFFF;
	text-decoration: underline;
}
#homeBottom .Kop3 {
	line-height: 18px;
}
#homeBottom .last {
	border-right:none;
}
#homeBottom .col ul {
	margin: 0;
	padding: 0;
}
#homeBottom .col ul li {
	list-style: none;
	background: url(../images/img_bullet.gif) left 5px no-repeat;
	padding: 2px 0 2px 15px;
}



/* fotoalbum popups */
#popupWrapper,#popupWrapperLang {
	display:none;
}
#popupWrapper #background, #popupWrapperLang #background{
	z-index:99;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	background:#999999;
}
#popupWrapper #popupcontent, #popupWrapperLang #popupcontent{
	background:white;
	position:absolute;
	z-index:100;
	width: 820px;
	min-height:610px;
	_height:610px;
	display:block;
	left: 50%;
	top:0%;
	margin-top:10px;
	margin-left:-410px;
}
#popupWrapper #popupcontent #picture{
	position:relative;
	width: 800px;
	height:480px;
	display:block;
	margin-top:5px;
	text-align: center;
}
#popupWrapper #popupcontent #picture a img{
	border:none;
}
#popupWrapper #popupcontent #desc{
	font-size: 16px;
	font-family:arial;
	margin-top:4px;
	text-align:left;
	padding: 3px;
	position:relative;
	display:block;
	line-height:24px;
	padding-left: 15px;
	font-weight:bold;
}
#popupWrapper #popupcontent #thumbNav{
	display:block;
	padding: 15px 0 0 0;
	width: 800px;
}
#popupWrapper #popupcontent #thumbNav a{
	padding-left:4px;
}

#popupcontent #close,
#popupWrapperLang #close{
	position:absolute;
	right: 10px;
	top:10px;
	background-color: #FFFFFF;
}

#googleLeft
{
	position: relative;
	width: 590px;
	height: 400px;
	display: block;
	}

#googleRight
{
	position: relative;	
	width: 590px;
	display: block;
	padding: 8px 8px 0 0;

}

_#Googlemap{
	width: 500px; 
	float:left;
	margin-right:20px;
	height: 450px
}

#googleMapsMarkers
{
	position:relative;
	margin-left: 10px;
}

#home-startverkoop{
	position:absolute;
	top: -17px;
	right:-30px;
	border:0px;
	z-index: 99999;
}
#deelnemer-nwbdg{
	position:absolute;
	top: 419px;
	left: 0px;
	border:0px;
	z-index: 99999;
}

.videowrapper{
	position:fixed;
	width: 100%;
	height: 100%;
	display:none;
	background: #ffffff;
	top:0px;
	left: 0px;
	z-index: 998;
	opacity: 0.75;
	-moz-opacity: 0.75;
	filter: alpha(opacity=75);
}

.videobox{
	width: 853px;
	height: 505px;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -280px;
	margin-left: -426px;
	z-index: 1000;
	background: #ffffff;
	padding: 5px;
	border: 4px solid black;
	font-size: 10px;
	display:none;
}

.videobox a{
	color: #000000;
	text-decoration:none;
	display:block;
	background: #ffffff;
	padding: 3px 10px;
	position:absolute;
	border: 4px solid black;
	border-top: none;
	right: 5px;
	bottom: -23px;
}

#videoplayer{}

.videobutton{
	position:absolute;
	bottom: 0px;
	left:0px;
	width: 224px;
	height: 154px;
	display:block;
	text-indent:-9999px;
	background:url(../images/videobutton02.jpg) no-repeat top left;
	cursor:pointer;
}

.cloud{
	position:fixed;
	width: 100%;
	height: 100%;
	display:block;
	top:0;
	left:0;
	background: url(../images/cloud/background.png);
	z-index: 100000
}

.cloud .wrapper{
	width: 766px;
	height: 766px;
	position:relative;
	margin:0 auto;
	display:block;
}

.cloud .close {
	position:absolute;
	top: 100px;
	right:100px;
}

.cloud .close img,
.cloud .koperssubsidie img{
	border:0;
}

#bannerstip{
	position: absolute;
	right: -30px;
	top: -30px;
	z-index: 1;
}

#bannerstip1{
	position: absolute;
	left: -35px;
	top: -35px;
	z-index: 1;
}

.videocontainer{
	display:block;
}

.videocontainer .videobutton{
	position:relative;
}