@import url(screen.php);

p {
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
}

h1, h2, h3, h4 {
	margin:0px;
	padding:0px;
}

ul, ul li {
	margin:0px;
	padding:0px;
}

a, a img {
	border:none;
	color:#ff8400;
}

body {
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding:0px;
}

#main {
	width:950px;
	margin:0 auto;
}

#header {
	height:83px;
	background:url(../images/header.jpg);
}

/*** MENU ***/

#menu {
	position:absolute;
	margin-left:316px;
	top:83px;
}

a img {
	border:none;
}

.homemenu {
	display:none;
}

#menu ul li {
	float:left;
	list-style:none;
}

#menu ul {
	padding-left:2px;
}

#menu ul li ul {
	margin:0px; 
	padding:0px;
}

#menu ul li ul li a {
	display:block;
	padding:8px 42px 8px 41px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menu ul li a:hover,
#xtraMenu2 ul li a:hover {
	color:#07bcff;
}

#menu ul li ul li .actief a {
	color:#ff8400;
}

/*** MENU 2 ***/

#menu2 {
	position:absolute;
	top:113px;
	width:317px;
	height:297px;
	padding-left:1px;
}

#menu2 ul li {
	list-style:none;
}

.kids #menu2,
.doc #menu2,
.login #menu2,
.mediaCentre5 #menu2 {
	background:url(../images/menu2_bgKids.gif);
}

.teens #menu2,
.pro #menu2,
.mediaCentre #menu2{
	background:url(../images/menu2_bgTeens.gif);
}

/** ACTIEF & HOOGTE **/

.kids #menu2 ul li .actief,
.doc #menu2 ul li .actief,
.login #menu2 ul li .actief {
	background:url(../images/li_actief_small.jpg);
}

.teens #menu2 ul li .actief,
.pro #menu2 ul li .actief,
.mediaCentre #menu2 ul li .actief {
	background:url(../images/li_actief_groot.jpg);
}

.kids #menu2 ul li ul li,
.doc #menu2 ul li ul li .actief, 
.teens #menu2 ul li ul li .actief,
.pro #menu2 ul li ul li .actief,
.mediaCentre #menu2 ul li ul li .actief,
.kids #menu2 ul li ul li .actief,
.login #menu2 ul li ul li .actief  {
	background:none;
}

/** ACTIEF ***/

/*** TITEL BLOKJES ***/

#menu2 ul li ul li {
	height:53px;
	padding-top:4px;
	margin-top:2px;	
	padding-left:5px;
}

.teens #menu2 ul li ul li,
.pro #menu2 ul li ul li,
.mediaCentre #menu2 ul li ul li{
	height:68px;	
}

/*** SUB KOPJES ***/

#menu2 ul li ul li ul {
	margin-top:-4px;
	margin-left:-3px;
}

#menu2 ul li ul li ul li,
.home #menu2 ul li ul li ul li,
.teens #menu2 ul li ul li ul li,
.pro #menu2 ul li ul li ul li,
.mediaCentre #menu2 ul li ul li ul li,
.doc #menu2 ul li ul li ul li,
.kids #menu2 ul li ul li ul li,
.login #menu2 ul li ul li ul li{
	border-right:1px solid #fff;
	padding:0px;
	margin:0px;
	height:auto;
	float:left;	
}

#menu2 ul li ul li ul li a {
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	padding:0px 4px 0px 4px;
}

.teens #menu2 ul li ul li a,
.teens #menu2 ul li ul li ul li.actief a, 
.teens #menu2 ul li ul li.actief ul li.actief a,
.kids #menu2 ul li ul li a,
.kids #menu2 ul li ul li ul li.actief a, 
.kids #menu2 ul li ul li.actief ul li.actief a,
.doc #menu2 ul li ul li a,
.doc #menu2 ul li ul li ul li.actief a,
.doc #menu2 ul li ul li.actief ul li.actief a{
	color:#ff8400;
}


.pro #menu2 ul li ul li a,
.pro #menu2 ul li ul li ul li .actief a,
.pro #menu2 ul li ul li.actief ul li.actief a,
.mediaCentre #menu2 ul li ul li a,
.mediaCentre #menu2 ul li ul li ul li .actief a,
.mediaCentre #menu2 ul li ul li.actief ul li.actief a,
.login #menu2 ul li ul li a,
.login #menu2 ul li ul li ul li .actief a,
.login #menu2 ul li ul li.actief ul li.actief a {
	color:#ff8400;
}

