* {margin:0px;padding:0px;}
a img {border:none; line-height:0px;}
ul {list-style-type:none;}
:focus {-moz-outline-style:none;}
span.editinplace{display:block;border-top:1px solid #013974;padding:3px 0px 0px 3px;margin-bottom:5px;background-color:#F5F5F5;}
hr {background-color:#ccc; color:#ccc; height:1px; border:none; margin:11px 0px;}

body {
	background-color: #514F4A;
	background-image: url(../images/backgrounds/home.jpg );
	/*background-position: 0% 100%;*/
	background-repeat: no-repeat;
	background-attachment: fixed; 
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow: -moz-scrollbars-vertical;
	color: #000;
	height: 100%;
}

h1 {color:#063060; font-size:27px; margin-bottom:5px;}
h2 {color:#6abebf; font-size:18px; position: relative;}
h2.textheader {margin-bottom:11px;}
h2.maand {margin:11px 0;}
h3 {color:#000; font-size:11px;}
h4, h5 {color:#063060; font-size:12px;}
.light {color:#999;}
.txtWhite {color:#fff;}

#homeNews h2 {font-size: 23px;}

p {margin-bottom:15px; line-height: 15px;}

blockquote {font-style:italic;}

a {color:#000; text-decoration:none;}
a:hover, a.current {color:#6abebf;}

.pageText a, a.blue {color:#6abebf; text-decoration:none;}
.pageText a:hover, a.blue:hover {color:#6abebf; text-decoration:underline;}

#mainContent ul {margin: 0px 0px 11px 11px;}
#mainContent ul.medium {margin: 0px 0px 33px 11px;}

	#mainContent ul li {
		padding-left: 11px;
		background: url(../images/bg-li.gif) 0px 3px no-repeat;
	}
	#mainContent ul.medium li {
		background: url(../images/bg-li-m.gif) no-repeat;
		margin-bottom: 2px;
	}


ol {margin: 0px 0px 15px 30px;}
dl {margin-bottom: 22px;}
	dl dt {}
	dl dt.light {color: #999;}
	dl dd {margin-bottom: 11px;}
	dl dd.light {color: #999;}
	


/* Layout */
div#topBar {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
	position: fixed; 
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
}
body > div#topBar {
	/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
	position: fixed;
	z-index: 99;
	width: 100%;
}
	#topBar h1 {display:none;}

div#mainNavContainer {
	background-color: #514f4a;
	overflow: hidden;
	width: 100%;
}
div#subNavContainer {
	background-color: #878787;
	overflow: hidden;
	width: 100%;
}
div#standardWrapper {
	width: 726px;
	margin: 0 auto;
	padding-top: 88px;
	text-align: left;
	overflow: hidden;
}
	.organisatie div#standardWrapper,
	.het_vak  div#standardWrapper{ width: 600px;}
	
	
	div#contentHeader {
		background: #514F4A;
		padding: 2px 11px;
		position:relative;
	}
	div#werkplaatsHeader img {
		display: block;
	}
	a#backlink {
		display: block;
		position: absolute;
		top: 4px;
		right: 11px;
	}
	div#headerImage img {
		display: block;
	}
	div#mainContent {
		background: #fff;
		padding: 22px;
		overflow: hidden;
		width: 682px;
	}
	.organisatie div#mainContent,
	.het_vak div#mainContent { width: 556px;}
	



/* Navigation */
#topBar ul li {
	display: inline;
}

ul#subsitesNav {
	float: left;
	height: 22px;
	padding-left: 11px;
}
	#subsitesNav li a {
		display: block;
		height: 22px;
		float: left;
		background-image: url(../images/subsitesnav.gif);
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	#navBj a {width:145px; background-position: 0px 0px;}
	#navOj a {width:164px; background-position: -145px 0px;}
	#navVj a {width:165px; background-position: -309px 0px;}
	

