/* CSS Document */

body {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height:15px;
	margin: 0px;
	padding: 0px;
}
a.defaultlink{
	color: #000000;
	text-decoration: underline;
	font-style: italic;
}
a.defaultlink:hover {
	color: #6ebb1f;
	text-decoration: underline;
	font-style: italic;
}
a.defaultlink:visited {
	color: #000000;
	font-style: italic;
}
h1 {
	font-weight: bold;
	font-size: 11px;
	margin:0px;
	
}
p {
	margin-top:0px;
}


.paragraafblauw p{color: #3c71b6; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}

.ullink
{
	color: #733e8e;
}
.ullink:hover
{
	color: black;
	background-color: #d3c0dc;
}
.page-titlegroen {
	font-weight: bold;
	color: #6EBB1F;
}
.page-titlewit {
	font-weight: bold;
	color: #FFFFFF;
}
.page-titlewit a {
	font-weight: bold;
	color: #B5D4FD;
	text-decoration: none;
}
.page-titlewit a:hover {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.page-titlewit a.paars {
	font-weight: bold;
	color: #ecd1fa; 
	text-decoration: none;
}

.bghome {
	background-color: #FFFFFF;
	background-image: url(../images/bkg_home.gif);
	background-repeat: repeat-x;
}
.bggebiedsinfo {
	background-color: #FFFFFF;
	background-image: url(../images/bkg_gebiedsinfo.gif);
	background-repeat: repeat-x;
}
.bggebiedsinfocirkels {
	background-color: #FFFFFF;
	background-image: url(../images/bkg_gebiedsinfo_cirkels.gif);
	background-repeat: no-repeat;
	left:0px;
	top:320px;
	width:385px;
	height:230px;
}
.bgsfeervolwonen {
	background-color: #FFFFFF;
	background-image: url(../images/bkg_sfeervolwonen.gif);
	background-repeat: repeat-x;
}
.bgsfeervolwonencirkels {
	background-color: #FFFFFF;
	background-image: url(../images/bkg_sfeervolwonen_cirkels.gif);
	background-repeat: no-repeat;
	left:0px;
	top:320px;
	width:385px;
	height:230px;
}
.bgmeerweten {
	background-color: #FFFFFF;
	background-image: url(../images/bkg_meerweten.gif);
	background-repeat: repeat-x;
}
.bgmeerwetencirkels {
	background-color: #FFFFFF;
	background-image: url(../images/bkg_meerweten_cirkels.gif);
	background-repeat: no-repeat;
	left:0px;
	top:320px;
	width:385px;
	height:230px;
}

/* AREAS
   _________________________________*/
   
div	{
	display:block;
	z-index:10;
	position:absolute;
}

#container {
	display:block;
	z-index:10;
	position:absolute;
	width: 768px;
	height: auto;
	background:none;
}
.menu {
	left:0px;
	top:157px;
	height: 35px;
	width: 905px;
}
.menu ul {
	overflow: hidden;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.menu li {
	float: left;
	margin: 0px;
	padding: 0px;
}
.menu a.btngebiedsinfo {
	background-image: url(../images/btn_gebiedsinformatie.gif);
	text-indent: -9000px;
	display: block;
	height: 35px;
	width: 169px;	
}
.menu a.btngebiedsinfoon {
	background-image: url(../images/btn_gebiedsinformatie.gif);
	background-position: 0px -35px;	
	text-indent: -9000px;
	display: block;
	height: 35px;
	width: 169px;	
}
.menu a:hover {
	background-position: 0px -35px;	
}
.menu a.btnsfeervolwonen {
	background-image: url(../images/btn_sfeervolwonen.gif);
	text-indent: -9000px;
	display: block;
	height: 35px;
	width: 235px;
}
.menu a.btnsfeervolwonenon {
	background-image: url(../images/btn_sfeervolwonen.gif);
	background-position: 0px -35px;
	text-indent: -9000px;
	display: block;
	height: 35px;
	width: 226px;
}
.menu a.btnmeerweten {
	background-image: url(../images/btn_meerweten.gif);
	text-indent: -9000px;
	display: block;
	height: 35px;
	width: 75px;	
}
.menu a.btnmeerwetenon {
	background-image: url(../images/btn_meerweten.gif);
	background-position: 0px -35px;	
	text-indent: -9000px;
	display: block;
	height: 35px;
	width: 75px;	
}
.menu a.btnnieuws {
	background-image: url(../images/btn_nieuws.gif);
	text-indent: -9000px;
	display: block;
	height: 35px;
	width: 76px;
	}
.menu a.btnnieuwson {
	background-image: url(../images/btn_nieuws.gif);
	background-position: 0px -35px;	
	text-indent: -9000px;
	display: block;
	height: 35px;
	width: 76px;		
}
.menu a.btnfotoboek {
	background-image: url(../images/btn_fotoboek.gif);
	text-indent: -9000px;
	display: block;
	height: 35px;
	width: 91px;
	}
.menu a.btnfotoboekon {
	background-image: url(../images/btn_fotoboek.gif);
	background-position: 0px -35px;	
	text-indent: -9000px;
	display: block;
	height: 35px;
	width: 91px;		
}

.menu a.btninfocentrum {
	background-image: url(../images/btn_infocentrum.gif);
	text-indent: -9000px;
	display: block;
	height: 35px;
	width: 120px;
	}
.menu a.btninfocentrumon {
	background-image: url(../images/btn_infocentrum.gif);
	background-position: 0px -35px;	
	text-indent: -9000px;
	display: block;
	height: 35px;
	width: 120px;		
}


#introText {
	left:27px;
	top:205px;
	width:545px;
}
.pageText {
	left:180px;
	top:320px;
	width:700px;
	text-align:justify;
}



.submenugebiedsinfo {
	left:6px;
	top:222px;
	height: 46px;
	width: 152px;
}

#menuList {
	list-style:none;
	margin:0px;
	padding:0px;
	width:696px;
	height:25px;
	border:1px solid #EDE2F2;
}

