﻿*
{
	margin: 0;
	padding: 0;
}

html,
form
{
	width: 100%;
	height: 100%;
	text-align: center;
}



.top {background-image: url(../images/bg_body.gif); float: right; height: 100px; padding-right: 30px}

.top a
{
	color: black;text-decoration:none
}

.top a:hover {
color:#00DA00;
}


body
{
	width: 100%;
	height: 100%;
	font-family: Arial;
	background-color: #FFF;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-x;
	background-position: 0 15px;
	font-size: 62.5%;
	text-decoration: none;
}

body.smallSize{
	font-size: 62.5%;
}

body.normalSize{
	font-size: 66%;
}

body.largeSize{
	font-size: 73%;
}

h1, h2, h3, h4, h5, p
{
	margin: 0 0 10px 0;	
}

.inner_content h1
{
	margin: 0 0 10px 0;
	font-size: 1.6em	
}

.inner_content h2
{
	margin: 10px 0 5px 0;
	font-size: 1.4em	
}
.inner_content h3
{
	margin: 0 0 0px 0;
	font-size: 1.2em	
}
.inner_content h4
{
	margin: 0 0 0px 0;
	font-size: 1.2em
}

.inner_content ul li
{
	padding-left:20px;
	margin-left:20px
}

#container
{
	width: 842px;
	height: auto;
	margin: 15px auto 0 auto;
	text-align: left;
	background-image: url(../images/bg_content.gif);
	background-repeat: repeat-y;	
}

#header
{
	width: 842px;
	height: 105px;
	background-image: url(../images/bg_header.gif);
	background-repeat: no-repeat;
}

.content
{
	width: 782px;
	height: auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding: 0px 30px;
	font-size: 1.1em;
}

.content .left
{
	float: left;
	width: 152px;
	height: auto;
}

.content .left a
{
	color: black;
}

.content a
{
	color: black;
}

.content a:hover {
color:#00DA00;
}

/* NIEUWS LIST */
.content .left h3.newsHeader
{
	font-size: 1.3em;
	padding-top: 8px;
	text-decoration: none;
}

.content .left h3
{
	display: block;
	font-weight: bold;
	
	line-height: 20px;
	margin: 0;
	position: relative;
	text-decoration: none;
}

/*height: 20px;*/


.content .left a,
.content .left a h3 
{
	text-decoration: none;
}

.news_block 
{
	padding:10px;
}

.binoqnewslist h3
{
	font-size: 1.1em;
}

.binoqnewslist h3 a
{
	text-decoration: none;
	margin: 0px;
	line-height: 20px;
	height: 20px;
}
/* EIDNE - NIEUWS LIST */

.content .left .img_block
{
	position: relative;
	width: 100%;
	height: auto;
}

.content .left .news_block
{
	position: relative;
	width: 140px;
	height: auto;
}

.content .left .img_block img
{
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top:10px;
}

.content .left .img_block span
{
	float: left;
	position: relative;
	display: block;
	height: 17px;
	width: 100%;
	font-size: 1.0em;
	text-align: center;
	line-height: 17px;
	background-color: #00da00;
}

.content .right
{
	float: left;
	width: 610px;
	height: auto;
	padding: 0 0 0 20px;
}

.content .right #menu
{
	height: 35px;
}

.content .right #menu ul
{
	list-style: none;
}

.content .right #menu ul#topmenu li
{
	float: left;
	padding-left: 0;
	padding-right: 24px;
}

.content .right #menu ul li.first
{
	padding: 0 10px 0 0;
}

.content .right #menu ul li a
{
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;
	text-decoration: none;
}

.content .right #menu ul li a,
.content .right #menu ul li.active ul li a,
.content .right #menu ul li.active ul li.active ul li a
{
	color: #000;
}

.content .right #menu ul li.active a,
.content .right #menu ul ul li.active a,
.content .right #menu ul ul ul li.active a
{
	color: #00DA00;
}




.content .right #menu ul ul
{
	padding: 10px;	
}

.content .right #menu ul ul li a:hover
{
	text-decoration: underline;	
}

.content .right #menu ul ul li a
{
	font-size: 1.1em;	
	line-height: normal;
}

.content .right #menu ul ul ul
{
	padding: 0;	
}

#fontSize
{
	float: right;
}

.content .right #breadcrumbs
{
	margin: 0 0 10px 0;
	border-top: 1px solid #D8F9D8;
}	

.content .right #breadcrumbs a
{
	color: #000;
	margin: 5px 0 0 0;
	text-decoration: none;
}

.content .right #breadcrumbs a:hover
{
	text-decoration: underline;	
}

