/**
  * Css file for:
  *   werkwebsite.nl
  *
  * Version: 0.1 - 07-09-2009
  *
  */

body {
	margin: 0;
	padding: 0;
	font-family:Arial;
	line-height:1.2em;
	height:100%;
}


a img{border:0}

#fake_body {
	
	width: 100%;
	height: 100%;
	
	background: url('../layout/images/bodyheaderBGstretch.jpg');
	background-repeat: repeat-x;
}

#error{color:red; font-weight:bold; display:none}
#success{color:green; font-weight:bold; display:none}

#main_container {

	width: 1000px;
	max-width: 1000px;
	position: relative;
	height:auto;
	
	margin-left: auto;
	margin-right: auto;

}

#question{
width:auto;}
/* here i am breaking the css flow of the website (normally you'd see header defines here) to put the headerstyles up high in this file.
	I've done this to get the styles up top in the drop down for the admin
*/

/* subcategories on beroepen-page */
.tabbutton1{
	padding-top: 0;
	margin-top: 0;
	
	font-family: "Arial", Sans-serif;
	font-weight:bold;
	font-size: 16px;
	text-decoration:none;
	text-align:center;
	padding-left:5px;
	background-repeat:no-repeat;
	background-position:center right;
	background-image:url("../layout/images/knop1.png");
	background-color: #2db7ff;
	background-repeat:no-repeat;
	background-position:center right;

	width: 200px;
	height: 38px;

	display: block;
	
	color: white;
	line-height: 18px;

	position: relative;

	float:left;
}
.button1{
	padding-top: 60px;
	margin-top: 0;
	text-decoration:none;
	text-align:center;
	background-image:url("../layout/images/knop1.png");
	background-repeat:no-repeat;
	background-position:center right;

	width: 205px;
	height: 100px;

	display: block;
	
	color: white;
	line-height: 20px;

	position: relative;

	float:left;
	z-index:10;
}

.tabbutton2{
	padding-top: 0;
	margin-top: 0;
	
	font-family: "Arial", Sans-serif;
	font-weight:bold;
	font-size: 16px;
	text-decoration:none;
	text-align:center;
	padding-left:5px;
	background-repeat:no-repeat;
	background-position:center right;
	background-image:url("../layout/images/knop2.png");
	background-color: #2db7ff;
	background-repeat:no-repeat;
	background-position:center right;

	width: 200px;
	height: 38px;

	display: block;
	
	color: white;
	line-height: 18px;

	position: relative;

	float:left;
}
.button2{
	padding-top: 60px;
	margin-top: 0;
	text-decoration:none;
	text-align:center;
	background-image:url("../layout/images/knop2.png");
	background-repeat:no-repeat;
	background-position:center right;

	width: 205px;
	height: 100px;

	display: block;
	
	color: white;
	line-height: 20px;

	position: relative;

	float:left;
	z-index:10;
}