.login #menu2 ul li ul li .actief a{
	color:#f00;
}

.pro #menu2 ul li ul li ul li a,
.teens #menu2 ul li ul li ul li a,
.doc #menu2 ul li ul li ul li a,
.mediaCentre #menu2 ul li ul li ul li a,
.kids #menu2 ul li ul li ul li a,
.login #menu2 ul li ul li ul li a{
	color:#fff;
}

.pro #menu2 ul li ul li.actief ul li a,
.teens #menu2 ul li ul li.actief ul li a,
.doc #menu2 ul li ul li.actief ul li a,
.mediaCentre #menu2 ul li ul li.actief ul li a,
.kids #menu2 ul li ul li.actief ul li a,
.login #menu2 ul li ul li.actief ul li a {
	color:#000;
	background:none;
}

#menu2 ul li ul li.actief ul li,
.teens #menu2 ul li ul li.actief ul li,
.pro #menu2 ul li ul li.actief ul li,
.mediaCentre #menu2 ul li ul li.actief ul li,
.doc #menu2 ul li ul li.actief ul li,
.kids #menu2 ul li ul li.actief ul li,
.login #menu2 ul li ul li.actief ul li{
	border-right:1px solid #000;
	padding:0px;
	height:12px;

}

/*
	color:#fb019a;
	color:#ff8400;
	color:#00baff;
	color:#00baff;
*/


/* HOME MENU */

#menuHome {
	position:absolute;
	top:113px;
	background:#aaa;
	width:316px;
	float:left;
}

#menuHome ul li {
	float:left;
	width:316px;
	height:74px;
	list-style:none;
}

#menuHome .kids {
	background:url(../images/homeKids.gif);		
}
#menuHome .doc {
	background:url(../images/doc.gif);
	height:74px;	
}
#menuHome .teens{
	background:url(../images/homeTeens.gif);	
}
#menuHome .prof {
	background:url(../images/prof.gif);	
	height:74px;	
}

#menuHome ul li a {
	float:left;
	padding:40px 0px 0px 20px;
	color:#fff;
	font-size:10px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#menuHome .prof a{
	padding:36px 0px 0px 20px;	
}

#menuHome .kids a{
	padding:34px 0px 0px 20px;	
}

#menuHome ul .teens a {
	padding:35px 0px 0px 20px;
}

/** BANNER ***/
#flashBanner {
	position:absolute;
	top:113px;
	margin-left:316px;
}

#flashBanner * {
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
}

/*** xTra ***/

#xtraMenu1,
#xtraMenuLogged {
	background:#ff8400;
	position:absolute;
	top:83px;
	padding:3px 0px 1px 0px;
	width:316px;	
}

#xtraMenu1 ul,
#xtraMenuLogged ul {
	width:180px;
}	

#xtraMenu1 ul li,
#xtraMenuLogged ul li {
	float:left;
	list-style:none;
	border-right:1px solid #fff;
	padding:0px 2px 1px 2px;
}

#xtraMenu1 ul li a,
#xtraMenuLogged ul li a
{
	text-decoration:none;
	color:#fff;
	font-size:10px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#xtraMenu1 .actief a{
	color:#333;
}


#xtraMenu2 {
	position:absolute;
	top:83px;
	margin-left:316px;
}

#xtraMenu2 ul {
	height:22px;
	display:block;
	padding-top:8px;
}

#xtraMenu2 ul li {
	float:left;
	width:156px;
	text-align:center;
	list-style:none;
}

#xtraMenu2 ul li a {
	color:#fff;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*** TITELS ***/

.home #titel {
	display:none;
}

/*** CONTENTGEDEELTE ****/

#wrapper {
	border-top:30px solid #ff8400;
	margin-top:327px;
}

/******/

#content {
	padding:0px 0px 0px 0px;
	font-size:12px;
	min-height:200px;
	_height:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content #titel  {
	position:absolute;
}

#content #titel h2 {
	color:#018ffd;
	padding-left:20px;
	padding-top:15px;
	margin-top:10px;
}

.contenttitel {
	font-weight:bold;
	color:#018ffd;
}

