body {
	background		: #fefefe;
	margin			: 0; 
	padding			: 0;
}

* {
	padding			: 0; 
	margin			: 0;
}

img {	
	border			: none;
}

a:hover {
	text-decoration		: none;
	outline			: none;
}

/* IE 6 PNG Fix ----------------------------------------------*/

img, div { 
	behavior		: url(/includes/iepngfix.htc);
}

/* Basisboxen ------------------------------------------------*/

#header {
	background		: url(/images/base/bg-body-1.gif) repeat-x;
	width			: 100%;	
}

#headercentered {
	background		: url(/images/base/bg-body-1.gif) repeat-x;
	width			: 960px;
	height			: 91px;
	margin			: 0 auto;
}

#mid {
	background		: url(/images/base/bg-body-2.gif) repeat-x;
	width			: 100%;
	float			: left;
}
    
#midcentered {
	width			: 960px;
	margin			: 0 auto;
}

#midcontainer {
	background		: url(/images/base/bg-main-1.gif) repeat-y;
	float			: left;
}

#footer {
	background		: url(/images/base/bg-footer-1.gif) repeat-x;
	width			: 100%;
	height			: 20px;
	padding-top		: 5px;
	float			: left;
}

#footercentered {
	width			: 960px;
	margin			: 0 auto;
}


/* Basisitems pagina -----------------------------------------*/



#logo {
	position		: relative;
	width			: 220px;
	height			: 89px;
	top			: 0px;
	left			: 0px;
}

#dstlogo-beeldmerk {
	position		: relative;
	width			: 64px;
	height			: 54px;
	top			: 7px;
	left			: 31px;
}

#dstlogo-woordmerk {
	position		: absolute;
	width			: 220px;
	height			: 24px;
	top			: 65px;
	left			: 0px;
}

#contentmid {
	background		: #ffffff url(/images/base/bg-main-1.gif) repeat-y;
	width			: 960px;
	float			: left;
}

#contentfooter {
	background		: url(/images/base/bg-footer-1.gif) repeat-x;
	width			: 960px;
	height			: 20px;
	padding-top		: 5px;
	float			: left;
}

#menu {
	background		: none;
	width			: 160px;
	float			: left;
	margin-left		: 25px;
	margin-right		: 25px;
	margin-top		: 15px;
	display			: inline;
}

#content-smal {
	background		: none;
	width			: 420px;
	float			: left;
	margin-left		: 25px;
	margin-right		: 25px;
	margin-top		: 15px;
	display			: inline;
}

#content-breed {
	background		: none;
	width			: 675px;
	float			: left;
	margin-left		: 25px;
	margin-right		: 50px;
	margin-top		: 15px;
	padding-bottom		: 10px;
	display			: inline;
}
	

#context {
	background		: none;
	width			: 205px;
	float			: left;
	margin-left		: 25px;
	margin-right		: 50px;
	margin-top		: 20px;
}

#paginaintro {
	background		: none;
	width			: 675px;
	height			: 57px;
	float			: left;
	display			: inline;
}

/* Teksten Contentdeel ---------------------------------------*/

.bodytekst {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #565555;
	text-align		: left;
}

.bodytekst a {
	color			: #ad0404;
}

.bodytekst p a:hover {
	color			: #ff0000;
}

#paginaintro h1 {
	font-family		: Verdana, Helvetica, sans-serif;
	font-size		: 8pt;
	line-height		: 8pt;
	font-weight		: normal;
	color			: #565555;
	text-transform		: uppercase;
	font-weight		: bold;
	padding-bottom		: 8px;
}

/* Teksten Footer --------------------------------------------*/

#footer p {
	text-align		: left;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	font-weight		: bold;
	text-transform		: uppercase;
	color			: #565555;
	padding-left		: 225px;
}

#footer p a {
	margin-left		: 10px;
	margin-right		: 10px;
	color			: #a1a1a1;
}

#footer p a:hover {
	color			: #565555;
}

.flna {
	margin-left		: 10px;
	margin-right		: 10px;
}

/* Menu ------------------------------------------------------*/

