/* Begin niet weergeven op printpagina */
#top, #mainRight {
  display: none;
}

/* =============================== ALGEMEEN =============================== */
html,body {
	margin:0;
	height:100%;
	font-family:Verdana;
	font-size: 10px;
}
img{border: 0px;}
ul{list-style-type:none;margin:0px;padding:0px;}
p {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

.content_CMS {font-family:Verdana; font-size: 10px;	font-size: 110%;}
.content_CMS p {margin: 0px; padding: 0px;	background-color: #FFFFFF;}
.content_CMS h1 {	margin-bottom:10px;	font-size:15px; padding:0px;margin:0px;}
.content_CMS h2 {	font-size:13px; padding:0px;margin:0px;}
.content_CMS h2 {	font-size:13px; padding:0px;margin:0px;}
.content_CMS img{border: 0px;}
.content_CMS a{text-decoration: none;}
.content_CMS a:hover{text-decoration: underline;}
.content_CMS a.active{text-decoration: underline;}
.content_CMS ul{list-style-type:none;margin:0px;padding:0px;}

a{color:#000000; text-decoration: none;}
a:hover{text-decoration: underline;}
a.active{text-decoration: underline;}
h1,h2,h3, h4{padding:0px;margin:0px;}

h1 {	margin-bottom:10px;	font-size:15px;}
h2 {	font-size:13px;}


/* =============================== CONTENT OPMAAK =============================== */
.style_werkgevers #headmenu a:hover {color:#e20074;}
.style_werkgevers #leftMenu a:hover {color:#e20074;}
.style_werkgevers #headmenu a.active {color:#e20074;}
.style_werkgevers #leftMenu a.active {color:#e20074;}
.style_werkgevers h1 {color:#e20074;}
.style_werkgevers h2 {color:#e20074;}
.style_werkgevers a {color:#e20074;}
.style_werkgevers .button {background-color:#e20074;}
.style_werkgevers .field_err {color: #e20074;}

.style_werkzoekende #headmenu a:hover {color:#4cc59e;}
.style_werkzoekende #leftMenu a:hover {color:#4cc59e;}
.style_werkzoekende #headmenu a.active {color:#4cc59e;}
.style_werkzoekende #leftMenu a.active {color:#4cc59e;}
.style_werkzoekende h1 {color:#4cc59e;}
.style_werkzoekende h2 {color:#4cc59e;}
.style_werkzoekende a {color:#4cc59e;}
.style_werkzoekende .button {background-color:#4cc59e;}
.style_werkzoekende .field_err {color: #4cc59e;}

.style_algemeen #headmenu a:hover {color:#ffa000;}
.style_algemeen #leftMenu a:hover {color:#ffa000;}
.style_algemeen #headmenu a.active {color:#ffa000;}
.style_algemeen #leftMenu a.active {color:#ffa000;}
.style_algemeen h1 {color:#ffa000;}
.style_algemeen h2 {color:#ffa000;}
.style_algemeen a {color:#ffa000;}
.style_algemeen .button {background-color:#ffa000;}
.style_algemeen .field_err {color: #ffa000;}


#container {
	margin-left:auto;
	margin-right:auto;
	width:828px;
	height:auto !important;
	height:100%;
	min-height:100%;
	font-size: 100%;
	/*background: #cccccc;*/
}

/* =========================================== TOP === */
#top{
	float:left;
	width: 828px;
	height: 151px;
	margin-bottom: 20px;
	margin-top:30px;
}
#top_left {
	float:left;
	width: 285px;
}
#top_right {
	float:left;
	width:543px;
}

#logo{
	float:left;
	width: 285px;
	height: 45px;
	margin:0px;
}
#logo_tring {
	float: left;
	width:540px;
	margin-top:24px;
	text-align:right;
	border:solid 0px green;
}
#headmenu {
	margin-top:22px;
	padding-bottom:7px;
	float: left;
	width:540px;
	background-image:url(../img/dots-horizontale.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	list-style:none;
	border:solid 0px red;
}
#headmenu li {
	float:left;
}
#headmenu a {
	display: block;
	font-size: 120%;
	text-decoration: none;
	color:#000000;
	float:left;
	padding-right:20px;
}
#breadcrumbs {
	float: left;
	width:542px;
	padding-top:4px;
	font-size: 100%;
}
#breadcrumbs a{text-decoration: none;}
#breadcrumbs a:hover{text-decoration: underline;}
#breadcrumbs a.active{text-decoration: underline;}


#mainTopOther {
 	float:left;
	width:553px;
}


/* =========================================== DEFAULT TEMPLATE */
#main {
	float:left;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	min-height:100%;
	background:url(../img/dots-vertical.gif);
	background-position: 558px 16px;
	background-repeat:repeat-y;
}
#mainHomepage {
	float:left;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	min-height:100%;
}

#mainLeft {
	float: left;
	margin-top: 0px;
	width: 140px;
	padding: 0px 0px 0px 0px;
}
#mainMidden {
	float: left;
	margin-top: 0px;
	width: 393px;
	padding: 0px 20px 0px 0px;
	line-height:16px;
	color: #000000;
	min-height:300px;
	font-size: 110%;
}
#mainRight {
	float: left;
	margin-top: 0px;
	width: 261px;
	padding: 0px 0px 0px 14px;
	overflow:hidden;
}


#mainBottomOther {
	float:left;
	width: 540px;
}
#mainBottomOther img {
	float:left;
}

img.border1px{border:1px #70716e solid;}
img.border2px{border:2px #70716e solid;}

#leftMenu {
	float: left;
	width: 120px;
}

#leftMenu a {
	display: block;
	width: 120px;
	font-size: 120%;
	text-decoration: none;
	color:#000000;
	background-image:url(../img/dots-horizontale.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:8px 0px 8px 0px;
}

#mainRight #quote {
	background: url(../../media/img/bg_quote_green.jpg);
	width:249px;
	height:166px;
	margin-left: 10px;
}
#mainRight #banner {
	margin-top:40px;
	border:0px;
}

