html,body{
	margin:0;
	padding:0;
}

html {
	min-height:100%;
	margin-bottom:1px;
}

body{
	text-align:center;
	font-family:  Verdana, Lucida Grande, Geneva, Arial, Helvetica, sans-serif;
	/*font-size: 62.5%; */
	font-size:10px;
	background-image: url(../images/layout/bg_body.gif);
	background-repeat: repeat-x;
	background-position: top;
	color: #7a7971;
	background-color:#eeeeee;
}


div#footer{
	clear:left;
	width:100%;
}

strong{
	color:#81001F;
	font-size:13px;
}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
}



/* INLINE SKELETON 
==============================================================================
==============================================================================*/

* html div#inline_frame{
	.left:200px;
}

div#inline_frame{	
	.position:relative;
	margin-left:-200px;
	width:670px;
	
	float:left;
	
	/*border:1px solid #FF0000;*/
	z-index:10;
}
/*kolommen 3*, met left,right*/
div.inline_content{padding:0;margin-left:200px;margin-right:180px;}

div.inline_container{width:670px;margin:0 auto;}
div.inline_wrapper{float:left;width:100%;}
div.inline_left{float:left;width:170px;margin-left:-670px;margin-top:35px;}
div.inline_right{float:left;width:160px;margin-left:-160px;z-index:15;}

div#inline_footer{
	clear:left;
	width:100%;
}

.inline_left p{
	font-size:0.9em;
	line-height:0.9em;
}




/* SITE SKELETON 
==============================================================================
==============================================================================*/

div#site_frame{
	padding-top: 20px;
	background-color:#fff;
	/*background-color:#FFFFFF;width:100%;height:100%;	padding-top:25px;	*/
}
/*kolommen 3*, met left,right*/

div.site_container{
	position:relative;
	margin:0 auto;
	width:670px;
}
/*old div.site_wrapper{
	border:1px solid Red;

	float:left;
	width:100%;
}*/
div.site_wrapper {
	width:670px;
	float:left;
}

/*old div.site_content{
	padding:0;
	margin-left:0px;
	margin-right:180px;
}*/

div.site_content {
	margin:0;
	padding:0;
	width:490px;
	float:left;
}

/*div.site_left{
	float:left;
	width:170px;
	margin-left:-670px;
}*/
/*old div.site_right{
	background-color:Green;

	float:left;
	width:160px;
	margin-left:-160px;
	margin-top:20px;
	z-index:25;
}*/
div.site_right {
	width:160px;
	float:right;
}

div.site_right img {
	max-width:158px;
	_width:158px;
}


#causeThePersonWhoFirstDesignedThisSiteFuckedUpTheCSS_n00b {
	width: 160px;
	float:left;
}

#causeThePersonWhoFirstDesignedThisSiteFuckedUpTheCSS_n00b ul.menu {
	margin-top:5px;
}

#causeThePersonWhoFirstDesignedThisSiteFuckedUpTheCSS_n00b ul.menu li a {
	padding:0;
	color:#ababab; /*b3d000*/
	text-decoration:none;
	overflow:visible;
	height:16px;
	font-size:1.2em;
	line-height:16px;
	display:block;
	
}

#causeThePersonWhoFirstDesignedThisSiteFuckedUpTheCSS_n00b ul.menu li a:hover {
	margin-right:10px;
	color:#b3d000;
	background-color:#383838;
	text-decoration:none;
}


div.site_container{
	text-align:left;
	
	text-decoration: none;
	word-spacing: normal;
	text-align: justify;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 1.1em;

}
div.site_left{
	font-size:0.9em;
	line-height:1.1em;
}

div.site_content p{line-height:1.4;padding-bottom:1em;}