#menu ul {
	list-style		: none;
}

#menu li {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 9pt;
	line-height		: 12pt;
	width			: 160px;
	height			: 25px;
}

#menu li a {
	width			: 160px;
	height			: 25px;
	text-decoration		: none;
	text-transform		: uppercase;
	color			: #565555;
	font-weight		: bold;
	text-indent		: -9999px;
	display			: block;
	outline			: none;
}

#menu li a#home {
	background		: url(/images/base/menu-home.gif) no-repeat;
}
#menu li a#home-active {
	background		: url(/images/base/menu-home.gif) no-repeat;
	background-position	: 0px -25px;
}

#menu li a#projecten {
	background		: url(/images/base/menu-projecten.gif) no-repeat;
}
#menu li a#projecten-active {
	background		: url(/images/base/menu-projecten.gif) no-repeat;
	background-position	: 0px -25px;
}

#menu li a#mensen {
	background		: url(/images/base/menu-mensen.gif) no-repeat;
}
#menu li a#mensen-active {
	background		: url(/images/base/menu-mensen.gif) no-repeat;
	background-position	: 0px -25px;
}

#menu li a#dst {
	background		: url(/images/base/menu-dst.gif) no-repeat;
}
#menu li a#dst-active {
	background		: url(/images/base/menu-dst.gif) no-repeat;
	background-position	: 0px -25px;
}

#menu li a#nieuws {
	background		: url(/images/base/menu-nieuws.gif) no-repeat;
}
#menu li a#nieuws-active {
	background		: url(/images/base/menu-nieuws.gif) no-repeat;
	background-position	: 0px -25px;
}

#menu li a#contact {
	background		: url(/images/base/menu-contact.gif) no-repeat;
}
#menu li a#contact-active {
	background		: url(/images/base/menu-contact.gif) no-repeat;
	background-position	: 0px -25px;
}

#menu li a#xxvworkshops {
	background		: url(/images/base/menu-25jaar.gif) no-repeat;
}
#menu li a#xxvworkshops-active {
	background		: url(/images/base/menu-25jaar.gif) no-repeat;
	background-position	: 0px -25px;
}

#menu li a#home:hover, #menu li a#projecten:hover, #menu li a#mensen:hover, #menu li a#dst:hover, #menu li a#nieuws:hover, #menu li a#contact:hover, #menu li a#xxvworkshops:hover {
	background-position	: 0px -25px;
}

.menuspacer {
	margin-bottom		: 30px;
}
.menuspacerdubbel {
	margin-bottom		: 60px;
}

.menulijn-boven {
	border-top		: 1px solid #bcbcbc;
}
.menulijn-onder {
	border-bottom		: 1px solid #bcbcbc;
}

#menu p {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	padding-left		: 10px;
	padding-bottom		: 25px;
	padding-top		: 35px;
	color			: #565555;
}

#menu p a {
	color			: #565555;
	text-decoration		: none;
}

#menu p a:hover {
	text-decoration		: underline;
}

/* Tabellen --------------------------------------------------*/

.tabel {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	padding			: 3px;
	margin			: 1px;
	text-align		: left;
	vertical-align		: top;
}

.tabel a {
	color			: #829501;
}

.tabel a:hover {
	color			: #b0c900;
}

.theader {
	background-color	: #b0c900;
	color			: #000000;
	font-weight		: bold;
}

.tgrijs {
	background		: #eeeeee;
}

.twit {
	background		: #ffffff;
}

th {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	padding			: 3px;
	margin			: 1px;
	text-align		: left;
	vertical-align		: top;
	background-position	: center right;
	background-repeat	: no-repeat;

}

/* Boxen homepage --------------------------------------------*/

#boxrij1 {
	background		: url(/images/base/bg-boxrij-1.gif) no-repeat;
	float			: left;
	width			: 675px;
	height			: 220px;
	margin-bottom		: 10px;
}

#boxrij2 {
	background		: url(/images/base/bg-boxrij-1.gif) no-repeat;
	float			: left;
	width			: 675px;
	height			: 220px;
	margin-bottom		: 10px;
}