ul#mainNav {
	float: right;
	height: 22px;
}
	#mainNav li a {
		display: block;
		height: 22px;
		float: left;
		background-image: url(../images/mainnav.gif);
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	
	#navHome a {width:46px; background-position: 0px 0px;}
	#navHome.current a,
	#navHome a:hover {background-position: 0px -22px;}
	
	#navPortfolio a {width:72px; background-position: -46px 0px;}
	#navPortfolio.current a,
	#navPortfolio a:hover {background-position: -46px -22px;}
	
	#navOrganisatie a {width:84px; background-position: -118px 0px;}
	#navOrganisatie.current a,
	#navOrganisatie a:hover {background-position: -118px -22px;}
	
	#navContact a {width:63px; background-position: -202px 0px;}
	#navContact.current a,
	#navContact a:hover {background-position: -202px -22px;}
	
	#navWerkplaats a {width:84px; background-position: -265px 0px;}
	#navWerkplaats.current a,
	#navWerkplaats a:hover {background-position: -265px -22px;}
	
	#navZoeken a {width:59px; background-position: -349px 0px;}
	#navZoeken.current a,
	#navZoeken a:hover {background-position: -349px -22px;}
	
	#navHetVak a {width:63px; background-position: -400px 0px;}
	#navHetVak.current a,
	#navHetVak a:hover {background-position: -400px -22px;}
	
	#navSitemap a {width:60px; background-position: -465px 0px;}
	#navSitemap.current a,
	#navSitemap a:hover {background-position: -465px -22px;}


ul#subNav {
	float: right;
	height: 22px;
}
	.portfolio ul#subNav {padding-right:242px;}
	.organisatie ul#subNav {padding-right:0;}
	.het_vak ul#subNav {padding-right:44px;}
	.werkplaats ul#subNav {padding-right:230px;}
		
	#subNav li a {
		display: block;
		height: 22px;
		float: left;
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	.portfolio #subNav li a {background-image: url(../images/subnav-portfolio.gif);}
	.organisatie #subNav li a {background-image: url(../images/subnav-organisatie.gif);}
	.werkplaats #subNav li a {background-image: url(../images/subnav-organisatie.gif);}
	.het_vak #subNav li a {background-image: url(../images/subnav-hetvak.gif);}
	.contact #subNav li a {background-image: url(../images/subnav-contact.gif);}
	
	/* Portfolio */
	#navTagcloud a {width:76px; background-position: 0px 0px;}
	#navTagcloud.current a,
	#navTagcloud a:hover {background-position: 0px -22px;}
	#navAtmz a {width:62px; background-position: -76px 0px;}
	#navAtmz.current a,
	#navAtmz a:hover {background-position: -76px -22px;}
	#navBranche a {width:77px; background-position: -138px 0px;}
	#navBranche.current a,
	#navBranche a:hover {background-position: -138px -22px;}
	
	/* Organisatie */
	#navFilosofie a {width:123px; background-position: 0px 0px;}
	#navFilosofie.current a,
	#navFilosofie a:hover {background-position: 0px -22px;}
	#navDiensten a {width:157px; background-position: -123px 0px;}
	#navDiensten.current a,
	#navDiensten a:hover {background-position: -123px -22px;}
	#navNieuws a {width:59px; background-position: -280px 0px;}
	#navNieuws.current a,
	#navNieuws a:hover {background-position: -280px -22px;}
	#navMedewerkers a {width:99px; background-position: -430px 0px;}
	#navMedewerkers.current a,
	#navMedewerkers a:hover {background-position: -430px -22px;}
	#navPrijzenkast a {width:91px; background-position: -339px 0px;}
	#navPrijzenkast.current a,
	#navPrijzenkast a:hover {background-position: -339px -22px;}
	#navVacatures a {width:140px; background-position: -529px 0px;}
	#navVacatures.current a,
	#navVacatures a:hover {background-position: -529px -22px;}
	#navVak a {width:62px; background-position: -669px 0px;}
	#navVak.current a,
	#navVak a:hover {background-position: -669px -22px;}
	#navPers a {width:79px; background-position: -670px 0px;}
	#navPers.current a,
	#navPers a:hover {background-position: -670px -22px;}
	
	/* Het Vak */
	#navBedrijfsjournalistiek a {width:153px; background-position: 0px 0px;}
	#navBedrijfsjournalistiek.current a,
	#navBedrijfsjournalistiek a:hover {background-position: 0px -22px;}
	#navWatwedoen a {width:96px; background-position: -153px 0px;}
	#navWatwedoen.current a,
	#navWatwedoen a:hover {background-position: -153px -22px;}
	#navLinks a {width:51px; background-position: -249px 0px;}
	#navLinks.current a,
	#navLinks a:hover {background-position: -249px -22px;}
	
	/* Contact */
	#navLeiden a {width:126px; background-position: 0px 0px;}
	#navLeiden.current a,
	#navLeiden a:hover {background-position: 0px -22px;}
	#navZwolle a {width:131px; background-position: -126px 0px;}
	#navZwolle.current a,
	#navZwolle a:hover {background-position: -126px -22px;}
	#navDenBosch a {width:152px; background-position: -257px 0px;}
	#navDenBosch.current a,
	#navDenBosch a:hover {background-position: -257px -22px;}
	#navAmsterdam a {width:158px; background-position: -409px 0px;}
	#navAmsterdam.current a,
	#navAmsterdam a:hover {background-position: -409px -22px;}
	
	
	
	
	


