/*
Plain text: Lucida Sans Roman (regular) 10pt
Article heading: Arial Rounded Bold 15pt
Nav buttons: Arial Rounded Bold 14pt, inact grijs, act heel donker paars (ref. kadertjes)
Button headings: Arial Rounded Bold 14pt, donker paarts (op licht) or white (op donker), anders zwart
Button texts: Plain text, white op donker, zwart op gekleurd
Button contact: Arial Rounded 14pt white
Text heading contact: Arial Rounded 12pt, zwart
Text content contact: Lucida 10pt, zwart
Copyright: All caps, Lucida Sans Demi Bold 16pt, white
*/

body {/*globale styling hele document*/
	margin: 15 0 0 0px;/*boven afstand*/
	padding: 0;/*cross browser boven afstand*/
	behavior: url(../fileadmin/csshover.htc); /*IE 5,6 rollover hack door behavior call, maakt alle elementen dus niet alleen <a rollover-able>*/
	text-align: center;/*IE 5 hack, hack om het hele design te centreren, voor individuele elementen de center eigenschap weer teniet maken*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;/* serif of sans, fonts in volgorde, default font is zwart*/ 
}

/*basis definities van id container die de gehele site inhoud omsluit*/
#container {
	width: 740px;/*de breedte van de inhoud is 740px*/
	padding: 0;/*afstand van border naar binnen is 0*/
	margin: 0 auto 0 auto;/* hack hele container centreren alle browser ex IE 5, rechts-links auto + vaste width centreerd*/
	background: White;	
	text-align: left;/*hier corrigeren van IE hack om tekst alsnog aan linker kant te krijgen*/
	position: relative;	/*alle elementen worden relatief tot container gepostitioneerd*/
}

/*begin hoofdmenu*/
#navlist/*algemene eigenschappen*/
{
position: relative;/*alle elementen worden relatief tot container gepostitioneerd*/
width: 740px;/*fixed verplicht omdat IE 100% niet begrijpt*/
margin: 0;/*verwijderen inspringen list items, afstand naar boven*/
padding: 0;/*verwijderen inspringen list items cross browser*/
white-space: nowrap;/*voorkomt dat lange tekst over meerdere regels wordt afgebroken bij kleine browserwindows*/
}

#navlist li/*hoofdmenupunten algemeen*/
{
border: 0px solid red;/*orientatie rand hoofdmenupunten*/
float: left;/*hele menu begint aan linker kant*/
margin: 0 3 0 0px;/*positionering hoofdmenupunten naar andere elementen (buiten) volgorde = boven, rechts, onder, links*/
list-style-type: none;/*verwijdert standaard bullets van list*/
}

#navlist li a /*hoofdmenupunten links*/
{
border: 0px solid blue;/*orientatie rand hoofdmenupunten link*/
position: relative;
width: 142px;/*breedte van hoofdmenupunt is afhankelijk van bg image in dit geval 140px*/
height: 22px;/*TC. bg hoofdmenu viel weg aan onderkant, dit lost het op*/
display: block;/* inline elementen: kunnen dezelfe regel delen met andere elementen b.v.A block niet b.v. table*/
margin: 0;/*geen afstand naar buiten*/
padding: 2 0 0 0px;/*afstand tekst naar boven*/
background: url("../images/bckNavButtonWhite.png") no-repeat;/*bg image nonactive hoofmenupunt*/
color: #A69F98;/*kleur tekst*/
font-size: 13px;
font-weight: bold;
line-height: 1.2em;/*vertikale uitlijning van tekst op balk*/
text-align: center;
text-decoration: none;
}

#navlist li a:hover/*hoofdmenu hover*/
{
color: #333333;/*hover kleur non active hoofdmenu tekst*/
text-decoration: none;
}

#navlist li#active a/*hoofdmenu active*/
{
font-weight: bold;/*font bold hoofmenu active*/
background: url("../images/bckNavButtonActive.png") no-repeat;/*bg afbeelding hoofdmenu active*/
color: #4F3A4B;/*kleur hoofmenu tekst*/
}

