/*
groen: #008044
blauw: #0053A0
geel:  #FFE475
rood:  #A10B0B

lichtgrijs: #E4E4DD;
extra lichtgrijs (50%): #F1F1EE;

lichtblauw: #7FA9CF;
extra lichtblauw: #B9D5ED;

lichtgeel: #FFF1BA;

*/

* {
    font-family: verdana, sans-serif
}


body {
    background-color: #FFFFFF;
    color: #000000;
    margin: 0px;   
    padding: 0px;
    
    text-align: center;
    font-size: .70em; 
}

a {
    text-decoration: none;
    color: #0053A0;
}

a:hover {
    text-decoration: underline;
}

font { font-size: 1em; color: inherit; }

h1 {
    color: #0053A0;
    font-size: 1.5em;
    margin-top: .4em;
    margin-bottom: .4em;
}

h1 span {
    color: #7FA9CF;
}

h2 {
    font-size: 1.2em;
    margin-top: .4em;
    margin-bottom: .1em;
}

h3,h4,h5,h6 {
    font-size: 1em;
    margin-top: .4em;
    margin-bottom: 0em;
}

p {
    margin-top: 0em;
    margin-bottom: 1em;
    padding: 0px;
}

form {
    margin: 0px;
    padding: 0px;
}    


img { border: 0px; }

ul {
    list-style-image: url("/internet/system/images/plus.gif");
    padding-left: 1.6em;
    margin-left: 0em;
    margin-top: .2em;
    margin-bottom: 1em;
}

ul a { text-decoration: none; /* color: #000000; */  }

ul.links { list-style-image: url("/internet/system/images/pijl_links.gif"); }
ul.rechts { list-style-image: url("/internet/system/images/pijl_rechts.gif"); }


li { line-height: 1.4em; padding-top: 0em; padding-bottom: .5em; }

#ondernav ul { margin-bottom: 0em; }
#ondernav li { padding-bottom: .2em; }


td,th { vertical-align: top; border-bottom: 1px #B9D5ED solid; }
th { text-align: left; background-color: #B9D5ED; }
caption { text-align: left; font-weight: bold; color: #0053A0; font-variant: small-caps; padding-bottom: 0px;}

#rechts th { background-color: #FFFFFF; }
#rechts td,#rechts th { border-bottom: 1px #FFFFFF solid; }

table.geenlijn td,table.geenlijn th { border-bottom: 0px solid; background-color: transparent; }

hr {
	color: #0053A0;
	background-color: #0053A0;
	height: 1px;		
	border: 1px;
}

select {
	font-size: 1em;
}

/* Grijsvlak */
.grijsvlak {
	background-color: #F1F1EE;
	margin-right: 4px;
	padding: 2px;	
	/*padding-bottom: 6px;*/
	width: 184px;
	float: left;
	background-image: url("/internet/system/images/bg_grijsvlak.gif");
	background-repeat: no-repeat;
	background-position: right bottom;
}

.grijsvlak ul {
    margin-bottom: 0px;
}

.grijsvlakcontainer {
	margin-left: -2px;
	width: 570px;
	margin-right: -30px;
	overflow: hidden;
	padding-bottom: 1em;
	clear: both;
}

/* colommen binnen links */
.col1,.col2,.col3 {
	float: left;
	width: 172px; /* 200-14-14 */
	padding: 0px;
	margin: 0px;
	overflow-x: hidden;
}

.col1 { padding-right: 14px; }
.col2 { padding-left: 14px; padding-right: 14px; }
.col3 { padding-left: 14px; }

.col12,.col23 {
	float: left;
	width: 372px; /* 400-14-14 */
	padding: 0px;
	margin: 0px;
	overflow-x: hidden;
}

/* colommen layout */
.col12 { padding-right: 14px; }
.col23 { padding-left: 14px; }


/* Foto blokjes */
.fotoblok {
	float: left;
	width: 84px;
	height: 20em;
	padding-right: 8px;
	overflow: hidden;
}

.fotoblok img { 
	border: 1px solid #E4E4DD; 	/* afbeelding van foto heeft grijs randje */
}

.fotoblok h3 {
	height: 5em; 		/* hoogte van naam is vast zodat functie altijd op zelfde hoogte komt */
	font-weight: normal;
}

.fotoblok h3 a { font-weight: normal; } 

.fotoblok p {
	padding-left: 2px; 		/* voor italic letters zorgt dit voor juiste weergave p */
}

/* Tekst blokjes  breedte = 200-14 = 186px (-2 px extra ruimte) */
.tekstblok {
	float: left;
	width: 177px;
	height: 15em;
	margin-left: -2px;
	padding-left: 2px;
	margin-right: 6px; 
	margin-bottom: 1em;
	overflow: hidden;
	
	background-color: #F1F1EE;
	background-image: url("/internet/system/images/bg_grijsvlak.gif");
	background-repeat: no-repeat;
	background-position: right bottom;


}


.tekstblok h3 {
	height: 5em; 		/* hoogte van naam is vast zodat functie altijd op zelfde hoogte komt */
}

.tekstblok p { height: 7.5em; overflow: hidden; margin-bottom: 0em; }
.tekstblok p.leesmeer { margin-top: 0em; height: auto; }


/* route kleuren. dit zijn A tag linkjes in een kleur naar de pagina id=route */

.route0 { visibility: hidden; }
.route1 { background-color: #660089; } /* paars */
.route2 { background-color: #F56600; } /* oranje */
.route3 { background-color: #F7D10C; } /* geel */
.route4 { background-color: #019644; } /* groen*/
.route5 { background-color: #0033AF; } /* blauw */
.route6 { background-color: #D10373; } /* roze */

a.route0,a.route1,a.route2,a.route3,a.route4,a.route5,a.route6,
#rechts a.route0,#rechts a.route1,#rechts a.route2,#rechts a.route3,#rechts a.route4,#rechts a.route5,#rechts a.route6 {
	display: block;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	width: 2em;
	/*height: 1em;*/
	border: 1px solid #51553A;
	text-align: center;
}


a.route3,#rechts a.route3 { color: #51553A; } /* donker grijs voor gele achtergrond kleur */

/* Activiteiten blok bij specialisme */

#rechts .specactiviteiten td {
	border: 0px solid #FFFFFF;
}

#rechts .specactiviteiten th {
	background-color: #E4E4DD;
	border-top: 1px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
}

/* Buttons */
.buttongeel,.buttonrood,.buttongroen,.buttonblauw {
	display: block;
	height: 32px;
	padding-top: 12px;

	width: 184px;
	padding-left: 14px;
	
	color: #FFFFFF;
	font-size: 1.5em;
	text-decoration: none;
	font-weight: bold;
}

.buttongeel:hover ,.buttonrood:hover ,.buttongroen:hover ,.buttonblauw:hover {
	color: #000000;
	text-decoration: none;
	cursor: hand;
}

.buttonblauw { background-image: url('/internet/system/images/button_blauw.png'); }
.buttongeel { background-image: url('/internet/system/images/button_geel.png'); }
.buttonrood { background-image: url('/internet/system/images/button_rood.png'); }
.buttongroen { background-image: url('/internet/system/images/button_groen.png'); }



/* Tabstrip bv aandachtsgebieden 12846 en specialisme overzicht pagina */
.tabstrip a {
	background-color: #B9D5ED;
	text-decoration: none;
	margin: 1px;
	padding: 1px;
	white-space: nowrap;
}
.tabstrip a.sel { background-color: #0053A0;  color: #FFFFFF;}
.tabstrip a:hover { background-color: #FFE475; color: #000000;  text-decoration: none;}