.home #content {
	padding:0px;
	min-height:0px;
	_height:0px;
	height:0px;
	padding:0px;
}

.home #content #titel h2 {
	display:none;
	margin:0px;
}

/** KIDS **/

#cms_content {
	line-height:18px;
	width:592px;
	min-height:318px;
	_height:300px;
	background:url(../images/bg_cms_c.gif);
	padding:60px 338px 20px 20px;
}

#cms_content ul li{
	margin-left:18px;
}

.home #cms_content ul li{
	margin:0px;
}

.home #cms_content {
	width:950px;
	padding:0px;
}

#rechts {
	background:#000 url(../images/lijntjerechts.gif) top right repeat-y;
	position:absolute;
	top:440px;
	margin-left:632px;
	width:318px;
	min-height:400px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}

/*** DOCENTEN ***/

.doc #faq {
	position:absolute;
	top:440px;
	margin-left:633px;
	background:url(../images/bg_docFaq.gif);
	padding-top:0px;

}	

.doc #faq ul li a {
	color:#1b0083;
	font-weight:normal;
	padding:2px 0px 3px 3px;
}

.doc #faq ul li a:hover {
	color:#333;

}

/*** PROFESSIONALS ***/

.pro #news {
	position:absolute;
	top:440px;
	margin-left:614px;
	background:url(../images/bg_proNews.gif);
}	

/*** NIEUWS ***/

.news #news,
.kalender #calendar {
	background:none;
	position:relative;
	margin:0px;
	padding:0px;
	width:540px;
}

.news #news *,
.kalender #calendar *{
	padding:0px;
	margin:0px;
}

.news #news ul, 
.news #news ul li,
.kalender #calendar ul, 
.kalender #calendar ul li {
	width:540px;	
	list-style:none;
	font-size:12px;
	font-weight:normal;
}

.news #news .title,
.kalender #calendar .title {
	display:inline;
	color:#f00;
	text-transform:uppercase;

}

.news #news .title a,
.kalender #calendar .title a{
	color:#fb6408;
	text-transform:uppercase;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	background:url(../images/pijltjerechts.gif) right 4px no-repeat;
	padding-right:10px;
	margin-left:100px;
	display:block;
	overflow:hidden;
	height:20px;
}

.news #news ul li .date,
.kalender #calendar ul li .date {
	display:block;
	font-size:18px;
	font-style:normal;
	float:left;
	width:100px;
	font-weight:normal;
	color:#000;
	height:60px;
	margin-top:-14px;
}


.news #news ul li .preview,
.kalender #calendar ul li .preview {
	padding-left:100px;
	display:block;
}


.news #news ul li .preview ul li,
.kalender #calendar ul li .preview ul li {
	width:400px;
	list-style:disc;
	margin:0px;
	padding:0px;
	margin-left:17px;
	border:none;
} 
.news #news ul li .preview ul,
.kalender #calendar ul li .preview ul  {
	margin:10px 0px 10px 0px;
} 
.kalender #calendar ul li .date {
	height:40px;
	margin-top:-16px;
}

.news #news ul li ul li,
.kalender #calendar ul li ul li {
	border-bottom:1px solid #000;
	clear:both;
	margin-bottom:5px;
	padding-bottom:5px;
}


/* NEWS & KALENDER & FAQ RECHTS */

.news #menu2,
.kalender #menu2,
.faq #menu2 {
	display:none;
}

.news #children *,
.kalender #children *,
.faq #children * {
	padding:0px;
	margin:0px;
	list-style:none;
}

.news #children,
.kalender #children,
.faq #children   {
	background:#000 url(../images/bg_rechts.gif) top right no-repeat;
	position:absolute;
	top:440px;
	margin-left:642px;
	width:308px;
	min-height:400px;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	
}

.news #children ul,
.kalender #children ul,
.faq #children ul {
	padding-top:20px;
	padding-left:10px;
	background:url(../images/lijntjerechts.gif) top right repeat-y;
	padding-right:20px;
}

.news #children ul li,
.kalender #children ul li,
.faq #children ul li{
	margin-bottom:33px;
	clear:both;
	width:278px;
	height:auto;
}

.news #children ul li a,
.kalender #children ul li a,
.faq #children ul li a {
	color:#fb6408;
}