/*#navlist li#active a:hover { color: #fff; }*//*hoofdmenu active hover hoeft niet vanuit UX*/

#navlist ul#subnavlist/*submenu*/
{
border: 0px solid red;/*orientatie rand submenupunten*/
position: absolute;
width: 740px;/*fixed verplicht omdat IE 100% niet begrijpt*/
/*height: 52px;*//*hier verder*/
left: 0;/*inspringen links*/
top: 23px;/*top: 1.5em;*//*afstand naar boven*/
margin: 0 0 0 0px;
padding: 0 0 0 0px;
white-space: nowrap;/*voorkomt dat lange tekst over meerdere regels wordt afgebroken bij kleine browserwindows*/
background: url("../images/bckNavigateGreen.png") no-repeat;/*bg voor gehele submenu als doorlopende balk*/
height: 18px;/*om gehele bg te laten zien (onderkant viel weg)*/
line-height: 0.9em;/*vertikale uitlijning van tekst op balk*/
}

#navlist ul#subnavlist li
{
/*width: 13ex;*//*afstand tussen menupunten??*/
/*width: auto;*/
/*margin: 0;*//*weggehaald want daardoor ontstaan kleine ruimte tussen menupunten*/
border: 0px solid blue;/*orientatie rand submenupunten*/
/*padding: 0 0 0 0px;*//*afstand tekst naar boven en naar links*/
}

#navlist ul#subnavlist li a/*submenu links*/
{
border: 0px solid green;/*orientatie rand submenupunten*/
width: auto;/*aangepast aan lengte tekst*/
padding: 3 7 0 7px;/*afstand tekst naar boven en naar links*/
background: none;/*bg voor submenu per button, was versprongen in FF dus niet tonen*/
color: #A09080;/*kleur tekst submenu nonactive*/
font-size: 10px;
display: inline;/*toevegoegd omdat anders alleen in IE elk submenupunt 1 regel in beslag neemt*/
}

#navlist ul#subnavlist li a:hover/*submenu hover*/
{
color: #333333;/*hoverkleur tekst submenu*/
text-decoration: none;
}

#navlist ul#subnavlist li#subactive a/*submenu active*/
{
color: #000;/*kleur tekst active submenu*/
}

/*eind hoofdmenu*/

/*afstand naar menu*/
#content {
position: absolute; /*right: 0;*/ top: 45px;/*afstand naar menu*/
/*width: 245px;*/
border: 0px solid #740;/*orientatie rand*/
/*font-size: 0.7em;
color: White;*/
}

#footer {
	/*clear: both;*/
	border: 0px solid green;/*orientatie rand submenupunten*/
	padding-top: 5px;/*tekst verticaal centreren op bg*/
	height: 30px;/*hoogte bg afbeelding instellen*/
	color: white;/*tekst kleur*/
	font-size: 10px;
	background: url("../images/bckHeadPurpleXW.png") no-repeat;	
	text-align: right;
	font-weight: bold;
	line-height: 14px;/*tekst verticaal centreren op bg*/
}

#footer a {
/*layout van sitemap*/
border: 0px solid red;/*orientatie rand */
text-decoration: none;
font-weight: normal;
color: white;/*tekst kleur*/
padding-left: 150px;/*afstand links naar footer tekst - gerelateerd aan #footer text-align:right;*/
padding-right: 10px;/*afstand naar rand rechts*/
}

/*onbezochte, bezochte en active links zijn groen*/
#footer a:link, #footer a:active, #footer a:visited {
	 color: white;/*tekst kleur*/
}

/*mouseover links zijn zwart*/
#footer a:hover {
	 color: Black;
}


#taal {
	 font-size: 10px;
	 text-align: right;
}

#taal a {
	 text-decoration: none;
}
/*onbezochte, bezochte en active links zijn groen*/
#taal a:link, #taal a:active, #taal a:visited {
	 color: #666666;
}

/*mouseover links zijn zwart*/
#taal a:hover {
	 color: Black;
}