#box1, #box2, #box3, #box4, #box5, #box6 {
	width			: 225px;
	height			: 215px;
	float			: left;
}

.homeboxheader {
	width			: 225px;
	height			: 25px;
	float			: left;
}

.homeboxcontent {
	width			: 225px;
	height			: 175px;
	float			: left;
}

.homeboxcontent p {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #565555;
	text-align		: left;
	padding-left		: 12px;
	padding-right		: 13px;}

.homeboxfooter {
	width			: 225px;
	height			: 15px;
	float			: left;
}

.boxkop {
	width			: 200px;
	height			: 20px;
	font-family		: Verdana, Helvetica, sans-serif;
	font-size		: 11px;
	line-height		: 11px;
	text-transform		: uppercase;
	font-weight		: bold;
	color			: #ffffff;
	padding-left		: 12px;
	padding-right		: 13px;
	padding-top		: 6px;
}

.boxsubkop {
	font-family		: Verdana, Helvetica, sans-serif;
	font-size		: 8pt;
	line-height		: 8pt;
	text-transform		: uppercase;
	font-weight		: bold;
	color			: #565555;
	padding-left		: 12px;
	padding-right		: 13px;
	padding-top		: 8px;
	padding-bottom		: 10px;
}

.boxsubkop a {
	text-decoration		: none;
	color			: #565555;
}

.boxsubkop a:hover {
	text-decoration		: none;
}


.boximage {
	padding-left		: 12px;
	padding-bottom		: 8px;
}	

.boximagebeeld {
	padding-left		: 12px;
	padding-bottom		: 8px;
	width			: 200px;
}	

.boximagefilmbg {
	position		: absolute;
	z-index			: 900;
}
.boximagefilmfg {
	position		: absolute;
	z-index			: 1000;
}

.boximagefilm {
	width			: 200px;
	height			: 133px;
	margin-left		: 12px;
	margin-bottom		: 8px;
}

.boxintro {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #565555;
	text-align		: left;
	padding-left		: 13px;
	padding-right		: 12px;
	overflow		: auto;
}

.boxmeerlink {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	font-weight		: bold;
	text-align		: right;
	padding-left		: 13px;
	padding-right		: 12px;
}

.kopprojecten {
	background		: url(/images/base/bg-balk-projecten.gif) repeat-x;
}
.kopmensen {
	background		: url(/images/base/bg-balk-mensen.gif) repeat-x;
}
.kopdst {
	background		: url(/images/base/bg-balk-dst.gif) repeat-x;
}
.kopnieuws {
	background		: url(/images/base/bg-balk-nieuws.gif) repeat-x;
}
.kopmedia {
	background		: url(/images/base/bg-balk-media.gif) repeat-x;
}
.kopxxv {
	background		: url(/images/base/bg-balk-xxv.gif) repeat-x;
}
	
.meerlinkprojecten {
	color			: #057b6f;
	font-weight		: bold;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	text-align		: left;
}

.meerlinkmensen {
	color			: #eccc01;
}
.meerlinkdst {
	color			: #bd0102;
}
.meerlinknieuws {
	color			: #0179b0;
}

/* Boxen projecten -------------------------------------------*/

#tabs {
	width			: 675px;
	height			: 27px;
	background		: url(/images/base/bg-tabs-1.gif) repeat-x;
	float			: left;
}

#projectengroot {
	width			: 420px;
	margin-right		: 25px;
	float			: left;
}

#uitgelicht, #directnaar {
	width			: 225px;
	height			: 388px;
	background		: url(/images/base/bg-box-1.gif) no-repeat;
	border-bottom		: 2px solid #efefef;
	float			: left;
	margin-bottom		: 40px;
}

#uitgelichteducatief {
	width			: 225px;
	height			: 180px;
	background		: url(/images/base/bg-box-1.gif) no-repeat;
	border-bottom		: 2px solid #efefef;
	float			: left;
	margin-bottom		: 40px;
}

#media {
	width			: 225px;
	background		: url(/images/base/bg-box-1.gif) no-repeat;
	border-bottom		: 2px solid #efefef;
	float			: left;
	margin-bottom		: 40px;
}

