html {
	background-color: #e1dbd0;
}

body{

	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background: #e1dbd0;
	font-size: 85%;
	margin: 0;
	padding: 0;
}

#container {
	text-align: left;
	margin: 0 auto;
	width: 984px;
	width: 844px;
	padding: 0;
	background: #fff;
	overflow:visible;
	background:url(../images/dropshadow_tile.jpg) repeat-y scroll -15px 0;
	background:url(../images/dropshadow_tile.png) repeat-y scroll -15px 0;
	height: auto;
	
	/* temporary hack to hide the UTF Byte order mark  */
	color: transparent;
}

#pageHeader, #pageContent, #pageFooter {
	margin: 0 auto;
	width: 964px;
	width: 824px;
	height: auto;
	overflow: hidden;
	
	/* temporary hack to hide the UTF Byte order mark  */
	color: black;
}
#pageHeader h1 {
	margin:20px 0pt 0pt 20px;
	float: left;
	text-indent:-999em;
}

#pageHeader h1 a {
	background:transparent url(../images/bdpkhandekarlogo.gif) no-repeat scroll 0pt 0pt;
	display: block;
	width: 300px;
	height: 37px;
	margin: 0;
	float: left;
	text-indent:-999em;
}


#pageContent {
	height: 413px;
	padding-top: 20px;
	padding-bottom: 28px;
	overflow: visible;
}
#container > #pageContent {
	min-height: 413px;
	height: auto;
	overflow: hidden;
}

#pageFooter {
	height:35px;
	/* margin-top: 20px; */
	background: #E1DBD0 url(../images/dropshadow_btm.png) no-repeat -15px 0;
	margin: 0 auto;
	width: auto;
	font-size: 77%;
}


#nav-main {
		height: 26px;
		background: url(../images/dotted_line.gif) 0px bottom repeat-x;
		margin: 0 20px;
		overflow: visible;
	        clear: both;	
	}
	
	#pageHeader > #nav-main {
	    min-height: 26px;
	    height: auto;
	}
	
		#nav-main a,
		#nav-main a:link,
		#nav-main a:visited {
			display: block;
/*          hieght: 26px; */
			width: auto;
			margin-right: 26px;
			line-height: 26px;
			font-size: 12px;
			font-weight:bold;
			text-decoration: none;
			color: #333;
		}
		
		#nav-main a:hover,
		#nav-main a:focus,
		#nav-main a:active {
			color: #666;
		}
		
		
    		
	    #nav-main ul {
	        width: 100%;
		    background : url(../images/dotted_line.gif) 0 top no-repeat;
			overflow: hidden;
			margin: 0; 
	    }

		
		#pageHeader ul li.nav-main-contact {
			float: right;
			width: auto;
		}
		#pageHeader ul li.nav-main-contact a {
			margin-right: 0;
		}
		
		

    #pageHeader #nav-main 
    {
        padding-top: 4px;
    }
    #pageHeader #nav-main li {
        width: auto;
        text-transform: uppercase;
		float: left;
		list-style: none;
    }
    #pageHeader #nav-main li.nav-main-contact {
        margin-right: 0;
		float: right;
    }
	
	#pageHeader #branding {
		height:57px;
		padding-bottom:20px;
	}

#pageHeader p#branding-language {
	display: block;
	width: 200px;
	text-align: right;
	float: right;
	margin:20px 20px 0pt 0pt;
	font-size: 77%;
}

#pageHeader p#branding-language a {
	font-weight: normal;
}

#pageHeader p#branding-language a.selected {
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}

#pageHeader p#branding-language strong {
	color: #EF2E22;
}


#een, #twee, #drie {
	height: auto;
	float: left;
	width: auto;
	margin-left: 51px;
}

#een{
	margin-left: 61px;
/*
position: absolute;
top: 20px;
left: 40px;
*/
}



#twee{
/*
position: absolute;

top: 20px;

left: 290px;
*/
}



#drie{
/*
position: absolute;

top: 20px;

left: 540px;
*/
}



#Message{

position: relative;

font-family: "Gill Sans MT"; 

font-size: 12px; 

color: #000000; 

left: 0px;

top: -7px;

width: 450px;

height: 15px;

}



h1 {

font-size: 110%;

}



a {


font-size: 93%; 

color: #000000; 

text-decoration: underline;

}



.main {


font-size: 93%; 

color: #000000; 

text-decoration: none;

}



.main2 {

font-size: 93%; 


color: #000000; 

text-decoration: none;

}



a:hover.main{


color: #636; 

text-decoration: none;

}



a:hover.main2{

color: #000000;  

text-decoration: none;

}



a:hover{

color: #636; 

text-decoration: underline;

}



iframe{

overflow: auto;

}



#pagina {
width: 770px;
height: auto;
overflow: visible;
margin: 0 auto;
/*
position: absolute;

left: 0px;

top: 0px;

height: 460px;
*/

}



#plaatje{
	float: left;
	width: 485px;
	height: auto;
	width: auto;
	margin-left: 20px;
/*
position: absolute;

left: 24px;

top: 46px;
*/
}



#tekst{
	float: left;
	width: 485px;
	height: auto;
	margin-left: 20px;
	
/*
position: absolute;

left: 255px;

top: 5px;

width: 485px;

height: 455px;
*/
}

#tekst p {
	font-size: 85%;
	line-height: 1.5em;
}



.foto{
	float: left;
	width: 485px;
	height: auto;
/*
position: absolute;

left: 0px;

top: 0px;

width: 450px;

heigth: 299px;
*/
}



.fotoo{
/*
position: absolute;

left: 0px;

top: 0px;
*/
}

#header-navigation {
	width: 100%;
	height: auto;
	
}

#footer-navigation {
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin-left: 14px;
	
}

#footer-navigation li{
	list-style: none;	
}

/*-------------------------- PROJECTS ----------------------*/
div#pageContent.projects-home {
	

}

div#pageContent.projects-home #tekst div{
	float: left;
	width: 80px;
	height: 124px;
	overflow: hidden;
	margin-right: 56px;
}

div#pageContent.projects-home #tekst div a {
	font-size: 83%;
}

ul#project-pictures li {
	float:left;
	height:124px;
	margin-right:56px;
	overflow:hidden;
	width:80px;
	list-style: none;
}


p.announcement {
	margin-top: 1em;
	padding: 0 3em;
	font-weight:bold;
}


/*-------------------------- PROJECT VIEWER / SHADOWBOX ----------------------*/
body #shadowbox_overlay {
	background: #E1DBD0 none repeat scroll!important;
}
body #shadowbox_loading {
	background-color: #a7a297;
}
body #shadowbox_toolbar_inner div a {
	color: #333;
}

/*-------------------------- EMPLOYEES (MEDEWERKERS) ----------------------*/
div#pageContent.employees {
}

div#pageContent.employees #tekst{
	width: auto;
}
div#pageContent.employees ul {
	margin-left: 0;
}
div#pageContent.employees ul li{
	background-color: #eee;
	list-style: none;
	overflow: hidden;
	padding: 0.4em;
}

div#pageContent.employees ul li.alt{
	background-color: transparent;
}

div#pageContent.employees ul li strong{
	display: block;
	width: 300px;
	height: auto;
	float: left;
	font-weight: normal;
	font-size: 85%;
}

div#pageContent.employees ul li a{
	display: block;
	width: auto;
	height: auto;
	float: left;
}