/*default content text*/
p.bodytext {
/*font-family: verdana, arial, helvetica, sans-serif;*/ 
font-size: 0.6em;/*Rob heeft hier 10px*/
line-height: 1.4em;/*regelafstand, rob heeft hier 1.2em*//*let op herhaal bij li element*/
/*text-align:justify;*/
/*verwijderd ruimte tussen de p tags*/
/*margin-bottom: 0px;*/
margin-top: 0px; /*naar boven schuiven tekst ten opzicht van header*/
}

/*default list item*/
li {
font-size: 0.6em;
font-weight:normal;
line-height: 1.4em;
/*list-style-type: circle;*/
}

ul {
margin: 0;/*verwijderen inspringen list items, afstand naar boven*/
padding:0pt 1em; /*verwijderen inspringen list items, afstand naar links*/
}

/*default tekstlinks*/
a {
	 text-decoration: none;
}
/*onbezochte, bezochte en active links zijn groen*/
a:link, a:active, a:visited {
	 color: #0000ee;
}

/*mouseover links zijn zwart*/
a:hover {
	 color: Black;
}

/*h1 link van wit vakje*/
h1 a {
	text-decoration: none;
}

/*onbezochte, bezochte en active links zijn groen*/
h1 a:link, h1 a:active, h1 a:visited {
	 color: #000000;
}

h1 a:hover {
	color: #666666;
/*background:transparent url("../images/anilink_black.gif") no-repeat;*//*dit is anilink die bijna werkt*/
}

/*h2 link van blauw vakje*/
h2 a {
	text-decoration: none;
}

/*onbezochte, bezochte en active links zijn groen*/
h2 a:link, h2 a:active, h2 a:visited {
	 color: #000000;
}

h2 a:hover {
	color: #ffffff;
/*background:transparent url("../images/anilink_black.gif") no-repeat;*//*dit is anilink die bijna werkt*/
}

/*h3 link van paars vakje*/
h3 a {
	text-decoration: none;
}

/*onbezochte, bezochte en active links zijn groen*/
h3 a:link, h3 a:active, h3 a:visited {
	 color: #ffffff;
}

h3 a:hover {
	color: #000000;
/*background:transparent url("../images/anilink_black.gif") no-repeat;*//*dit is anilink die bijna werkt*/
}

/*h4 link van oranje vakje*/
h4 a {
	text-decoration: none;
}

/*onbezochte, bezochte en active links zijn groen*/
h4 a:link, h4 a:active, h4 a:visited {
	 color: #000000;
}

h4 a:hover {
	color: #ffffff;
/*background:transparent url("../images/anilink_black.gif") no-repeat;*//*dit is anilink die bijna werkt*/
}

/*h5 link van groen vakje*/
h5 a {
	text-decoration: none;
}

/*onbezochte, bezochte en active links zijn groen*/
h5 a:link, h5 a:active, h5 a:visited {
	 color: #000000;
}

h5 a:hover {
	color: #ffffff;
/*background:transparent url("../images/anilink_black.gif") no-repeat;*//*dit is anilink die bijna werkt*/
}

/*nog uitzoeken waar dit voor is*/
/*h2, h3, h4, li {
font-family:Verdana,Arial,sans-serif;
font-size:13px;
font-weight:bold;
}*/

/*h1 {
color: #666;
font-size: 0.8em; rob heeft hier zwart & 13px
font-weight: bold;
}*/

/*start roundbox*/
/*start box_wit*/
/*let op ook voor h1 aanpassen*/
div.rechtsboven_wit { 
background: url("../images/bckMainWhiteL.png") right top no-repeat; /* als achtergrond de rechterbovenkant van het plaatje */
} 

/*was div.tx-contentwrapper_style1*/
div.rechtsonder_wit { 
background: url("../images/bckMainWhiteL.png") right bottom no-repeat; /* als achtergrond de rechteronderkant van het plaatje */
} 

div.linksonder_wit { 
padding: 10px 20px 20px 10px; /* omdat bg afbeelding aan onderkant schaduw heeft zou de tekst te ver doorlopen, dus hier padding toevoegen */
}

