/* Subsite */
div#subsiteContainer {
	width: 854px;
	margin: 0 auto;
	padding-top: 88px;
	text-align: left;
}
div#subsiteHeader {
	background: #fff;
	padding: 22px;
	text-align: center;
}
div#subsiteContent {
	margin: 22px 0;
	background: url(../images/subsite-bg.gif) repeat-y;
	width: 854px;
	overflow: hidden;
}
div#subsiteLeftImage {
	float: left;
	width: 296px;
}
div#subsiteText {
	float: right;
	width: 514px;
	padding: 22px;
}

#subsiteContainer.opleidingenjournalistiek a {
	color: #FA7805;
}
#subsiteContainer.vormgevingjournalistiek a {
	color: #6EBE0A;
}



/* Navigation */

div#subsiteNav {
	background-color: #514f4a;
	overflow: hidden;
	text-align: center;
}

#subsiteNav ul {
	height: 22px;
	/*width: 443px;*/
	margin: 0 auto;
}
	.opleidingenjournalistiek #subsiteNav ul { width: 850px; margin: 0 auto; }
	.vormgevingjournalistiek #subsiteNav ul, 
	.bedrijfsjournalistiek #subsiteNav ul { width: 246px; margin: 0 auto; }
	
	#subsiteNav ul li {
		display: inline;
	}
	#subsiteNav ul li a {
		display: block;
		height: 22px;
		float: left;
		background-repeat: no-repeat;
		text-indent: -9999px;
		color: #fff;
	}
	
	.opleidingenjournalistiek #subsiteNav ul li a { background-image: url(../images/ojnav.gif); }
	.bedrijfsjournalistiek #subsiteNav ul li a { background-image: url(../images/bjnav.gif); }
	.vormgevingjournalistiek #subsiteNav ul li a { background-image: url(../images/vjnav.gif); }
	

	#subsiteNav ul #navOjWat a {width:77px; background-position: 0px 0px;}
	#subsiteNav ul #navOjWat.current a,
	#subsiteNav ul #navOjWat a:hover {background-position: 0px -22px;}
	
	#subsiteNav ul #navOjCursussen a {width:72px; background-position: -77px 0px;}
	#subsiteNav ul #navOjCursussen.current a,
	#subsiteNav ul #navOjCursussen a:hover {background-position: -77px -22px;}
	
    #subsiteNav ul #navOjBladenmakersavonden a {width:130px; background-position: -149px 0px;}
	#subsiteNav ul #navOjBladenmakersavonden.current a,
	#subsiteNav ul #navOjBladenmakersavonden a:hover {background-position: -149px -22px;}
    
    #subsiteNav ul #navOjMediamakersavonden a {width:121px; background-position: -279px 0px;}
    #subsiteNav ul #navOjMediamakersavonden.current a,
    #subsiteNav ul #navOjMediamakersavonden a:hover {background-position: -279px -22px;}
	
	#subsiteNav ul #navOjRedactietrainingen a {width:112px; background-position: -400px 0px;}
	#subsiteNav ul #navOjRedactietrainingen.current a,
    #subsiteNav ul #navOjRedactietrainingen a:hover {background-position: -400px -22px;}
	
	#subsiteNav ul #navOjCoaching a {width:133px; background-position: -512px 0px;}
	#subsiteNav ul #navOjCoaching.current a,
	#subsiteNav ul #navOjCoaching a:hover {background-position: -512px -22px;}

	#subsiteNav ul #navOjSummerschool a {width:93px; background-position: -645px 0px;}
    #subsiteNav ul #navOjSummerschool.current a,                                  
    #subsiteNav ul #navOjSummerschool a:hover {background-position: -645px -22px;}

    #subsiteNav ul #navOjMasterclasses a {background-image: url(../images/mclass.gif); width:93px; background-position: 0px 0px;}
    #subsiteNav ul #navOjMasterclasses.current a,                                  
    #subsiteNav ul #navOjMasterclasses a:hover {background-position: 0px -22px;}

    #subsiteNav ul #navOjBrochure a {width:111px; background-position: -738px 0px;}
	#subsiteNav ul #navOjBrochure.current a,
    #subsiteNav ul #navOjBrochure a:hover {background-position: -738px -22px;}
    
    #subsiteNav ul #subsiteNavWat a {width:89px; background-position: 0px 0px;}
	/*#subsiteNav ul #subsiteNavWat a {width:134px; background-position: 0px 0px;}*/
	#subsiteNav ul #subsiteNavWat.current a,
	#subsiteNav ul #subsiteNavWat a:hover {background-position: 0px -22px;}
	
    #subsiteNav ul #subsiteNavPortfolio a {width:69px; background-position: -89px 0px;}
	/*#subsiteNav ul #subsiteNavPortfolio a {width:114px; background-position: -89px 0px;}*/
	#subsiteNav ul #subsiteNavPortfolio.current a,
	#subsiteNav ul #subsiteNavPortfolio a:hover {background-position: -89px -22px;}
	
    #subsiteNav ul #subsiteNavWie a {width:88px; background-position: -158px 0px;}
	/*#subsiteNav ul #subsiteNavWie a {width:133px; background-position: -158px 0px;}*/
	#subsiteNav ul #subsiteNavWie.current a,
	#subsiteNav ul #subsiteNavWie a:hover {background-position: -158px -22px;}


div#subsiteSubNav {
	background-color: #878787;
	overflow: hidden;
	height: 22px;
	padding-left: 80px;   
}
	#subsiteSubNav ul li {
		display: inline;
	}
	#subsiteSubNav ul li a {
		display: block;
		height: 22px;
		float: left;
		background-image: url(../images/subnav-cursussen.gif);
		background-repeat: no-repeat;      
		text-indent: -9999px;
		color: #fff;
	}
	
	#subsiteSubNav ul #navOjSchrijven a {width:65px; background-position: 0px 0px;}
	#subsiteSubNav ul #navOjSchrijven.current a,
	#subsiteSubNav ul #navOjSchrijven a:hover {background-position: 0px -22px;}
	
	#subsiteSubNav ul #navOjEindredactie a {width:82px; background-position: -65px 0px;}
	#subsiteSubNav ul #navOjEindredactie.current a,
	#subsiteSubNav ul #navOjEindredactie a:hover {background-position: -65px -22px;}
	
	#subsiteSubNav ul #navOjBladconcepten a {width:94px; background-position: -147px 0px;}
	#subsiteSubNav ul #navOjBladconcepten.current a,
	#subsiteSubNav ul #navOjBladconcepten a:hover {background-position: -147px -22px;}
    
    #subsiteSubNav ul #navOjBedrijfstelevisieMaken a {width:134px; background-position: -241px 0px;}
    #subsiteSubNav ul #navOjBedrijfstelevisieMaken.current a,
    #subsiteSubNav ul #navOjBedrijfstelevisieMaken a:hover {background-position: -241px -22px;}
	

/* Wie doen het / Medewerkers */

div#medewerkersOverview {
	width: 514px;
	overflow: hidden;
}
	#medewerkersOverview div {
		width: 255px;
		float: left;
		margin-bottom: 22px;
	}