#uitgelichtscroll, #directnaarscroll {
	width			: 225px;
	height			: 363px;
	background		: url(/images/base/bg-box-1.gif) no-repeat;
	overflow		: auto;
}	

#uitgelichtscroll ul, #directnaarscroll ul {
	list-style		: none;
}

#uitgelichtscroll li a, #directnaarscroll li a {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	font-weight		: bold;
	text-align		: right;
	padding-left		: 13px;
	color			: #057b6f;
}

.projectbox {
	background		: url(/images/base/bg-box-2.gif) no-repeat;
	margin-bottom		: 11px;
}

.nieuwsbox {
	background		: url(/images/base/bg-box-2.gif) no-repeat;
	margin-bottom		: 11px;
}

.projectbox p, .nieuwsbox p, .workshopbox p {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #565555;
	text-align		: left;
	overflow		: auto;
	padding-left		: 12px;
	padding-right		: 13px;
}

.nieuwsbox p a {
	color			: #0179ae;
}

.workshopbox p a {
	color			: #cc9911;
}

.projectomschrijvingbox {
	background		: url(/images/base/bg-box-2.gif) no-repeat;
	border-bottom		: 2px solid #efefef;
	padding-bottom		: 20px;
}

.projectomschrijvingbox p {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #565555;
	text-align		: left;
	overflow		: auto;
	padding-left		: 12px;
	padding-right		: 13px;
}

.projectomschrijvingbox a {
	color			: #057b6f;
}


.projectboxkop {
	width			: 395px;
	height			: 20px;
	font-family		: Verdana, Helvetica, sans-serif;
	font-size		: 11px;
	line-height		: 11px;
	text-transform		: uppercase;
	font-weight		: bold;
	color			: #ffffff;
	padding-left		: 12px;
	padding-right		: 13px;
	padding-top		: 6px;
}

.projectboxinhoud {
	width			: 395px;
	height			: 101px;
	padding-left		: 12px;
	padding-right		: 13px;
}

.projectboxicon {
	width			: 155px;
	float			: left;
}

.projectboxomschrijving {
	width			: 240px;
	float			: left;
}

.projectboxomschrijving p {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #565555;
	text-align		: left;
	overflow		: auto;
}


#alfabet {
	width			: 675px;
	height			: 15px;
	float			: left;
	margin-top		: 3px;
}

.alfabetletter {
	width			: 14px;
	text-align		: center;
}

#alfabet p {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	font-weight		: bold;
	text-align		: left;
	color			: #aaaaaa;
}

#alfabet p a {
	color			: #057b6f;
}

#projectheader {
	width			: 670px;
	height			: 112px;
	margin-bottom		: 10px;
	float			: left;
}

#projectmetanav {
	float			: left;
	width			: 376px;
	padding-left		: 10px;
	padding-right		: 30px;
	padding-top		: 3px;
	padding-bottom		: 7px;
	border-bottom		: 2px solid #efefef;
	border-left		: 2px solid #efefef;
	border-right		: 2px solid #efefef;
	color			: #565555;
	font-weight		: bold;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	text-align		: left;
}

#projectmetanav a {
	color			: #057b6f;
}


/* Projecten verdieping --------------------------------------*/

.verdieping {
	background		: #ffffff;
	width			: 416px;
	height			: 30px;
	border			: 2px solid #efefef;	
}

.meerproject {
	width			: 200px;
	height			: 25px;
	float			: left;
	padding-top		: 5px;
}

.meerproject p {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #565555;
	text-align		: left;
}	

/* Projecten mediabox ----------------------------------------*/

.mediabox {
	width			: 200px;
	height			: 30px;
	padding-left		: 12px;
	float			: left;
}

.mediabox ul {
	list-style		: none;
}

.mediabox li a {
	display			: block;
}

.mediaknop {
	float			: left;
	margin-right		: 8px;
	margin-top		: 3px;
	height			: 23px;
}

#actievecategorie {
	text-align		: right;
	padding-right		: 10px;
}