.tabbutton3{
	padding-top: 0;
	margin-top: 0;
	
	font-family: "Arial", Sans-serif;
	font-weight:bold;
	font-size: 16px;
	text-decoration:none;
	text-align:center;
	padding-left:5px;
	background-repeat:no-repeat;
	background-position:center right;
	background-image:url("../layout/images/knop3.png");
	background-color: #2db7ff;
	background-repeat:no-repeat;
	background-position:center right;

	width: 200px;
	height: 38px;

	display: block;
	
	color: white;
	line-height: 18px;

	position: relative;

	float:left;
}
.button3{
	padding-top: 60px;
	margin-top: 0;
	text-decoration:none;
	text-align:center;
	background-image:url("../layout/images/knop3.png");
	background-repeat:no-repeat;
	background-position:center right;

	width: 205px;
	height: 100px;

	display: block;
	
	color: white;
	line-height: 20px;

	position: relative;

	float:left;
	z-index:10;
}
.tabbutton4{
	padding-top: 0;
	margin-top: 0;
	
	font-family: "Arial", Sans-serif;
	font-weight:bold;
	font-size: 16px;
	text-decoration:none;
	text-align:center;
	padding-left:5px;
	background-repeat:no-repeat;
	background-position:center right;
	background-image:url("../layout/images/knop4.png");
	background-color: #2db7ff;
	background-repeat:no-repeat;
	background-position:center right;

	width: 200px;
	height: 38px;

	display: block;
	
	color: white;
	line-height: 18px;

	position: relative;

	float:left;
}
.button4{
	padding-top: 60px;
	margin-top: 0;
	text-decoration:none;
	text-align:center;
	background-image:url("../layout/images/knop4.png");
	background-repeat:no-repeat;
	background-position:center right;

	width: 205px;
	height: 100px;

	display: block;
	
	color: white;
	line-height: 20px;

	position: relative;

	float:left;
	z-index:10;
}
.tabbutton5{
	padding-top: 0;
	margin-top: 0;
	
	font-family: "Arial", Sans-serif;
	font-weight:bold;
	font-size: 16px;
	text-decoration:none;
	text-align:center;
	padding-left:5px;
	background-repeat:no-repeat;
	background-position:center right;
	background-image:url("../layout/images/knop5.png");
	background-color: #2db7ff;
	background-repeat:no-repeat;
	background-position:center right;

	width: 200px;
	height: 38px;

	display: block;
	
	color: white;
	line-height: 18px;

	position: relative;

	float:left;
}
.button5{
	padding-top: 60px;
	margin-top: 0;
	text-decoration:none;
	text-align:center;
	background-image:url("../layout/images/knop5.png");
	background-repeat:no-repeat;
	background-position:center right;

	width: 205px;
	height: 100px;

	display: block;
	
	color: white;
	line-height: 20px;

	position: relative;

	float:left;
	z-index:10;
}
.tabblad{
	padding-top: 0;
	margin-top: 0;
	font-family: "Arial", Sans-serif;
	font-weight:bold;
	font-size: 18px;
	text-decoration:none;
	text-align:center;

	width: 340px;
	height: 38px;
	background-color:#fb1015;

	display: block;
	
	color: white;
	line-height: 40px;

	position: relative;

	float:left;
}
.tabblad2{
	padding-top: 0;
	margin-top: 0;
	font-family: "Arial", Sans-serif;
	font-weight:bold;
	font-size: 18px;
	text-decoration:none;
	text-align:center;

	width: 340px;
	height: 38px;
	background-color:#136635;

	display: block;
	
	color: white;
	line-height: 40px;

	position: relative;

	float:left;
}
.tabblad3{
	padding-top: 0;
	margin-top: 0;
	font-family: "Arial", Sans-serif;
	font-weight:bold;
	font-size: 18px;
	text-decoration:none;
	text-align:center;

	width: 340px;
	height: 38px;
	background-color:#13437E;

	display: block;
	
	color: white;
	line-height: 40px;

	position: relative;

	float:left;
}
.tabblad4{
	padding-top: 0;
	margin-top: 0;
	font-family: "Arial", Sans-serif;
	font-weight:bold;
	font-size: 18px;
	text-decoration:none;
	text-align:center;

	width: 340px;
	height: 38px;
	background-color:#FE0000;

	display: block;
	
	color: white;
	line-height: 40px;

	position: relative;

	float:left;
}
.tabblad5{
	padding-top: 0;
	margin-top: 0;
	font-family: "Arial", Sans-serif;
	font-weight:bold;
	font-size: 18px;
	text-decoration:none;
	text-align:center;

	width: 340px;
	height: 38px;
	background-color:#9933CC;

	display: block;
	
	color: white;
	line-height: 40px;

	position: relative;

	float:left;
}
.tabbox{
	top: -12px;
	display: block;
	position: relative;
	height:38px;
	line-height: 28px;
	width:678px;
	margin:0px;
	
	padding:0px;
	padding-top:0px;
	background-color: #2db7ff;
}
.tabbox2{
	top: -72px;
	display: block;
	position: relative;
	line-height: 28px;
	width:678px;
	margin:0px;
	
	padding:0px;
	padding-top:0px;
	padding-bottom : 30px;
}
.black_h1 {
	padding-top: 0;
	margin-top: 5px;
	padding-bottom: 0;
	margin-bottom: 0;

	width: 664px;
	height: 38px;

	display: block;
	background-color: black;
	color: white;
	font-size: 20px;
	line-height: 38px;

	position: relative;
	top: -12px;

	padding-left: 12px;
	margin-left: -8px;
}


