/** general ****************************************************************/


body {
	color:#000;
	font:11px Verdana,sans-serif;
}

/** background colors per page **/
.PageHome {
	background-color:#9966CC;
}

.PageVisi {
	background-color:#CE9C63;
}

.PageTeam {
	background-color:#FFAD00;
}

.PageFaqs {
	background-color:#009CCE;
}

.PageCldr {
	background-color:#CE639C;
}

.PageImpr {
	background-color:#009C31;
}

.PageNlet {
	background-color:#FFCE31;
}

.PageGrpp {
	background-color:#9C9CFF;
}

.PageAanm {
	background-color:#9C6331;
}

.PageLink {
	background-color:#9C6363;
}

.PageCont {
	background-color:#009C9C;
}

.PageNews {
	background-color:#999900;
}


div.Content {
	position:absolute;
	top:0px;
	left:231px;
	width:576px;
	height:485px;
}

* p {
	font:11px Verdana,sans-serif;
	text-align:justify;
	line-height:15px;
	padding-right:10px;
}


h1 {
	margin:0 0 15px 0;
	font-size:11px;
	font-weight:bold;
}

a, a:visited {
	color:#FF7B00;
}
a:hover, a:visited:hover {
	color:#E21300;
}

/*.MenuItem {
	width:100px;
}*/

a.Menu, a.Menu:visited {
	color:#ffffff;
	display:block;
	font-weight:normal;
}

a.Menu:hover, a.Menu:visited:hover {
	color:#000;
	display:block;
}

a.Menu.selected, a.Menu.selected:visited {
	color:#000;
}

div.Arrow {
	background-image:url(../../images/arrHyper.png);
	font:11px Verdana,sans-serif;
}

a.Arrow, a.Arrow:visited {
	background-image:url(../../images/arrHyper.png);
	color:#FF0000;
	font:11px Verdana,sans-serif;
}
a.Arrow:hover, a.Arrow:visited:hover {
	color:#ff0000;
	font:11px Verdana,sans-serif;
}
	
div.FullPage {
	position:absolute;
	top:50px;
	left:-57px;
	width:620px;
	height:410px;
	padding:10px 0 0 10px;
	overflow:auto;
}

div.FullPageBack {
	position:absolute;
	/*top:16px;*/
	top:40px;
	left:-57px;
	width:550px;
	height:410px;
	margin:10px 0 0 45px;
	overflow:auto;
}

div.extraFoot {
	position:absolute;
	top:507px;
	left:173px;
	height:26px;
	width:650px;
	padding:3px 0px 0px 5px;
	color:#fff;
	vertical-align:middle;
	font:11px Verdana,sans-serif;
}

p.disclaimer {
	position:absolute;
	right:0px;
	display:inline;
	padding-right:5px;
	text-align:right;
}

a.disclaimer, a.disclaimer:visited{
	color:#fff;
}

 a.disclaimer:hover, a.disclaimer:visited:hover{
 	color:#000;
 }
 
 a.lang, a.lang:visited{
 	color:#fff;
 	padding-left:15px;
 }
 
  a.lang:hover, a.lang:visited:hover{
  	color:#000;
 }
/** menu ***************************************************************/

div.Menu {
	position:absolute;
	top:95px;
	left:45px;
	line-height:26px;
	font-size:11px;
	text-align:left;

}

/** home ***************************************************************/

div#divHomeText {
 	position:absolute;
	top:86px;
	left:-40px;
	width:280px;
	height:331px;
	overflow:auto;
	padding-left:10px;
	padding-top:5px;
	font:11px Verdana,sans-serif;
}
div#divHomeText * {
	font:11px Verdana,sans-serif;
}
div#divHomeVideo {
	position:absolute;
	top:315px;
	left:-60px;
	width:280px;
	height:450px;
}

div.homeImprSample {
	position:absolute;
	top:320px;
	left:263px;
	width:320px;
	height:360px;
	overflow:hidden;
}

div.homeImprTitle {
	display:none;
}

td.varLeft3 {
	font:11px Verdana,sans-serif;
}

div.homeImprSample {
	top:0;
}
div.homeImprTitle {
	color:/*#deced6;*/#000000;
}
td.varLeft1 {
	color:/*#deced6;*/#000000;
}
a.varRight1:hover, a.varRight1:visited:hover {
	color:#ff0000;
}
a.varLeft1, a.varLeft1:visited {
	color:#FF7B00;
}
a.varLeft1:hover, a.varLeft1:visited:hover {
	color:#E21300;
}
a.vidLeft1, a.vidLeft1:visited {
	color:#FF7B00;
}
a.vidLeft1:hover, a.vidLeft1:visited:hover {
	color:#E21300;
}

