/*********************************************************************************
 * IMPORT
 ********************************************************************************/
/* 01 */ @import url(home.css);
/* 02 */ @import url(visie.css);
/* 03 */ @import url(missie.css);
/* 04 */ @import url(wiewezijn.css);
/* 05 */ @import url(watwedoen.css);
/* 06 */ @import url(werkenbij.css);
/* 07 */ @import url(contact.css);
/* 08 */ @import url(vacatures.css);
/* 09 */ @import url(nieuws.css); 
/* 10 */ @import url(cases.css);
/* 11 */ @import url(artikelen.css);
/* 12 */ @import url(balanceinbusiness.css);
/* 12 */ @import url(media.css);

/*********************************************************************************
 * HTML TAGS
 ********************************************************************************/
body {
  background-image: none;
  margin: 0px;
  height: 100%;
  width: 100%;
  position:absolute;

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
	
html {
  overflow: auto;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

form {
  width: 290px;
  clear: both;
	padding: 0px;
	margin: 0px;
}

img {
	border: none;
}

p {
	margin-top: 3px;
	margin-bottom: 15px;
}

/*********************************************************************************
 * CLASSES ALGEMEEN
 ********************************************************************************/
.artikelen { color: #000000; line-height: 15px; }
.artikelen a { color: #000000; text-decoration: underline; }
.artikelen a:hover { color: #000000; text-decoration: none; }

.atwork { color: #FFFFFF; line-height: 15px; }
.atwork a { color: #000000; text-decoration: underline; }
.atwork a:hover { color: #000000; text-decoration: none; }
.atwork strong { color: #FFFFFF; font-weight: normal; }

.black { 
	background-color: #000000; 
	scrollbar-face-color: #000000; 
	scrollbar-shadow-color: #000000; 
	scrollbar-highlight-color: #000000; 
	scrollbar-3dlight-color: #000000; 
	scrollbar-darkshadow-color: #000000; 
	scrollbar-track-color: #000000; 
	scrollbar-arrow-color: #FFFFFF;
}

.business { color: #FFFFFF; line-height: 15px; }
.business a { color: #FFFFFF; text-decoration: none; }
.business a:hover { color: #000000; text-decoration: none; }
.business strong { color: #000000; font-weight: normal; }

.cases { color: #FFFFFF; line-height: 15px; }
.cases a { color: #D3A535; text-decoration: underline; }
.cases a:hover { color: #D3A535; text-decoration: none; }
.cases strong { color: #D3A535; font-weight: bold; }


.form_text {
	width: 120px;
	float: left;
	height: 30px;
	display: block;
}

.form_text_area {
	width: 120px;
	float: left;
	height: 70px;
	display: block;
}

.form_field {
	width: 170px;
	float: right;
	height: 30px;
	display: block;
	text-align: left;
}

.form_field input {
	width: 160px;
	height: 15px;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.form_field select {
	width: 70px;
	height: 15px;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.form_file input {
	width: 284px;
	height: 20px;
	margin-top: 5px;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.form_textarea {
	width: 170px;
	float: right;
	height: 70px;
	display: block;
	text-align: left;
}

.form_textarea textarea {
	width: 160px;
	height: 60px;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	scrollbar-face-color: #FFFFFF; 
	scrollbar-shadow-color: #FFFFFF; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-track-color: #FFFFFF; 
	scrollbar-arrow-color: #D3A535;
}

div.form_button {
	height: 25px;
	width: 150px;
	padding: 0px;
	display: block;
	float: left;
	clear: both;
}

div.form_button input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	width: 90px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
	margin-top: 15px;
}

div.form_file {
	height: 25px;
	width: 150px;
	padding: 0px;
	margin-top: -10px;
	display: block;
	float: left;
	clear: both;
}

.grey { 
	background-color: #706F74; 
	scrollbar-face-color: #706F74; 
	scrollbar-shadow-color: #706F74; 
	scrollbar-highlight-color: #706F74; 
	scrollbar-3dlight-color: #706F74; 
	scrollbar-darkshadow-color: #706F74; 
	scrollbar-track-color: #706F74; 
	scrollbar-arrow-color: #FFFFFF;
}

.input_login {
  width: 60px;
  height: 18px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  padding: 1px;
  margin-top: 3px;
}

.liggend {
  left: 15px;
  top: 15px;

  width: 310px;
  height: 135px;

  position: absolute;
  overflow: hidden;
  visibility: visible;
  z-index: 1;

  text-align: left;
}

.liggend_scroll {
  left: 15px;
  top: 15px;

  width: 325px;
  height: 135px;

  position: absolute;
  overflow: hidden;
  visibility: visible;
  z-index: 1;

  text-align: left;
}

.login { color: #000000; line-height: 15px; }
.login a { color: #FFFFFF; text-decoration: none; }
.login a:hover { color: #000000; text-decoration: none; }

.missie { color: #9A999E; line-height: 15px; }
.missie a { color: #D3A535; text-decoration: underline; }
.missie a:hover { color: #D3A535; text-decoration: none; }
.missie strong { color: #D3A535; font-weight: normal; }

.nieuws { color: #3C6A79; line-height: 15px; }
.nieuws a { color: #3C6A79; text-decoration: underline; }
.nieuws a:hover { color: #3C6A79; text-decoration: none; }

.nieuwsarchief { color: #FFFFFF; line-height: 15px; }
.nieuwsarchief a { color: #FFFFFF; text-decoration: none; }
.nieuwsarchief a:hover { color: #D3A535; text-decoration: none; }

.orange { 
	background-color: #D3A535; 
	scrollbar-face-color: #D3A535; 
	scrollbar-shadow-color: #D3A535; 
	scrollbar-highlight-color: #D3A535; 
	scrollbar-3dlight-color: #D3A535; 
	scrollbar-darkshadow-color: #D3A535; 
	scrollbar-track-color: #D3A535; 
	scrollbar-arrow-color: #FFFFFF;
}

.scroll {
  left: 0px;
  top: 60px;
/*	margin-top: 15px;*/

  width: 310px;
  height: 243px; /* was 273 */

  position: absolute;
  overflow: auto;
  visibility: visible;
  z-index: 1;
	
	padding-right: 15px;
}

.scroll_liggend {
  left: 0px;
  top: 25px;

  width: 310px;
  height: 115px;

  position: absolute;
  overflow: auto;
  visibility: visible;
  z-index: 1;
	
	padding-right: 15px;
}

.silver { 
	background-color: #DEDDE2;
	scrollbar-face-color: #DEDDE2; 
	scrollbar-shadow-color: #DEDDE2; 
	scrollbar-highlight-color: #DEDDE2; 
	scrollbar-3dlight-color: #DEDDE2; 
	scrollbar-darkshadow-color: #DEDDE2; 
	scrollbar-track-color: #DEDDE2; 
	scrollbar-arrow-color: #000000;
}

.staand {
  left: 15px;
  top: 15px;

  width: 135px;
  height: 310px;

  position: absolute;
  overflow: hidden;
  visibility: visible;
  z-index: 1;

  text-align: left;
}

.stone { 
  background-color: #BFBEC4; 
	scrollbar-face-color: #BFBEC4; 
	scrollbar-shadow-color: #BFBEC4; 
	scrollbar-highlight-color: #BFBEC4; 
	scrollbar-3dlight-color: #BFBEC4; 
	scrollbar-darkshadow-color: #BFBEC4; 
	scrollbar-track-color: #BFBEC4; 
	scrollbar-arrow-color: #000000;
}

.vierkant {
  left: 15px;
  top: 15px;

  width: 135px;
  height: 135px;

  position: absolute;
  overflow: hidden;
  visibility: visible;
  z-index: 1;

  text-align: left;
}

.vierkant_groot {
  left: 15px;
  top: 15px;

  width: 325px;
  height: 313px;

  position: absolute;
  overflow: hidden;
  visibility: visible;
  z-index: 1;

  text-align: left;
}

li.opsomming {
	list-style-position: outside; margin-left: -25px;
}
/*********************************************************************************
 * DIV ALGEMEEN
 ********************************************************************************/
div#balans {
  left: 15px;
  top: 632px;

  width: 114px;
  height: 102px;

  position: absolute;
  overflow: hidden;
  visibility: visible;
  z-index: 1;
}
div#balans img {
	width: 114px;
	height: 102px;
}
div#container {
  top: 0px;
  width: 700px;
  height: 760px;

  position: relative;
  overflow: visible;
  visibility: visible;
  z-index: 1;
}

div#logo {
  left: 0px;
  top: 235px;

  width: 148px;
  height: 165px;

  position: absolute;
  z-index: 1;
}

div#banner {
  left: 0px;
  top: 60px;

  width: 148px;
  height: 25px;

  position: absolute;
  z-index: 1;
}

div#menu {
  right: -10px;
  top: -10px;

  width: 740px;
  height: 60px;

  position: absolute;
  overflow: hidden;
  visibility: visible;
  z-index: 1;
}

div#scroll {
  left: 0px;
  top: 40px;

  width: 310px;
  height: 273px;

  position: absolute;
  overflow: auto;
  visibility: visible;
  z-index: 1;
	
	padding-right: 15px;
}

div#scroll_dubbele_kop {
  left: 0px;
  top: 60px;

  width: 310px;
  height: 253px;

  position: absolute;
  overflow: auto;
  visibility: visible;
  z-index: 1;
	
	padding-right: 15px;
}