html, body {
	font-family        : Verdana, Arial, sans-serif;
	font-size          : 12px;
	line-height        : 14px;
	background-color   : #000;
	width		   : 100%; 
	height		   : 100%; 
	overflow	   : hidden;	
}


a {
	text-decoration    : none;
	color              : #fff;
}
a:hover {
	color              : #FFFF00;
}

h1 {
	font-size          	: 18px;
	line-height		: 25px;	
} 

h2 {
	font-size          	: 16px;
	line-height		: 25px;
	font-weight		: bold;
} 

h3 {
	font-size          	: 14px;
	line-height		: 25px;
	font-weight		: bold;
} 

h4 {
	font-size          	: 12px;
	line-height		: 25px;
	font-weight		: bold;
} 

/*** cnt *****************************************************************************************/
#cnt {
	position          	: absolute;
	top               	: 50%;
	left              	: 50%;
	width             	: 1000px;
	height            	: 600px;
	margin-left       	: -500px;
	margin-top        	: -300px;
	z-index			: 2;
}

/*** knoppen op de homepagina *****************************************************************************************/
#cnt #home-knop {
	position	       	: absolute;
	left	               	: 0px;
	width                  	: 57px;
	height                 	: 55px;
	z-index                	: 2;	
}
#cnt #news-knop {
	position	       	: absolute;
	left                   	: 57px;
	top                    	: 360px;
	width                  	: 60px;
	height                 	: 24px;
	z-index                	: 2;	
}
#cnt #shop-knop {
	position	       	: absolute;
	left                   	: 57px;
	top                    	: 392px;
	width                  	: 60px;
	height                 	: 24px;
	z-index                	: 2;	
}
#cnt #fascination-knop {
	position	       : absolute;
	left                   : 57px;
	top	               : 426px;
	width                  : 60px;
	height                 : 36px;
	z-index                : 2;
}

#cnt #fascinatie-menulinks{
	position		: absolute;
	left			: 63px;
	top			: 475px;
	z-index			: 2;	
}
#cnt #fascinatie-menulinks a{
	color              : #000;
	font-size          : 10px;
	} 
#cnt #fascinatie-menulinks a:hover{
	color              : #fff;
	} 
	
	
	
/*** flash/javascript menu *****************************************************************************************/
#cnt #menu {
	position	       	: absolute;
	margin-left	       	: 122px;
	margin-top	       	: 67px;
	width              	: 109px;
	height             	: 515px;
	overflow           	: hidden;
	z-index            	: 2;	
}
#cnt #menu .active {
	color:#fff;
}

/* __________________________________________  MENU  __________________________________________ */

#cnt #menu ul {
	position           : absolute;
}

/***** hoofdmenu *****/
#cnt #menu ul li {
	position           : absolute;
	
}
#cnt #menu ul li#h-1   {top : 0px;}
#cnt #menu ul li#h-2   {top : 48px;}
#cnt #menu ul li#h-3   {top : 96px;}
#cnt #menu ul li#h-4   {top : 144px;}
#cnt #menu ul li#h-5   {top : 192px;}


#cnt #menu ul li a {
	display            : block;
	font-size          : 14px;
}

/***** submenu *****/

#cnt #menu li ul {
	position           : absolute;
	top                : 38px; /* 55px - 3px = 52px om te compenseren voor de afronding */
	/*width            : 110px;*/
	width              : 109px;
	height             : 395px;
	display            : none;

}

#cnt #menu li ul li {
	position           : relative;
	/*width              : 110px;*/
	width              : 109px;
	height             : 22px;
}
#cnt #menu ul li ul li a {
	display            : block;
	line-height        : 22px;
	height             : 22px;
	font-family        : Verdana;
	font-size          : 11px;
	padding            : 0px 7px;
	text-decoration    : none;
	color              : #000;
	
}
#cnt #menu ul li ul li a:hover {
	color              : #fff;
}

#cnt #menu ul li#h-1 ul {
	background         : url(../img/submenu_architectuur.gif) 0px -3px no-repeat;
}
#cnt #menu ul li#h-1 ul li a.not-active {
	color              : #999;
}
#cnt #menu ul li#h-1 ul li a:hover {
	color              : #fff;
}
#cnt #menu ul li#h-1 ul li.active {
	color:#fff;
}

#cnt #menu ul li#h-2 ul {
	background         : url(../img/submenu_stedenbouw.gif) 0px -3px no-repeat;
}
#cnt #menu ul li#h-3 ul {
	background         : url(../img/submenu_interieur.gif) 0px -3px no-repeat;
}
#cnt #menu ul li#h-4 ul {
	background         : url(../img/submenu_restauratie.gif) 0px -3px no-repeat;
}
#cnt #menu ul li#h-5 ul {
	background         : url(../img/submenu_kantoor.gif) 0px -3px no-repeat;
}