/** team/projecten ***************************************************************/


div.teamScrollLeft {
	position:absolute;
	top:25px;
	left:-50px;
	width:198px;
	height:445px;
	overflow:auto;
}

div.teamList {
	width:168px;
	margin:0 0 2px 0;
	font-size:11px;
	line-height:12px;
	text-align:center;
}

iframe.teamMember {
	position:absolute;
	top:45px;
	left:130px;
	height:410px;
	width:410px;
	margin:10px 10px 0px 30px;
}


div.teamPage {
	position:absolute;
	/*top:63px;*/
	top:118px;
	left:15px;
	width:210px;
	height:423px;
	padding:0 5px 2px 0;
	overflow:auto;
}

/** faqs.php ***************************************************************/

div.faqsScrollLeft {
	position:absolute;
	top:45px;
	left:-57px;
	width:179px;
	height:421px;
	padding:10px 10px 0 0;
	line-height:21px;
	text-align:right;
	overflow:auto;
}

a.faqsKey, a.faqsKey:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
a.faqsKey:hover, a.faqsKey:visited:hover {
	color:#fff;
	text-decoration:none;
}

iframe.faqsList {
	position:absolute;
	top:50px;
	left:136px;
	height:410px;
	width:423px;
	padding:10px 0px 0px 10px;
}

img.faqimg {
	margin-left:40px;
	margin-top:30px;
}

/** news.php ***************************************************************/

.PageNews .newsList{
	font:11px Verdana,sans-serif;	
}

div.newsBack {
	position:absolute;
	top:11px;
	left:37px;
}

div.newsSelect {
	position:absolute;
	top:53px;
	left:295px;
	width:295px;
	padding:3px 5px;
}
div.newsSelectBack {
	position:absolute;
	top:37px;
	left:96px;
	width:544px;
	padding:3px 5px;
}
select.newsSelect {
}

div.newsList {
	position:absolute;
	top:80px;
	left:-57px;
	width:600px;
	height:380px;
	padding:2px 17px 2px 10px;
	overflow:auto;
}
div.newsPrev {
	position:absolute;
	top:16px;
	left:500px;
}
div.newsNext {
	position:absolute;
	top:16px;
	left:570px;
}
p.newsTitle {
	margin:3px 0 3px 0;
	font-weight:bold;
}
span.newsDate {
	display:none;
	font-weight:normal;
}
span.newsRight {
	float:right;
	margin:0 0 10px 10px;
	font-size:10px;
	text-align:center;
}
div.newsRuler {
	margin:25px 0 10px 0;
	width:100%;
	border-top:1px dashed #747474;
}


/** link.php ***************************************************************/

div.linkListPage {
	position:absolute;
	top:80px;
	left:-50px;
	width:610px;
	height:380px;
	padding-top:5px;	
	overflow:auto;
}

/** nlet.php ***************************************************************/

div.nletSubscribe{
	position:absolute;
	top:80px;
	left:-57px;
	width:565px;
	padding:3px 5px;
	padding-left:10px;
	font-size:11px;
	line-height:16px;
}

div.nletListPage {
	position:absolute;
	top:150px;
	left:-60px;
	height:299px;
	width:600px;
	overflow:auto;
	margin-left:10px;
}

body.Nlet {
	background-color:#ffffff;
	color:#000000;
}
div.nletTitle {
	position:absolute;
	top:100px;
	left:20px;
	font-weight:bold;
	color:#000;
}
div.nletText {
	margin-top:20px;
	width:470px;
	padding:20 20px 0 19px;
	font-size:11px;
	line-height:14px;
}
div.nletPrint {
	position:absolute;
	top:5px;
	left:400px;
	padding-bottom:2px;	
}

/** cldr.php ***************************************************************/

div.cldrSelect {
	position:absolute;
	top:55px;
	left:50px;
	width:500px;
	padding:3px 5px;
}
iframe.cldrList {
	position:absolute;
	top:90px;
	left:-50px;
	width:595px;
	height:372px;
}
body.cldrList {
	background-color:transparent;
	padding:3px 5px;
}
td.cldrDate {
	width:225px;
	background-repeat:repeat-x;
	background-image:url(../images/dotCldr.gif);
	padding:0;
}
span.cldrDate {
	background-color:white;
}
td.cldrText {
	padding:0 10px 5px 0;
}
a.cldrMore, a.cldrMore:visited {
}
a.cldrMore:hover, a.cldrMore:visited:hover {
}

