/* 

910 wrapper
 780 content
 180 nav
 380 small content
 225 right content
 610 full content
 110 right banner
 14 px spacing content <-> right

 rood: #CD2829
 grijs: #888;  @TODO


20071105:

990px wide

normal:
 content   765
 content c 578 ( 765 - 180 - 8)
 right:    225
wide right:
 content"" 610px;
 content c 422px (610 - 180 - 8)
 right:    380px


 */


body {  
  /* @TODO font */
  font-family:  Arial, Verdana, Helvetica,Verdana,Arial,sans-serif;
  font-size:    12px;
  line-height:  16px;
  margin:       0px;
  padding:      0px;
  background-color: #555;
}

h1{
  color:  #CD2829;
  font-size: 12.5px;
  font-family: Helvetica Neue Condensed,  Arial, Verdana, Helvetica,Verdana,Arial,sans-serif;
}
h2{
  color:  #CD2829;
  font-size: 12.5px;
  font-family: Helvetica Neue Condensed,  Arial, Verdana, Helvetica,Verdana,Arial,sans-serif;
}

#wrapper {
  position:relative;
  width:990px;
  left:50%;
  margin-left:-495px;
}

#header { 
  height: 100px;
  overflow: hidden;
}


/* TOPNAV */
#header #topnav{ 
  float: right;
  margin: 0px;
  padding: 0px;
  font-weight: bolder;
  text-transform: uppercase;
  padding-right: 2em;
}
#header #topnav a{ 
  color: #CACACA;
  text-decoration: none;
}
#header #topnav a:hover{ 
  color: #000;
  text-decoration: underline;
}
#header #topnav a.active{ 
  color: #CD2829;
}

 #header #header_logo{ 
  padding: 8px 0em 0em 1em;
 }
 #header_datum{ 
  float: right;
  height: 100px;
  width: 225px;
  /* font-size: 80%; */
  padding: 50px 0em 0em 0em;
 }
  #header_datum p{
    padding: 0em 0em 0em 1em;
    margin:  0em;
  }


#header_logo #datumstring{ 
  float: right;
  padding: 42px 2em 0em 0em;
}
#header_datum_wide #datumstring{ 
  padding-left: 1em;
}



#header_datum_wide{ 
  float: right;
  height: 100px;
  width: 380px;
  padding: 50px 0em 0em 0em;
}
 #header_datum_wide p{
    padding: 0em 0em 0em 1em;
    margin:  0em;
  }

  .header_datum_small{ 
    border-left: 4px solid #CD2829;
   }
  #xheader_datum_wide{ 
    border-left: 4px solid #CD2829;
    width: 225px;
    right: 130px; /* min banner_right + spacing */
    border-left: 4px solid #CD2829;
    background: #FFF;
    position: absolute;;
  }
  .datum_stripe{
    border-left:  1px solid  #CD2829;
    border-right: 1px solid  #CD2829;
    margin:  0em -.2em 0em -.2em;
    padding: 0em .2em 0em .2em;
  }

#content{
  width:      990px;
  background: #FFF;
  /* height:     100%; */
}


/* ---------- NAV --------------- */

#nav{
  width:        180px;
  float:        left;
  border-right: 4px solid #CD2829;
  background:   #FFF;
  overflow:     hidden;
  text-transform: uppercase;
}
#nav lala div{
 padding: 0em 1em 1em 2em;
 overflow: hidden;
}
 #nav ul{
     margin: 0em;
     padding: 0em .2em 0em 2em;
     overflow: hidden;
 }
 #nav ul li{
     list-style-type: none;
margin-top: .2em;
margin-bottom: .1em;
     /*  text-transform: uppercase; */
 }
  #nav ul li a{
   color: #444;
   text-decoration: none;
   border-bottom: 1px solid #FFF;
   font-weight: bolder;
  }
  #nav ul li a:hover{
   color: #CD2829;
  }
  #nav ul li a:active{
   color: #BBB;
   border-bottom: 1px solid #BBB;
  }


  #nav #nav_navigation{  
    margin-bottom: 2em;
  }

  #nav ul.navigation li.open{
  }
  #nav ul.navigation li.open ul{
  }
  #nav a.active{
   font-weight: bold;
  }
  #nav ul.navigation ul.navigation{
   padding-left: .3em;
  }

  #nav #nav_cover{ 
    margin: 1em 0em 2em 2em;
  }
   #nav #nav_cover a img{ 
    border: 1px solid black;
   }


  #nav #nav_search{ 
    margin: 0em 2em 2em 2em;
  }
  
  /* TODO stylen zoek button */
  #nav #nav_search #nav_search_zoeken{ 
    border: none;
    background: none;
    padding: 0em;
    font-weight: bolder;
    text-transform: uppercase;
    font-family:  Arial, Verdana, Helvetica,Verdana,Arial,sans-serif;
    color: #444;
  }