#cnt #menu li:hover ul, #cnt #menu li.over ul { display: block; } /* The magic */

/* __________________________________________ /MENU  __________________________________________ */



/*** scrollable content **************************************************************************/
#cnt #scroll {
	position           : absolute;
	/*overflow-y         : scroll;*/
	height             : 582px;
	width              : 100%;	
}


/*** thumbnail pagina's **************************************************************************/

#cnt #scroll div.thumbs-positie {
	position           : absolute;
	overflow           : hidden;
}
#cnt #scroll div.thumbs-positie img {
	position           : absolute;
}
#cnt #scroll div.thumbs-positie div.thumbs {
	position           : absolute;
	height             : 100%;
	width              : 100%;
	left               : 0px;
	top                : 0px;
}

/* de posities worden per project gedefinieerd, dit omdat ze allemaal op een andere positie komen */
/** tekstjes **/
#cnt #scroll p strong{
	font-weight:bold;
	}
#cnt #scroll .witruimte-1 {
	background-color   	: #fff;
	margin-left		: 4px;
	margin-top		: 80px;
	width			: 112px;
	height			: 86px;
	overflow-y		: hidden;
	font-size:9px;
}
#cnt #scroll .witruimte-2 {
	background-color   	: #fff;
	margin-left		: 173px;
	margin-top		: 165px;
	width			: 200px;
	height			: 92px;
	overflow-y		: hidden;
	font-size:9px;
	
}
#cnt #scroll .witruimte-3 {
	background-color   	: #fff;
	margin-left		: 8px;
	margin-top		: 15px;
	width			: 200px;
	height			: 90px;
	overflow-y		: hidden;
	font-size:9px;
}
#cnt #scroll .witruimte-4 {
	background-color   	: #fff;
	margin-left		: 5px;
	margin-top		: 130px;
	width			: 200px;
	height			: 90px;
	overflow-y		: hidden;
	font-size:9px;
}
#cnt #scroll .witruimte-5 {
	background-color  	: #fff;
	margin-left		: 4px;
	margin-top		: 38px;
	width			: 112px;
	height			: 86px;
	overflow-y		: hidden;
	font-size:9px;
}
#cnt #scroll .witruimte-6 {
	background-color  	: #fff;
	margin-left		: 173px;
	margin-top		: 165px;
	width			: 200px;
	height			: 92px;
	overflow-y		: hidden;
	font-size:9px;
}
#cnt #scroll .witruimte-7 {
	background-color   	: #fff;
	margin-left		: 8px;
	margin-top		: 200px;
	width			: 200px;
	height			: 90px;
	overflow-y		: hidden;
	font-size:9px;
}
#cnt #scroll .witruimte-8 {
	background-color   	: #fff;
	margin-left		: 5px;
	margin-top		: 5px;
	width			: 200px;
	height			: 70px;
	overflow-y		: hidden;
	font-size:9px;
}
#cnt #scroll .witruimte-9 {
	background-color   	: #fff;
	margin-left		: 4px;
	margin-top		: 80px;
	width			: 112px;
	height			: 86px;
	overflow-y		: hidden;
	font-size:9px;
}
#cnt #scroll .witruimte-10 {
	background-color   	: #fff;
	margin-left		: 8px;
	margin-top		: 15px;
	width			: 200px;
	height			: 90px;
	overflow-y		: hidden;
	font-size:9px;
}
#cnt #scroll .witruimte-11 {
	background-color   	: #fff;
	margin-left		: 5px;
	margin-top		: 125px;
	width			: 200px;
	height			: 70px;
	overflow-y		: hidden;
	font-size:9px;
}
/** feitjes **/
#cnt #scroll .zwartruimte-1 {
	margin-left		: 4px;
	margin-top		: 55px;
	width			: 124px;
	height			: 120px;
	overflow-y		: hidden;
}
#cnt #scroll .zwartruimte-2 {
	margin-left		: 173px;
	margin-top		: 4px;
	width			: 200px;
	height			: 92px;
	overflow-y		: hidden;
}
#cnt #scroll .zwartruimte-3 {
	margin-left		: 8px;
	margin-top		: 4px;
	width			: 200px;
	height			: 90px;
	overflow-y		: hidden;
}
#cnt #scroll .zwartruimte-4 {
	margin-left		: 20px;
	margin-top		: 4px;
	width			: 200px;
	height			: 90px;
	overflow-y		: hidden;
}
#cnt #scroll .zwartruimte-5 {
	margin-left		: 4px;
	margin-top		: 38px;
	width			: 124px;
	height			: 120px;
	overflow-y		: hidden;
}
#cnt #scroll .zwartruimte-6 {
	margin-left		: 173px;
	margin-top		: 173px;
	width			: 200px;
	height			: 92px;
	overflow-y		: hidden;
}
#cnt #scroll .zwartruimte-7 {
	margin-left		: 8px;
	margin-top		: 122px;
	width			: 200px;
	height			: 90px;
	overflow-y		: hidden;
}
#cnt #scroll .zwartruimte-8 {
	margin-left		: 90px;
	margin-top		: 8px;
	width			: 200px;
	height			: 87px;
	overflow-y		: hidden;
}
#cnt #scroll .zwartruimte-9 {
	margin-left		: 4px;
	margin-top		: 75px;
	width			: 124px;
	height			: 116px;
	overflow-y		: hidden;
}
#cnt #scroll .zwartruimte-10 {
	margin-left		: 8px;
	margin-top		: 15px;
	width			: 200px;
	height			: 90px;
	overflow-y		: hidden;
}
#cnt #scroll .zwartruimte-11 {
	margin-left		: 20px;
	margin-top		: 106px;
	width			: 200px;
	height			: 87px;
	overflow-y		: hidden;
}