.mediaknopbeeld {
	background		: url(/images/base/mediaknop-beeld-d.gif) no-repeat;
	width			: 30px;
}
.mediaknopfilm {
	background		: url(/images/base/mediaknop-film-d.gif) no-repeat;
	width			: 25px;
}
.mediaknopgeluid {
	background		: url(/images/base/mediaknop-geluid-d.gif) no-repeat;
	width			: 34px;
}
.mediaknoppdf {
	background		: url(/images/base/mediaknop-pdf-d.gif) no-repeat;
	width			: 21px;
}
.mediaknopwww {
	background		: url(/images/base/mediaknop-www-d.gif) no-repeat;
	width			: 30px;
}

.mediaknopbeeld-a {
	background		: url(/images/base/mediaknop-beeld-a.gif) no-repeat;
	width			: 30px;
}
.mediaknopfilm-a {
	background		: url(/images/base/mediaknop-film-a.gif) no-repeat;
	width			: 25px;
}
.mediaknopgeluid-a {
	background		: url(/images/base/mediaknop-geluid-a.gif) no-repeat;
	width			: 34px;
}
.mediaknoppdf-a {
	background		: url(/images/base/mediaknop-pdf-a.gif) no-repeat;
	width			: 21px;
}
.mediaknopwww-a {
	background		: url(/images/base/mediaknop-www-a.gif) no-repeat;
	width			: 30px;
}

/* Projecten mediakolom --------------------------------------*/

.medialijstkopbeeld {
	background		: url(/images/base/medialijst-beeld.gif) no-repeat;
	width			: 210px;
	height			: 20px;
	text-indent		: -9000px;
}

.medialijstkopfilm {
	background		: url(/images/base/medialijst-film.gif) no-repeat;
	width			: 210px;
	height			: 20px;
	text-indent		: -9000px;
}

.medialijstkopgeluid {
	background		: url(/images/base/medialijst-geluid.gif) no-repeat;
	width			: 210px;
	height			: 20px;
	text-indent		: -9000px;
}

.medialijstkoppdf {
	background		: url(/images/base/medialijst-pdf.gif) no-repeat;
	width			: 210px;
	height			: 20px;
	text-indent		: -9000px;
}

.medialijstkopwww {
	background		: url(/images/base/medialijst-www.gif) no-repeat;
	width			: 210px;
	height			: 20px;
	text-indent		: -9000px;
}

.mediathumb {
	margin-left		: 5px;
	margin-bottom		: 3px;
}

.medialijstbeeld, .medialijstfilm, .medialijstgeluid, .medialijstpdf, .medialijstwww {
	margin-left		: 7px;
	margin-right		: 7px;
	border-bottom		: 1px solid #efefef;
	padding-bottom		: 5px;
}

.medialijstpdfextra {
	padding-left		: 7px;
	margin-right		: 7px;
	padding-bottom		: 5px;
	color			: #057b6f;	
}

.geenmedia {
	margin-left		: 13px;
	margin-top		: 12px;
	margin-bottom		: 13px;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #565555;
	text-align		: left;	
}

/* Projecten uitgelicht --------------------------------------*/

.uitgelichtproject {
	width			: 195px;
	height			: 27px;
	margin-left		: 10px;
	padding-left		: 4px;
	padding-top		: 4px;
	padding-bottom		: 4px;	
	border-bottom		: 1px solid #efefef;
}

.uitgelichtimage {
	float			: left;
	padding-right		: 5px;
	vertical-align		: middle;
}

.uitgelichtproject p {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 21pt;
	color			: #565555;
	text-align		: left;
}

.uitgelichtproject p a {
	text-decoration		: none;
	color			: #565555;
}

/* Tabs knoppen ----------------------------------------------*/

#tabs ul {
	list-style		: none;
}

#tabs li {
	float			: left;
}

