/* fontsquirrel */
@font-face {
    font-family: 'GillSans';
    src: url('/fileadmin/fonts/gnb_____-webfont.eot');
    src: url('/fileadmin/fonts/gnb_____-webfont.eot?iefix') format('eot'),
         url('/fileadmin/fonts/gnb_____-webfont.woff') format('woff'),
         url('/fileadmin/fonts/gnb_____-webfont.ttf') format('truetype'),
         url('/fileadmin/fonts/gnb_____-webfont.svg#webfontdPzPJUee') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'GillSans';
    src: url('/fileadmin/fonts/gn______-webfont.eot');
    src: url('/fileadmin/fonts/gn______-webfont.eot?iefix') format('eot'),
         url('/fileadmin/fonts/gn______-webfont.woff') format('woff'),
         url('/fileadmin/fonts/gn______-webfont.ttf') format('truetype'),
         url('/fileadmin/fonts/gn______-webfont.svg#webfontZIkCWY26') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GillSans';
    src: url('/fileadmin/fonts/gni_____-webfont.eot');
    src: url('/fileadmin/fonts/gni_____-webfont.eot?iefix') format('eot'),
         url('/fileadmin/fonts/gni_____-webfont.woff') format('woff'),
         url('/fileadmin/fonts/gni_____-webfont.ttf') format('truetype'),
         url('/fileadmin/fonts/gni_____-webfont.svg#webfontkFpbdxEP') format('svg');
    font-weight: normal;
    font-style: italic;

}
/* 30-5-11 toegevoegd voor menu 3e niveau*/
@font-face {
    font-family: 'GillSansLight';
    src: url('/fileadmin/fonts/gnl_____-webfont.eot');
    src: url('/fileadmin/fonts/gnl_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fileadmin/fonts/gnl_____-webfont.woff') format('woff'),
         url('/fileadmin/fonts/gnl_____-webfont.ttf') format('truetype'),
         url('/fileadmin/fonts/gnl_____-webfont.svg#GillSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GillSansStdLight';
    src: url('/fileadmin/fonts/gillsansstd-light-webfont.eot');
    src: url('/fileadmin/fonts/gillsansstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fileadmin/fonts/gillsansstd-light-webfont.woff') format('woff'),
         url('/fileadmin/fonts/gillsansstd-light-webfont.ttf') format('truetype'),
         url('/fileadmin/fonts/gillsansstd-light-webfont.svg#GillSansStdLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 14, 2011 */




/*
11-3-11: beschikbare fonts:
font-family:"Gill Sans W02 Medium";
font-family:"Gill Sans W02 Bold";
font-family:"Gill Sans W02 Book";
font-family:"Gill Sans W02 Light";
font-family:"Gill Sans W02 Light Italic";
font-family:"Gill Sans Infant W01";
font-family:"Gill Sans MT W01 SC Book";
font-family:"Swift W02 Regular";
font-family:"Swift W02 Italic";
font-family:"Swift W02 Bold";
*/
html, body {
	height:100%;/* belangrijk, omdat we de min-height v.d. wrapper op 100% willen hebben i.v.m. de bg image daarin */
}
body {
	/*margin:40px 0px 30px 30px; */
/*	text-align:center;*/
	padding:0px;
	/*font-family:"Swift W02 Regular", Arial, Helvetica, sans-serif; */
	font-family:Arial, Helvetica, sans-serif; 
/* zie http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/ */
	font-size:62.5%;
	color:#000;
	background: url(images/achtergrond/fauxcolumn.gif) repeat-y left top;
	/*#c5d2e3;*/
	/* Bovenstaande aanpassen als er een grotere foto is:  right top i.p.v. 175px 0. In dat geval sluit de foto altijd mooi aan op rechts, foto moet dan zo groot zijn dat ie altijd doorloopt tot a.h. menu */
	/* voorkom ipad font resizing - niet: webkit is engine Safari en dit disabled dus ook text resizen in Safari op OSX*/
	/*-webkit-text-size-adjust: none;*/
}

* {
	margin:0;
	padding:0;
}

#wrapper {
	text-align: left;
	/*margin: 0px auto; /*om site te centreren*/
	padding: 0;
	padding-bottom:10px;/* uit de body gehaald! */
	border:0;
	width: 100%;
	min-height:100%;
	background: url(images/achtergrond/bg2560_crop.jpg) no-repeat 175px -300px;/* bg tikje opschuiven naar boven zodat beter stuk v.d. fot wordt getoond */
}

#header {
	position:absolute;
	top:50px;
	left:205px;
}
/* voor de root */
body#body_2 #header {
	position:static;/* upd 28-9-11 was inherit, maar dat pikt IE7 niet */
	padding-left:17px;
	padding-top:25px;
}
#header h1{
	font-family:'GillSans', Arial, Helvetica, sans-serif; 
	font-size:1.9em;
	font-weight:normal;
	letter-spacing:1px;
	color:#009;
}
#header img{
	vertical-align:middle;
	margin-right:40px;
}