#cnt #scroll .tools {
	position           : absolute;
	width              : 16px; 
	height             : 14px; 	
}

/*** opmaak algemeen ***/
#cnt #scroll .label {
	font-size          : 9px;
}
#cnt #scroll .test {
	font-size          : 9px;
	
}
#cnt #scroll address { /* komt uit fckeditor */
	font-size          : 9px;
	padding            : 3px;
}
#cnt #scroll p {
	line-height        : 17px;
}

/*** tekst ***/
#cnt #scroll .tekst p {
	padding            : 3px;
	
}


/*** feiten ***/
#cnt #scroll .feiten {
	background-image  : url('../img/patroon.gif');
	border		  : 1px solid #777664;
}
#cnt #scroll .feiten h1 {
	color              : #fff;
	margin-bottom      : 25px;
	
}
#cnt #scroll .feiten p {
	color              : #fff;

}


/*** achtergrondafbeelding ***************************************************************************/
#cnt #test {
	position		: absolute;
	width           	: 1000px;
	height			: 582px;
}	

#achtergrondafbeelding {
	width			: 100%; 
	height			: 100%;
	position		: absolute;
}

/*** afbeeldingen uitvergroot in witte blok *********************************************************/
#cnt #afbeeldingen{
	position	       	: absolute;
	background-color   	: #fff;
	width		   	: 611px;
	height             	: 490px;
	top	       		: 68px;
	left	       		: 258px;
}
#cnt #afbeeldingen .imgSrc{
	margin-bottom		: 10px;
	width		   	: 585px;
	height             	: 450px;
	padding-left	   	: 13px;
	padding-right	   	: 13px;
	padding-top        	: 13px;
	padding-bottom     	: 10px;
}
#cnt #afbeeldingen a {
	text-decoration    	: none;
	color              	: #41b7c8;
}

#cnt #afbeeldingen a:hover {
	text-decoration 	: none;
	color           	: #41b7c8;
}
#cnt #afbeeldingen p.terug {
	position		: absolute;
	left			: 13px;
	bottom			: 2px;
	font-size		: 9px;
}


#cnt #afbeeldingen p.vorige-volgende {
	position		: absolute;
	right			: 13px;
	bottom			: 2px;
	font-size		: 9px;
}
/*** content in witte blok ************************************************************************/
#cnt #content {
	position	       	: absolute;
	background-color	: #fff;
	width		   	: 320px;
	overflow-y          	: auto;
	overflow-x          	: hidden;
	max-height		: 484px;
	top	       		: 68px;
	left	       		: 258px;
	padding-left	   	: 15px;
	padding-right	   	: 15px;
	padding-top        	: 15px;
	padding-bottom     	: 15px;
	
}

* html #cnt #content { 
   height: expression( this.scrollHeight > 483 ? "484px" : "auto" ); /* sets max-height for IE */
}

#cnt #content h1 {
	font-size          	: 18px;
	line-height		: 25px;
} 

#cnt #content a {
	text-decoration    : none;
	color              : #41b7c8;
}

#cnt #content a:hover {
	text-decoration : none;
	color           : #41b7c8;
}


#cnt #content img.afbeelding {
	width			: 88px;
	height			: 88px;
	margin-top		: 20px;
	margin-right		: 8px;

}