#tabs li a {
	height			: 20px;
	background		: url(/images/base/bg-tab-1.gif) repeat-x;
	font-family		: Verdana, Helvetica, sans-serif;
	font-size		: 8pt;
	line-height		: 8pt;
	font-weight		: bold;
	text-transform		: uppercase;
	color			: #565555;
	display			: block;
	padding-left		: 15px;
	padding-right		: 15px;
	padding-top		: 5px;
	border-left		: solid 1px #d4d4d4;
	border-right		: solid 1px #d4d4d4;
	border-top		: solid 1px #d4d4d4;
	border-bottom		: solid 1px #ababab;
	margin-right		: 5px;
	text-decoration		: none;
}

#tabs li a:hover {
	background		: url(/images/base/bg-tab-2.gif) repeat-x;
	border-left		: solid 1px #ababab;
	border-right		: solid 1px #ababab;
	border-top		: solid 1px #ababab;
	border-bottom		: solid 1px #ffffff;
}

#tabs li a#tabprojectenactive {
	background		: url(/images/base/bg-tab-2.gif) repeat-x;
	border-left		: solid 1px #ababab;
	border-right		: solid 1px #ababab;
	border-top		: solid 1px #ababab;
	border-bottom		: solid 1px #ffffff;
}

/* Mediaplayer -----------------------------------------------*/

#mediaplayer {
	float			: left;
	width			: 675px;
	height			: 400px;
	background		: #595959;
	margin-bottom		: 20px;
}

#mediatypes {
	float			: left;
	width			: 675px;
	height			: 33px;
	background		: url(/images/base/bg-mediaplayer-types.gif) repeat-x;
}
#mediabody {
	float			: left;
	width			: 675px;
	height			: 342px;
	background		: #595959;
	background		: url(/images/base/bg-mediaplayer-body.gif) repeat-x;
}

.kopmediaplayer {
	background		: url(/images/base/bg-balk-mediaplayer.gif) repeat-x;
	width			: 650px;
	height			: 20px;
	font-family		: Verdana, Helvetica, sans-serif;
	font-size		: 11px;
	line-height		: 11px;
	text-transform		: uppercase;
	font-weight		: bold;
	color			: #ffffff;
	padding-left		: 12px;
	padding-right		: 13px;
	padding-top		: 6px;
}

#mediatypes ul {
	list-style		: none;
}


.playerknop {
	float			: left;
	margin-right		: 6px;
	margin-left		: 6px;
	height			: 32px;
	width			: 32px;
}

.playerknop span {
	display			: none;
}

#mediaselectie {
	float			: left;
	width			: 244px;
	height			: 332px;
	padding-top		: 10px;
	padding-left		: 6px;
}

#mediaview {
	float			: left;
	width			: 415px;
	height			: 332px;
	padding-top		: 10px;
	padding-left		: 10px;
}

#mediaselectieoverzicht {
	width			: 244px;
	height			: 290px;
	float			: left;
}
#mediaselectiekiezer {
	width			: 244px;
	height			: 20px;
	float			: left;
}

#mediaselectie p {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #434343;
}

#mediaselectie p a {
	color			: #aaaaaa;
	text-decoration		: none;
}

#mediaselectie p a:hover {
	color			: #ffffff;
	text-decoration		: underline;
}

.playerthumb {
	border			: 1px solid #ffffff;
}

#mediastorage1, #mediastorage2 {
	display			: none;
}

#mediaview p {
	text-align		: left;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #ffffff;
	padding-top		: 10px;
}

.mediapdflink {
	text-align		: left;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #ffffff;
}

.medialijstpdf, .medialijstgeluid {
	text-align		: left;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #575757;
}

/* Mensen ----------------------------------------------------*/

#mensenbox {
	background		: url(/images/base/bg-boxrij-2.gif) no-repeat;
	float			: left;
	width			: 675px;
	margin-bottom		: 10px;
}

.mensenbreed {
	width			: 650px;
}

.mensoverview {
	width			: 205px;
	margin-left		: 10px;
	margin-right		: 10px;
	margin-top		: 20px;
	margin-bottom		: 20px;
	float			: left;
}

.mensoverviewimg {
	float 			: left;
	margin-right		: 10px;
}

.mensoverview p {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #565555;
}

.mensafbeeldinggroot {
	float			: left;
	margin-right		: 13px;
	margin-bottom		: 13px;
}


/* Mensen uitgelicht -----------------------------------------*/