/* Homepage */
div#homeContainer {
	text-align: left;
	padding-top: 21px;
}
	#homeStar {
		position: absolute;
		top: 55px;
		right: 44px;
	}
    #homeOnderzoek {
        position: absolute;
        top: 230px;
        right: 44px;
    }
    #homeOnderzoek a {
        /*color: white;
        display: block;
        font-size: 13px;
        padding: 10px;
        text-align: center;
        color: white;
        font-weight: bold;
        background: rgb(81, 79, 74);
        border: 2px solid rgb(101, 99, 94);
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;*/
    }/*
    #homeOnderzoek a:hover {
        border: 2px solid #6abebf;
    }*/
    #homeRSS {
        position:fixed;
        right:44px;
        bottom: 30px;
        color: #6ABEBF;  
    }
    #homeRSS:hover {
        color: #FF6600; 
    }
    
	div#homeMedewerkers {
		position: absolute;
		top: 407px;
		right: 44px;
	}
div#homeNews {
	padding: 22px 55px;
	color: #fff;
	width: 720px;
}
	#homeNews a {color: #6abebf;}
	#homeNews a:hover {color: #f60;}




/* Medewerkers */
div#medewerkersContainer {
	width: 970px;
	margin: 0 auto;
	padding-top: 88px;
	text-align: left;
	overflow: hidden;
}
	div#medewerkersScroll {
		margin-bottom: 11px;
	}
	div#medewerkersZoek {
		width: 268px;
		float: right;
	}
		#medewerkersZoek form#medewerkersZoekForm {
			background: #fff;
			width: 253px;
			height: 13px;
			padding: 1px 0px 4px 0px;
			overflow: hidden;
		}
			#medewerkersZoekForm label {
				background: url(../images/label-ikzoek-bg.gif) 5px 4px no-repeat;
				text-indent: -9999px;
				display: block;
				float: left;
				width: 55px;
			}
			#medewerkersZoekForm input {
				border: 1px solid #fff;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				display: block;
				float: right;
				width: 190px;
			}
		
	div#medewerkerSuggests {
		position:absolute;
		width:250px;
		background-color: #fff;
		margin:0px;
		padding-top: 3px;
	}
		div#medewerkerSuggests ul {
			list-style-type:none;
			margin:0px;
			padding:0px;
		}
		div#medewerkerSuggests ul li.selected { background-color: #6ABEBF;}
		div#medewerkerSuggests ul li {
			list-style-type:none;
			display:block;
			margin:0;
			padding:4px;
			cursor:pointer;
			font-weight: bold;
		}
		
	
	div#medewerkersInfo {
		width: 403px;
		float: left;
		padding-left: 268px;

		overflow: hidden;
	}
	div#medewerkersAdres {
		width: 200px;
		height: 103px;
		overflow: hidden;
		padding: 10px;
		float: left;
		background: #73a023;
	}
	div#medewerkersInfo .bedrijfsjournalistiek { background: #6dbbbd;}
	div#medewerkersInfo .vormgevingjournalistiek { background: #73a027;}
	div#medewerkersInfo .opleidingenjournalistiek { background: #dc5f1c;}
	
	div#medewerkersFoto {
		width: 183px;
		height: 123px;
		overflow: hidden;
		float: right;
		background-color: #fff;
	}
	div#medewerkersTekst {
		clear: both;
		padding: 11px;
		background: #fff;
	}
	#medewerkersAdres h2 {
		font-size: 11px;
		text-transform: uppercase;
		color: #000;
	}
	#medewerkersAdres a {color: #000;}
	#medewerkersAdres a:hover {color: #000; text-decoration: underline;}




/* Portfolio */

div#portfolioOverview {width:100%;overflow:hidden;  padding-left: 22px;}
div#portfolioOverview.subsite {width: 490px;}

	#portfolioOverview div {
		float: left;
		padding: 11px;
		height: 130px;
	}
	
