@charset "utf-8";
/* CSS Document */


.normal{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
   /*	line-height: 147%;*/
 }

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
   	background: #fff;
   	padding-bottom: 20px;
}

body,td,th {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
   	line-height: 147%;
}
  
h1,h4,h5,h6   {
     	font-size: 12px;
     	color: #000;
     	font-weight: bold;
}

h2 a,  
h2 a:hover,   
h2   {
        color: #000;
	font-weight: bold;
	font-size: 14px;
	margin:0;
	padding:0;  
	font-family: Georgia, Arial, Helvetica, sans-serif; 
	text-decoration: none;
}

h3   {
        color: #000;
	font-weight: normal;
	font-size: 12px;
	text-transform: none;
	margin-bottom: 10px;
	padding-top: 0;
	margin-top: 3px;
	font-weight: bold;
	font-family: Georgia, Arial, Helvetica, sans-serif;   
}

a    {
       color: #000;
}

a:hover {
	color: #999999;
}

#top {
	width: 100%;
	height: 12px;
	border-top: solid 8px #FFC400; 
	border-bottom: solid 8px #FFC400; 
	margin-top: 25px;
}
	
.container {
	/*width: 770px;*/
	width: 944px;
	margin-left: 25px;
	margin-right: 25px;
}

#logo {
	margin-left: 40px;
	margin-top: 10px;
	width: 450px;	
	float: left;
}

#facebook {
	float: right;
	margin-top: 10px;
}

#main {
	width: 944px;
	margin-top: 50px;
	display: inline-block;
	padding-bottom: 40px;
}

#left {
	width: 205px;
	border-top: solid 3px #000;
	float: left;
	margin-right: 20px;
}

#left ul {
	border-top: solid 1px #ccc;
	margin:0;
	padding:0;
	float:left;
	width: 100%;
}

#left ul li {
	list-style: none;
	width: 100%;
	border-bottom: solid 1px #ccc;
	text-decoration: none; 
	margin:0;
	padding:0;
	float:left;
}

#left ul li.expanded {
	border-bottom: none;
}

#left ul li:hover{
	background: #e8e8e8;
}

#left ul li.expanded:hover ul{
	background: #ffffff;
}


#left a {
	color: #000;
	font-size: 11px;
	text-decoration: none;
	display: block;
}

#left .block {
	margin-bottom: 30px;
} 

#left h3 {
	text-transform: uppercase;
}

#left ul ul li a
{
    color: #000;
    padding-left: 8px;
	display:block;
}

#left ul ul ul li a
{
    color: #000;
    padding-left: 16px;
	display:block;
}

#right {
	width: 219px;
	/*border-top: solid 3px #000;*/
	/*border: 1px solid red;*/
	float: right;
	margin-left: 20px;
}

#right ul {
/*	border-top: solid 1px #ccc;*/
	margin:0;
	padding:0;
	float:right;
	width: 100%;
}

#right ul li {
	list-style: none;
	width: 100%;
	border-bottom: solid 1px #ccc;
	/*height: 15px;
	line-height: 15px;
    */text-decoration: none; 
	margin:0;
	padding:0;
	float:left;
}

#right ul li:hover {
	background: #e8e8e8;
}

#right ul li.expanded:hover{
	background: #ffffff
}

#right a {
	color: #000;
	font-size: 11px;
	text-decoration: none;
}

#right .block {
	margin-bottom: 30px;
} 

#right h3 {
	border-top: solid 3px #000;
	padding-top: 4px;
	text-transform: uppercase;
	padding-bottom: 5px;
}

#right ul ul li a
{
    color: #000;
    padding-left: 8px;
	display:block;
}

#right ul ul ul li a
{
    color: #000;
    padding-left: 16px;
	display:block;
}

#content {
	width: 480px;
	margin-right: 0;
	float: left;
	/*text-align: justify;*/
	text-align: left;
	font-size: 12px;
}

.fullwidthcontent, .panel-display {
	width: 719px;
	display: block;
}

#bottom { 
	width: 705px; /*750px;*/
	clear: left;
	float: left;
	padding-bottom: 50px;
	margin-top: 0;
	
}

#bottom .block {
	width: 205px; /*205px;*/
	float: left;
	margin-right: 30px; /*35 px;*/
	border-top: solid 3px #000;
}

#bottom h3 {
	text-transform: uppercase;
	margin-bottom: 10px;
}

#bottom .form-submit {
	margin-top: 5px;
}