.uitgelichtmens {
	width			: 180px;
	height			: 60px;
	margin-left		: 10px;
	margin-right		: 5px;
	padding			: 5px;
	border-bottom		: 1px solid #efefef;
}

.uitgelichtimage {
	float			: left;
	padding-right		: 5px;
	vertical-align		: middle;
}

.uitgelichtmens p {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 12pt;
	color			: #565555;
	text-align		: left;
}

.uitgelichtmens p a {
	text-decoration		: none;
	color			: #565555;
}

.functiegrijs {
	color			: #a1a1a1;
}

/* Contact ---------------------------------------------------*/

#downloadsbox, #contactbox, #overigeberichtenbox {
	width			: 225px;
	background		: url(/images/base/bg-box-1.gif) no-repeat;
	border-bottom		: 2px solid #efefef;
	margin-bottom		: 10px;
	padding-bottom		: 10px;
}

#contactbox p {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #565555;
	text-align		: left;
	padding-left		: 13px;
	padding-right		: 12px;
	overflow		: auto;
}


.downloadicon {
	padding-top		: 10px;
}

.linknieuws {
	color			: #0179ae;
	font-weight		: bold;
}

.linkdst {
	color			: #cc9911;
	font-weight		: bold;
}

#contextbox {
	width			: 225px;
	margin-bottom		: 40px;
	float			: left;
}

.contextp {
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #565555;
	text-align		: left;
	padding-top		: 10px;
	padding-left		: 13px;
	padding-right		: 12px;
	overflow		: auto;
}

#overigeberichtenscroll {
	width			: 225px;
	height			: 220px;
	background		: url(/images/base/bg-box-1.gif) no-repeat;
	overflow		: auto;
}

.invisible {
	display			: none;
}


/* Achterkant ------------------------------------------------*/

#achterkantbox {
	float			: left;
	width			: 675px;
}

.backendtabel {
	padding			: 2px;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #565555;
	text-align		: left;
	vertical-align		: top;
}

.backendtabel a {
	color			: #ad0404;
}

.backendtabel a:hover {
	color			: #ff0000;
}


.backendgrijs {
	background		: #dddddd;
	border			: 1px solid #ffffff;
	padding			: 4px;
}

.hr-adminmenu {
	margin-top		: 20px;
	margin-bottom		: 20px;
	background-color	: #dddddd;
	color			: #dddddd;
	width			: 100%;
	height			: 1px;
	border			: 0px;
}

.be-mediaboxje {
	width			: 100px;
	margin			: 10px;
	float			: left;
	text-align		: center;
}

.be-smalllink {
	text-decoration		: underline;
	color			: #000000;
	font-family		: Helvetica, Arial, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
}

.be-smalllink:hover {
	color			: #c90000;
}

.be-biglink {
	text-decoration		: underline;
	color			: #ad0404;
}

.be-biglink:hover {
	color			: #ff0000;
}

.formulier {
	border			: 1px solid #ca0606;
	padding			: 2px;
}

.invoerknop {
	padding			: 3px;
	border			: 1px solid #ad0404;
	color			: #ffffff;
	font-weight		: bold;
	background		: #ca0606;
	width			: 200px;
}

.contactformulier {
	border			: 1px solid #0179b0;
	padding			: 2px;
}

.contactknop {
	padding			: 3px;
	border			: 1px solid #0179b0;
	color			: #ffffff;
	font-weight		: bold;
	background		: #0179b0;
	width			: 200px;
}

.wit {
	color			: #ffffff;
}

#imagekiezerlink {
	margin-top		: 5px;
}

fieldset {
	border			: 0px;
	margin-left		: 15px;
}

/* Tablesorter classes ----------------------------------------------- */

th.headerSortUp { 
    background-image		: url(/images/base/asc.gif); 
} 

th.headerSortDown { 
    background-image		: url(/images/base/desc.gif); 
} 

/* DST 25 jaar splashpage ---------------------------------------------*/

#xxv-main {
	float			: left;
	width			: 924px;
	height			: 495px;
	margin-top		: 20px;
	margin-left		: 37px;
}

