/* workshops.css */

.workshops-introfotos {
	margin-top: -1.0em;
	padding-left: 0em;
}

.workshops-introfotos img {
	width: 5.0em;
	width: 9.5em;
	border-radius: 0.4em;
	border: solid 1px gray;
	margin-top: 0.3em;
	margin-left: 0.3em;
}

.website .workshops-intronote {
	padding-bottom: 0.6em;
}

.workshops-daglabel {
	color: green;
	font-weight: bold;
}

.workshops-hr {
	clear: both;
	margin-top: 1.2em;
}

.workshops-docentlink,
.workshops-locatielink {
	text-decoration: none;
}

.workshops-docentlink:hover,
.workshops-locatielink:hover {
	text-decoration: underline;
}

.workshops-introtext {
	margin-right: 0.8em;
	margin-bottom: 1.2em;
}

.website .workshops-introtext {
	width: 28em;
}

.workshops-fotointro {
	width: 28em;
	margin-left: 3.0em;
}

.workshops-fotomuziek {
	width: 20em;
	margin-left: 1.5em;
}

.workshops-ellekebril {
	width: 20em;
	margin-left: 1.5em;
}

.workshops-elsfrontaal {
	width: 27em;
	margin-top: -1.2em;
	margin-left: 2.5em;
}

.workshops-autostuur,
.workshops-gebrokenhart {
	width: 20em;
	margin-left: 1.2em;
	margin-bottom: 0.8em;
}

.workshops-fotohaiku {
	width: 28em;
	height: 28em;
	margin-top: 2.5em;
	margin-left: 1.5em;
	margin-right: 0;
}

.workshops-foto-remkoclown {
	width: 18em;
	margin-top: 0.7em;
	margin-right: 1.4em;
	margin-bottom: 0.4em;
	float: left;
}

.workshops-clowncello {
	height: 30.0em;
	margin-top: 0.6em;
	margin-right: 1.0em;
	margin-bottom: 0.6em;
}

.workshops-hansclown {
	margin-top: 0.6em;
}

.workshops-beperking {
	width: 21em;
	margin-top: 0.6em;
	margin-right: 1.5em;
	margin-bottom: 0.6em;
}

.workshops-rolstoel,
.workshops-ellekeazc,
.workshops-elleketent,
.workshops-hansclown,
.workshops-groepzingen,
.workshops-vluchtgroep,
.workshops-lindastem {
	width: 100%;
	margin-top: 0.4em;
}

.workshops-ellekeazc {
	margin-top: 0.8em;
}

.workshops-vluchtelingen-onderschrift {
	padding-top: 0.4em;
}

.workshops-voorstelling-onderschrift {
	padding-top: 0.4em;
}

.workshops-zelfreflectie-onderschrift {
	color: gray;
	font-size: 90%;
	padding-top: 0.5em;
	padding-left: 1.5em;
	text-align: center;
}

.workshops-foto-dementie {
	float: left;
	width: 30em;
	margin-top: 0.4em;
	margin-right: 1.2em;
	margin-bottom: 1.5em;
}	

.workshops-craniodemo {
	width: 32em;
	float: right;
	margin-top: -2.0em;
	margin-left: 2.0em;
	margin-right: 2.0em;
}

.workshops-deborafeest {
	width: 26.0em;
	margin-top: -2.0em;
	margin-left: 2.0em;
}

.workshops-clownviool {
	height: 30.7em;
	margin-top: 0.8em;
	margin-bottom: 0.6em;
}	

.workshops-duozingend,
.workshops-hildetrechter {
	width: 25.5em;
	margin-left: 1.2em;
	margin-right: 0;
	margin-bottom: 0.8em;
}

.workshops-valeriezee,
.workshops-valeriestem {
	width: 25.0em;
	margin-left: 1.2em;
	margin-right: 0;
	margin-bottom: 0.8em;
}

.workshops-groepzingen {
	margin-top: 0.8em;
}

.workshops-ellekekind,
.workshops-vluchtgang {
	width: 27.0em;
	margin-left: 2.0em;
}