div.rechtsboven_wit h1  { 
padding: 10px 0px 5px 30px; /* afstanden van de header tekst, rechts is op 0 omdat marge op 20px */
background: url("../images/bckMainWhiteL.png") left top no-repeat; /* de linkerkant zou je eigenlijk aan class rounded-header willen geven, deze is echter al bezet door de bg rechterkant, daarom zorgen dat altijd een h2 binnen de class rounded-header is om de linkerkant bg te laten zien */
margin: 0 20px 0 0; /* om overlapping van bg links over bg rechts te voorkomen */
color: #666;/*kleur header tekst*/
font-size: 0.8em;/*rob heeft hier zwart & 13px*/
font-weight: bold;
} 

div.linksonder_wit { 
background: url("../images/bckMainWhiteL.png") left bottom no-repeat; /* linker onderkant */
padding: 5px 0 5px 10px; /* afstand tekst */
margin: 0 20px 0 0; /* overlapping voorgrond achtergrond voorkomen */
}
/*eof box_wit*/

/*start box_blauw*/
div.rechtsboven_blauw { 
background: url("../images/bckButtonBlue.png") right top no-repeat;
} 

div.rechtsonder_blauw { 
background: url("../images/bckButtonBlue.png") right bottom no-repeat;
} 

div.linksonder_blauw { 
padding: 10px 20px 20px 10px;
}

/*let op h2 ipv h1*/
div.rechtsboven_blauw h2  { 
padding: 10px 0px 5px 30px;
background: url("../images/bckButtonBlue.png") left top no-repeat;
margin: 0 20px 0 0;
color: #666;
font-size: 0.8em;
font-weight: bold;
} 

div.linksonder_blauw { 
background: url("../images/bckButtonBlue.png") left bottom no-repeat;
padding: 5px 0 5px 10px;
margin: 0 20px 0 0;
}
/*eof box_blauw*/

/*start box_paars*/
div.rechtsboven_paars { 
background: url("../images/bckButtonPurpleS.png") right top no-repeat;
} 

div.rechtsonder_paars { 
background: url("../images/bckButtonPurpleS.png") right bottom no-repeat;
} 

div.linksonder_paars { 
padding: 10px 20px 20px 10px;
}

/*let op h3 ipv h1*/
div.rechtsboven_paars h3  { 
padding: 10px 0px 5px 30px;
background: url("../images/bckButtonPurpleS.png") left top no-repeat;
margin: 0 20px 0 0;
color: #666;
font-size: 0.8em;
font-weight: bold;
} 

div.linksonder_paars { 
background: url("../images/bckButtonPurpleS.png") left bottom no-repeat;
padding: 5px 0 5px 10px;
margin: 0 20px 0 0;
}
/*eof box_paars*/

/*start box_oranje*/
div.rechtsboven_oranje { 
background: url("../images/bckButtonOrange.png") right top no-repeat;
} 

div.rechtsonder_oranje { 
background: url("../images/bckButtonOrange.png") right bottom no-repeat;
} 

div.linksonder_oranje { 
padding: 10px 20px 20px 10px;
}

/*let op h4 ipv h1*/
div.rechtsboven_oranje h4  { 
padding: 10px 0px 5px 30px;
background: url("../images/bckButtonOrange.png") left top no-repeat;
margin: 0 20px 0 0;
color: #666;
font-size: 0.8em;
font-weight: bold;
} 

div.linksonder_oranje { 
background: url("../images/bckButtonOrange.png") left bottom no-repeat;
padding: 5px 0 5px 10px;
margin: 0 20px 0 0;
}
/*eof box_oranje*/

/*start box_groen*/
div.rechtsboven_groen { 
background: url("../images/bckButtonGreen.png") right top no-repeat;
} 

div.rechtsonder_groen { 
background: url("../images/bckButtonGreen.png") right bottom no-repeat;
} 

div.linksonder_groen { 
padding: 10px 20px 20px 10px;
}

/*let op h5 ipv h1*/
div.rechtsboven_groen h5  { 
padding: 10px 0px 5px 30px;
background: url("../images/bckButtonGreen.png") left top no-repeat;
margin: 0 20px 0 0;
color: #666;
font-size: 0.8em;
font-weight: bold;
} 