#footer {
	clear: left;
	width: 100%;
	height: 20px;
	border-top: solid 1px #e8e8e8;
	border-bottom: solid 1px #e8e8e8;
	padding-bottom: 8px;
}

#footerin {
	width: 969px;
	margin-left: 0;
}

#searchBox {
	width: 160px;
	/*float: left;*/
	position: absolute;
	left: 809px;
	height:14px;
	margin-top: 10px;
}

#searchBox input {
	width: 157px;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	background: url(images/searchbg.png) no-repeat right;
	color: #999999;
	border: solid 1px #e8e8e8;
	font-size: 11px;
	font-weight: normal;
	height: 14px;
	padding-left: 3px;
}

#footermenu {
	float: right;
	height: 20px;
	font-size: 10px;
	color: #666666;
}

#footermenu ul {
	float: right;
	margin:0;
	padding:0;
	margin-top: 5px;
}

#footermenu ul li {
	line-height: 8px;
	padding-right: 15px;
	border-right: solid 2px #999999;
	list-style: none;
	float: left;
	margin-left: 15px;
	height: 10px;
}

#footermenu a {
	color: #999999;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
}

#mainMenu h3,
#credits h3,
#searchBox h3,
#searchBox label,
#searchBox .form-submit,
#footermenu h3 {
	display: none;
}

#credits {
	width: 600px;
	margin-left: 40px;
	clear: left;
	margin-top: 3px;
}

#credits .block {
	font-size: 11px;
	color: #999999;
	clear: left;
	margin-bottom: 10px;
}

#credits a {
	color: #999999;
}

h2.contentheading, h2.componentheading {
	margin-bottom: 20px;
	margin-top: 4px;
}

.clear {
	clear: both;
}

p { margin-top:5px; }

ul { 
	margin: 2px;
	padding: 6px;
	padding-left: 15px;
}

li {	
	padding-left: 1px;
	line-height: 150%;
}

ul.arrow1 li,
ul.arrow2 li {
	padding-left: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
}

textarea,
input { 
	border: solid 1px #ccc; 
	color: #000; 
}

.form-submit { 
	background: none; 
	border: solid 1px #ccc; 
	color: #000; 
	cursor: pointer;
}

.form-submit:hover {
	background: #e8e8e8;
}

#mainMenu {
	float: left;
 	width:650px;
 	height: 20px;
 	margin-top: 0;
 	margin-right: 0;
 	margin-left: 40px;
}

	
#mainMenu ul, 
#mainMenu li {
	list-style-type:none;
	list-style-image:none;
	padding: 0;
	margin: 0;
}

#mainMenu ul {
	height: 20px;
} 

#mainMenu ul li {
	float:left;
	height: 20px;
	line-height:20px;
	padding-right: 50px;
}

#mainMenu a:link, 
#mainMenu a:visited {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

/*#mainMenu ul li.active-trail a,
#mainMenu ul li#current {
	color: #47d6c1;
}

#mainMenu ul li.active-trail a *,
#mainMenu ul li#current * {	
	color:#47d6c1;
}*/

#mainMenu ul li ul {
	display: none;
}

#mainMenu ul li ul li {
	display: none;
}

#mainMenu li:hover, 
#mainMenu li.over {
	color: #47d6c1;

}

#mainMenu li:hover *, 
#mainMenu li.over * {
	color: #47d6c1;
}

#mainMenu ul li { 
	position:relative;
	
}

#mainMenu ul li ul {
	display:none;
}

#mainMenu ul li ul li {
	display:none;
}

#mainMenu ul li ul li * {
	display:none;
}

#mainMenu ul li:hover ul, 
#mainMenu ul li.over ul {
	display:block;
}

#headerbar {
	width: 969px;/*984px;*/
	margin: 0;
	padding: 0;
	border: 1px solid white; /* In here as dirty fix */
}

#topmenu {
	float: right;
	height: 20px;
 	margin-top: 10px;
 	margin-right: 180px;
 	margin-left: 40px;
 	font-weight: bold;
}

#topmenu ul, 
#topmenu li {
	list-style-type:none;
	list-style-image:none;
	padding: 0;
	margin: 0;
	
}

#topmenu ul {
	height: 20px;
} 

#topmenu ul li {
	float:left;
	height: 20px;
	line-height:20px;
	padding-left: 15px;
	border-right: 1px solid #777777;
	padding-right: 15px;
}

#topmenu a:link, 
#topmenu a:visited {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.node {
	margin-bottom: 30px;
} 

.links {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}

.auteurnode .auteurfoto {
	float: right;
	margin-bottom: 2em;
	margin-left: 2em;
}