#nav {
	float: left;
	width: 175px;
	background-color:#FFF;
}
/* voor de root */
body#body_2 #nav {
	margin-top:40px;	
}
/* 19-7-11 toegevoegd zodat Safari de content bij elkaar houdt als je inzoomt met ctrl+ (container had helemaal geen css def)*/
#container {
	float:left;
	width:980px;
}
#content { 
	margin: 0;
	margin-top:108px;
	float: left;
	width: 805px;
	height: 1%; /* Holly hack for Peekaboo Bug */
}
/* voor de root */
body#body_2 #content {
	margin-top:25px;
}

#footer {
	clear: both;
}

/* FCE's */
div#kol_links {
	float:left;
	width:350px;
/*	min-height:500px;*/
	padding:13px 15px 13px 15px;
	margin-left:30px;
/* zie voor verklaring onderstaande: http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/*/	
/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.6);
	/* For IE 5.5 - 7*/
	/* hieronder is de eerste hex digit de alpha waarde de volgende drie RGB */
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);*/
	/* For IE 8*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";*/

/*	NIET gebruiken want maakt ook de tekst transparant!!
	opacity:0.8;
	filter:alpha(opacity=80);
*/	
}
div#kol_rechts {
	float:left;
	width:350px;
/*	min-height:500px;*/
	padding:13px 15px 13px 15px;
	margin-left:15px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";*/
}
div#kol_breed {
	float:left;
	width:745px;
/*	min-height:500px;*/
	padding:13px 15px 13px 15px;
	margin-left:30px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";*/
}
/* 10-6-11 voor detail tent */
#tent_wrap div#kol_breed {
	margin-top:30px;/* afstand tot de h1, lijn tekst van fotobijschrift met 1e menuitem */
	margin-left:0;
}
/* einde */

/* menu */
.navlogo {/* gebruikt als het logo onderdeel is v.h. menu, dus niet in de header staat */
	margin-top:35px;/* afstand logo tot bovenrand */
	margin-bottom:30px;/* eerste menuitem moet lijnen met eerste regel tekst in de content kol */
	/*margin-left:-1px; logo sluit niet aan links, waarom niet?*/
}
ul#navmenu {
/*	font-family:"Gill Sans W02 Medium";*/
	font-family:'GillSans',Arial,Helvetica;
	font-size:1.5em;
	list-style-type:none;
	padding:0;
	margin:0;
	margin-left:18px;/* menu lijnen met de D van logo */
}
ul#navmenu li {
	letter-spacing:1px;