.news #children ul li .title,
.kalender #children ul li .title,
.faq #children ul li .title{
	color:#fb6408;
	font-size:11px;
	display:block;
	clear:both;
	margin:0px;
	width:300px;;
	text-transform:none;
	font-weight:bold;
}

.news #children ul li .preview,
.kalender #children ul li .preview,
.faq #children ul li .preview{
	display:block;
}

.kalender #calendar{
	width:400px;
	position:relative;
	margin-top:-98px;
	margin-left:-20px;	
	padding-left:20px;
	padding-top:98px;
	width:622px;
	background:url(../images/bg_cms_c_kalender.jpg) no-repeat;
}

.kalender #titel{
	position:relative;
	z-index:10;
}


.news #cms_content {
	background:#fff url(../images/bg_cms_c_news.gif)repeat-y;
}

.news #children .more,
.kalender #children .more,
.faq #children .more{
	display:block;
}


/***** MEDIACENTRE ****/

#children {
	background:#000;
	position:absolute;
	top:440px;
	margin-left:632px;
	width:316px;
	min-height:400px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}

#children .more{
	display:none;
}

#children ul{
	padding-top:80px;
	padding-left:20px;
	background:url(../images/bg_rechts.gif);
	background-position: top;
	background-repeat: no-repeat;
	float: left;
}
#children ul li{
	float:left;
	list-style:none;
	margin-right:10px;
	margin-bottom:20px;
	padding-top:10px;
	height:100px;
	width:130px;
}

#children ul li .date{	
	display:none;
}

.mediaCentre #children .title{
	font-size:10px;
	color:#fff;
	text-transform:uppercase;
	display:block;
	width:120px;
}

.mediaCentre #children .pageicon img{
	overflow:hidden;
	width:120px;
	height:80px;
	border:1px solid #888;
}

.mediaCentre #children a img{
	border:0px;
}

#children .preview {
	display:none;
}

#children .title {
	text-transform:uppercase;
	font-size:10px;
	float:left;
}

/*****************/

#site_search {
	position:absolute;
	top:86px;
	z-index:1;
	margin-left:160px;
}

#site_search p {
	margin:0px;
	padding:0px;
}

#site_search #query {
	border:0px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	background:#fff;
	padding-top:5px;
	padding-bottom:6px;
	width:90px;
	float:left;
}


#site_search .submit {
	background:#fff;
	border:0px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	height:24px;
}

/** NIEUWS HOME ***/

#news {
	float:left;
	background:url(../images/home_bgNews.gif);
	height:260px;
	width:316px;
	padding-top:140px;
	font-size:10px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px;

}

#news * {
	margin:0px;
	padding:0px;
}

#news ul {
	margin-left:22px;
	width:240px;
}

#news ul li {
	list-style:none;
}

#news ul li ul {
	margin:0px;
}

#news ul li ul li{
	margin-top:5px;
}	
	

#news .title {
	display:none;
}

#news .date {
	font-weight:bold;
	font-size:12px;	
	display:block;
	color:#132080;
}

#news .more a {
	font-weight:bold;
	color:#b81108;
}

/** HOME CALENDAR ***/

.home #calendar {
	background:url(../images/home_bgCalendar.gif);
	float:right;
	width:316px;
	margin-right:318px;
	height:400px;
	font-size:10px;
}	

.home #calendar ul {
	padding-top:138px;
	padding-left:20px;
}

.home #calendar ul li ul {
	margin:0px;
	padding:0px;
}

.home #calendar ul li {
	list-style:none;
	height:30px;
	display:block;
	width:280px;
}	

.home #calendar .date {
	color:#3399cc;
	font-size:16px;
	font-weight:bold;
	display:block;
	float:right;
	margin-right:5px;
	margin-top:-20px;
}

.home #calendar ul li ul li a {
	text-decoration:none;
	color:#9900cc;
	font-style:italic;
	font-size:12px;
	display:block;
	height:22px;
	width:220px;
	overflow:hidden;
}

.home #calendar .preview {
	display:none;
}

.home #faq {
	background:url(../images/home_bgFaq.gif);
	position:absolute;
	height:400px;
	margin-left:632px;
	width:318px;
}

#faq ul {
	margin-top:100px;
	margin-left:43px;
	width:230px;
}

#faq ul li ul {
	margin:0px;
	padding:0px;
}

#faq ul li {
	list-style:none;
	margin-bottom:5px;
}