.auteurnode .auteurfoto img{
	border: 2px solid black;
}

.auteurnode .auteurnaam{
	font-size: 1.5em;
}

.auteurnode .auteurdatum{
	margin-top: 2.5em;
}

.auteurnode .auteurland{
	float: left ;
}
.auteurnode .auteurland ul{
	float: left;
}

.auteurnode .auteurland ul li{
	margin: 0;
	padding: 0;
}
.auteurnode .auteurland ul li a{
	text-decoration: none;
	margin-left: 0;
}

.auteurnode .auteurbeschrijving{
	margin-top: 3em;
}

.auteurnode .subtitel{
	margin-bottom: 1em;
	font-size: 1.2em;
	text-decoration: underline;
}

.auteurnode .auteurartikels{
	clear: both;
	margin-top: 1em;
}

.artikelnode{
	margin-top: 1em;
}

.artikelnode .artikel{
/*	margin-top: 4em;*/
	clear: both;
	display: block;
}

.artikelmagazine{
	text-align: left;
}

.artikelnode .kritenc{
	margin-top: 3em;
	margin-bottom: 5em;
	text-align: left;
}

.artikelnode .boven{
	text-align: right;
}

.artikelnode .kritenc .item{
	margin-bottom: 2em;
}

.artikelnode .artikelfoto {
	float: right;
	/*margin-bottom: 2em;*/
	margin-left: 2em;
}

.artikelnode .artikelfoto img{
	border: 2px solid black;
}

.artikelnode .kritenc .pdf{
	margin-top: 3em;
}
.artikelnode .kritenc .pdf .clear-block{
	display: inline-block;
}

.magazinenode h2{
	margin-bottom: 1em;
	
}

.magazinenode .head{
	float: left;
}
.magazinenode .headingbackground{
	background-color: #EAE0D4;
	margin-bottom: 1em;
	font-size: 1.4em;
	width: 7em;
	padding: 0 1em 0 1em;
	clear: both;
	text-align: center;
}

.magazinenode .magazineheading{
	/*margin-top: 2em;*/
}

.magazinenode .magazinecover{
	float: left;
}

.magazinenode .magazinecover img{
	width: 150px;
	margin-bottom: 2em;
	margin-right: 2em;
}

/*.magazinenode .magazineartikels{
	padding-top: 1em;
	clear: both;
}*/

.magazinenode .magazineartikels{
/*	left: 405px;
	width: 320px;
	position: absolute;*/
}
.magazinenode .magazineartikels .views-row{
	/*border-bottom: 2px solid black;
	padding: 1em 0 1em 0;*/
}

.magazinenode .magazineartikels .views-row-first{
	/*padding: 0 0 1em 0;*/
}

.magazinenode .magazineartikels .views-field-field-artikelauteur-nid, .magazinenode .magazineartikels .views-field-field-kritencauteur-nid{
	/*font-weight: bold;*/
}

.magazinenode .magazineartikels .views-field-title a{
	text-decoration: none;
	font-weight: bold;
}

.magazinenode .voorwoord{
	margin-top: 0;
	
}

.krit-enc-rij{
	margin-bottom: 1em;
}
.krit-enc-rij .door{
	clear: both;
	margin-left: 4em;
}

.krit-enc-rij .inhoud{
	display: table;
}

.view-auteurs .selector{
	clear: both;
	padding-bottom: 4em;
}

.view-auteurs ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.view-auteurs li{
	float: left;
	padding: 0 0.4em 0 0.4em;
	border-right: 1px solid black;
	font-size: 11px;
}

.view-auteurs li.last{
	border-right: none;
}

.view-auteurs h4{
	clear: both;
}

ul.galleries {
  list-style-type : none;
  margin : 0;
  padding : 0;
}

ul.galleries li {
  position : relative;
  background: transparent none;
  border : 1px #cccccc solid;
  margin : 1em 0;
  padding : 1em;
}

ul.galleries li img {
  float : left;
  position : relative;
  padding-right : 4px;
  margin-right : 4px;
}

ul.galleries li .count,
ul.galleries li .last {
  clear : left;
  margin : 0;
  padding : 0;
  font-style : italic;
}

ul.galleries h3 {
  margin : 0;
  padding : 0;
}

ul.images {
  list-style-type : none;
  margin : 0;
  padding : 0;
}

ul.images h3 { 
  font-size:1em;
}

ul.images li {
  float : left;
  margin : 0 5px 0 0;
  background: transparent none;
  list-style: none;
  text-align: center;
}