.site_right .hr, .inline_right .hr{
	background-image: url(../images/layout/dotlijn.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 150px;	
	border:0;
	margin-top:10px;
	margin-bottom:10px;
	
}

.site_left .hr, .inline_left .hr{
	background-image: url(../images/layout/dotlijn.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 140px;
	margin-left:15px;	
	border:0;
	margin-top:10px;
}

h1{
	font-size:2em;
	line-height:1em;
	color:#ababab;
	letter-spacing:-0.075em;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-align:left;
	padding-bottom:10px;
	
}
h2{
	font-size:1.5em;
	line-height:1em;
	color:#ababab;
	letter-spacing:-0.050sem;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-align:left;
	margin-top:1em;
	padding-bottom:10px;
}

h1.with-tabs{
	font-size:1.5em;
}
/* LISTS */
	
	/* C */
	ul.sqbullets{list-style-type:none;margin:0;padding:0;padding-bottom:1em;}
	ul.sqbullets li{
		background:url(../images/layout/li_bullet.gif);
		background-repeat:no-repeat;
		background-position:left top;
		padding-left:10px;
	}
	
	ul.sqbullets li.indent{
		margin-left:15px;
	}
	
	ul.sqbullets li ol li, ol li  {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: lower-alpha;}
	ul.sqbullets li ol{padding-bottom:0.5em;padding-top:0.5em;}

	/* PDF ICON */
	ul.pdfbullets{list-style-type:none;margin:0;padding:0;padding-bottom:1em;}
	ul.pdfbullets li{
		background:url(../images/layout/li_pdf.gif);
		background-repeat:no-repeat;
		background-position:left top;
		padding-left:25px;
		
		line-height:1.6em;
		font-size:1.2em;
	}
	
	ul.pdfbullets li.indent{
		margin-left:50px;
	}

/* LINKS */



/* HEADER
==============================================================================*/
/*div#header{
	height:155px;
	margin:0;
	padding:0;
	
	background-image: url(../images/layout/bg_header.gif);
	background-repeat: no-repeat;
	background-position: center top;
	
	text-align:right;	
}*/

.fotoheader{
	position:relative;
	margin:0 auto;
	height:80px;
	width:700px;
}

.fotoheader h1 {
	position:absolute;
	right:0;
	top:0;
}

.fotoheader h1 a {
	text-indent:-9999px;
	width:200px;
	height:80px;
	display:block;
}


/* LEFT-RIGHT LINKS
==============================================================================*/
.left p a, .left p a:link, .left p a:active, .right p a, .right p a:link, .right p a:active{
	text-decoration:underline;
	color:#7a7971;
}
.left p a:hover, .right p a:hover{
	background-color:#b3d000;
	color:white;
	text-decoration:none;	
}


/* FOOTER
==============================================================================*/
div#footer{

	background-image: url(../images/layout/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: center top;	
		
	height:200px;
}

div#footer TD{
	text-align:left;
}

.footerimage{	
	/*background-image: url(../images/layout/bg_footerinfo.gif);
	background-repeat: no-repeat;
	background-position: center top;*/			
}
.footerinfo{
	
	width:660px;
	margin:0 auto;
		
	/*padding-top:95px;*/
	
	color: #000000;
	font-family: Verdana, "Times New Roman", Times, serif;
	font-size:1.7em;
	text-align:justify;
		
}

.footerinfo a:link, .footerinfo a:active, .footerinfo a:visited {
	display:inline;	
	color:#FFFFFF;
	margin:0;
	padding:0;
}
.footerinfo a:hover {
	text-decoration:none;
}

div#footer p{margin:0;padding:5px 10px}

.footerinfo .contactlink{
	margin-bottom:-3px;
	display:inline;
	border:0;
}




/* FORMS
==============================================================================*/
p.formchooser{
	line-height:1.5em;
}
.forminput, .forminput TD, .forminput TR
{    
    margin-top:25px;
    text-align:left;
    vertical-align:top;
}

.forminput .formtitel
{
    font-weight: bold;
}
.forminput INPUT
{
    width:350px;
}

.forminput TEXTAREA
{
    width:350px;
}


/* SPECIFIEK 
==============================================================================
==============================================================================*/

#contactgegevens{
	margin-top:-40px;
}
#denksticker{
	position:relative;
	text-align:right;	
	font-size:0.9em;
	line-height:1.1em;	
	margin-right:10px;
}
#denksticker img{
	float:left;
}
#denksticker h1{
	font-weight:bold;
	font-size:1.1em;
	line-height:1.5em;
	letter-spacing:0;	
}

div.left #denklogo{/*
	margin-top:-15px;
	margin-left:-5px;
*/
}

/* NIEUWSartikel 
==============================================================================
==============================================================================*/
.nieuwsartikel{
	margin-top:15px;
	padding:0;
	clear:both;
	line-height:15px;
	letter-spacing:1px;
}

.nieuwsartikel img {
	max-width:300px;
	_width:300px;
}

div.site_content .nieuwsartikel .hide {
	max-width:500px;
	_width:500px;
}

