/* globale sheet voor alle browsers */

body, td, p, th, li, ul, ol	{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #064448; }

body			{ background: #FFFFFF; margin: 0px 0px 0px 0px; }
a				{ text-decoration: none; color: #007F8B; }
a:HOVER			{ text-decoration: underline; color: #007F8B; }

/* Boodschappen gegenereerd door gdh_access */
.list			{ color: #000000; font-size: 10pt; font-family: Arial;
				  font-weight: bold; text-align: left; background: #EAF2F7; }
.error			{ color: #FF0000; font-size: 10pt; font-family: Arial;
				  font-weight: bold; text-align: left; background: #EAF2F7; }
.voorwDef	{ color: #007F8B; font-size: 60%; font-weight: bold; }
/* Einde gdh_access toevoegingen */

/* Achtergronden, relatief t.o.v. de styles directory of absoluut t.o.v. Apache root */
/* Orig: url("/styles/...") */

.bgKop		{ background: url("kop_achtergrond.gif") #F8FBFC; }

.bgl		{ background: url("visual_home.jpg") #F8FBFC; }
.bgProd		{ background: url("achtergrond_prod_diensten.gif") #F8FBFC; }
.bgProdBalie      { background-color : #C6DFE5; font-size: 70%;}
.bgProdManagement { background-color : #ABC2C7; font-size: 70%;}
.bgHome		{ background: url("home_achtergrond.gif") #F8FBFC; }
.bgThema		{ background: url("achtergrond_thema.gif") #F8FBFC; }
.bgContent	{ background: url("achtergrond_content.gif") #F8FBFC; }
.bgContentLichtkr { background: url("achtergrond_contentlichtkr.gif") #F8FBFC; }
.bgContentKaarten { background: url("achtergrond_contentkaarten.gif") #F8FBFC; }
.bgStadskrant	{ background: url("achtergrond_subhome.gif") #F8FBFC; }
.bgTitel		{ background: #F8FBFC; }
.bgWhite		{ background: #FFFFFF; }
.bgApplic		{ background: url("achtergrond_applic.gif") #F8FBFC; }

/* Genrieke tekst stijlen */

.genMenu			{ color: #617171; font-size: 60%; }
.genLink			{ color: #617171; }
.paginaTitel		{ font-size: 110%; font-weight: bold; color: #000000; }
.paginaTitelLichtkr	{ font-size: 160%; font-weight: bold; color: #000000; }
.paginaBreadcrumbs	{ color: #617171; font-size: 60%; }
.breadcrumbLink		{ color: #617171; }

/* Formulieren */

.frmZoek		{ height: 18px; width:150px; font-size: 70%; color:	#7F7F7F	}
/* input			{ font-size: 70%; } */
.btnAanvragen	{ background-color: #F7FAFC; border-width: 1px; border-color: #E8B694; border-style: solid; color: #E65C00; font-weight: bold; font-size: 80%; }
.btn 			{ background-color: #76B5CD; border-width: 1px; border-color: #0076A3; border-style: solid; color: white;font-weight: bold;font-size: 10px;   }

/* Blokken */

.menuHomeBg		{ background: #CBE6EC; }
.menuBlock 		{ background-color: #CBE6EC; color: black;	}
.contentBlock	{ color: #617171; }
.blockDevider	{ background-color: #007F8B; }

/* tekst elementen*/
A.titel			{ font-weight: bold; font-size: 70%; color: black; text-decoration: none; }
A.titel:HOVER	{ font-weight: bold; font-size: 70%; color: #007F8B; text-decoration: underline; }
.titel			{ font-weight: bold; font-size: 70%; color: black; }
.lstItem, .LetterLink		{ color: #617171; font-size: 65%; text-decoration: none; }
.2stItem		{ color: #FF7C00; font-size: 65%; text-decoration: none; }
.3stItem		{ color: #B7BDBD; font-size: 65%; text-decoration: none; }
.menuHome		{ color: #007F8B; font-size: 65%; text-decoration: none; }
.menuItem		{ color: #007F8B; font-size: 70%; font-weight: normal; text-decoration: underline; }
.productLink_0    { color: #007F8B; font-weight: normal; text-decoration: underline; }
.productLink_1    { color: #007F8B; font-weight: normal; text-decoration: underline; }
.text			{ color: #064448; font-size: 70%; }
.contentText	{ color: #064448; font-size: 70%; }
.contentTextLichtkr{ color: #064448; font-size: 110%; line-height: 130%}
.contentText A	{ text-decoration: underline; }
.contentText b	{ color: #000000; font-size: 120%; line-height: 180%; }
.meer			{ color: #007F8B; font-size: 55%; }
.textInfo		{ color: #01AEBE; font-size: 90%; }
.textMeer		{ color: #007F8B; font-size: 90%; }
.nieuwsItem		{ color: #007F8B; font-size: 70%; font-weight: normal; text-decoration: underline; }
.nieuwsDatum	{ font-size: 55%; font-weight: normal; }
.datum			{ color: #617171; font-size: 80%; font-weight: normal; }
.titelLink		{ color: black; }
.tabelText             { font-size: 100%;}

.lstItem:hover, .LetterLink:hover		{ color: #617171; text-decoration:underline; }
.titel:hover		{ color: black; }	.bgVisual {  background-color: #FFFFFF}
.copyright	{ color: #006E79; font-size: 55%; }
form {
  /** Just to center the form on the page **/
  margin: 0 auto;
  width: 600px;

  /** To see the limits of the form **/
  padding: 1em;
  border: 1px solid #236;
  border-radius: 1em;
  background-color: #bce;
}

div + div {
  margin-top: 1em;
}

label {
  /** To make sure that all label have the same size and are properly align **/
  display: inline-block;
  width: 190px;
  text-align: left;
}

input, textarea {
  /** To make sure that all text field have the same font settings
 *  *  *  *      By default, textarea are set with a monospace font **/
  font: 1em sans-serif;

  /** To give the same size to all text field **/
  width: 300px;

  -moz-box-sizing: border-box;
       box-sizing: border-box;

  /** To harmonize the look & feel of text field border **/
  border: 1px solid #999;
  border-radius: 0.2em;
}

input:focus, textarea:focus {
  /** To give a little highligh on active elements **/
  border-color: #000;
}

textarea {
  /** To properly align multiline text field with their label **/
  vertical-align: top;

  /** To give enough room to type some text **/
  height: 5em;

  /** To allow users to resize any textarea vertically
 *  *  *  *      It works only on Chrome, Firefox and Safari **/
  resize: vertical;
}

.button {
  /** To position the buttons to the same position of the text fields **/
  padding-left: 90px; /** same size as the label elements **/
}

button {
  /** This extra magin represent the same space as the space between
 *  *  *  *      the labels and their text fields **/
  margin-left: .10em;
}
/* printer instellingen */
@media print {
	.noprint { display:none; }
	body, td, p, th { color:black; }
	.titel { margin-left: -140px; }
	.genMenu, #kolom2 { display:none;}	
	#nieuwskolom { width: 150px; }
}