#entry_h1_blue {
	padding-top: 0;
	margin-top: 0;

	width: 664px;
	height: 38px;

	display: block;
	background-color: #2db7ff;
	color: white;
	font-size: 20px;
	line-height: 38px;

	position: relative;
	top: -12px;

	padding-left: 14px;
}
#entry_h1_blue1 {
	padding-top: 0;
	margin-top: 0;
	float:left;
	width: 324px;
	height: 38px;

	display: block;
	background-color: #2db7ff;
	color: white;
	font-size: 20px;
	line-height: 38px;

	position: relative;

	padding-left: 14px;
}
#entry_h1_blue2 {
	padding-top: 0;
	margin-top: 60px;
	float:left;
	width: 665px;
	height: 38px;

	display: block;
	background-color: #2db7ff;
	color: white;
	font-size: 20px;
	line-height: 38px;

	position: relative;

	padding-left: 14px;
}



.blue_h1, .wideblue_h1,.wideblue_h1_dark {
	padding-top: 0;
	margin-top: 20px;
	padding-bottom: 0;
	margin-bottom: 0;

	width: 664px;
	height: 38px;

	display: block;
	background-color: #2db7ff;
	color: white;
	font-size: 20px;
	line-height: 38px;

	position: relative;
	top: -12px;

	padding-left: 12px;
	margin-left: -8px;
}


.wideblue_h1,.wideblue_h1_dark {
	margin-left: 0px;
	margin-right: auto;
	width: 950px;
	height: 38px;
}

.wideblue_h1_dark {
	background-color: #2da9ff;
}




.uncolored_h1 {
	padding-top: 0;
	margin-top: 5px;
	padding-bottom: 0;
	margin-bottom: 0;

	height: 38px;

	display: block;
	font-size: 20px;
	line-height: 38px;

	border-bottom: 1px solid #e6e5e5;

	position: relative;
	top: -12px;
}


#dividerLeft, .divider {
	
	width: 660px;
	float: left;

	border: 1px solid #d0d0d0;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-top: 8px;
	padding-right: 8px;

	position: relative;
	top: -25px;
}
#dividerLeft2, .divider {
	
	width: 660px;
	float: left;

	border: 1px solid #d0d0d0;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-top: 8px;
	padding-right: 8px;

	position: relative;
	top: -60px;
}

.divider {

	margin-top: 16px;
	padding-top: 7px;

}

#dividerRight {

	width:260px;
	float: right;

	border: 1px solid #d0d0d0;
	color:#FFFFFF;

	position: absolute;
	display: block;
	top: 710px;
	right: 15px;

	padding: 5px 5px 0 5px;
}
#dividerRight1 {

	width:260px;
	float: right;
	background-color:#CC6600;
	

	border: 1px solid #d0d0d0;

	position: absolute;
	display: block;
	top: 253px;
	right: 15px;

	padding: 5px 5px 0 5px;
}
#dividerRight2 {

	width:260px;
	float: right;

	border: 1px solid #d0d0d0;

	position: absolute;
	display: block;
	top: 253px;
	right: 15px;

	padding: 5px 5px 0 5px;
}
#dividerRight3 {

	width:260px;
	float: right;

	border: 1px solid #d0d0d0;

	position: absolute;
	display: block;
	top: 253px;
	right: 15px;

	padding: 5px 5px 0 5px;
}
#dividerRight4 {

	width:260px;
	float: right;

	border: 1px solid #d0d0d0;

	position: absolute;
	display: block;
	top: 253px;
	right: 15px;

	padding: 5px 5px 0 5px;
}
#dividerRight5 {

	width:260px;
	float: right;

	border: 1px solid #d0d0d0;

	position: absolute;
	display: block;
	top: 253px;
	right: 15px;

	padding: 5px 5px 0 5px;
}

#subcatlisting_title {
	
	color: #2db7ff;
	font-size: larger;
	font-family: "Arial", Sans-serif;

}


#catmainpage_h1 {
	padding-top: 0;
	margin-top: 0;

	width: 664px;
	height: 38px;

	display: block;
	background-color: black;
	color: white;
	font-size: 20px;
	line-height: 38px;

	position: relative;
	top: -12px;

	padding-left: 14px;
}





#dividerRighth3 {

	margin: 5px 0 0 5px;
	color: #2db7ff;
	font-size: larger;
	font-family: "Arial", Sans-serif;

}


#mostpoprightul {
	
	position: relative;
	left: -25px;
	list-style-type: square;
}