div.site_content .linkstyle a {
	color:#b3d000;
	text-decoration:none;

	padding-left:10px;	
	
	background-image:url(../images/layout/icon_link_links.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

div.site_content .linkstyle a:hover {
	text-decoration:underline;
}

div.site_content .hidestuff .hide {
	display:none;
}


.nieuwsartikel-header{
	text-align:left;
	font-weight:bold;
	font-size:0.9em;
padding-bottom: 10px;	
}	


.nieuwsartikel-header .datum{
	font-size:14px;
	color:#830628;
}
.nieuwsartikel-header .titel{
	color:#7a7971;
}

a.nieuwsartikel-image { 
	display:block;
	height:90px;
	width:90px;
	text-indent:-90px;
	overflow:hidden;
	border:2px solid #eeeeee; 
	
	float:left;
	margin-right:10px;
}
a.nieuwsartikel-image:hover {
	display:block;
	text-indent:0px;
	border:2px solid #dddddd; 
}
a.nieuwsartikel-image img {
	max-height:90px;
	_height:90px;
	max-width:180px;
	_width:180px;
}


/* PORTFOLIO 
==============================================================================
==============================================================================*/
a.portfolio-thumb { 
	display:block;
	height:90px;
	width:90px;
	overflow:hidden;
	text-indent:-90px;
	float:left;
	
	margin-right:5px;
	margin-bottom:5px;
}
a.portfolio-thumb:hover {
	display:block;
	height:90px;
	width:90px;
	overflow:hidden;
	text-indent:0;
	
	margin-right:5px;
	margin-bottom:5px;
}

img.portfolio-image{
	border:2px solid #dddddd; 
}

div#portfolio_selector .right{
	font-size:0.9em;
	color:#FFFFFF;	
	line-height:1.1em;	
}
div#portfolio_selector .right p{
	margin-right:10px;
}

/*pagination by thumbs*/
div#portfolio_selector	.pagination p {text-align:right;margin-right:15px;color:#FFFFFF;}
div#portfolio_selector	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;padding-right:2px;color:#FFFFFF;}
div#portfolio_selector	.pagination p a:hover {text-decoration:underline;color:#b9d300;}
div#portfolio_selector	.pagination p span {text-decoration:underline;color:#b9d300;padding-right:2px;}
div#portfolio_selector	.pagination * {margin:0}

/*pagination by content*/
div#portfolio_content	.pagination p {text-align:right;margin-right:-2px;color:#7a7971;}
div#portfolio_content	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;padding-right:2px;color:#7a7971;}
div#portfolio_content	.pagination p a:hover {text-decoration:underline;color:#b9d300;}
div#portfolio_content	.pagination p span {text-decoration:underline;color:#b9d300;padding-right:2px;}
div#portfolio_content	.pagination * {margin:0}

div#portfolio_content {
	margin:0 auto;
	padding:0px;
	padding-top: 10px;

	clear:both;
}

div#portfolio_content img
{
	max-width: 480px;
	width: auto !important;
}

div#portfolio_content .left .titel{
	color:#830628;
}

div#portfolio_content .left{
	font-size:1em;
	line-height:1.3em;
}

div#portfolio_content .left img {
	max-width:170px;
	_width:170px;
}
	
	
/* PORTFOLIO - by DRUPAL
==============================================================================
==============================================================================*/

div#portfolioWrapper{
	width:690px;
	float:left;
}


/*thumbs - link*/
div#portfolioWrapper .panel-col-first{
	width:500px;
	margin-right:10px;
	float:left;
}

div#portfolioWrapper .panel-col-first .pager {text-align:right;margin-right:15px;color:#FFFFFF; padding-bottom:20px; margin-bottom: 20px; clear:both;}
div#portfolioWrapper .panel-col-first .pager a:link,
div#portfolioWrapper .panel-col-first .pager a:visited,
div#portfolioWrapper .panel-col-first .pager a:hover,
div#portfolioWrapper .panel-col-first .pager a:active {text-decoration:none;padding-right:2px;color:#FFFFFF;}
div#portfolioWrapper .panel-col-first .pager a:hover {text-decoration:underline;color:#b9d300;}
div#portfolioWrapper .panel-col-first .pager .pager-current {text-decoration:none;color:#b9d300;padding-right:2px;}
div#portfolioWrapper .panel-col-first .pager * {margin:0}

/*hide labels next prev*/
div#portolioWrapper .panel-col-first a.pager-first active
{
	display:none;
	visibility:hidden;
}

/*navigatie - rechts*/
div#portfolioWrapper .panel-col-last{
	font-size:0.9em;
	color:#FFFFFF;	
	line-height:1.1em;
	text-align:right;
	width:160px;
}