/* 
  MAIN CONTENT 
*/
#content_main{
  position:   absolute;
  background: #FFF;
  /* xright:      134px;  min banner right */
  left:       184px; /* min content #nav */
  /* height:     100%;*/
  width:      577px;
  overflow:   hidden;
}

#content_main_small{
  position:   absolute;
  background: #FFF;
  /* xxright:      345px;  min content_right + banner right */
  right:      445px; /* min content_right + banner right */
  left:       184px; /* min content #nav */
  /* height:     100%;*/
  /* xxwidth:      367px; */
  width:      422px;
  overflow:   hidden;
}
#content_main_wide{
  position:   absolute;
  background: #FFF;
  /* xright:      134px;  min banner right */
  left:       184px; /* min content #nav */
  /* height:     100%;*/
  width:      578px;
  overflow:   hidden;
}

#content_content{ 
  padding:    0em 1em 1em 1em;
}

#content_content h1.title{ 
  margin: 0em 0em 1em 0em;
  color:  #CD2829;
  font-size: 12.5px;
  font-family: Helvetica Neue Condensed,  Arial, Verdana, Helvetica,Verdana,Arial,sans-serif;
}

.content_right_default{
  width: 225px;
  position: absolute;
  /* xright: 130px;  min banner_right + spacing */
  right: 0em;
  border-left: 4px solid #CD2829;
  background: #FFF;
  /* height: 100%; */
  margin-top: 100px; /* header height */
  overflow:   hidden;
}
.content_right_wide{
  width: 380px;
  position: absolute;
  /* xxright: 130px;  min banner_right + spacing */
  right: 0px; /* min banner_right + spacing */
  border-left: 4px solid #CD2829;
  background: #FFF;
  /* height: 100%; */
  margin-top: 100px; /* header height */
  overflow:   hidden;
}



h2{
  color:  #CD2829; 
  xxfont-size: 11px;
}
h2 a{
  color:  #CD2829; 
}

#content_right h3{
  color:  #CD2829;   
  margin: 0em 1em 0em .75em;   
  font-size: 12.5px;
  font-family: Helvetica Neue Condensed,  Arial, Verdana, Helvetica,Verdana,Arial,sans-serif;
}
#content_right .kop{
   margin: 0em 1em -1em .75em;
 }
 #content_right ul.dashed{
  margin:          1em 0em 0em 1em;
  padding:         0em;
  list-style-type: none;
 }
   #content_right ul.dashed li{        
    border-bottom: 1px dashed #CD2829;
    margin: 0em 1em 1em 0em;
    /* xxwidth: 170px; */
   }
 #content_right h4{
    color:  #CD2829;        
    margin: 0em;
    font-size: 10.5px;
 }


 #content_right a{
    color:  #CD2829;
    margin: 0em;
    text-decoration: none;
 }



 #content_content a{
   border-bottom: 1px solid #FFF;
   text-decoration: none;
   color: #CD2829;
 }
 #content_content a:hover{
  border-bottom: 1px solid #000;
 }




#banner_right{
  position: absolute;
  right: 0px;
  width: 120px;
}

#banner_top{
  padding: 1.3em 0em .7em 0em;
}

#footer{ 
 position:   absolute;
 bottom:     0em;
 width:      100%;
 width:      780px;
 height:     1.6em; /* @TODO even groot als boven witruimte */
}


/* HOMEPAGE */

table.table_itemlist tr td ul{ 
  margin: 0em;
  padding: 0em;
  list-style-position: inside;
}