span.cldrDate.old {
	/*text-decoration: line-through;*/
	font-weight:normal;
	color: #666;
}

td.cldrText.old {
	/*text-decoration: line-through;*/
	font-weight:normal;
	color: #666;
}

/** impr.php ***************************************************************/

/**** pagina 1 ***/
div.imprPage { /*tekstvlak links naast de matrix*/
	position:absolute;
	top:50px;
	left:-50px;
	width:150px;
	height:410px;
	padding:10px 5px 2px 10px;
	overflow:auto;
	font:11px Verdana,sans-serif;	
}

div.imprList { /*div voor matrix van impressie categorieen*/
	position:absolute;
	top:60px;
	left:120px;
	width:470px;
	height:370px;
	padding:0;
	overflow:hidden;
	font:11px Verdana,sans-serif;
}

td.imprTable { /*matrix overzicht tabel*/
	background-color:transparent;
	padding:0;
	vertical-align:middle;
}

div.imprButName { /*titel onder de matrix plaatjes*/
	height:13px;
	background-color:transparent;
	padding:0 0 2px 0;
	overflow:hidden;
	cursor:pointer;
	text-align:center;
	font:11px Verdana,sans-serif;
}
div.imprBhlName { /*highlight van de titel onder de matrix plaatjes*/
	height:13px;
	background-color:transparent;
	padding:0 0 2px 0;
	font-weight:bold;
	color:#000;
	overflow:hidden;
	cursor:pointer;
	text-align:center;
}

div.imprPrev { /* vorige knop in het categorie overzicht */
	position:absolute;
	top:430px;
	left:120px;
	font-weight:bold;
	color:#009933;
}
div.imprNext {
	position:absolute;
	top:430px;
	left:485px;
	font-weight:bold;
	color:#009933;
}

a.imprBrowse, a.imprBrowse:visited {
	font-weight:bold;
	color:#009933;
	text-decoration:none;
}
a.imprBrowse:hover, a.imprBrowse:visited:hover {
	font-weight:bold;
	color:#009933;
	text-decoration:underline;
}

/**** pagina 2 ****/
div.imprListBack { /*terugknop bij impressie lijst, matrix*/
	position:absolute;
	top:50px;
	left:-50px;
	color:#fff;
}

a.Back {
	color:#000;
}

div.imprTitlePage { /*beschrijvende tekst naast impressie tabel*/
	position:absolute;
	top:70px;
	left:-50px;
	width:98px;
	height:390px;
	padding:0 5px 2px 0;
	overflow:auto;
	font:11px Verdana,sans-serif;
}
div.imprListPage { /*div rond de tabel lijst van impressies*/
	position:absolute;
	top:70px;
	left:55px;
	width:540px;
	height:391px;
	padding:0 0;
	overflow:auto;
}

/* impression list in table*/

.imprBorders {
	border:0px;
}
td.imprItem {
	border-bottom:0;
	background-color:transparent;
	padding:0 1px 0 0;
	cursor:pointer;
}
td.imprThumb {
	background-color:#009933;
	padding:1px 1px 0 1px;
	font:11px Verdana,sans-serif;
}
td.imprThumbText {
	font:11px Verdana,sans-serif;
	padding:2px 0 0 4px;
}

div.imprMovie { /*tekst naast de thumbnail*/
	margin:0;
	width:189px;
	padding:0 0 1px 0;
	color:#000;
	overflow:hidden;
}

/* end impression list in table*/


/*** pagina 3 ***/

div.imprItem { /*for matrix layout*/
	position:absolute;
	top:54px;
	left:55px;
	width:500px;
	height:393px;
	padding:5px;
}
iframe.imprItem { /*de eigenlijke impressie in een frame*/
	position:absolute;
	top:0px;
	left:0px;
	width:500px;
	height:375px;
	border:none; /*default is black*/
}

