/* 
September 2006
Door : Koen Haarbosch  |  Bit Squad
Kleuren:

*/
/* --------------------------------------------- // -------- ALGEMENE SITE */
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #663300;
}
img, a {
	border: 0;
	margin: 0;
	padding: 0;
}
h1, h3, h4, h5, h6, dl, dt, dd { padding: 0; margin: 0; }
a:link { color: #BF691E; text-decoration: underline; } /*  niet bezochte link */
a:hover  { color: #FFFFFF; text-decoration: none;} /*  roll over  */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 100%; /* font-size wordt op 100% van de browser instellingen van de gebruiker gezet, deze grootte wordt dus overgenomen */
	background: #FF7200;
}
.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0; 
	padding: 0;
	background: transparent;
}
#wrapper {
	width: 770px; /* 770 - padding */
	margin-left: 0; 
	margin-right: auto;
	text-align: left;
	background: #FF7200;
	padding: 0;
}
/* --------------------------------------------- // -------- Instellen Fonts */
#content h1, #news h2 { font-size: 1.4em; }
#content h2 { font-size: 1.2em; }
#content h3 { font-size: 1em; }
#breadcrumb, #content, #footer, #news { font-size: 0.7em; }
/* --------------------------------------------- // -------- visual */
#visual {
	float: left;
	width: 750px;
	height: 112px;
}
/* --------------------------------------------- // -------- Breadcrumb */
#breadcrumb {
	float: left;
	width: 750px;
	padding: 5px 0 5px 50px;
}
#breadcrumb a, #breadcrumb strong { color: #FFF; }
/* --------------------------------------------- // -------- Column container */
#columnContainer {
	float: left;
	width: 770px;
	background: #FF7200 url(../_images/verloopColLeft.gif) repeat-y;
}
/* --------------------------------------------- // -------- Instellen Fonts */
#colLeft {
	float: left;
	width: 175px;
}
/* --------------------------------------------- // -------- Menu */
#menu {
	float: left;
	width: 175px;
	background: url(../_images/bgMenu.gif) no-repeat top;
}
#nav {
	list-style: none;
	margin: 0;
	padding: 20px 0 0 20px;
}
#nav li { padding: 3px 0 3px 0; }
#nav li a {
	padding: 0 0 0 20px;
	font-size: 0.8em;
	color: #663300;
	text-decoration: none;
	font-weight: bold;
	background: url(../_images/menu.gif) no-repeat 0px 0px;
}
#nav li a:hover {
	padding: 0 0 0 20px;
	color: #FFF;
	background: url(../_images/menuOver.gif) no-repeat 0px 0px;
}
/* submenu */
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
	display: none;
}
#nav ul.open { display: block; }
#nav ul li a {
	padding: 0 0 0 10px;
	color: #FFF;
	font-size: 0.6em;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	background: url(../_images/menuSub.gif) no-repeat 0px 4px;
}
#nav ul li a:hover {
	padding: 0 0 0 10px;
	color: #663300;
	background: url(../_images/menuSub.gif) no-repeat 0px 4px;
}
/* --------------------------------------------- // -------- Content */
#content {
	float: left;
	width: 388px; /* 418 - padding */
	padding: 0 10px 50px 20px;
	background: #FFB980 url(../_images/bgContent.gif) no-repeat left 100%;
}
#content h1 { margin: 20px 0 20px 0 }
#placeholder { float: left; height: 600px;} /* placeholder in #content die minimale hoogte van #content aan moet geven */
#quotes { float: left; margin: 20px 0; }
#quotes dl{
	float: left;
	width: 100px;
	margin: 0 15px 0 0;
	background: CCFFCC;
}
#quotes dt { font-weight: bold; }
#quotes img { border: solid 2px #C26B1F; margin: 0 0 10px 0; }
#quotes dd { margin: 10px 0; }

#colRight {
	float: left;
	width: 162px; /* 177 - padding */
	height: 300px;
	padding: 0 0 0 15px;
	background: url(../_images/cornerColRight.gif) no-repeat left top;
}
img.citaatLeft {
	float: left;
	margin: 4px 10px 4px 4px;
	border: solid 2px #C26B1F;
}
img.citaatRight {
	float: right;
	margin: 4px 4px 4px 10px;
	border: solid 2px #C26B1F;
}
img.werkenbijons /* opmaak kleine fotos : werken bij ons */
{
	float: left;
	margin: 0 10px 10px 0;
	clear: both;
}
#floatWerken
{
	float:right;
}
#floatWerken a { color: #BF691E; }
/* --------------------------------------------- // -------- News */
#news { padding: 15px 0 0 5px; }
#news dl, #news dd {
	margin: 0;
	padding: 0;
}
#news h2 { color: #FFFFFF; }
#news dt { font-weight: bold; margin: 15px 0 3px 0;}
#news dd a { color: #663300; }
/* --------------------------------------------- // -------- Footer */
#footer {
	float: left;
	width: 525px; /* 750 - padding */
	height: 20px; /* 35 - padding */
	color: #FFF;
	padding: 15px 0 0 225px;
	background: url(../_images/bgFooter.gif) no-repeat 0 -1px;
}
#footer a { color: #FFF; }
/* --------------------------------------------- // -------- Deel dat niet in de flow zit: address en foto links onder */
#outOfFlow {
	position: relative;
	margin: 0 0 0 -225px;
	width: 0px;
	height: 32px;
}
.imgLeftBottom {
	position: absolute;
	width: 175px;
	margin: -242px 0 0 0;
}
#address {
	width: 157px;
	position: absolute;
	margin: -185px 0px 0px 615px;
}