/* ================================ HOME PAGE */
#mainHome {
	float: left;
	width: 828px;
}
#mainHomeLeft {
	float: left;
	width:275px;
	height:166px;
	background:white url(../img/dots-vertical.gif);
	background-position:right;
	background-repeat:repeat-y;
	margin-bottom:15px;
}
#mainHomeMiddle {
	float: left;
	width:275px;
	height:166px;
	background:white url(../img/dots-vertical.gif);
	background-position:right;
	background-repeat:repeat-y;
	margin-left:10px;
	margin-bottom:15px;
}
#mainHomeRight {
	float: left;
	width:249px;
	height:166px;
	font-size:90%;
	line-height:16px;
	color: #000000;
	margin-left:10px;
	margin-bottom:15px;
}
#mainHomePhotos  {
	float:left;
	margin-top:13px;
}

.dots {
	float: left;
	height: 2px;
	margin: 12px 0px 12px 0px;
	overflow: hidden;
	width: 100%;
	background:url(../img/dots-horizontale.gif);
}
#dotsV {
	clear: both;
	background:white url(../img/dots-vertical.gif);
}
.showHideIcon {
	cursor:pointer;
}
#contact td {
vertical-align:top;
}

.button {	
	color: white;
	border:0px;
	font-size:100%;
	font-weight: bold;
	height: 22px;
	width:auto;
}
input, textarea, select {
	border: solid 1px #cccccc;
}
.normal {
	width:250px;
}
.bijlage {
	border: solid 1px #cccccc;
}
.field_err {
	font-size: 80%; clear: both;
}


/* ================================ JOB TEMPLATE */

.job h2 {
	width:100%;
	float:left;
}
.job_colom_top {
	width:100%;
	font-weight:bold;
}
.job_colom_desc {
	width:100%;
}
.job_group {
	background:url(../img/bg_job_group.jpg); 
	width:95px;
	height:46px; 
	cursor:pointer;
	float:left;
	font-size:100%;
	font-weight:bold;
	color:#FFFFFF;
	margin-right:15px;
	margin-bottom:15px;
	padding:10px;
	overflow:hidden;
}
.job_group_active {
	background:url(../img/bg_job_group_active.jpg); 
	width:95px;
	height:46px; 
	cursor:pointer;
	float:left;
	font-size:100%;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px;
	margin-right:15px;
	margin-bottom:15px;
	overflow:hidden;
}

.job_colum_left {
	float:left;
	width:40%;
}
.job_colum_right {
	float:left;
	width:60%;
}