.workshops-ellekekind {
	margin-top: -0.5em;
}

.workshops-vluchtgang {
	margin-top: 0.5em;
}

.workshops-fotolinks {
	width: 30em;
	margin-top: 1.0em;
	margin-right: 1.0em;
}


.workshops-h2 {
	font-size: 140%;
	margin:0;
	padding: 0;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.workshops-h2:hover {
	cursor:pointer;
}

.workshops-h2 .datum {
	font-size: 85%;
	color: brown;
}

.workshops-h2 .workshops-datum {
	font-size: 85%;
	color: brown;
}

.workshops-h2 .workshops-letop {
	color: red;
	font-size: 90%;
}

.workshops-h2 .workshops-datum-grijs {
	font-size: 85%;
	color: gray;
}

.workshops-h2 .workshops-docentnaam {
	font-size: 85%;
	font-weight: normal;
}

.workshops-h3 {
	color: green;
	text-decoration: underline;
	font-weight: normal;
	font-size: 100%;
	margin: 0;
	padding: 0;
	padding-top: 0.3em;
}

.workshops-h3 + p {
	margin-left: 0em;
}

.workshops-reactie {
	margin-left: 0em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

.mainprog-button-inschrijven {
	margin-left: 0em;
	margin-bottom: 0.7em;
}


/* planblok */

.website .workshops-planblok {
/*	width: 57em; */
	margin-bottom: 1.6em;
	padding-left: 1.0em;
}

.website .workshops-planblok .cursustitel {
	padding-right: 1.0em;
}

.workshops-clickinfo {
	padding-top: 0.6em;
}	

.workshops-planblok {
	border: solid 1px gray;
	border-radius: 0.5em;
	padding: 0.4em;
	padding-top: 0em;
	background: papayaWhip;
}

.workshops-planblok td {
	vertical-align: middle;
	padding-left: 0.3em;
	padding-right: 0.5em;
	border-bottom: solid 1px gray;
	white-space: nowrap;
}

.workshops-planblok td.datum {
/*	width: 27em;  */
	white-space: nowrap;
	white-space: normal;
}

.mobiel .workshops-planblok td.datum {
	display: none; /* zodat datum onder de titel komt in mobiel display */
}

.website .workshops-planblok div.datum {
	display: none;
}

.workshops-planblok div.datum {
	color: #444;
	font-weight: normal;
}

.workshops-planblok td {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-bottom: solid 1px gray;
}

.workshops-planblok tr:last-child td {
	border-bottom: none;
}

.workshops-planblok td:first-child,
.workshops-planblok tr.faded td:first-child {
	font-weight: bold;
	color: dodgerblue;
}

.workshops-planblok tr:hover td {
	cursor: pointer;
	background: gold;
}

.workshops-planblok .workshops-clickinfo {
	color: green;
	font-weight: bold;
	padding-left: 0.3em;
}

.workshops-planblok tr.faded td {
	color: #aaa;
}	

.workshops-cranio-toelichting {
	width: 75%;
	margin-top: 1.0em;
	margin-bottom: 2.0em;
	background: papayaWhip;
	border: solid 1px gray;
	border-radius: 0.5em;
	padding: 0.8em 1.0em;
} 

.mobiel .workshops-cranio-toelichting {
	width: 90%;
}


/* ---- praktijkjaar ---- */

.workshops-praktijkjaar-subtitel {
	color: brown;
	font-weight: bold;
	font-size: 130%;
	margin-bottom: 0.5em;
}

.workshops-praktijkjaar-afbeelding {
	width: 10em;
	float: left;
	margin-right: 1.0em;
	margin-bottom: 0.6em;
}

.workshops-praktijkjaar-table td.datum {
	boder: solid 1px red;
	padding-left: 1.0em;
}

.workshops-praktijkjaar-table a {
	font-weight: bold;
	text-decoration: none;
}

.workshops-praktijkjaar-bottomtext {
	clear: left;
}