body {
	background:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#140958;
	line-height:200%;
	text-align: left;	
	margin: 0;
}


/* 
========== MAIN LAYERS ==========
*/

div.outer {
  position: absolute;
  left: 50%;
  width: 742px;
  margin-left: -371px; /* half of width */
	overflow: hidden;
	/* border: 1px solid #E9E9EA; */
}

div.main  {
	width:742px;
	border 0px;
}

div.top {
	width:742px;
  height:88px;
  background:url(../images/top.jpg);
  background-repeat: no-repeat;
  
}

div.submenu {
	width:742px;
	height:31px;
	background:#fff;
	border-bottom: 1px solid #ccc;
}

div.middle {
	width:742px;
	background: #fff;
	border-top:4px solid #fff;
} 


div.contentleft {
	width: 580px;
	float: left;
} 

div.contentleft p{
	width: 520px;
	margin-top:0px;
} 

div.contentright{
	width: 162px;
	float: left;
}


div.bottom {
	width:740px;
  height:38px;
  background:url(../images/footer.gif);
} 

div.hidden {
	width: 1px;
	height: 1px;
	overflow: hidden;
	display:none;
}

div.creativedata {
  position:relative;
  top:0px;  
  left:600px;
}

a:link.creativedata, a:visited.creativedata {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8fb704;
	text-decoration: none;
}

a:hover.creativedata {
	color:#333; 
	text-decoration: none;
} 

div.error {
	color: red;
	float: left;
}
/* 
========== MENU STYLES ==========
*/

div.menu {
	color: #140958;	
	position: relative;
	top: 67px;
	font-size:10px;
	text-align: right;
	padding-right:50px;
}
 
 
.submenu ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
	left: 252px;
	top: -22px;
}

.submenu li{
	display:inline;
	margin-right: 20px;
	width: 150px;
}

a.submenu:link, a.submenu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-decoration: none;
}

a.submenu:hover { 
	color: #3399FF;
	text-decoration: none;
}

a.activesubmenu:link, a.activesubmenu:hover ,a.activesubmenu:visited  { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2e7ed0;
	text-decoration: none;
	font-weight: bold;
}



div.subtabs {
	height: 23px;	
	width: 560px;
  background:url(../images/line.gif);
}

a.subtab:link, a.subtab:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	text-decoration: none;
}

a.subtab:hover { 
	color: #666;
	text-decoration: underline;
}

a.activesubtab:link, a.activesubtab:hover ,a.activesubtab:visited  { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2e7ed0;
	text-decoration: none;
	font-weight: bold;
}

div.subtab {
  background:url(../images/subtab_off.gif);
  text-align: center;
  width: 90px;
  heigth:23px;
  float:left;
}

div.activesubtab {
  background:url(../images/subtab_on.gif);
  text-align: center;
  width: 90px;
  heigth:23px;
  float:left;
}



/* 
========== GENERAL IMAGE STYLES ==========
*/

div.image img{
	border:1px solid #ccc;
}

div.imageborder img{
	border:1px solid #ccc;
}

div.image {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 6px;
}



/* 
========== GENERAL TEXT STYLES ==========
*/

h1 { 
	font-size:18px;
	color:#660000;
	text-align:left;
/*	
	color:#fff;
	border-bottom:5px solid #edc0df;
	background: #555;
*/
} 

h2 {
	margin:0px;
	font-size:18px;
	font-weight: bold;
	color: #140958;
}

h3 { 
	margin:0px;
	font-size:14px;
	color:#140958;
	text-align:center;
} 

h4 { 
	margin:0px;
	color:#2e7dce;
	font-weight: bold;
	font-size:11px;
	line-height: 200%;
} 

a:link, a:visited {
	color:#2e7dce; 
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color:#2e7dce; 
	font-weight: bold;
	text-decoration: underline;
} 

/* 
========== GENERAL FORM STYLES ==========
*/