/*	line-height:15px; 2-3-10*/
/*	height:18px; verwijderd 2-3-10 omdat er nu ook een ul in de li kan staan (submenu), hoogte van li dus niet fixen! */
	/* 2 hieronder overrulen li style in rte.css */
	line-height:normal;
	margin:0;
	list-style-type:none;
	font-size:100%;
}
ul#navmenu ul.subsubnav li {
}
ul.subnav, ul.subsubnav {
	padding:0;
	padding-left:10px;
	margin:0;
	/*margin-bottom:20px;*/
}
ul.subsubnav {/* 3e nivaue niet extra inspringen en ander lettertype*/
/*	font-family:'GillSansStdLight',Arial,Helvetica;
	padding-left:0px;
*/	
}
ul#navmenu li a {
	font-weight:normal;
	display: block;
	margin:0;
	padding:0;
	color:#788FB5;/* lichtblauw */
	text-decoration:none;
	line-height:1.7em;/* bepaalt hoogte van menu item */
	padding:0px;
}
ul#navmenu li.act {
	margin-top:2em;/* ruimte voor actieve menuitem */
	margin-bottom:2em;/* ruimte na actieve menuitem */
}
ul#navmenu li.act li.act /*, ul#navmenu li.act:first-child*/ {
	margin-top:0;/* geen extra ruimte voor actieve submenuitem, en ook niet voor het eerste item (home) upd 28-6-11 WEL na home*/
	margin-bottom:0;/* geen extra ruimte na actieve submenuitem */
}
ul#navmenu li.act:first-child {/* geen extra ruimte VOOR home */
	margin-top:0;
}
ul#navmenu li.act a, ul#navmenu li a:hover {
	color:#009;
	font-weight:normal;
}
ul#navmenu .subnav li a, ul#navmenu .subnav li.act .subsubnav a {
	color:#788FB5;
	font-weight:normal;
}
ul#navmenu .subnav li a:hover, ul#navmenu .subnav li.act a, ul#navmenu .subnav li.act .subsubnav a:hover, ul#navmenu .subnav li.act .subsubnav li.act a {
	color:#009;
}
ul#navmenu li a {
	font-weight:normal;
}
ul#navmenu li:hover, ul#navmenu li.sfhover, ul#navmenu li.act {
/*	background-color:#F1F8CC;*/
}
/* 9-6-10 om de jaren in het menu kleiner te maken */
/* 13-6-11 ook voor jaar in titel boven kunstenaar */
.yearmenuitem {
	font-size: 85%;
}
#pers_wrap h1.jaar, #prog_wrap h1.jaar, #auditorium_wrap h1.jaar {
	font-family:'GillSans', Arial, Helvetica, sans-serif; 
	font-size:1.6em;
	font-weight:bold;
	letter-spacing:1px;
	color:#F00;
}
/* einde menu*/


/* typografie (meeste verplaatst naar rte.css!) */
td label {/* label in td niet nog een keer vergroten (in felogin template) */
	font-size:1em;
}
img {
	border:0px;
}
table.contenttable {
	width:100%;
	margin-bottom:1em;/*13-6-11*/
}
td.td-last {/* om prijzen op 1 regel te houden */
	width:20%;
}
table.csc-uploads td{
	padding:5px;
	vertical-align:top;
}
td.csc-uploads-fileSize {
	width:50px;
}
/* einde */