#cnt #content img.afbeelding-partner {
	width			: 88px;
	height			: 89px;
	margin-top		: 20px;
	margin-right		: 8px;
}
#cnt #content img.afbeelding-partner-groot {
	width			: 314px;
	height			: 168px;
	margin-top		: 20px;
	margin-right		: 8px;
}
#cnt #content img.afbeelding-product-groot {
	width			: 204px;
	height			: 204px;
	margin-top		: 20px;
	margin-right		: 8px;
}
/** uit het CMS **/
#cnt #content p em {
	font-style		: italic;
}
#cnt #content p strong {
	font-weight		: bold;
}
/** uit het CMS **/




#cnt #content p.sitemap-sublink {
	padding-left: 15px;
}

#cnt #content p.afbeelding-omschrijving{
	width: 88px;
	
	}
#cnt #content p.afbeelding-omschrijving a {
	text-decoration    : none;
	color              : #000;
}
#cnt #content p.afbeelding-omschrijving a:hover {
	text-decoration : none;
	color           : #41b7c8;
}
#cnt #content p.foto-omschrijving{
	width: 71px;
	}
#cnt #content p.foto-omschrijving a {
	text-decoration    : none;
	color              : #000;
}
#cnt #content p.foto-omschrijving a:hover {
	text-decoration : none;
	color           : #41b7c8;
}


#cnt #content #foto{
	font-size		: 9px;
	padding-right		: 10px;
}
#cnt #content #foto img{
	margin-right		: 15px;
}


#cnt #content ul{
	position		: relative;
	list-style		: none;
	float			: left;
	font-size		: 9px;
	
}

#cnt #content li{
	position		: relative;
	display			: inline;
	margin			: 0 10px 0 0;
	float			: left;
	font-size		: 9px;
	
}

#cnt #content p.terug {
	position		: absolute;
	left			: 15px;
	font-size		: 9px;
}


#cnt #content p.vorige-volgende {
	position		: absolute;
	right			: 15px;
	font-size		: 9px;
}

html* #cnt #content p.vorige-volgende {
	right			: 35px;
}


/*** content voor de fascinatieteksten - Sjabloon 1 ************************************************************************/
#cnt #content-1 {
	position		: absolute;
	bottom			: 0px;
	left			: 393px;
	height			: 233px;
}
#cnt #content-1 table{
	width			: 545px;
	height			: 233px;
}
#cnt #content-1 table .kolom-1{ 
	padding			: 8px;
	width			: 545px;
	height			: 213px;
}

#cnt #content-1 p.terug {
	position		: absolute;
	left			: 15px;
	bottom			: 9px;
	font-size		: 9px;
}
#cnt #content-1 p.vorige-volgende {
	position		: absolute;
	right			: 15px;
	bottom			: 9px;
	font-size		: 9px;
}
/** uit het CMS **/
#cnt #content-1 p em {
	font-style		: italic;
}
#cnt #content-1 p strong {
	font-weight		: bold;
}
/** uit het CMS **/



/*** content voor de fascinatieteksten - Sjabloon 2 ************************************************************************/
#cnt #content-2 {
	position		: absolute;
	bottom			: 0px;
	left			: 393px;
	height			: 350px;
	
}
#cnt #content-2 table{
	width			: 360px;
	height			: 350px;
	
}
#cnt #content-2 table .kolom-1-leeg{ 
	padding			: 8px;
	width			: 168px;
	max-height		: 188px;

}
#cnt #content-2 table .kolom-1-tekst{ 
	padding			: 8px;
	width			: 168px;
}
#cnt #content-2 table .kolom-2{ 
	padding			: 8px;
	background-color	: #00A33D;
}
#content-2 p.terug {
	position		: absolute;
	left			: 15px;
	bottom			: 9px;
	font-size		: 9px;
}
#cnt #content-2 p.vorige {
float:left;
	right			: 15px;
	bottom		: 9px;
	font-size		: 9px;
	padding-right		: 60px
}	
#cnt #content-2 p.volgende {
	
	right			: 15px;
	bottom		: 9px;
	font-size		: 9px;
}	
/** uit het CMS **/
#cnt #content-2 p em {
	font-style		: italic;
}
#cnt #content-2 p strong {
	font-weight		: bold;
}
/** uit het CMS **/