#faq ul li a {
	color:#9900cc;
	font-weight:bold;
	text-decoration:none;
	padding:2px;
	display:block;
}

.faq #faq {
	display:none;
}

.home #menu, 
.home #menu2, 
.home #titel, 
.home #titel h2{
	display:none;
}


/****** FORM *******/

input {
	font-size:10px;
	padding:3px;
	font-color:#0f0;
	border:1px solid #47b8fe;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

textarea {
	border:1px solid #018ffd;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.formreqd {
	border:2px solid #e00;
	background:#eee;
}	

.textarea {
	font-size:10px;
	padding:3px;
	font-color:#0f0;
	font-weight:bold;
	border:1px solid #47b8fe;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:200px;
	height:80px;
}

#vraag {
	width:200px;
	height:100px;
}	

.radio {
	border:none;
	width:20px;
}

.letop {
	border-bottom:1px dashed #f00;
	font-weight:bold;
	margin-bottom:10px;
	display:block;
}

.doc #faq {
	padding-top:40px;
	width:318px;
	height:420px;
}	

/******* LOGIN ********/

.login  #wrapper {
	border-top:30px solid #018ffd;	
}

.login #menu {
	display:none;
}

.login #header {
	background:url(../images/header_loggedin.gif);
}

.login #xtraMenu1 {
	display:none;
} 
 
.login #xtraMenuLogged {
	background:#018ffd;
	padding:9px 0px 8px 10px;
	width:305px; 
}

fieldset  {
	border:1px solid #aaa;
}

fieldset legend {
	font-weight:bold;
	color:#018ffd;
}

#logoffSubmit {
	position:absolute;
	top:50px;
	border:none;
	border-bottom:1px solid #aaa;
		background:none;
	color:#018ffd;
	margin-left:10px;
}

hr {
	border:1px solid #ddd;
}

.blog_item {
	border-bottom:1px solid #000;
	margin-bottom:15px;
}

.blog_title {
	color:#f00;
	text-transform:uppercase;
	padding-right:8px;
	background:url(../images/pijltjerechts.gif) right 3px no-repeat;
}

/***** AMBASSADEURS ******/ 

#profilesOverview dd,
#profilesOverview dl,
#profilesOverview dt,
#profilesOverview fieldset{
	margin:0px;
	padding:0px;
	border:0px;
}

#profilesOverview {
	padding-top:20px;
	width:600px;
}

dt{
	font-weight:bold;
}

.pasfotoprofiel img {
	float:left;
	margin-right:20px;
	max-width:160px;
}



.personShortProfile {
	width:270px;
	float:left;
	font-size:11px;
	margin-right:20px;
	padding-bottom:5px;
	margin-top:20px;
}

#profilesOverview legend{
	color:#018ffd;
	font-weight:bold;
	border:0px;
	margin:0px;
	padding:0px;
}

.fakeImg {
	float:left;
	width:80px;
	height:80px;
	background:#fff;
	text-align:center;
	margin-right:10px;
	margin-bottom:5px;
	border:1px solid #aaa;
}

.profileOptions {
	clear:both;
}

#loggedinas {
	position:absolute;
	top:10px;
	margin-left:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#018ffd;	
}

#loggedinas .loginName {
	display:block;
	font-size:16px;

}

.mediaCentre .preview {
	display:none;
}

#Media_xTra {
	position:absolute;
	background:url(../images/li_actief_groot.jpg);
	top:337px;
	z-index:50;
	width:316px;
	margin-left:1px;
	height:72px;
}

#Media_xTra ul{
	padding:5px;
	padding-top:3px;
}

#Media_xTra ul li{
	list-style:none;
}

#Media_xTra a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	text-decoration:none;
}

#Media_xTra ul li ul{
	padding:0px;
	padding-top:0px;
}

#Media_xTra ul li ul li{
	float:left;
	border-right:1px solid #000;
	padding:0px 5px 0px 5px;
}

#Media_xTra ul li ul li a{
	color:#000;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;	
}

.contact #menu2 {
	display:none;
}

/* LOGINFORM */

#freshLogonUsid,
#freshLogonSubmit  {
	display:block;
}


#freshLogonSubmit  {
	margin-top:20px;
}


.mediaCentre #menu2 ul li ul ul {
	display:none;
}