.edit{
	float:left;
	border:1px solid #000; 
	background-color: #fff; 
	color: #000; 
	width: 400px; 
	font-size:9pt;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

label
{
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 4px;
	display: block
}

.submit 
{
	position: relative;
	top: -3px;
	width: 145px;
	font-size:9pt;
	border:1px solid #000; 
	background-color: #ccc;
	margin-left: 3px;
} 

.imagefield{
	float:left;
	border:1px solid #000; 
	background-color: #fff; 
	color: #000; 
	width: 250px; 
	font-size:9pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

.imagebutton 
{
	position: relative;
	top: -3px;
	width: 145px;
	font-size:9pt;
	border:1px solid #000; 
	background-color: #ccc;
	margin-left: 3px;
} 
/*
========== AANBOD MODULE STYLES ==========
*/

div.aanbod {
	width: 560px;
  background:url(../images/lightgray_back.gif);
}

div.aanbodheader {
	height: 22px;
  background:url(../images/gray_header.gif);	
}

	div.aanbodheaderleft {
		height: 22px;
		padding-left: 10px;
		float: left;
		font-weight: bold;
	}
	
	div.aanbodheaderright {
		height: 22px;	
		padding-right: 10px;
		float: right;
		font-weight: bold;
		color: #FF0000;
	}
	
span.red {
	color: red;
}

div.aanbodbody {	
}

	div.aanbodbodyimage{
  	position: relative;
  	top: 5px;
  	left: 5px;
		width: 130px;
		float: left;    
		margin-right: 10px;
	}
	
	div.aanbodbodytxtcolumndouble{
		width: 420px;
		float: left;
	}	
	div.aanbodbodytxtcolumndouble p{
		width: 420px;
	} 
	div.aanbodbodytxtcolumn{
		width: 210px;
		float: left;
	}
	
	div.aanbodbodytxtcolumn ul{ 
		list-style-image: url('../images/bullet_green.gif');
		margin-left: 0px;
  	padding-left: 15px;
  	margin-top: 0px;
  	line-height: 17px;
	}

div.aanbodbodystudio {
	width: 500px;
	border-top: 1px solid #999;
	position: relative;
	left: 30px;
	padding-top:5px;
	padding-bottom:5px;
}
 
	div.aanbodbodystudio p{
		width: 529px;
	} 
	div.aanbodbodystudioimage {
		width: 80px;
		float: left;
  	position: relative;
  	top: 5px;
	}
	div.aanbodbodystudiotitle {
		width: 200px;
		float: left;
		font-weight: bold;
		font-size:12px;
	}
	div.aanbodbodystudioprice {
		width: 200px;
		float: right;
		text-align: right;
		font-weight: bold;
		font-size:12px;
		color: #bbb;		
	}
	div.aanbodbodystudiotxtcolumn{
		width: 160px;
		float: left;
	}
	div.aanbodbodystudiotxtcolumnwide{
		width: 420px;
		float: left;
		line-height: 140%;
	}
	div.aanbodbodystudiotxtcolumn ul{ 
		list-style-image: url('../images/bullet_green.gif');
		margin-left: 0px;
  	padding-left: 15px;
  	margin-top: 0px;
  	margin-bottom: 0px;
  	line-height: 17px;
	}
	div.aanbodbodystudiomeerinfo{
		width: 100px;
		float: right;
		text-align: right;
		font-weight: bold;
		position: relative;
		top:10px;
	}
	div.aanbodbodystudioterug{
		float: right;
		text-align: right;
		font-weight: bold;
		position: relative;
		top:-26px;
	}

div.aanbodfooter {
	height: 6px;
  background:url(../images/gray_bottom.gif);
}

/*
========== FRONTPAGE MODULE STYLES ===========
*/

	
	
div.contentleftFP {
	width: 420px;
	float: left;
} 

div.contentrightFP{
	position: relative;
	left: 4px;
	width: 316px;
	float: left;
}

div.frontpageLeft {
	width: 420px;
  background:url(../images/lightgray_back.gif);
}

div.frontpageLeftheader{
	height: 22px;
  background:url(../images/gray_headerFPL.gif);	
}

div.frontpageLeftfooter {
	height: 6px;
  background:url(../images/gray_bottomFPL.gif);
}

div.frontpageRight {
	width: 316px;
  background:url(../images/lightgray_back.gif);
}

div.frontpageRightheader{
	height: 22px;
  background:url(../images/gray_headerFPR.gif);	
}

div.frontpageRightfooter {
	height: 6px;
  background:url(../images/gray_bottomFPR.gif);
}

div.frontpagehighlight {	
	text-align: center;
}
	div.frontpagehighlightblock{
  	position: relative;
  	text-align: center;
  	top: 5px;
  	left: 5px;
		width: 130px;
		float: left;  
		margin-left:5px;  
	}
		
	div.frontpagehighlightblock img{
		border:1px solid #ccc;
	}
	

/*
========== AANBOD STUDIO MODULE STYLES ==========
*/

div.studioheadimage {
	width: 150px;
	float:left;
}
div.studioheadtext {
	width: 400px;
	height: 100px;
	float:left;
	font-size:12px;
	color: #333;
}

div.studioheadtext h1{
	font-size:16px;
	color: #32a8e9;
}

div.ruimtenaam {
	width: 135px;
	float: left;
	padding-left:5px;
	color:#333;
}
div.ruimteopp {
	width: 100px;
	float: left;
	color:#000;
	font-weight:bold;
}
div.ruimteeig {
	width: 200px;
	float: left;
	color:#999;
}

div.ruimtebijzonderh1 {
	width: 270px;
	float: left;
	padding-left:5px;
	color:#333;
}

div.ruimtebijzonderh2 {
	width: 270px;
	float: left;
	padding-left:5px;
	color:#000;
	font-weight:bold;
}


div.kenmerk {
	border-bottom:1px solid #999;
	width: 560px;
	font-size:14px;
}
	div.kenmerkleft {
		width: 270px;
		float: left;		
		color: #999;
	}
	
	div.kenmerkright {
		width: 270px;
		float: left;	
		color: #333;
	}
	
div.financieel {
	width: 560px;
	font-size:14px;
}


	div.financieelleft {
		width: 270px;
		float: left;		
		color: #999;
	}
	
	div.financieeleuro {
		width: 2px;
		float: left;	
		text-align: left;	
		color: #333;
	}	
	div.financieelright {
		width: 100px;
		float: left;	
		text-align: right;	
		color: #333;
	}
	div.financieelrighttotal {
		width: 100px;
		float: left;	
		text-align: right;	
		color: #333;
		border-top: 1px solid #999;
	}
	div.financieeltoelichting{
		color: #999;
		font-size:10px;
	}

div.studioFotothumb {
	width: 170px;
	height: 120px;
	border: 1px solid #ccc;
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
	text-align: center;
	overflow: hidden;
}
div.studioFotothumb img {
  max-width: 150px;
  max-height: 100px;
  width: expression(this.width > 150 ? "150px" : true);
  height: expression(this.height > 100 ? "100px" : true);
}

div.deletepic {
	position: relative;
	top: -20px;
	left: 80px;
}

/*
========== REFERENTIES MODULE STYLES ======
*/

div.referentieimage {
	width: 120px;
	float: left;
}
div.referentietext {
	position: relative;
	left: 5px;
	width: 370px;
	float: left;
}

div.referentieintro{
	line-height: 170%;
}

/*
========== CONTACT MODULE STYLES ==========
*/

div.contactrowContent {
	z-index:2;
	width: 350px; 
	height:35px; 
	float: left;
}

input.contactBlur{
	float:left;
	border:1px solid #ccc; 
	background-color: #fff; 
	color: #000; 
	width: 300px; 
	height: 12px;
	font-size: 10px;
	margin-top: 3px;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
input.contactBlursmall{
	float:left;
	border:1px solid #ccc; 
	background-color: #fff; 
	color: #000; 
	width: 50px; 
	font-size:9pt;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
input.contactFocus{
	float:left;
	border:1px solid #333; 
	background-color: #fff; 
	color: #000; 
	width: 300px; 
	font-size:9pt;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


textarea.contactBlur {
	float:left;
	border:1px solid #ccc; 
	background-color: #fff; 
	color: #000; 
	width: 400px; 
	height:113px;
	font-size:9pt;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

textarea.contactFocus {
	float:left;
	border:1px solid #333; 
	background-color: #fff; 
	color: #000; 
	width: 300px; 
	height:113px;
	font-size:9pt;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.contactblockContent {
	z-index:2;
	width: 400px; 
	height:135px;  
	float: left;
}


div.contactsubmitContent {
	z-index:2;
	width: 350px; 
	height:35px;  
	float: left;
}

input.submit{
	float:left;
	border:1px solid #333; 
	background-color: #ccc; 
	color: #000; 
	width: 70px; 
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/*
========== SIDEBAR STYLES ==========
*/

div.sidebarOptions {
	width: 160px;
  background:url(../images/lightgray_back.gif);
  font-size: 10px;
}
div.sidebarOptionsheader {
	background: #74a100;
	height: 25px;
	font-weight: bold;
	color: #fff;
	padding-left:10px;
}
div.sidebarOptionsfooter {
	background: #74a100;
	height: 5px;
}



div.sidebarOptions ul {
    color:#2a245b;
    line-height:2;
    list-style-type:none; 
    padding-left:0px;
    margin-left:0px;
}
div.sidebarOptions li { 
    padding-left:0px;
    margin-left:0px;
		list-style-image: none;
    background-position:0 10px;
}