div#portfolioItem {width:682px;overflow:hidden;position:relative;}

	h3.portfolio {
		margin-left: 88px;
	}
	div#portfolioInfoLeft {
		float: left;
		width: 338px;
		overflow: hidden;
	}
    div#portfolioInfoRight {
        float: left;
        width: 338px;
        overflow: hidden;
    }    
    

    

	div#portfolioImage {
		float: right;
		width: 297px;
		overflow: hidden;
		text-align: right;
	}
		#portfolioImage img {
			border: 1px solid #EFEFEF;
		}
		
		div#portfolioBlader {
			text-align: right;
			font-weight: bold;
		}
			#portfolioBlader a {
				color: #000;
			}
	#portfolioItem dl {
		margin: 11px 0;
		padding: 0;
		float: left;
	}
	#portfolioItem dt {
		width: 83px;
		float: left;
		margin: 0;
		text-align: right;
		padding: 3px 5px 0px 0px;
		color: #6abebf;
		clear: left;
	}
	/* commented backslash hack for mac-ie5 \*/
	#portfolioItem dt { clear: both; }
	/* end hack */
	#portfolioItem dd {
		width: 215px;
		float: left;
		margin: 0;
		padding: 3px 0;
	}
	#portfolioItem dd p {
		margin: 0;
		padding: 0;
	}

div#pfImages,
div#pfImagesNav {
	display: none;
	margin-left: 88px;
	padding-top: 11px;
	text-align: center;
}
	#pfImages img {
		border: 1px solid #EFEFEF;
	}
	#pfImages.noborder img {border: none;}
	
	#pfImagesNav a {
		color: #000;
		margin: 0 2px;
	}
	#pfImagesNav a:hover,
	#pfImagesNav a.current {
		color: #6abebf;
	}
	#pfImagesNav a.visited {
		color: #999;
	}


	
/* Opdrachtgevers */
div.opdrachtgeversItem {padding: 10px 0; border-bottom: 1px solid #000;}
	.opdrachtgeversItem div.switchContainer {padding-bottom: 10px;}
	.opdrachtgeversItem div.switchContainer h3 {margin-left: 100px;}
	.opdrachtgeversItem div.switchContainer p {margin: 0 0 0 100px;}
	.opdrachtgeversItem div.switchContainer img {float: left;}
	
	.opdrachtgeversItem div.opdrachtgeversContent {margin-left: 100px; padding: 10px 0;}
	.opdrachtgeversItem.closed div.opdrachtgeversContent {display: none;}
	.opdrachtgeversItem div.opdrachtgeversContent img {margin-right: 10px;}
	
	


/* tagCloud */
div#tagCloud {
	width: 726px;
	margin: 0 auto;
	padding-top: 176px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
	#tagCloud a {padding: 0 3px;}
	
	#tagCloud a.size4 {font-size: 11px;	color: #fff;}
	#tagCloud a.size4:hover {background: #fff; color: #514F4A;}
	
	#tagCloud a.size3 {font-size: 14px;	color: #6ebb1f;}
	#tagCloud a.size3:hover {background: #6ebb1f; color: #fff;}
	
	#tagCloud a.size2 {font-size: 18px;	color: #1ca8c0;}
	#tagCloud a.size2:hover {background: #1ca8c0; color: #fff;}
	
	#tagCloud a.size1 {font-size: 22px;	color: #f90;}
	#tagCloud a.size1:hover {background: #f90; color: #fff;}



/* A t/m Z */
div#alfabet {
	margin-bottom: 11px;
	padding-left: 88px;
}
	div#alfabet.nieuw {
		margin-bottom: 44px;
	}
	#alfabet a {
		text-transform: uppercase;
		font-size: 18px;
		font-weight: bold;
		margin-right: 2px;
	}
ul#atmzLinks {
	padding-left: 77px;
	margin: 11px 0 33px 0;
	list-style-type: none;
}
	#atmzLinks li {
		background: none;
		padding: 0;
		margin: 0;
	}

div#nieuwPfItem {
	position:relative;
	width: 682px;
	z-index: 2;
}
	#nieuwPfItem img {
		position: absolute;
		top: -44px;
		right: -15px;
		z-index: 2;
	}

/* Branches */
div#branches {
	padding: 0 44px;
	overflow: hidden;
	width: 594px;
}
	#branches div {
		width: 250px;
	}
	#branches h4.brancheLetter {
		color: #6abebf;
		margin-bottom: 11px;
	}
	#branches ul {
		margin: 0 0 22px 0;
	}
	#branches ul li,
	#branches ul li a {
		margin: 0;
		padding: 0;
		background: none;
	}
h3.brancheTitel {
	text-transform: uppercase;
	margin-bottom: 11px;
}


/* Paginatekst */
div.pageText h3 {margin-bottom: 11px;}