.field-field-webfoliofoto .field-item {
	float: left;
	height: 235px;
	width: 235px;
	text-align: center;
	vertical-align:middle;
}

.field-field-webfoliobeschrijving{
	clear: both;
}

.field-field-webfoliofoto .field-item img{
	  vertical-align:middle;
}

.view-webfolio .views-field-field-webfoliofoto-fid{
	float: left;
	width: 110px;
	margin-right: 4em;
}

.view-webfolio h3{
	clear: both;
}

.view-webfolio .views-row{
	clear: both;
	margin-bottom: 2em;
	display: block;
}

.webfoliocategorie {
	text-align: right;
}

.view-achiefperjaartotaal td.col-1, .view-achiefperjaartotaal td.col-2, .view-achiefperjaartotaal td.col-3{
	width: 150px;
	text-align: center;
	vertical-align: top;
	margin-top: 0.5em;
}

.view-achiefperjaartotaal .col-1 img, .view-achiefperjaartotaal .col-2 img, .view-achiefperjaartotaal .col-3 img{
	height: 100px;
	width: 69px;
}

.view-achiefperjaartotaal table{
	margin-bottom: 3em;
}

.view-achiefperjaartotaal h3{
	border-bottom: 1px solid black;
}

tbody{
border-top: none;
}

.artikelnode .kritenc .pdf .clear-block{
	clear: none;
	display: inline !important;
}

.block .view-reportage 
{
	font-size: 13px;
}
.block .view-feuillesvolantes .views-field-title, .block .view-reportage .views-field-title{
	margin-bottom: 1em;
	font-weight: bold;
}

.block .view-feuillesvolantes .views-field-title a{
	display: block;
	
}

#right .view-feuillesvolantes .view-footer a, #right .view-reportage .view-footer a{
	text-decoration: underline ;
}

.fvheader{
	margin-bottom: 2em;
}

#left .block .content a:hover{
	background: #e8e8e8;
	}
	
#left .block .content a img{
	margin-bottom: 1em;
}

#left #block-block-5 .content a:hover{
	background: none;
}

.krit-enc-alf-rij{
	margin-bottom: 1em;
}
.krit-enc-alf-rij .krit-enc-inrij{
	margin-left: 2em;
}

.citybooks .epub, .citybooks .mp3{
	margin: 10px 20px 5px 0px;
	text-align: center;
	width: 220px;
}
	
.citybooks .epub a ,.citybooks .mp3 a{
	padding: 7px 20px;
	border: 1px solid #D6D6D6;
	text-decoration: none;
	font-size: 14px;
	width: 220px;
	display: block;
}
.citybooks .epub a:hover, .citybooks .mp3 a:hover{
	color: #000;
	background-color: #f0f0f0;
}

.citybooks .foto{
	float: right;
	border: 1px solid #D6D6D6;
	margin-bottom: 15px;
}

.citybooks .foto .copyright{
	text-align: right;
	padding-right: 5px;
}
.citybooks .article{
	margin-top: 20px;
	border-top: 1px solid #D6D6D6;
	clear: both;
}

.citybooks .embed .info{
	float: left;
	line-height:10px;
	margin: 10px 0px 10px 30px ;
}

.citybooks .embed{
	line-height: 20px;
	vertical-align: middle;
	border: 1px solid #D6D6D6;
	width: 260px;
	margin-top: 10px;
	text-align: center;
	padding: 7px 0px;
}

.field-field-cb-stadfotocopy{
	text-align: right;
	margin-right: 5px;
}

.wimpy_button{
	margin-top:3px;
}

.reportage  .datum{
	text-align: right;
}

.reportage .agendapunt{
	margin-bottom: 20px;
	text-align: right;
}

.reportage .podcasts, .reportage .videos, .reportage .fotos{
	border-top: 1px solid #cdcdcd;
	margin-top: 30px;
}

.reportage .podcasts .info{
	height: 10px;
	float: left;
	margin: 10px 10px 10px 30px;
	line-height: 10px;
}

.reportage .videos .video, .reportage .fotos .foto{
	text-align: center;
	margin-bottom: 20px;
}

#block-views-reportage-block_1 .views-field-field-reptekst-value img{
	display: none;
}

.messages{
	padding: 1em;
	border: 1px solid #cdcdcd;
	font-weight: bold;
	background-color: #C2F5C2;
}

#right .readmore, #right .view-laatste-nummer-cover .view-footer{
	text-align: right;
	font-size:13px;
	
}
#right .readmore a, #right .view-laatste-nummer-cover .view-footer a{
	text-decoration: underline;
	font-size:13px;	
}