table.table_itemlist tr td a img{ 
  margin-bottom: .3em;
}
table.table_itemlist { 
  width: 100%;
}
table.table_itemlist tr td{ 
  padding: 0em 2em 0em 0em;
  width: 50%;
}
dl.itemlist{ 
  margin: 0em 0em 2em 0em;
}
dl.itemlist dt{ 
  color:  #CD2829;
  font-size: 11px;
  font-weight: bold;
}
dl.itemlist dd{ 
  font-size: 10.5px;
  margin: 0em 0em .2em 0em;
  padding: 0em 0em .5em 0em;
  xxborder-bottom: 1px dashed #CD2829;
}

/* QUOTE */
#content_right div dl.homepage_quote{
  margin: 0em 1em 2em 1em;
}
#content_right div dl.homepage_quote dt{
  font-family: Arial;
  font-style: italic;
  font-weight: bold;
  font-size: 14pt;
  line-height: 14pt;
  margin-bottom: .6em;
  margin-bottom: -0.8em;
 	 
}

#content_right div dl.homepage_quote dd{
  font-weight: bold;
  margin: 0em;
  xxfont-size: 80%;
}


/* SIDEBAR */
 .sidebar_listitem_spacer{
  height: 0px;
  clear: both;
}

.bloglist_right {
  margin:          1em 0em 0em 1em;
  padding:         0em;
  list-style-type: none;
}

.bloglist_right li {
    border-bottom: 1px dashed #CD2829;
    margin: 0em 1em 1em 0em;

}


/* WEBLOG */
 .weblog_sidebaritem_img{
   float: right;
   width: auto;
   border: 4px solid #CD2829; 
   padding:0;
   margin:0;
  }


 .weblog_sidebaritem_img a{
 	padding:0;
	margin:0;
	border:0;
 }
  
 .sidebarcontainer{
   margin: 0em 2em 0em 2em;
  }
 .sidebarcontainer ul{
   margin: 0em;
   padding: 0em 0em 1em 1em;
 }

/* AGENDA */

.content_right_wide #sidebar_agenda h4{ 
  display: inline;
}

.agenda_datumblock{
 float: left;
 width: 40%;
 padding-right: 1em;
}
.agenda_totop{
 text-align: right;
 display: block;
 width: 98%;
 margin-bottom: 2em;
}
a.agenda_totop:hover{
 color: #444 !important;
}




/* INHOUD, TIJDSCHRIFT */

.article_image{
 border: none;
 margin: .5em 0em .5em 0em;
 }

ul.article_list{
  list-style-type: none;
 padding: 0em 0em 1em 1em;
 margin: 0em;
}       

  ul.article_list li{
    margin-bottom: 1em;
  }
     ul.article_list li strong{
       color: #CD2829;
     }


ul.inhoud_right_list{
 list-style-type: none;
 padding: 0em 0em 1em 1em;
 margin: 0em;
}
  ul.inhoud_right_list li a{
   color: black !important;
   text-transform: uppercase;
   font-weight: bolder;
  }
  ul.inhoud_right_list li a:hover{
   text-decoration: underline !important;
  }
#ft_inhoud_right{
 margin: 1em;
 }

/* GIDS */
.pager {
    float: right;
    font-size: 90%;
    margin-left: 10px;
    text-align: right;
}

div#queryBox {
    background-color: #EEEEEE;
    border: 1px solid black;
    margin-bottom: 5px;
    padding: 10px 5px 5px 5px;
}

div#queryBox div.prevnext {
    float: right;
}

td.gids_key {
    padding-right: 10px;
}



/* Animaties */
ul.animaties_list{ 
  list-style: none;
  padding: 0em;margin: 0em; 
}
ul.animaties_list li{ 
  border-bottom: 1px dashed #CD2829;
  padding-bottom: .5em;
  margin-bottom: 1.5em;
}
ul.animaties_list li .animaties_list_image{ 
  float:right;
  padding-left:5px;
}





/* ART hharticles / pubalert */

.article_datum{
  color: #777;
}
.article_title{ 
  font-size: 12px;
  margin: 0em 0em 1em 0em;
}

ul.article_nieuws_list{ 
  list-style: none;
  padding: 0em;margin: 0em; 
}
ul.article_nieuws_list li{ 
  border-bottom: 1px dashed #CD2829;
  padding-bottom: .5em;
  margin-bottom: 1.5em;
 }