div#divItemTitle { /*titel van een impressie*/
	position:absolute;
	top:380px;
	left:0px;
	margin-top:5px;
	width:500px;
	height:17px;
	text-align:center;
	overflow:hidden;
}
div.imprItemPrev { /*vorige knop bij een impressie*/
	position:absolute;
	top:450px;
	left:55px;
	font-weight:bold;
	color:#009933;
}
div.imprItemNext { /*volgende knop bij een impressie*/
	position:absolute;
	top:450px;
	left:500px;
	font-weight:bold;
	color:#009933;
}
a.imprItemPrev, a.imprItemPrev:visited { /*vorige knop bij een impressie*/
	font-weight:bold;
	color:#009933;
	text-decoration:none;
}
a.imprItemPrev:hover, a.imprItemPrev:visited:hover { /* highlight vorige knop bij een impressie*/
	font-weight:bold;
	color:#009933;
	text-decoration:underline;
}
a.imprItemNext, a.imprItemNext:visited { /*volgende knop bij een impressie*/
	font-weight:bold;
	color:#009933;
	text-decoration:none;
}
a.imprItemNext:hover, a.imprItemNext:visited:hover { /* highlight volgende knop bij een impressie*/
	font-weight:bold; 
	color:#009933;
	text-decoration:underline;
}

/** visi.php ***************************************************************/

.Visie {
	position:absolute;
	top:50px;
	left:-60px;
	height:420px;
	width:580px;	
	padding:0px 20px 10px 0px;
	margin:0px 10px 0px 30px;
	overflow:auto;
}

/** cont.php ***************************************************************/

.Contact{
	position:absolute;
	top:50px;
	left:-60px;
	height:428px;
	width:620px;	
	padding:0px 0 0 10px;
	overflow:auto;
}

td.contDetail {
	width:600px;
	padding:6px 10px 2px 5px;
	text-align:right;
	font:11px Verdana,sans-serif;
	font-weight:bold;	
}
td.butcontDetail {
	padding:10px 0 2px 0;
	text-align:left;
}

td.cDetail {
	padding:0 5px 2px 0;
	text-align:left;
}

p.warning {
	font:11px Verdana,sans-serif;
	font-weight:bold;
	color:#f00;
}
/** aanm.php ***************************************************************/

p.breedte {
	width:440px;
}

.Aanmelden{
	position:absolute;
	top:50px;
	left:-60px;
	height:405px;
	width:620px;
	padding:10px 0 0 10px;
	overflow:auto;	
}

input {
	width:250px;
}
input.Radio {
	width:20px;
}

td.layout {
	padding:0;
	vertical-align:middle;
}
.Aanmelden td.Detail {
	padding:0 5px 2px 0;
	text-align:left;
}
.Aanmelden td.lblDetail {
	padding:6px 10px 2px 5px;
	font-weight:bold;
	text-align:right;
}
.Aanmelden td.butDetail {
	padding:10px 0 2px 0;
	text-align:left;
}
div.titForm {
	background-color:#996633;
	color:#ffffff;
	margin:7px 0 2px 0;
	padding:3px 5px;
	font-weight:bold;
}
div.subForm {
	margin:5px 0;
}
table.subForm {
	background-color:#996633;
	color:#ffffff;	
	margin:2px 0 0 0;
	display:none;
}

/** grpp.php ***************************************************************/

div.grppBack {
	position:absolute;
	top:50px;
	left:-50px;
}

div.grppSelect {
	position:absolute;
	top:50px;
	left:245px;
	width:235px;
	padding:3px 5px;
	z-index:1;
}
div.grppSelectBack {
	position:absolute;
	top:50px;
	left:245px;
	width:235px;
	padding:3px 5px;
}
select.grppSelect {
}

.PageGrpp .imprArchive {
	position:absolute;
	top:53px;
	left:490px;
}
div.grppMessages {
	position:absolute;
	top:78px;
	left:-50px;
	width:575px;
	height:93px;
	background-color:#9999FF;
	padding:2px 17px 2px 5px;
	color:#000000;
	overflow:auto;
}

p.grppMessage {
	margin:0 0 10px 0;
	font-weight:bold;
}

div.grppList {
	position:absolute;
	top:185px;
	left:-50px;
	width:575px;
	height:256px;
	padding:2px 17px 2px 5px;
	overflow:auto;	
}

div.grppListArchive {
	position:absolute;
	top:90px;
	left:-50px;
	width:544px;
	height:358px;
	padding:2px 17px 2px 5px;
	overflow:auto;	
}

div.grppDetailPage {
	position:absolute;
	top:100px;
	left:-50px;
	width:590px;
	height:370px;
	padding:0 17px 0 0px;
	overflow:auto;
}

p.grppTitle {
	margin:3px 0 3px 0;
	font-weight:bold;
}

span.grppRight {
	float:right;
	margin:0 0 10px 10px;
	font-size:10px;
	text-align:center;	
}