/*  ==========================================================================================
	Project: 					Corporate website
	Opdrachtgever:				Leunissen Interieurbouw BV
	Original author :			Gaston Jamin (g.jamin@nexwork.nl)
	========================================================================================== */

/* Basiselementen   */

body { margin: 0px; padding: 0px; text-align: center; background-color: #4d4646; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/bodybackground.gif); background-repeat: repeat-x; }
body#homepage{ background-image: url(../images/totaalbg.jpg); background-repeat: repeat-x; }
#pagecontainer { width: 100%; height: 522px; max-width: 852px; margin: 40px auto; background-color: transparent; width: expression(document.body.clientWidth > 852 ? "852px" : ""); overflow: hidden; border-bottom: 0px solid white; }

a img { border: 0; }

/* Navigatiekolom   */

#navcol{ background-color: transparent; background-repeat: no-repeat; width: 241px; height: 522px; float: left; }
#navcol .logo{ width: 200px; height: 110px; margin: 0px 0px 0px 41px; }

/* Navigatiekolom   */

#menu{ width: 200px; overflow: hidden; border: 0px solid red; margin: 135px 0px 0px 41px; }
#menu ul { width: 200px; background-color: transparent; padding: 0px; margin: 0px; list-style-type: none; text-align: left; font-size: 11px; }
#menu li { margin: 0;}
#menu a{ height: 18px; display: block; color: #e6e6e6; background-color: #4d4646; width: 200px; padding: 4px 5px 0px 5px; text-decoration: none; margin-bottom: 5px; }

* html #menu a { display: inline; float:left; }

#menu a:hover,#menu a.active
{
background-color: #65a30b;
color: #e8f1db;
}

#menu li li a
{
height: 15px;
display: block;
color: #e6e6e6;
background-color: transparent;
width: 200px;
padding: 1px 5px 0px 5px;
text-decoration: none;
margin-bottom: 3px;
}

* html #menu li li a { display: inline; float:left; }

/* Content kolom containers  */

#contentcol{ background-repeat: no-repeat; background-position: right; background-color: transparent; width: 531px; height: 522px; float: right; }

#contentcol .thumbcontainer{ width: 490px; height: 61px; background-color: transparent; float: right; margin: 0px 17px 0px 0px; display: inline; }
#contentcol .thumbcontainer ul{ width: 470px; height: 25px; background-color: transparent; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#contentcol .thumbcontainer li{ list-style: none; display: inline; }
#contentcol .thumbcontainer a{ width: 39px; height: 39px; float: right; border: 1px solid #76bd11; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; }			
#contentcol .thumbcontainer a:hover { border-color: white; }
#contentcol .thumbcontainer img{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0px; }	

/* adresblok / omschrijvingsblok  */

#contentcol .descriptioncontainer{ width: 490px; height: 18px; background-color: transparent; float: right; text-align: right; font-size: 11px; color: #a6a3a3; margin: 0px 41px 0px 0px; display: inline; padding-top: 7px; }
#contentcol .adrescontainer{ width: 490px; height: 18px; background-color: transparent; float: right; text-align: right; font-size: 11px; color: #a6a3a3; margin: 0px 41px 0px 0px; display: inline; padding-top: 7px; }

/*   Paragraaftitel  */

#contentcol .titelcontainer{ width: 490px; height: 144px; background-color: transparent; float: right; margin: 0px 41px 0px 0px; display: inline; }
#contentcol h1{ margin: 55px 0px 0px 0px; color: #70a81e; float: left; font-size: 35px; font-style: normal; }

#contentcol .fotocontainer{
width: 490px; 
height: 375px; 
background-color: #4d4646; 
float: right; 
margin: 0px 41px 0px 0px; 
display: inline;
border-left: 1px solid #4d4646;
border-right: 1px solid #4d4646;
}

/*   Werkveld  */

#contentcol .werkveldcontainer{ width: 490px; height: 231px; background-color: transparent; float: right; text-align: left; margin: 0px 41px 0px 0px; display: inline; background-image: url(../images/werkveld_bg.jpg); background-repeat: no-repeat; background-position: right; }
#contentcol h2{ height: 15px; width: 350px; margin: 10px 0px 0px 0px; color: #84d411; font-size: 12px; font-style: normal; background-color: transparent; }
#contentcol p{ font-size: 12px; color: #e6e6e6; line-height: 18px; margin: 10px 15px 0px 0px; padding: 0px; background-color: transparent; }
#contentcol a{ font-weight: bold; color: #82d30d; text-decoration: underline;}
#contentcol a:hover{text-decoration: none; }

#contentcol table{ 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color:	 #e6e6e6;
}
#contentcol td{
	height: 18px;
}
.tabletitel{
	font-weight: bold;
	color: #82d30d;
}