#xxv-thumbs {
	float			: left;
	width			: 888px;
	height			: 23px;
	margin-left		: 36px;
	margin-top		: 14px;
	margin-bottom		: 14px;
	padding-top		: 12px;
	padding-bottom		: 12px;
	border-top		: 2px solid #efefef;
	border-bottom		: 2px solid #efefef;
	display			: none;
}

#xxv-beeld {
	float			: left;
	width			: 886px;
	height			: 475px;
	z-index			: 5;
	overflow		: hidden;
}

#xxv-uitleg {
	position		: absolute;
	width			: 886px;
	height			: 130px;
	top			: 428px;
	padding-top		: 20px;
	padding-bottom		: 10px;
	background		: url('/images/25jaar/bg-uitleg.png') repeat;
	z-index			: 10;
	vertical-align		: bottom;
}

#xxv-uitleg-kolom1 {
	float			: left;
	width			: 90px;
	height			: 125px;
	margin-right		: 18px;
	text-align		: right;
}

#xxv-uitleg-kolom2 {
	float			: left;
	width			: 280px;
	height			: 125px;
	padding-left		: 20px;
	border-left		: 2px solid #ffffff;
	margin-right		: 20px;
}

#xxv-uitleg-kolom3 {
	float			: left;
	width			: 400px;
	height			: 125px;
	padding-left		: 20px;
	border-left		: 2px solid #ffffff;
	margin-right		: 20px;
}

#xxv-uitleg-kolom1 h2, #xxv-uitleg-kolom2 h1 {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 14pt;
	font-weight		: normal;
	color			: #333333;
	margin-bottom		: 12px;
}

#xxv-uitleg-kolom2 h2 {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 8pt;
	line-height		: 12pt;
	font-weight		: bold;
	color			: #333333;
}

#xxv-uitleg-kolom3 p {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 8pt;
	line-height		: 12pt;
	font-weight		: normal;
	color			: #333333;
}


#xxv-uitleg-kolom3 p a {
	color			: #cc0303;
}

#xxv-links {
	position		: absolute;
	top			: 290px;
}

#xxv-rechts {
	position		: absolute;
	top			: 290px;
	margin-left		: 836px;
}

#xxv-links a, #xxv-rechts a {
	outline			: none;
}

.xxv-thumb-placeholder {
	float			: left;
	width			: 32px;
	height			: 21px;
	border			: 1px solid #8b8c89;
	margin-left		: 1px;
}

.xxv-thumb {
	float			: left;
	width			: 32px;
	height			: 21px;
	margin-left		: 1px;
	border			: 1px solid #8b8c89;
	margin-bottom		: 14px;
	margin-top		: 3px;
}

.xxv-thumb-zoom {
	margin-top		: 0px;
	margin-bottom		: 0px;
	float			: left;
	width			: 45px;
	height			: 29px;
	margin-left		: 1px;
	border			: 1px solid #8b8c89;
}

#xxv-gaverder {
	position		: absolute;
	top			: 42px;
	left			: 314px;
	width			: 120px;
	height			: 19px;
	padding-top		: 2px;
	margin-left		: 510px;
}

#xxv-gaverder a {
	font-family		: Arial, Helvetica, sans-serif;
	font-size		: 8pt;
	line-height		: 12pt;
	font-weight		: bold;
	color			: #ffffff;
}

#xxv-banier {
	position		: absolute;
	top			: 0px;
	left			: 50px;
	z-index			: 200;
}

#xxv-banier-content {
	position		: absolute;
	top			: 0px;
	left			: -115px;
	z-index			: 200;
}

#xxv-canon {
	position		: absolute;
	top			: 15px;
	left			: 170px;
	z-index			: 100;
}

.hidden {
	display			: none;
}

.xxvplink {
	color			: #cc9911;
}

.contactformulierws {
	border			: 1px solid #cc9911;
	padding			: 2px;
}

.contactknopws {
	padding			: 3px;
	border			: 1px solid #cc9911;
	color			: #ffffff;
	font-weight		: bold;
	background		: #cc9911;
	width			: 200px;
}