div.linksonder_groen { 
background: url("../images/bckButtonGreen.png") left bottom no-repeat;
padding: 5px 0 5px 10px;
margin: 0 20px 0 0;
}
/*eof box_groen*/

/*eind roundbox*/

/*start form
/* Felder und Submit Button für Email-Formulare */
.csc-mailform-field input {
background-color: #ffffff;
border: 1px solid;
border-color: #BDBDBD;
font-size: 10px;
line-height:15px;
}
 
.csc-mailform-field textarea {
background-color: #ffffff;
border: 1px solid;
 
border-color: #BDBDBD;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:15px;
}

/* select field formateren*/
.csc-mailform-field select {
background-color: #ffffff;
border: 1px solid;
border-color: #BDBDBD;
} 
 
.csc-mailform-field label {
/*afstand tussen regels oorspronkelijk 2px*/
margin:3px;
font-size:10px;
line-height:15px;
color:#000000;
float: left;
text-align: left;
margin-right: 0px;
/*ruimte tussen label en input field*/
width: 120px;
display: block;
}
 
/*Border um gesamtes Formular wenn gewünscht*/
.csc-mailform {
border-style: solid;
border-width: 0px;
border-color: #993300;
}
 
/*Ausrichtung des Submit Buttons*/
#mailformformtype_mail 
{
margin-left: 0px;
margin-top: 15px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
/*kleur submitbutton*/
color: #000000;
background-color: #d4f472;
border-width: 1px;
border-top-color: #ffffff;
border-left-color: #ffffff;
border-bottom-color: #A2A2A2;
border-right-color: #A2A2A2;
border-style: solid;
} 

.csc-mailform-field {
font-size: 10px;
line-height:15px;
clear:both;
} 

/* eof form*/

/* bof langmenu */
#langmenu
{
/* border: 1px solid red; */
text-align: right;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#langmenu li
{
display: inline;
list-style-type: none;
font-size: 10px;
padding: 0px 0px 0px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#langmenu a 
{ 
text-decoration: none; 
}

#langmenu a:link, #langmenu a:visited
{
color: #666666;
}

#langmenu a:hover
{
color: #000000;
text-decoration: none;
}

li.langmenuitemACT
{
color: #666666;
font-weight: bold;
}

li.langmenuitemEmpty
{
visibility: hidden;
}
/* eof langmenu */

/* bof sitemap */
.csc-sitemap li
{
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.csc-sitemap a 
{ 
text-decoration: none; 
}

.csc-sitemap a:link, .csc-sitemap a:visited
{
color: #666666;
}

.csc-sitemap a:hover
{
color: #000000;
text-decoration: none;
}
/* eof sitemap */

/* bof regios footer menu */
div#regios {
font-size: 10px;
color: #666666;
text-align: center;
/*border: 1px solid red;*/
padding: 0px 0px 5px 0px;
}

/* kleur ausgeklammert f?r beide ids*/
a#menu_footer_no, a#menu_footer_act {         
color: #666666;
} 

a#menu_footer_no:hover {    
color: #000000;
} 

/*definitie geselecteerde link*/
a#menu_footer_act:link, a#menu_footer_act:visited, a#menu_footer_act:active, a#menu_footer_act:hover  {
color: #000000;
} 
/* eof regios footer menu */

/*begin social media*/

div#sm {
/*border: 1px solid red;*/
padding: 3px 0px 20px 0px;
/*http://www.pmob.co.uk/pob/centred-float.htm*/
float:right;
position:relative;
left:-50%;
}

ul.socialmedialinks {
	margin: 0px;
	padding: 0px;
}

ul.socialmedialinks li.socialmedialink {
	padding: 0px;
	margin: 0px 3px;
	list-style: none;
	float: left;
	position: relative;/*IE*/
	left: 50%;
	line-height: 21px;
}

ul.socialmedialinks li.socialmedialink a img {
	border: 0px;
	display:block;
}

.socialmedialinks-clear {
	clear: both;
}
/*eind social media*/