.mostpoprightli {
	
	
	color: #2db7ff;
	line-height: 32px;
	font-size: 8px;

	width: 230px;

	border-bottom: 1px solid #d0d0d0;

		max-height:32px;
}

.mostpoprightli a{
	display: inline-block;
	margin:-7px 0;
	max-height:22px;
	overflow:hidden;
}

.mostpoprightli:last-child {

	border: none;
}

.mostpoprightli a {

	color: black;
	line-height: 22px;
	font-size: 12px;
}

.mostpoprightli a:active {

	color: #2db7ff;
}


.subcat_listfieldset {

	width: 299px;
	float: left;
	padding-top: 0;
	padding-left: 9px;
	padding-right: 8px;
	margin-right: 5px;
	margin-bottom: 5px;


	height: 110px;

	border: 1px solid #d0d0d0;
}

.subcat_listlegend {
	
	color: black;
	font-weight: bold;
}
.subcat_listlegend a{
	color:black;
	text-decoration:none;
}

.subcat_lista {
	
	color: #2db7ff;
	font-weight: bold;
}



.subcat_listmore {
	color: #fa551a;

	float: right;
}



/* further: heading */



#header_container {
	background-image: url('../layout/images/headerBGstretch.jpg');
	background-repeat: repeat-x;

	float: left; /* without float: left; or clear: the background wont show up */
	width: 1000px;
	max-width: 1000px;

	z-index: 1;
}


#headerlogo {
	float: left;
	z-index: 2;

	padding-right: 130px;
	padding-left: 10px;

}

.header_btn {
	text-decoration: none;
	display: block;
	height: 76px;
	max-height: 76px;
	width: 118px;

	color: white;
	font-weight: bold;
	font-family: "Arial", Sans-serif;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	line-height: 80px;

	float: left;

	background-image: url('../layout/images/headerBGstretch.jpg');
	background-repeat: repeat-x;
}

.header_btn_selected {
	text-decoration: none;
	display: block;
	height: 73px;
	max-height: 76px;
	width: 118px;

	color: white;
	font-weight: bold;
	font-family: "Arial", Sans-serif;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	line-height: 80px;
	
	float: left;

	background-color: black;
}

#headerBGlogo {
	clear: both;
 }

#header_search_input {

	width: 410px;

	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 9px;

	display: block;

	position: absolute;
	top: 137px;
	right: 130px;

	border: none;

	font-family: "Arial", Sans-serif;
	font-size: 10px;
}

#header_search_submit {
	
	
	/*vertical-align:baseline;
	vertical-align:"1px";  quotes to get IE to recognize it, but not other browsers. This is not an IE-hack, its the reverse. */

	position: absolute;
	top: 137px;
	right: 0;

	width: 130px;
	height: 32px;

	border: 0px solid black;

	vertical-align: middle; 
	/*vertical-align: text-bottom;*/

	background-image: url('../layout/images/searchNew.png');
	background-repeat: repeat-x;

	padding: 0 40px 0 40px;

}


#header_gradient {
	background-image: url('../layout/images/gradient.jpg');
	background-repeat: repeat-x;

	padding-top: 1px; /*weird bug in most browsers: 0px makes it ~10px, 1px seems to do it right.. */
	margin-top: 0px;
	font-size: 12px;

	height: 32px;
	font-family: "Arial", Sans-serif;
	z-index:1;
	padding-left: 15px;
	
	top: 174x;
	width: 985px;
}

h1 #headerwelcome {
	padding-bottom: 0;
	margin-bottom: -10px;
	width: 250px;
	
}

hr{
	height:1px;
	background:#e6e5e5;
	color:#e6e5e5;
}

#header_hr {
	margin-left: auto;
	margin-right: auto;

	position: relative;
	top: -10px;

	width: 980px;
	height: 1px;
	border-top: 1px solid #e6e5e5;
}
#header_hr hr {
	display: none;
}


hr{border:0}

.breadcrumba {
	
	font-family: "Arial", Sans-serif;
	color: black;
	font-size: smaller;

	position: relative;

	top: 7px;
}

.breadcrumbspan {

	color: black;
	font-size: smaller;

	position: relative;

	top: 7px;

}

#content_area {

	padding-left: 15px;
	margin-top: 18px;
	min-height: 500px;

	padding-bottom: 40px;
	font-family: "Arial", Sans-serif;
	font-size: 13px;

}

