html {
	overflow: -moz-scrollbars-vertical;
	height: 100%
}

body {
	background: #E8E8E8 url('../images/background.gif') repeat-y;
	background-position: top center;
	text-align: center;
	margin: 0px; padding: 0px;
	scrollbar-base-color:white;
	scrollbar-arrow-color:white;
	scrollbar-track-color:#E1E1E1;
	scrollbar-3dlight-color:#B5B5B5;
	scrollbar-highlight-color:#B5B5B5;
	scrollbar-darkshadow-color:#B5B5B5;
	scrollbar-shadow-color:#B5B5B5;
	scrollbar-face-color:#B5B5B5;
}

body, #page, div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #767676;
}

#page { // Horizontale position
	position: relative;
	top: 0px; left: 0px;
	width: 860px;
	margin-right: auto; 
	margin-left: auto;
	text-align: left;
}

.left {
	position: relative;
	top: 0px; left: 0px;
	width: 170px;
	float: left;
	padding-bottom: 20px;
}

.right {
	position: relative;
	top: 0px; right: 0px;
	width: 670px;
	float: right;
}

.mainHomepageContent {
	position: relative;
	top: 20px; left: 0px;
	width: 403px;
	float: left;
	padding-bottom: 50px;
}

.mainContent {
	position: relative;
	top: 20px; left: 0px;
	width: 403px;
	float: left;
	border-top: 1px solid #B2B2B2;
	padding-top: 5px;
	padding-bottom: 50px;
}

.sideContent {
	position: relative;
	top: 20px; right: 0px;
	width: 249px;
	float: right;
}

.contentItem {
	margin-bottom: 10px;
}
.sideContentItem {
	border-top: 1px solid #B2B2B2;
	padding-top: 5px;
	margin-bottom: 10px;
}

.logo, .titleImage {
	margin-bottom: 10px;
}

img {border: 0px;}
.hidden {display: none;}
hr {	display: block;
	height: 1px; 
	border-left: none;
	border-right: none;
	border-top: 1px solid #E4E4E4;
	border-bottom: none;
	clear: all;
}

p {margin: 0px;}
H1 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	color: #737171;
	margin: 0px 0px 10px 0px;
	line-height: 1.2em;
}
H2 {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	/*color: #94DA20;*/
	margin: 0px 0px 5px 0px;
}
H3, H4, H5, H6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
}

a {
	color:#EE1C25;
	text-decoration: none;
}

.whiteSpace {
	margin: 0px 10px 10px 10px;
	padding: 10px 0px;
}

.menuBarText {
	border-bottom: 1px solid #CCC; padding: 6px 0px 6px 6px;
}

.breadcrumb {
	padding: 0px 0px 20px 0px; 
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#leftMenu {
	margin: 0px;
	padding: 0px;
}

#leftMenu h2 {
	font-size: 11px; 
	font-weight: bold; 
	padding: 5px 0px 0px 6px;
	margin: 0px;
	border-top: 1px solid #CCC;
}

#leftMenu ul {
	padding: 0px 0px 5px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#leftMenu li {
	padding: 0px;
	list-style-type: none;
}

.niv1 {background-color: #FFF; margin: 0px; padding-bottom: 5px;}
.niv1active {background-color: #F8F8F8; margin: 0px; padding-bottom: 5px;}

.niv2 { }
.niv2active { backsground-color: #c0c0c0; }

.niv3 {font-size: 10px; color: #737171;}
.niv3active { font-size: 10px; color: #737171;}


.projectenMenu {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.projectenMenu ul {
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom: 1px solid #CCC;
}

.projectenMenu li {

	padding: 4px 0px;
	list-style-type: none;
	border-top: 1px solid #CCC;
}

.projectenMenu a {}

.divReactie {border-bottom: 1px solid #AAA; padding: 0px 0px 10px 0px; margin-bottom: 10px; clear: all;}

.clients {
	border: 1px solid #AAA; 
	width: 115px; height: 100px; 
	vertical-align: center; 
	text-align: center; 
	float: left; 
	margin-right: 5px; margin-top: 5px;
}



/*---------------- ZOEKEN --------------*/
.search {
	margin: 0px; 
	border-top: 1px solid #CCC; 
	border-bottom: 1px solid #CCC;
	overflow: auto;
	padding: 8px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #FFF;
}
.searchBox {
	width: 130px; height: 15px; 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #666;
	background-color: #FFFFFF;
	border: 1px solid #B2B2B2; padding: 2px 0px 0px 2px; margin: 0px 3px 0px 6px;
	float: left;
}
.searchButton {
	width: 19px;
	height: 19px;
	font-size: 12px; color: #FFF; font-weight: bold;
	background: #FFFFFF url('../images/bt_search_n.gif') no-repeat;
	border: 0px;
	float: left;
}
.searchButtonHigh {
	width: 19px;
	height: 19px;
	font-size: 12px; color: #F75001; font-weight: bold;
	background: #FFFFFF url('../images/bt_search_h.gif') no-repeat;
	border: 0px;
	cursor:pointer;cursor:hand;
	float: left;
}


/*---------------- FORMS --------------*/

form {margin: 0px;}

.xsformbuilder_simple_textbox {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 260px;}
textarea {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; width: 260px;}
.xsformbuilder_button, .buttonNormal {border: 1px solid #D5D5D5; background-color: #FFF; background-image: url('../images/bg_button_normal.gif'); color: #919191; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; height: 22px;}
.xsformbuilder_button_high, .buttonHigh {border: 1px solid #D5D5D5; background-color: #FFF; background-image: url('../images/bg_button_high.gif'); color: #BEBEBE; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; height: 22px;}

/* ----- tool tip specific styles ----- */

#theToolTip {
	position: absolute;
	left: -600px;
	width: 400px;
	border: 1px solid #595959;
	padding: 10px 5px 10px 10px;
	background-color: #FFF;
	visibility: hidden;
	z-index: 100;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight:normal;
	font-size: 11px;
	line-height: 15px;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer {
	position:absolute;
	left: -600px;
	z-index: 101;
	visibility: hidden;
}