ul.article_nieuws_list li .article_nieuws_list_image{ 
  float:right;
}

ul.article_nieuws_list li .article_nieuws_list_image a{ 
  padding: 0em 0em 1em 2em;
}

table.hharticles tr td ul{ 
  list-style: none;
  padding: 0em;
}
table.hharticles tr td ul li{ 
  padding-bottom: 1em;
}

table.hharticles tr td.hharticles_td{ 
  width: 50%;
  padding: 0em .3em 0em .3em;
}

table.hharticles tr #hharticles_type_buitenland{ 
  border-left: 1px solid #AAA;
}


/* MSG */
.msg{
 background: #AAA;
 border: 1px solid green;
 padding: 1em;
 margin: 1em 0em 1em 0em;
}

/* BANNER */
.banner{
  margin: 1em 0em 2em 0em;
  text-align: center;
}
.banner a:hover {
 border: none !important;
 text-decoration: none;
}

.banner_homepage_right{ 
  text-align: center;
  padding-bottom: 2em;
}
.banner_left{ 
  text-align: center;
  padding-bottom: 2em;
}

/* FORMULIEREN */

#content_content input[type='text']{ 
  width: 200px;
 }
#content_content textarea{ 
  width: 200px;
 }


/* 
----------------------------------------
          default hierna 
----------------------------------------
*/



img {
    border: 0px;
    text-decoration: none;
    color:#a20033;
}

td {
    vertical-align:top;
}



#topbar {
}

#content {
    padding:0px;
    margin:5px 0px 5px 0px;
}

#navbar {
    padding: 5px 0px 0px 5px;
    text-align: left;
    background-color:#eee;
}

    #navbar ul {
        list-style:url(img/pijl.gif);
        margin-left:20px;
        padding-left:0px;
    }
    #navbar ul li {
        padding:3px;
        color:black;
    }
    /* opened */
    #navbar ul li.open {
        list-style:url(img/pijld.gif);
        padding:3px;
    }



#nav ul li.open {
        list-style:url(img/pijl-mf.gif);
        padding:0px;
 }




    #navbar ul li a {
        color:black;
        text-decoration:none;
    }
    #navbar ul li a.activated {
        color:black;
        text-decoration:none;
        color:red;
    }
    #navbar ul li a:hover {
        color:#3380ff;
    }

.right {
    float:right;
    padding:0px 0px 10px 10px;
}
.left {
    float:left;
    padding:0px 10px 0px 10px;
}


/* VACATURES */
#vaclinks_cats{ 
  float: right;
  margin-top: -3em;
  padding: 0em 0em 2em 2em;
}

/* DEBUG */
#debug {  
  font-size: 90%;
  padding: 2em;
  display: block;
  opacity: .8;
  position: fixed;
  bottom: 3em; right: 2em;
  background: #cac;
  z-index: 10;
}


.mf_hr{ 
  border-bottom: 1px dashed #CD2829;
  margin: 1em 0em 1em 0em;
}

hrtmp{
  color:             #CD2829;
  background-color:  #CD2829;
  height: 4px;
  border: 0em;
  margin: .3em 0em .6em 0em;
}

/* ADMINISTRATOR */
a.administrator{ 
  background: #33DD33;
  color:      black;
  padding: 0em 1em 0em 1em;
  border: 3px outset #0f0f0f;
}
#nav_administrator{ 
  margin: 1em 0em 2em 2em;
}
.img_description {
	font-size: 11px;
	font-style: italic;
	margin-top: 0px;
	padding-top: 0px;
}

/* MENSEN IN DE MEDIA FORM */
.faulty {
	color:#CD2829;
	font-weight: bold;
}

/* MENSEN IN DE MEDIA OVERZICHT */
.mensinmedia {
	width: 480px;
}
.mensinmedia .mmfoto {
	float: left;
	width 120px;
}

.mensinmedia .mmomschr {
	width: 340px;
	float: right;
}

.mensinmedia .mmomschr h4 {
	padding: 0px;
	margin: 0px;
	color: #CD2829;
}

.mensinmedia .mmomschr ul {
	margin: 0px;
	list-style: none;
	padding-left: 0px;
}