#content_area .down{
color:#333333}

#footer_container {

	width: 100%;
	height: 74px;
	display: block;

	position: relative;
	
	margin-left: 0%;
	margin-right: 10%;

	background: url('../layout/images/headerBGstretch.jpg') #2db7ff;
	background-repeat: repeat-x;
	margin-top:25px;
	padding-top: 0px;
}
h2{font-size:16px}

#footer_contain_main {
	
	width:1000px;
	margin:0px auto;
	padding-left:25px;
}	

#footer_contain_main a {
	
	text-decoration: none;

	float: left;
	line-height:1.4em;
	margin-top:1px;
	color: white;
	font-family: "Arial", Sans-serif;
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	width:150px;
}

#footer_contain_main span {
	
	color: white;
	float: right;
	font-family: "Arial", Sans-serif;
	font-size: 13px;
}




/* dynamic content stuff */

#content_poppages {

	width: 480px;
	float: right;
	height: 527px;

	margin-right: 10px;
	

	position: relative;

	border: 1px solid black;

	overflow: hidden;

}

#content_poppages_header {

	display: block;
	height: 30px;
	line-height: 30px;
	margin-bottom: 8px;

	vertical-align: middle;

	background-color: black;
	color: white;

	font-weight: bold;
	font-family: "Arial", Sans-serif;
}


.content_toppages_entry {

	padding: 3px 10px 0 10px;
	font-family: "Arial", Sans-serif;
	font-size: smaller;
	color: #a0a0a0;
	border-bottom: 1px solid #848896;
	height: 45px;

}
.content_toppages_entry_alt {
	
	padding: 3px 10px 0 10px;
	font-family: "Arial", Sans-serif;
	font-size: smaller;
	color: #a0a0a0;

	background-color: #f3f4f5;
	border-bottom: 1px solid #848896;
	height: 45px;
}

.content_toppages_entry a, .content_toppages_entry_alt a {
	
	font-weight: bold;
	color: black;

	font-size: small;
}



/* downloads */


#content_popdownloads {

	width: 480px;
	float: left;
	height: 527px;

	position: relative;

	border: 1px solid #2db7ff;

	overflow: hidden;

}

#content_popdownloads_header {

	display: block;
	height: 30px;
	line-height: 30px;
	margin-bottom: 8px;

	vertical-align: middle;

	background-color: #2db7ff;
	color: white;

	font-weight: bold;
	font-family: "Arial", Sans-serif;
}


.content_topdownloads_entry {

	padding: 3px 10px 0 10px;
	font-family: "Arial", Sans-serif;
	font-size: smaller;
	color: #a0a0a0;
	border-bottom: 1px solid #98dcff;
	height: 45px;

}
.content_topdownloads_entry_alt {
	
	padding: 3px 10px 0 10px;
	font-family: "Arial", Sans-serif;
	font-size: smaller;
	color: #a0a0a0;

	background-color: #ebf8fe;
	border-bottom: 1px solid #98dcff;
	height: 45px;
}

.content_topdownloads_entry a, .content_topdownloads_entry_alt a {
	
	font-weight: bold;
	color: black;

	font-size: small;
}


/* listing of entries in subcategory */

.list_entry_a {
	
	display: block;
	background-color: #e6e7eb;
	padding-left: 8px;
	padding-right: 8px;

	width: 640px;

	height: 20px;
	font-size: 12px;
	line-height: 20px;

	text-decoration: none;
	color: black;
	font-weight: bold;
	text-decoration:underline;
}

.list_entry_b {
	
	display: block;
	background-color: #e6e7eb;
	padding-left: 8px;
	padding-right: 8px;

	width: 640px;

	height: 20px;
	font-size: 12px;
	line-height: 20px;

	text-decoration: none;
	color: black;
	font-weight: bold;
	text-decoration:underline;
}

.list_entry_desc {
	
	margin-top: -15px;
	padding-top: 0;

	padding-left: 8px;
	padding-right: 8px;

	font-size: 12px;
	

}

.list_entry_desc_b {
	
	margin-top: -15px;
	padding-top: 0;

	padding-left: 8px;
	padding-right: 8px;

	font-size: 12px;

}
.list_paging_div {

	display: block;
	position: relative;
	float: right;

	padding-bottom: 3px;
	margin-bottom: 5px;

	margin-right: 10px;
}