#menuList li {
	background:#EDE2F2;
	float:left;
	margin:0px;
	width:106px;
	padding:5px;
	text-align:left;
	cursor:pointer;
}
#menuList li a{ 
	display:block;
	color:#733E8E;
	text-decoration:underline;
}
#menuList li:hover {
	background:#FFFFFF;
}
#menuList .active {
	font-weight:bold;
	background:#FFFFFF;
}
.newsitem {
	background-color: #ffffff;
	border-top:2px solid #6ebb1f;
	border-left:0px solid #6ebb1f;
	padding: 10px 0px 5px 0px;
	margin-bottom:10px;
	position: relative;
}

#woningTypeContainer {
	width:900px;
	padding:0px;
	margin-top:50px;
	
	
}

#woningMenu {
	position:absolute;
	top:10px;
	left:0px;
	list-style:none;
	width:190px;
	float:left;
	margin:0px;
	margin-right:20px;
	margin-top:0px;
	padding:0px;
	
}

#woningMenu li {
	margin:0px;
	padding:0px;
	margin-bottom:2px;
	padding:5px;
	text-align:left;
	word-spacing:2px;
}

#woningMenu .borderOranje {
	background:#f5a852;
	height:30px;
}

#woningMenu .titel {
	color:#baad14;
	font-size:16px;
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#woningMenu .donkerBruin{
	background:#baad14;
	min-height:20px;
	font-weight:bold;
}

#woningMenu .lichtBruin{
	background:#dcd386;
	color:#FFFFFF;
	font-weight:bold;
}

.disclaimer 
{
	margin: 450px 0px 20px 0px;
	padding: 0px 0px 20px 0px;
	border: 0px solid red;
	position: absolute;
	
	
	}


/* IMAGES
   _________________________________*/
   