/* home */
#prog_home_wrap {
	padding:0px;
	padding-bottom:20px;
	width:780px;/* 24-6-11 nieuwe opzet home */
	min-height:255px;
	margin-left:30px;
	overflow:hidden;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";*/
}
#prog_home_wrap .prog_item_wrap{
	float:left;
	width:180px;
	margin-bottom:10px;
	margin-left:20px;
	/* 19-9-11 fade-in uitgezet */
	/*display:none;*/
}
#prog_home_wrap .prog_itemgroot_wrap{
	float:left;
	width:380px;
}
/* onderstaande is een css3 selector, in welke browsers werkt dit? zorgt ervoor dat er geen rechtermarge op het laatste item zit*/
/*#prog_home_wrap .prog_item_wrap:last-child, #prog_home_auditorium_wrap .prog_item_wrap:last-child{
	margin-right:0px;
}
*/
#prog_home_wrap p{
	margin-bottom:0px;
}
#prog_home_wrap .prog_itemgroot_wrap p{
	margin-left:10px;
}
#prog_home_wrap .prog_itemgroot_wrap h1{
	font-size:1.6em;
	margin-left:10px;
}
#prog_home_wrap .newswrap {
	float:left;
	background-color:#5080AB;
	padding:10px;
	height:180px;/* totale hoogte 200 */
	width:160px;
}
#prog_home_wrap .newswrap h1{
	color:white;
}
#prog_home_wrap .newswrap p{
	color:white;
	margin-top:10px;
}
#prog_home_wrap .newswrap p a{
	/*color:black;*/
	color:white;
}
/* wel marge links in de tekst bij eerste item. first-child werkt niet meer omdat er nu een kop boven staat die het 1e child is */
/*#prog_home_wrap .prog_item_wrap:nth-child(2) p,
#prog_home_wrap .prog_item_wrap:nth-child(2) h1,
#prog_home_auditorium_wrap .prog_item_wrap:nth-child(2) p,
#prog_home_auditorium_wrap .prog_item_wrap:nth-child(2) h1{
	margin-left:5px;
}
*/
#prog_home_wrap h1, #prog_home_auditorium_wrap h1, #prog_wrap h2, #werken_beeld h2, #recent_beeld h2, #pers_wrap h2, #pers_wrap h1, #auditorium_wrap h2 {/* overrule algemen h1 omdat die opnieuwe is gedefinieerd na meeting Tessa */
	margin-bottom:0;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:0;
}
/* 25-11-11 */
#prog_home_wrap h1 {
	line-height:1.5em;
}
/* andere kop 'Te zien' en 'te doen' */
/*#prog_home_wrap h1.kop_home, #prog_home_auditorium_wrap h1.kop_home {
	width:90%;
	padding:2px 13px;
	font-family:'GillSans';
	font-size:1.5em;
	letter-spacing:1px;
	color:#009;
}
*/
#auditorium_wrap h2 {
	font-weight:bold;
}
#auditorium_wrap img {
	margin-left:15px;;
}
#prog_home_wrap .prog_item_img_wrap img, #prog_home_auditorium_wrap .prog_item_img_wrap img{
	margin-bottom:8px;
}
/* einde home */