.list_paging_a {
	float: left;
	display: block;
	
	height: 18px;

	padding: 2px 6px 2px 6px;
	margin: 0 2px 0 2px;


	border: 1px solid #d0d0d0;

	line-height: 18px;
	text-align: center;

	color: black;
	font-weight: bold;

	font-family: "Arial", Sans-serif;
	text-decoration: none;

}

.list_paging_a_active {
	float: left;
	display: block;
	
	width: 14px;
	height: 18px;

	padding: 2px 4px 2px 4px;
	margin: 0 2px 0 2px;


	border: 1px solid #2db7ff;
	background-color: #2db7ff;

	line-height: 18px;
	text-align: center;

	color: white;
	font-weight: bold;

	font-family: "Arial", Sans-serif;
	text-decoration: none;
}


/* downloadlisting */

#downloads_container {

	width: 961px;

	position: relative;
	top: -29px;
	right: -1px;

	float: left;

	margin-bottom: -22px;

	border-bottom: 1px solid #2db7ff;
}

.downloads_listingdiv, .downloads_listingdiv2 , .downloads_listingdivalternate, .downloads_listingdivalternate2 {
	
	width: 460px;
	height: 70px;
	border: 1px solid #2db7ff;
	padding: 4px 4px 4px 4px;

	margin: 0 -1px -1px -1px;

	float: left;

	font-size: 11px;
	color: #a0a0a0;
}

.downloads_listingdivalternate, .downloads_listingdivalternate2 {

	float: right;

	margin-left: 20px;
	right: 0;
	margin-right: 0;
	padding-right: 0;

	background-color: #ebf8fe;
	
}

.downloads_listingdiv2 {
	background-color: #ebf8fe;
}
.downloads_listingdivalternate2 {
	background-color: white;
}


.downloads_listinga, .downloads_listingaalt {

	color: black;
	font-weight: bold;
	font-size: 12px;
}

.downloads_listinga:active, .downloads_listingaalt:active {
	color: #fe4503;
}

.downloads_listingdiv_right {

	float: right;
	margin-right: 5px;
	margin-top: 20px;
}

.downloads_listingdiv_left {

	float: left;
	width: 370px;
	padding: 8px;
	padding-right: 2px;
}

.downloads_listinga_right {

	display: block;
	height: 30px;
	width: 70px;

	color: white;
	font-weight: bold;
	font-size: smaller;
	text-align: center;
	vertical-align: middle;
	line-height: 27px;

	background-image: url('../layout/images/downloadgradient.png');
}


/* Linklisting */

.link_listingCat {
	
	font-weight: bold;
	font-size: larger;

	padding-bottom: 0;
	margin-bottom: 0;

}

.links_listinga {

	color: black;
	line-height: 20px;
}


/*  Search */

.smaller_header {

	font-size: 14px;
}



/* Admin */



#login_div {

	width: 300px;

	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;

	text-align: center;

	vertical-align: middle;

}

#login_div input {
	
	width: 160px;
	border: 1px solid #2da9ff;
	background-color: #ebf8fe;
}

#loginsubmitbutton {

	background-color: #C7E2FF !important;

	width: 162px !important;
	margin-top: 5px;
	margin-left: 2px;
}

#admin_sys_explain {

	float: right;
}

.admin_subcatlistinga {
	
	color: #032B9A;
}

li .admin_subcatlistinga {
	
	color: black;
}

.admin_subcatlistinga:active {

	color: #fe4503;
}

.links_editli {
	
	background-color: #D1D5FF;
}
.links_editli input {
	
	background-color: #E9ECFF;
}

.admin_dela {
	color: red;
}


#doenetofjeeenknopjebent {

	display: block;

	color: white;
	font-weight: bold;
	
	background-image: url('../layout/images/gradientsearch.png');
	background-repeat: repeat-x;
	height: 22px;
	width: 66px;
	position: relative;
	float: right;
	right: 60px;
	top: -22px;

	margin-bottom: 4px;

	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	
	cursor: pointer;
}


/* contact form */

#sendmail_container {
	
	position: relative;
	margin-left: 20px;
	padding-top: 20px;

}

#sendmail_form_left {
	
	float: left;
	line-height: 22px;
	text-align: right;
}

#sendmail_form_right {

	float: left;
	margin-left: 5px;
}