div#portfolioWrapper .panel-col-last #portfolioselector-title{
	margin-right:10px;
	text-align:right;	
}
div#portfolioWrapper .panel-col-last #portfolioselector-text p{
	margin-right:10px;
	text-align:justify;
	line-height:1.1em;
}
div#portfolioWrapper .panel-col-last h2.title{
	visibility:hidden;
	display:none;
}

div#projectafbeeldingen{
	text-align:right;
}

a.portfolio-thumb img {
	margin:0px;
	padding:0px;
	border:0px;
	display:inline;
}

a.portfolio-thumb { 
	display:block;
	height:90px;
	width:90px;
	overflow:hidden;
	text-indent:-90px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
a.portfolio-thumb:hover {
	display:block;
	height:90px;
	width:90px;
	overflow:hidden;
	text-indent:0;
	margin-right:5px;
	margin-bottom:5px;
}

img.portfolio-image{
	border:2px solid #dddddd; 
}

div#portfolio_selector .right{
	font-size:0.9em;
	color:#FFFFFF;	
	line-height:1.1em;	
}
div#portfolio_selector .right p{
	margin-right:10px;
}

/*pagination by thumbs*/
div#portfolio_selector	.pagination p {text-align:right;margin-right:15px;color:#FFFFFF;}
div#portfolio_selector	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;padding-right:2px;color:#FFFFFF;}
div#portfolio_selector	.pagination p a:hover {text-decoration:underline;color:#b9d300;}
div#portfolio_selector	.pagination p span {text-decoration:underline;color:#b9d300;padding-right:2px;}
div#portfolio_selector	.pagination * {margin:0}

/*pagination by content*/
div#portfolio_content	.pagination p {text-align:right;margin-right:-2px;color:#7a7971;}
div#portfolio_content	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;padding-right:2px;color:#7a7971;}
div#portfolio_content	.pagination p a:hover {text-decoration:underline;color:#b9d300;}
div#portfolio_content	.pagination p span {text-decoration:underline;color:#b9d300;padding-right:2px;}
div#portfolio_content	.pagination * {margin:0}

div#portfolio_content .left{
	float:left;
}
div#portfolio_content .left .titel{
	color:#830628;
}

div#portfolio_content .left{
	font-size:1em;
	line-height:1.3em;
}


.portfoliotekst{
	padding-left:205px;
}


/* CONTACT - by DRUPAL
==============================================================================
==============================================================================*/	

.form-item INPUT {
	width:290px;
}

form .resizable-textarea {
	width: 50%;
	display: inline;
	margin-bottom: 0px;
}

#edit-help {
	clear: both;
	margin-top: 100px;
}


.form-item .form-file{
	width:50px;
}
.form-item .form-checkbox, .form-item .form-radio{
	width:15px;
}

.form-item label{
	font-weight:normal;
}
.form-item .form-required{
	color:#b9d300;
}

#user-login-form{
	text-align:left;
}

#user-login-form ul{
	margin-left:-1.1em;
}


#user-login-form li{
	list-style: none;
}




#user-login-form li a{
	color:#b3d000;
	text-decoration:none;

	padding-left:10px;	
	
	background-image:url(../images/layout/icon_link_links.gif);
	background-repeat:no-repeat;
	background-position:left center;		
}

#user-login-form li a:hover{
	text-decoration:underline;
}
.menu li a.active
{
	color: yellow;
	/*font-weight: bold;*/
}


/* styles by Mr. Jean */

.site_wrapper .evenColor {
	color:#ACD000;
}

.site_wrapper .unevenColor {
	color:#81001F;
}

.site_wrapper #klanten_replacement {
    filter:alpha(opacity=30);       /* IE */
    -moz-opacity:0.3;               /* FX */
    opacity: 0.3;                   /* ZE OTHERZ */
	/* background:url(../images/layout/klanten.gif) top left no-repeat; */
	background:url(../images/layout/klanten2.jpg) top left no-repeat;
	width:493px;
	height:1212px;
	text-indent:-9999px;
}

/*.site_wrapper #klanten_replacement:hover {
    filter:alpha(opacity=100);       /* IE */
    /*-moz-opacity:1;               /* FX */
    /*opacity: 1;                   /* ZE OTHERZ */
	/*background:url(../images/layout/klanten_color.gif) top left no-repeat;
	width:493px;
	height:1212px;
	text-indent:-9999px;
}*/

.site_right #description_denk {
	text-align:left;
}

.site_wrapper .site_content img.thumbnail {
}