/* collectie */
#overzicht_wrap {
	margin:-65px 0 0 30px;
}
.collectie_kolom {
	float:left;
	/*letter-spacing:2px;*/
	text-align:left;
	width:180px;/* was 180 */
}
.collectie_kolom a{
	line-height:2em;
	font-size:1.2em;
	color:#000;
	font-family:'GillSans',Arial,Helvetica;
	letter-spacing:1px;
	/*font-weight:bold;*/
}
h2.collectionfirstletter {
	line-height:2em;
	font-size:1.3em;
	font-weight:bold;
	color:#FF0000;
	font-family:'GillSans',Arial,Helvetica;
	margin-bottom:0;
}
/* individuele kunstenaars + 10-6-11 de detailview van tent*/
#collectie_wrap, #werken_wrap, #tent_wrap {
	margin:-60px 0 0 30px;/* kop kunstenaar lijnen met onderkant De Pont in logo */
}
#collectie_wrap h1, #werken_wrap h1, #tent_wrap h1 {
	font-size:2.5em;
	font-weight:normal;
	font-family:'GillSans';
	letter-spacing:1px;
	color:#009;
	display:inline;
	padding-right:10px;
}
p.biografisch {
	display:inline;	
	font-family:'GillSans';
	font-size:1.3em;
	letter-spacing:1px;
	color:#335786;
}
#voorpag_beeld {
	width:775px;
	margin-top:30px;/* afstand tot de h1, lijn tekst van fotobijschrift met 1e menuitem */
	float:left;
	/* onderstaande nog aanpassen voor IE! zie boven */
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";*/
}
/* 25-5-11 extra container i.v.m. meerdere foto's per werk die het bijschrift niet mogen wegdrukken */
.beeld {
	width:575px;
	float:left;
	/*margin-bottom:-10px;*/
	/*margin-right:-10px;*/
}
.beeld img {
/* nog aanpassen want er moet geen marge komen: als er 1 beeld is, naast het meest rechtse en onder het onderste :) 
	rendering in de plugin aanpassen? Nee: gefixed door de omsluitende div hierboven negatieve marges te geven
*/ 
	margin:0 10px 0px 0;
}
#kunstenaar_info {
	width:775px;
	padding:13px 15px;
	margin-top:30px;/* afstand tot de h1, lijn tekst van fotobijschrift met 1e menuitem */
	float:left;
	/* onderstaande nog aanpassen voor IE! zie boven */
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";*/
	-moz-column-count: 2;
	-moz-column-gap: 25px;
	-webkit-column-count: 2;
	-webkit-column-gap: 25px;
	column-count: 2;
	column-gap: 25px;
}
#voorpag_beeld img{
	float:left;
	/*margin-bottom:30px;*/
}
p.bijschrift {
	float:right;
	width:170px;/* breedte bijschrift kolom is 200, 17px linkermarge tot foto en padding rechts 13px */
	margin-top:13px;
	padding-right:13px;
}
p.bijschriftonder {
	float:left;
	clear:left;
	margin:10px 0 15px 13px;
	/*width:159px;*/
}
#werken_beeld {
	margin-top:40px;/* afstand tot de h1 */
	width:745px;
	padding:13px 15px;
	float:left;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";*/
}
#werken_beeld p, #werken_beeld h2, #recent_beeld p, #recent_beeld h2 {/* tekst naast beeld in werk overzicht */
	float:left;
	width:159px;
	margin-left:10px;
	margin-right:0px;
	display:block;
}
#werken_beeld img, #recent_beeld img {
	float:left;
}
.werk_item_wrap {
	width:356px;/* was 360 */
	min-height:169px;/* belangrijk om alle boxen zelfde hoogte te geven i.v.m. float, anders kan er een rechts blijven 'hangen' */ 
	margin-bottom:40px;
	float:left;
}
.werk_item_img_wrap {
	width:169px;
	float:left;/* belanrijk anders is het geen box en lijnt de tekst ernaast niet mooi */
}
.werk_info {
	float:left;
	clear:left;
	padding:13px 15px;
	-moz-column-count: 2;
	-moz-column-gap: 25px;
	-webkit-column-count: 2;
	-webkit-column-gap: 25px;
	column-count: 2;
	column-gap: 25px;
}
#voorpag_beeld .werk_info img {/* voor images die in de rte zijn geplaatst */
	float:none;
	margin: 0 10px 10px 0;
}
/* einde collectie */

/* tentoonstellingen */
#prog_wrap {
}
#prog_wrap .prog_item {
	width:540px;
	/*min-height:169px;/* belangrijk om alle boxen zelfde hoogte te geven i.v.m. float */ 
	float:left;
	margin-bottom:20px;
}
#prog_wrap .prog_item_img {
	width:169px;/* was 180 */
	float:left;
}
#prog_wrap .prog_item_data {
	width:356px;/* was 360 */
	float:right;
}
/* eindetentoonstellingen */


/* auditorium */
#auditorium_wrap .prog_item {
	width:360px;
	min-height:0;/* in auditorium geen min hoogte omdat veel items gen plaatje hebben */
	float:left;
	margin-top:20px;
}
#auditorium_wrap .prog_item_data {
/*	width:356px;*/
	float:left;
}
#auditorium_wrap .prog_item_img {
	width:169px;
	float:right;
}
/* einde auditorium */


