body
{
	margin:15px;
	padding:0;

	background: url(../inc/images/mainBG.jpg) repeat-x #CEE5F3;
	font-family:Verdana,Arial;
	font-size:12px;
}


h1, h2
{
	font-size:16px;
}

.container
{

	width:900px;
	margin:auto;

	background: #FFFFFF;
}

.headBar
{
	background: url(../inc/images/bar.jpg) no-repeat 0 0;
	font-size:10px;
	font-weight:bolder;
	color:#FFFFFF;

	padding:9px 5px 8px 5px;
	margin:0;
}

.headBar a {

	font-size:10px;
	font-weight:bolder;
	color:#FFFFFF;
}

.footBar
{
	background: url(../inc/images/bar.jpg) no-repeat 0px -29px;

	font-size:10px;
	font-weight:bolder;
	color:#FFFFFF;

	padding:9px 5px 8px 5px;
	margin:0;
}

.footBar a {

	font-size:10px;
	font-weight:bolder;
	color:#FFFFFF;
}

.left
{
	float:left;
}

.right
{
	text-align:right;
}

.header p
{
	margin:0;
	padding:0;
}

.header
{
	height:200px;
	top:0px;
	left:0px;


	border-left:1px solid #5B666C;

}

.mainMenu
{
	top:-200px;
	padding-top:5px;

	position:relative;
	width:200px;
	height:195px;

	margin-left:auto;


	border-right:1px solid #5B666C;

}

.mainMenu ul
{
	margin:0px;
	padding:0;
}
.mainMenu li
{
	display:block;
	text-align:right;

	padding:3px 35px 10px 0px;
	cursor:pointer;

	list-style:none;

	margin-left:10px;
}

.mainMenu li a, .mainMenu li a:visited
{
	color:#333333;
	font-size:10px;
	font-weight:bolder;
	text-decoration:none;
}

.workArea
{
	margin-top:-200px;
	border-right:1px solid #5B666C;
}

.content
{
	border-left:1px solid #5B666C;
	padding:10px 200px 10px 10px;

	min-height: 500px;
	height: auto !important;
	height: 500px;
}

.sideMenu
{
	height:auto;
	padding-top:20px;
	width:186px;
	padding:5px;
	float:right;
	margin-left:auto;

}

.sideMenu ul
{
	padding:0;
	margin:0;
}

.sideMenu li a, .sideMenu li a:hover
{
	color:#333333;
	font-size:10px;
	font-weight:bolder;
	text-decoration:none;
}

.sideMenu li
{
	display:block;
	list-style:none;

	text-align:right;

	padding:3px 35px 10px 0px;
	cursor:pointer;
}

.mainMenu input
{
	opacity:0.4;

	border:1px solid black;

	background: #FFFFFF;
	width:100px;
	margin-top:2px;
	font-size:10px;
}

.mainMenu input:focus
{
	opacity:0.7;
}


.home_btn {	background: url(../inc/images/home.png) no-repeat 10px 0px; cursor:hand;}
.home_btn:hover { background: url(../inc/images/home.over.png) no-repeat 10px 0px; }

.diensten_btn { background: url(../inc/images/diensten.png) no-repeat 10px 0px; }
.diensten_btn:hover { background: url(../inc/images/diensten.over.png) no-repeat 10px 0px; }

.producten_btn { background: url(../inc/images/producten.png) no-repeat 10px 0px; }
.producten_btn:hover { background: url(../inc/images/producten.over.png) no-repeat 10px 0px; }

.nieuws_btn { background: url(../inc/images/nieuws.png) no-repeat 10px 0px; }
.nieuws_btn:hover { background: url(../inc/images/nieuws.over.png) no-repeat 10px 0px; }

.login_btn { background: url(../inc/images/login.png) no-repeat 10px 0px; }
.login_btn:hover { background: url(../inc/images/login.over.png) no-repeat 10px 0px; }

.zoek_btn { background: url(../inc/images/zoek.png) no-repeat 10px 0px; }
.zoek_btn:hover { background: url(../inc/images/zoek.over.png) no-repeat 10px 0px; }

.computer_btn { background: url(../inc/images/computer.png) no-repeat 10px 0px; }
.computer_btn:hover { background: url(../inc/images/computer.over.png) no-repeat 10px 0px; }

.document_btn { background: url(../inc/images/document.png) no-repeat 10px 0px; }
.document_btn:hover { background: url(../inc/images/document.over.png) no-repeat 10px 0px; }


.pdf_btn { background: url(../inc/images/pdf.png) no-repeat 10px 0px; }
.pdf_btn:hover { background: url(../inc/images/pdf.over.png) no-repeat 10px 0px; }


.wereldbol_btn { background: url(../inc/images/wereldbol.png) no-repeat 10px 0px; }
.wereldbol_btn:hover { background: url(../inc/images/wereldbol.over.png) no-repeat 10px 0px; }

.contact_btn { background: url(../inc/images/contact.png) no-repeat 10px 0px; }
.contact_btn:hover { background: url(../inc/images/contact.over.png) no-repeat 10px 0px; }

.sideMenu li { background: url(../inc/images/neutraal.png) no-repeat }
.sideMenu li:hover { background: url(../inc/images/neutraal.over.png) no-repeat }

.button
{
	margin-left:10px;
}

.cms_btn {
background: url(../inc/images/neutraal.png) no-repeat;
	display:block;
	width:190px;
	height:26px;
	padding:5px 0 5px 20px;
	margin:10px;
}
.cms_btn:hover {
background: url(../inc/images/neutraal.over.png)
	display:block;
	width:190px;
	height:26px;
	padding:5px 0 5px 20px;
	margin:10px;
}

.cms_btn a
{
	color:#333333;
	text-decoration:none;
}


.imgLoader
{
	position:absolute;
	top:-500px;
	left:-500px;
}