#floatImage {
	float:right;
	position:relative
}
.imgTop {
	position:absolute;
	left:270px;
	top:0px;
	width:266px;
	height:118px;
}
.imgToppages {
	position:absolute;
	left:270px;
	top:0px;
	width:231px;
	height:135px;
}
.logo {
	position:absolute;
	left:20px;
	top:35px;
	width:213px;
	height:48px;
}
.fotoPark {
	position:absolute;
	left:49px;
	top:332px;
	width:376px;
	height:240px;
	z-index:20;
}
.fotoKasteel {
	position:absolute;
	left:580px;
	top:212px;
	z-index: 10;
}
.infoCentrum{
	position:absolute;
	left:595px;
	top:400px;
}
.fotosliggend {
	position:absolute;
	left:0px;
	top:222px;
}

.fotosliggend img
{
	border: 0px;
	}

#plattegrond {
	float:left;
	position:absolute;
	top:0px;
	left:250px;
}

#plattegrond2 {
	float:left;
	position:absolute;
	top:-90px;
	left:750px;
}

.afbeeldingmaastricht 
{
	margin: 0px 0px 20px 0px;
	padding: 0px;
	
	}

#googleearth {
	background-color: #b5d4fd;
	width: 680px;
	height: 325px; 
	margin: 10px 0px 0px 0px;
	padding: 20px 0px 0px 25px;
	float: left;
	
	}
.fotogoogle
{
	padding: 0px 0px 0px 0px;
	margin: 10px 15px 10px 0px;
	width: 317px;
	overflow: hidden;
	border: 4px solid #b5d4fd;
	
		}	

.logolink img
{
	border: none;
	text-decoration: none;
	}