/* persberichten */
.pers_item {
	width:360px;
	float:left;
	margin-top:20px;
}
.pers_tekst {
	width:720px;/*745 - 25 gap */
	float:left;
	clear:left;
	margin-top:20px;
/* toeg 5-7-11 */
	-moz-column-count: 2;
	-moz-column-gap: 25px;
	-webkit-column-count: 2;
	-webkit-column-gap: 25px;
	column-count: 2;
	column-gap: 25px;
}
.pers_img {
	width:540px;
	float:left;
}
.pers_info {
	width:166px;
	float:right;
}

/* einde persberichten */

/* p zonder ondermarge */
.pers_info p, .pers_item p, #prog_wrap p, .prog_item p, .werk_item_wrap p {
	margin-bottom:0;
}


/* upd 24-6-10 */
/* ##############################
** ### tx_indexedsearch #########
** ##############################
*/
		.tx-indexedsearch .tx-indexedsearch-browsebox li { display:inline; margin-right:5px; }
		.tx-indexedsearch .tx-indexedsearch-browsebox {margin-bottom:20px;}
		.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button { margin-top:5px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword { width:150px; }
		.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:-50px; margin-bottom:10px; font-size:1.4em;}
		.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic;}
		.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
		.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
		.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
		.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:1.6em; font-weight:bold; }

		/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
		.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
		.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; float:left; }
		.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
		.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
		.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
		.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
	display:none;/* Albert 21-9 uitgebreide info weglaten */
}
.tx-indexedsearch .tx-indexedsearch-searchbox {
	visibility:hidden;
}
.tx-indexedsearch-result-number {
	display:none;
}
.tx-indexedsearch .tx-indexedsearch-browsebox ul {
	margin-left:0px;
	padding-left:0;
	/*font-size:1.4em;
	line-height:1.5em;
	*/
}
.tx-indexedsearch fieldset {
	border:0;
	margin:0;
	padding:0;
}
.tx-indexedsearch fieldset legend {
	display:none;
}
.tx-indexedsearch {
	padding-right:20px;
}

/* voor langmenu */
.tx-srlanguagemenu-pi1 {
	font-family: 'GillSans', Arial, Helvetica, sans-serif;
	font-size:1.4em;
	letter-spacing:1px;
	margin:0px 0 0 18px;
	float:left;
	clear:left;
	/* 4-5-11 abs gepos zodat ie altijd beneden staat */
/*	position:absolute;
	bottom:10px;
*/
}
/* voor root */
/*body#body_2 .tx-srlanguagemenu-pi1 {
	top:630px;
}
*/
.tx-srlanguagemenu-pi1 div{
	text-transform:uppercase;
	margin-right:5px;
}
.tx-srlanguagemenu-pi1 .CUR {
	color:#009;
}
.tx-srlanguagemenu-pi1 .NO a {
	color:#788FB5;/* DBE2BE is te licht! (kleur van vergrootglas)*/
	font-weight:normal;
}

/* voor zoekfie */
#searchbutton {
	/* 4-5-11 abs gepos zodat ie altijd beneden staat */
	/*position:absolute;
	bottom:25px;
	*/
}
/* voor root */
/*body#body_2 #searchbutton{
	top:555px;
}
*/
#searchbutton a:link,
#searchbutton a:visited {
	margin:50px 0 0 19px;
	padding: 0;
	width: 22px;
	height: 29px;
	text-indent: -999em;
	float:left;
	background-image: url(images/search_icon.png);
	/*background-position: left top; voor rollover*/
	background-repeat: no-repeat;
	z-index: 101;
}
#searchbutton a:hover {
	/*background-position: right top;*/
}
#search {
	position:relative;
	top: 0px;
	left: 60px;
	opacity: 0;
	z-index: 100;
}
#search form {
}
#search legend {
	text-indent: -999em;
}
fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

/* felogin */
.tx-felogin-pi1 div {
	font-size:1.2em;
	line-height:1.5em;
}
.tx-felogin-pi1 td {
	padding:5px 10px 0 0;
}