#sendmail_naam, #sendmail_email, #sendmail_opmerking {

	width: 320px;
	margin-top: 1px;
}


#sendmail_naam.error, #sendmail_email.error, #sendmail_opmerking.error {

	color: red;
}
label.error {

	color: red;
	margin-left: 10px;
}

#listberoepen{
	width:610px;
	float:left;
}

.listBeroep{
	color:#ff6600;
	display:inline-block;
	width:145px;
	
	line-height:23px;
}

.listBeroepLast{
	color:#000000;
	font-weight:bold;
	display:block;
	
	float:right;
	margin-right:76px;
	font-size:12px;
	}
	
#listPublics{
	float:left;
	list-style:none;
	margin:0px 8px 0px 0px;
	padding:0px;
	width:350px;
	overflow:hidden;
	
}

#listPublics li a{
	color:#ff6600;
	line-height:23px;
	
}

.clear-both{
	clear:both;
}
.orange{color:#ff6600;line-height:23px;}

#listEducation{
	
	position:absolute;
	left:312px;
	margin-top:-623px;
	width:300px;
	display:block;
	}

#listEducation strong{
	display:block;
	margin-bottom:-9px;	
}
	
#newsBox{
	float:right;
	margin-top:-48px;
}
	#newsBox ul{
		float:right;
		display:inline;
		width:335px;
		
		list-style:none;
	}
		
		#newsBox ul li{
			height:116px;
			background:url('../layout/images/newsBox.png');
			margin-bottom:-20px;;
			padding:0;
		}
		
			#newsBox ul li a{
				color:black;
			}
		
		
#restBox{
	float:left;
	padding-left:15px;
			font-family:Arial;
	
	}
	.rest{font-family:Arial;
	padding-left:15px;
	padding-right:40px;
}
	#restBox p, .rest p{
	font-size:12px;
	font-family:Arial;
}

	

#sitemap li a{color:black; text-decoreation:none; list-style:none}
#social{list-style:none; margin-left:0px; padding:0;}
.extraEnter{ margin-top:25px;}
#social li{display:inline}

#logoos{width:335px;; }
#logoos img{margin-right:40px; margin-top:5px;}

#interessant{float:right; text-align:left; margin-right:150px; margin-left:30px; position:absolute; top:900px; left:633px;}
#interessant ul {list-style:none; float:left; margin-left:-40px; margin-top:-15px;}
#interessant ul li a{color:#ff6600; font-size:12px;}
#interessant ul li a:visited{color:#ff6600;}

.linksHangen{float:left}
.morePublic{margin-left:274px;}

.error{color:red; font-weight:bold}
.success{color:green; font-weight:bold}

.edu{margin-left:0px;}
p {
		font-size:12px;
	font-family:Arial;
}

#sitemap h2{
	margin-bottom:0;
	padding-bottom:0;
}
#sitemap h2 a{
	color:black;
	text-decoration:none;
}
#sitemap a{
	color:black;
	text-decoration:none;
}
#sitemap a:hover{
	text-decoration:underline;
}

.moreEducation{
	color:black;
	font-weight:bold;
	margin-left:188px;
}


#smallH2 h2{font-size:11px;}
.small{font-size:11px; margin-bottom:-13px; display:block;}

.noborder{text-decoration:none}

#leftie{width:600px;}

#shortBox{width:260px}

form
{
	display: block;
	margin: 0;
}
object{cursor:pointer}

.ebook{border:1px solid #d0d0d0; padding:8px; color:#ff6600; font-weight:bold; margin-top:30px; padding:12px; 20px}
#question{min-height:358px; margin-top:70px}
.question{border:1px solid #eeeeee; background:#2db7ff; padding:10px; width:400px; margin-bottom:15px; cursor:pointer}
.question:hover{color:#FFFFFF}

.boxie{font-size:16px;}
.toollist{padding:0; margin:0 0 0 15px; color:#2DB7FF}
.toollist li a{color:#ff6600}

th{text-align:left}
td a{color:#2DB7FF}

p.h3{font-size:20px}

.callToAction{
	margin-top : 5px;	
	margin-left : 16px;
}

#dividerRighth3highLight{
	color : #fff;
	height : 30px;
	line-height : 30px;
	text-align : center;
	background-color : #f00000;
	margin: 0px;
	font-size: larger;
	font-family: "Arial", Sans-serif;
	border : 1px solid #420000;
}