/*--Fotogallery css--*/
.fotoblok {background: #bc93d2; overflow: hidden; width: 700px; height:475px; }
.fotoblok .fotocontainer { margin:10px; }
.fotoblok img { margin: 0 6px 10px 0; width: 55px; height: 40px; border: 1px solid #505246; float: none; cursor:pointer; }
.fotoblok a {float: left; margin-right:41px; }
.fotoblok img.groot { width: 680px; height: 380px; }
.fotoblok * {text-align:left; }

/*--Fotogallery2 css--*/
.fotoblok2 { background: #bc93d2; overflow: hidden; width: 680px; height:455px; padding-left:10px;padding-right:10px;padding-bottom:10px;padding-top:15px;}
.fotoblok2 label {float:left; width:680px;}
.fotoblok2 .fotocontainer2 { margin:0px; }
.fotoblok2 img { margin: 0 6px 10px 0; width: 58px; height: 40px; border: 1px solid #505246; float: left; cursor:pointer; }
.fotoblok2 a {float: left; margin-right:3px; }
.fotoblok2 img.groot { width: 680px; height: 380px; }
.fotoblok2 * {text-align:left; }

/*--Fotogallery3 css--*/
.fotoblok3 {background: #bc93d2; overflow: hidden; width: 680px; height:60px; padding:10px; margin-top:770px;}
.fotoblok3 .fotocontainer3 { margin:0px; }
.fotoblok3 label {float:left; width:680px;}

.fotoblok3 img { margin: 0 6px 10px 0; width: 58px; height: 40px; border: 1px solid #505246; float: none; cursor:pointer; }
.fotoblok3 a {float: left; margin-right:3px; }
.fotoblok3 img.groot { width: 680px; height: 380px; }
.fotoblok3 * {text-align:left; }


/*--Fotogallery4 css--*/
/*.fotoblok4 {background: #bc93d2; overflow: hidden; width: 680px; height:60px; padding:10px; margin-top:610px;}
.fotoblok4 .fotocontainer4 { margin:0px; }
.fotoblok4 img { margin: 0 6px 10px 0; width: 58px; height: 40px; border: 1px solid #505246; float: none; cursor:pointer; }
.fotoblok4 a {float: left; margin-right:3px; }
.fotoblok4 img.groot { width: 680px; height: 380px; }
.fotoblok4 * {text-align:left; }*/

/*--Fotogallery5 css--*/
.fotoblok5 {background: #bc93d2; overflow: hidden; width: 680px; height:110px; padding:10px; margin-top:470px;}
.fotoblok5 .fotocontainer5 { margin:0px; }
.fotoblok5 label { float:left; width:680px;}
.fotoblok5 img { margin: 0 6px 10px 0; width: 58px; height: 40px; border: 1px solid #505246; float: none; cursor:pointer; }
.fotoblok5 a {float: left; margin-right:3px; }
.fotoblok5 img.groot { width: 680px; height: 380px; }
.fotoblok5 * {text-align:left; }

/*--Fotogallery6 css--*/
.fotoblok6 {background: #bc93d2; overflow: hidden; width: 680px; height:60px; padding:10px; margin-top:540px;}
.fotoblok6 .fotocontainer6 { margin:0px; }
.fotoblok6 label { float:left; width:680px;}
.fotoblok6 img { margin: 0 6px 10px 0; width: 58px; height: 40px; border: 1px solid #505246; float: none; cursor:pointer; }
.fotoblok6 a {float: left; margin-right:3px; }
.fotoblok6 img.groot { width: 680px; height: 380px; }
.fotoblok6 * {text-align:left; }

/*--Fotogallery7 css--*/
.fotoblok7 {background: #bc93d2; overflow: hidden; width: 680px; height:60px; padding:10px; margin-top:610px;}
.fotoblok7 .fotocontainer7 { margin:0px; }
.fotoblok7 label { float:left; width:680px;}
.fotoblok7 img { margin: 0 6px 10px 0; width: 58px; height: 40px; border: 1px solid #505246; float: none; cursor:pointer; }
.fotoblok7 a {float: left; margin-right:3px; }
.fotoblok7 img.groot { width: 680px; height: 380px; }
.fotoblok7 * {text-align:left; }

/*--Fotogallery8 css--*/
.fotoblok8 {background: #bc93d2; overflow: hidden; width: 680px; height:60px; padding:10px; margin-top:680px;}
.fotoblok8 .fotocontainer8 { margin:0px; }
.fotoblok8 label { float:left; width:680px;}
.fotoblok8 img { margin: 0 6px 10px 0; width: 58px; height: 40px; border: 1px solid #505246; float: none; cursor:pointer; }
.fotoblok8 a {float: left; margin-right:3px; }
.fotoblok8 img.groot { width: 680px; height: 380px; }
.fotoblok8 * {text-align:left; }



/*------------------*/
/* Formulier */

#formulier .required { font-style: italic; }
#formulier * { font-family: verdana, serif; font-size: 11px; }

#formulier label { float: left;width: 100px; padding-top: 6px;  }
* html #formulier label { width: 97px; }

#formulier label.radiocheck { float: none; width: auto; }
#formulier div.woningen { margin-left: 100px; width: 275px; color: #fff; height: 25px; }

#formulier div.woningen  { background: #989898; }
#formulier div.submit { margin-left: 100px; }
#formulier div.submit span { font-style: italic; }
#formulier div { position: relative; clear: left; margin-bottom: 5px; }
#formulier input { background: #e6e6e6; border: 0; width: 275px; height: 15px; padding: 5px 0; }

#formulier input.radiocheck { width: auto; height: auto; padding: 0; background: none; }
#formulier input.submit { float: right; width: 95px; height: 34px; padding: 0; background: #fff url(../images/form_submit_bg.gif) left top no-repeat; }
#formulier input.achternaam { width: 152px; }
#formulier div.achternaam span.radiocheck { float: right; padding: 2px 4px; height: 21px; margin-left: 2px; display: -moz-inline-box; display: inline-block; background: #e6e6e6; }
* html #formulier div.achternaam span.radiocheck { margin-left: 3px; }
#formulier div.achternaam input.achternaam { width: 164px; }
* html #formulier div.achternaam input.achternaam { width: 163px; }
* html #formulier span.radiocheck { margin-top: 1px; padding: 0px 7px 0 7px; height: 23px; }
#formulier { position: relative; }
#formulier div.adres {
	position: absolute;
	right: 0;
	top: 0;
	font-size:12px;
	width: 179px;
}

#flashcontent2 {margin: 340px 0 0 110px; z-index: 1000;}
#flashcontent {}