/* beeldbank */
/* geen em gebruiken i.v.m. geneste div's */
/*.tx-jmgallery-pi1 div, .tx-jmgallery-pi1 p {
	font-size:14px;
	line-height:18px;
}
*/

/* csc aanpassen */
div.csc-textpic-center div.csc-textpic-imagewrap {
	/* zorgt ervoor dat beeld de hele kolom vult, dus linker, boven en rechtermarge worden uitgeschakeld */
	margin: -13px -15px -13px -15px;/* de -13 onderaan is nodig om geen witregel onder het plaatje te krijgen */
}
/* 21-6-11 */
.csc-textpic-text {
	margin-top:26px;/* 2 x -13 vanwege de negatieve marge hierboven */
}
/* geen marge onder een single image */
div.csc-textpic div.csc-textpic-single-image img {
	margin-bottom:0;
}
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow-last .csc-textpic-image {
	margin-bottom:0;
}
div.csc-textpic div.csc-textpic-imagerow-last {
	margin-bottom:-13px;
}

/* mailform */
.csc-mailform input[type=text], .csc-mailform textarea, #tt_address_form input[type=text] {
	width:500px;
}


/* tt_news */
.news-list-container h2 {
	font-weight:normal;
}
.news-single-item h1 {
	margin-top:5px;
	margin-bottom:5px;
}
.news-single-item h2 {
	font-weight:normal;
	margin-bottom:10px;
}
.news-single-img {
	float: right;
	margin:10px 0 0 10px;
	padding:0;
}
.news-single-rightbox {
	margin-top:10px;
	font-size:1.2em;
	line-height:1.5em;
}
.news-single-additional-info {
	margin-top: 15px;
}
.news-single-related,
.news-single-files,
.news-single-links  {
	margin: 0;
	margin-bottom: 3px;
	padding: 3px;
}


/* 16-6-11 slideshow, 18-7-11 niet meer gebruikt, zie onder */
#slideshow {
    position:relative;
	list-style-type:none;
}
#slideshow li {
    position:absolute;
    top:0;
    left:0;
	width:560px;
	height:373px;
    z-index:8;
	background-color:white;
	list-style-type:none;
}
#slideshow li.active {
    z-index:10;
}
#slideshow li.last-active {
    z-index:9;
}

/*23-6-11 slideshow voor werken */
/* upd 1-7-11 weer weg, nu cycle plugin jquery gebruikt, css niet nodig 
body#body_369 #slideshow li, body#body_368 #slideshow li {
	background-color:transparent;
	width:775px;
	height:575px;
}
*/
/*body#body_369 .beeld, body#body_368 .beeld{
	position:relative;
	height:575px;
	margin-bottom:0;
}
*/

/* 28-6 slideshow via cycle plugin */
.slideshow img, .slideshowtent img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }
#slidenav { padding-left:12px; float:left; width:170px;}
#slidenav a { margin: 5px; padding: 3px 5px; border: 1px solid #ccc; background: #f2f3f7; text-decoration: none; float:left; }
#slidenav a.activeSlide { background: #d4dce7 }
#slidenav a:focus { outline: none; }
/* 2-1-2012 voorkom dat je bij laden alle beelden onder elkaar ziet */
.slideshowhome {
	overflow:hidden;
}

/* css voor colorbox */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/colorbox/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/colorbox/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/colorbox/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/colorbox/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/* einde css voor colorbox */



/* marge links van 110px als er voldoende ruimte is */
@media screen and (min-width: 1090px) {/* 980 +110 */
body {
	margin-left:110px;
	background-position:110px 0;
}
#header {
	left:315px;/* 110 + 205 */
}
}

/* 5-7-11 voor iphone e.d. (voorlopig) */
@media screen and (max-device-width: 480px) {
#content {
	width:785px;
}
#div#kol_links, div#kol_breed {
	margin-left:10px;
}
}