/*** content voor de fascinatieteksten - Sjabloon 3 ************************************************************************/
#cnt #content-3 {
	position		: absolute;
	top 			: 0px;
	left			: 400px;
	height			: 180px;
}
#cnt #content-3 table{
	width			: 550px;
	height			: 180px;
	
}
#cnt #content-3 table .kolom-1{ 
	width			: 168px;
	padding			: 8px;
}
#cnt #content-3 table .kolom-2{ 
	width			: 168px;	
	padding			: 8px;
}
#cnt #content-3 table .kolom-3{ 
	width			: 168px;
	padding			: 8px;
}
#cnt #content-3 p.terug {
	position		: absolute;
	left			: 15px;
	bottom			: 9px;
	font-size		: 9px;
}
#cnt #content-3 p.vorige-volgende {
	position		: absolute;
	right			: 15px;
	bottom			: 9px;
	font-size		: 9px;
}	
/** uit het CMS **/
#cnt #content-3 p em {
	font-style		: italic;
}
#cnt #content-3 p strong {
	font-weight		: bold;
}
/** uit het CMS **/


/*** content voor de projectsite ************************************************************************/
#cnt #content-projectsite {
	position	       	: absolute;
	width		   	: 620px;
	height             	: auto;
	top	       		: 43px;
	left	       		: 258px;
	padding-left	   	: 15px;
	padding-right	   	: 15px;
	padding-top        	: 15px;
	padding-bottom     	: 15px;
}

#cnt #content-projectsite h1 {
	font-size          	: 23px;
	line-height		: 35px;
	padding-bottom		: 30px;
} 

#cnt #content-projectsite a {
	text-decoration    : none;
	color              : #41b7c8;
}

#cnt #content-projectsite a:hover {
	text-decoration : none;
	color           : #41b7c8;
}

#cnt #content-projectsite img.afbeelding {
	width			: 88px;
	height			: 88px;
	margin-top		: 20px;
	margin-right		: 8px;
}
#cnt #content-projectsite img.pdf {
	width			: 39px;
	height			: 42px;
	margin-top		: 20px;
	margin-right		: 8px;
}

#cnt #content-projectsite ul{
	position		: relative;
	list-style		: none;
	float			: left;
	font-size		: 9px;
}

#cnt #content-projectsite li{
	position		: relative;
	display			: inline;
	margin			: 0 10px 0 0;
	float			: left;
	font-size		: 9px;
}

#cnt #content input.verstuurknop {
	background-color	: #000;
	border			: none;
	cursor 			: pointer;
	color			: #fff;
	padding-left		: 0px;
}

#cnt #content input.verstuurknop:hover {
	background-color: #000;	
	color: yellow;
}



/*** zoeken ****/
#cnt #content img.zoekknop {
	vertical-align		: bottom;
	float			: right;
	}

/*** content op de homepagina ****************************************************************************************/
#cnt #content_home {
	position		: absolute;
	width			: 742px;
	height         		: auto;
	top			: 245px;
	left			: 270px;
	padding-left		: 15px;
	padding-right		: 15px;
	padding-top		: 15px;
	padding-bottom		: 15px;
	line-height		: auto;
}

#cnt #content_home p.groot {
	font-family     	: Helvetica;
	font-size		: 100px;
	padding-bottom		: 55px;
	padding-top		: 19px;
	color			: #fff;
}

/*** content op de fascinatiepagina met de 8 fascinatie titels ***********************************/
#cnt #content-fascinatie-overzicht {
	position			: absolute;
	width				: 535px;
	height         			: auto;
	top				: 50px;
	left				: 270px;
	padding-left			: 15px;
	padding-right			: 15px;
	padding-top			: 15px;
	padding-bottom			: 15px;
}

#cnt #content-fascinatie-overzicht p {
	font-family     		: Helvetica;
	font-size			: 12px;
	color				: #fff;
}

#cnt #content-fascinatie-overzicht p.groot {
	font-family     		: Helvetica;
	font-size			: 40px;
	line-height			: 45%;
}


/*** foot ****************************************************************************************/
#cnt #foot {
	position	       	: absolute;
	top                	: 582px;
	width              	: 100%;
	height             	: 18px;
	background-color   	: #000;
}

/*** menu-viewoptions ***/
#cnt #foot #menu-viewoptions {
	position           : relative;
	left               : 15px;
}


#cnt #foot a {
	position           	: relative;
	color		       : #A0A0A0;
	padding-right	   	: 24px;
}

#cnt #foot a.toolbtn {
	position           : relative;
	left               : 15px;
	padding-right	   : 2px;
}


/*** menu-service ***/
#cnt #foot #menu-service {
	position           	: absolute;
	left	       		: 255px;
	top                	: 0px;
}
#cnt #foot .last {
	padding-right      : 140px;
}

#cnt #foot img {
	margin-bottom:3px;
	padding:0;
}