.content .right .inner_content
{
	float: left;
	width: 448px;
	height: auto;
	padding: 0 10px 0 0;
	/*position: relative;
	*top: 51px;
	*z-index: 1;*/
}

.content .right #login 
{
	float: left;
	width: 152px;
	height: auto;
}

.content .right #login input[type="text"],
.content .right #login input[type="password"]
{
	float: right;
	width: 120px;
	height: 16px;
	padding: 3px;
	margin: 0 0 3px 0;
	border: 1px solid #000;
}

.content .right #login input[type="submit"]{
	background-color:#00DA00;
	border:1px solid #D8F9D8;
	float:left;
	height:24px;
	margin:0 0 6px 23px;
	padding:2px;
	width:88px;
}

.content .right #login a
{
	float: right;
	width: 128px;
	height: auto;
	color: #000;
	text-align: left;
	text-decoration: underline;padding-bottom:5px
}	



#footer
{
	dispay:none;
	visibility:hidden;
}

/*

#footer
{
	margin-top: 20px;
	width: 782px;
	height: 15px;	
}

#footer ul
{
	text-align: center;
	list-style-type: none;
}

#footer ul li
{
	display: inline;
}

#footer ul li a
{
	padding: 0 10px 0 10px;
	color: #000;
	text-decoration: none;
}

#footer ul li a#toTop
{
	cursor: pointer;
}

*/




.clearfix:after 
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix 
{
	display: inline-block;
}
 
html[xmlns] .clearfix 
{
	display: block;
}
 
* html .clearfix 
{
	height: 1%;
}

h1.h1news {margin-left: -20px}
.mijnmenu {list-style-type:none}
#login a {font-size:12px;font-weight:bold;}



/* FACEBOOK == SMOELENBOEK 2.0 */
.txtSearch
{
	display: block;
	float: left;
	width: 115px;
	font-size: 1.1em;
}

.ddlSearch 
{
	float: left;
	width: 119px;
	font-size: 1.1em;
}

#dvSearch label 
{
	display: block;
	float: left;
	padding-left: 5px;
	width: 75px;
}

.btnSearch
{
	width: 80px !important;
}

.facebookli
{
	display: block;
	float: left;
	width: 149px;
	padding-left: 0px !important;
	margin-left: 0px !important;
	overflow: hidden;
}

.smoelli
{
	list-style: none;
	padding-left: 0px !important;
	margin-left: 0px !important;
}

.smoel_head
{
	padding: 0px !important;
	margin: 0px !important;
}

.smoel_body 
{
	background-color: black;
	color: white;
	padding: 5px;
	width: 139px;
	height: 120px;
}

.inner_content .smoelli a
 {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background-image: none;
	padding-left: 0px;
	color: #00DA00;
	font-weight: bold;
}

.facebookli p
{
        height: 130px;
	width: 149px;
	overflow: hidden;
}

.lblContactRequest
{
	font-size: 11px;
	font-weight: bold;
}

.txtContactRequest
{
}

.btnContactRequest
{	
}

.divContactRequest
{
	padding-top: 75px;
}

/* EINDE FACEBOOK == SMOELENBOEK 2.0 */

/* CAREER GRID */

.careergrid
{
	width: 448px;
}

.careergrid tr
{
	line-height: 18px;
}

.inputcareer
{
	font-size: 10px;
	width: 110px;
}

.selectcareer
{
	font-size: 10px;
}

.acareer
{
	font-size: 10px;
}

.careerheadrow
{
	font-weight: bold;
	color: black;
	background: #DCF9DC;
}

.careereditrow
{
	background: #DCF9DC;
	font-size: 10px;
}

.careeraltrow
{
	background: #00DA00;
	color: black;
}

.careerfooter
{
	font-size: 10xp;
}

/* EINDE CAREER GRID */




/* Prikbord GRID */


.ddDatum{display:none}


/* EINDE Prikbord GRID */




/* VACATURE GRID */

.vacgrid
{
	width: 448px;
	cellspacing: 0;
	/*border: 0px;*/
	/*border-collapse: collapse;*/
}

.vacgrid tr
{
	line-height: 22px;
}

.vacgrid tr th
{
	padding-left: 2px;
}

.vacgrid tr td
{
	padding-left: 2px;
}

.avac
{
	font-size: 10px;
}

.vacheadrow
{
	font-weight: bold;
	color: black;
	background: #DCF9DC;
}

.vacaltrow
{
	background: #00DA00;
	color: black;
}

/* EINDE CAREER GRID */
















.content .right #login a:hover {
color:#00DA00;

}



.content .right #login a.active {
color:#00DA00;

}