/* Formulier */
div.formContainer {
}
	.formContainer div {
		margin-bottom: 5px;
		overflow: hidden;
		width: 514px;
	}
	.formContainer label.standard {
		display: block;
		width: 120px;
		float: left;
		padding-top: 2px;
	}
	.formContainer sup {
		color: #F00;
		vertical-align: top;
	}
	.formContainer .formInput {
		border: 1px solid #514F4A;
		padding: 2px;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
	}
	.formContainer .formRadio {
		vertical-align: middle;
		margin-right: 2px;
	}
	.formContainer .formButton {
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		background-color: #514F4A;
		color: #fff;
		border: none;
		padding: 3px 5px 2px 5px;
		margin-top: 11px;
		cursor: pointer;
	}
	.formContainer fieldset {
		border: none;
	}
	.formContainer fieldset legend {
		display: block;
		font-weight: bold;
		padding: 11px 0px;
	}
	* html .formContainer fieldset legend {margin-left: -7px; } 
	
	.formContainer span.error {
		display: block;
		margin-left: 100px;
		_margin-left: 104px;
		color: #f00;
	}
	
	.formContainer span.boxGrid {
		display: block;
		float: right;
		width: 392px;
	}




/* Contact */

div#mapContainer {width:682px;overflow:hidden; margin-bottom: 22px;}
div#gMap {width:400px; height: 330px; float:left; }
div#planner {width: 260px; float:right;}




/* Sitemap */

div#zoekResultaten { margin-top: 33px; }

div#zoekPaginas {
	border-top: 1px solid #CCC;
	margin-top: 15px;
	padding-top: 15px;
}
	#zoekPaginas span.currentPage {
		border: 1px solid #000;
		padding: 0px 5px;
	}
	#zoekPaginas a {
		border: 1px solid #CCC;
		text-decoration: none;
		padding: 0px 5px;
	}

div#sitemap { margin-top: 33px;}
	#sitemap h3 { margin-bottom:22px;}
	
	#sitemap ul li {margin-bottom: 11px;}
	#sitemap ul li ul li {margin:0;}
	#sitemap ul li ul li ul {margin:0;}
	
div.twoCols {
	width: 671px;
	overflow: hidden;
}
	div.leftCol {
		float: left;
		width: 325px;
		padding-right: 10px;
	}
	div.rightCol {
		float: right;
		width: 325px;
		padding-left: 10px;
	}




/* Werkplaats */

#werkplaatsContainer h3 {
	margin-bottom: 15px;
}

div.werkplaatsItem {
	padding-bottom: 22px;
	margin: 0 0 11px 22px;
	background: url(../images/hr-werkplaats.gif) center bottom no-repeat;
}

div.loterijItem {
	width: 682px;
	overflow: hidden;
	margin-bottom: 22px;
}
	.loterijItem .movie {
		float: left;
		width: 425px;
		height: 350px;
	}
	.loterijItem .omschrijving {
		float: right;
		width: 240px;
		padding: 5px 0;
	}

div.optionContainer {
	width: 303px;
	overflow: hidden;
	margin-bottom: 5px;
}
	.optionContainer input {
		width: 23px;
		float: left;
		vertical-align: top;
		line-height: 0px;
	}
	.optionContainer label {
		width: 280px;
		float: right;
	}
#bladenPoll a {
	display: block;
	width: 65px;
	margin: 11px auto;
}

div.fotoRow {overflow:hidden; width:682px; margin-bottom:20px; border-bottom: 1px solid #999;}
div.foto {margin-bottom: 11px; width: 340px; float: left; font-weight: bold;}
	.foto img {display:block; margin-bottom: 4px;}
	
	
.prijzenkast dt {
	font-weight: bold;
	width: 100px;
	float: left;
	clear: right;
}
.prijzenkast dd {
	width: 450px;
	float: right;
}
.prijzenkast h4 {font-weight: normal;font-size: 11px;}
                         
.feedTitle {
    margin: 0 0 10px 0;
    text-transform: uppercase;
}
#werkplaatsContainer ul {
    margin: 0;
    padding: 0;
}
#mainContent ul li.feedItem {  
    margin: 14px 0 0 0;    
}            
li.feedItem h4 {  
    line-height: 1.4;
    margin-bottom: 7px;
}
li.feedItem h4 a {
    color: #333;
}   
li.feedItem h4 a:hover {
    color: #6abebf;
}
            
#werkplaatsContainer .leftCol,
#werkplaatsContainer .rightCol {
    overflow: hidden;
}