/* Site-breed: RESTYLE 2008  */
/* palette
 content tekst
 dotted bar
 ondertitel in overzichtpaginas
 content background 
 home topnav background
 box background
 boven balk
 menu & box-kop blauw
 background blauw 
 titel blauw (AP070117)
 select menu blauw 
 border home topnav 
 image border 
*/

body
{
  margin: 0px;
  padding: 0px;
  font-size: 68.75%;
  background-color: #FFF;
  color: #000000; 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p {
  margin: 0px;
  padding: 0px;
  padding-bottom: 1em;
}

img {
  border: 0px;
}

.imgLeft {
  float: left;
  margin-right: 5px;
}

.imgRight {
  float: right;
  margin-left: 5px;
}

div.imgCenter {
  text-align: center;
}

span.small {
  font-size: 0.8em;
}

.clear
{
  clear: both;
  height: 1px;
  width: 1px;
  margin-top: -1px;
  font-size: 0px;
  line-height: 0px;
  /* border: 1px solid purple; */
}

.hideKop {
  display: none; 
  /* Cinammon kopregelhierarchie */
}


#container
{
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  z-index: 1;
}


#bovenbalk
{
  margin-top: 0px;
  margin-bottom: 0px;
  height: 21px;
  color: white;
  text-align: right;
  background-color: #E60018;
  vertical-align: bottom;
}
#bovenbalk
{
background-color: transparent;
              color: #0064AF;
}

#bovenbalk .bovenbalkContainer {
  width: 980px;
  margin: 0 auto;
}

#bovenbalk ul
{
  list-style-type: none;
  margin: 0px;
  padding-top: 3px;
  margin-right: 20px;
}

#bovenbalk li
{
  display: inline;
}

#bovenbalk li a
{
  color: white;
  text-decoration: none;
color: #0064AF;
}

#bovenbalk li a:hover
{
  text-decoration: underline;
}

#bovenbalk img
{
  vertical-align: middle; 
}

#kopblok
{
  z-index: 1;
  position: relative;
  margin-top: 0px;
  padding: 0px;
  width: 980px;
  height: 135px;

}

#logo
{
  float:left;
  width: 198px;
  height: 135px;
}

#banner
{
  float:right;
  width: 782px;
  height: 135px;
  background-image: url(/Dordrecht/gx/ZoocywbImkB.jpeg);
  background-image: none;
                padding: 15px 22px 0px 20px;
                width: 740px;
  background-repeat: no-repeat;

}

#banner .displaynone
{
  position: absolute;
  left: -900px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#banner img {
  float: left;
  width: 610px;
}

#banner .topbanner
{
  width: 442px;
  height: 120px;
  display: block;
  float: left;
  margin: 0px;
  vertical-align: bottom;
}

#banner .topbanner img
{
  width: 442px;
  margin: 0px;
  float: none;
}

#zoekantw {
  background: transparent url(/Dordrecht/gx/ZszponbImR.png) no-repeat;
  margin: 0px;
  float: right;
  position: relative;
  width: 290px;
  height: 120px;
}

#zoekantw img {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 290px;
  height: 80px;
  overflow: hidden;
}

#zoekantw input.snelzoek {
  margin: 0;
  vertical-align: middle;

}

#zoekantw input.snelzoekinput {
  /*border: 2px solid #0064AF;*/
  margin-right: 3px;
  width: 220px;
}
#zoekinput {
  position: absolute;
  right: 0px;
  bottom: 4px;
  padding-left: 7px;
  width: 281px;
  z-index: 5;
}
#zoek
{
  z-index: 5;
  position: absolute;
  top: 106px;
  right: 20px;
  margin: 0px;
}

#zoek form{
  margin: 0px;
  padding: 0px;
}

#zoek input{
 vertical-align: middle;
 margin: 0px;
}

#zoek input.snelzoekinput{
 width: 100px;
 margin-right: 3px;
}

#kruimelpad
{
  position: relative;
  background-image: url(/Dordrecht/gx/ZeumzjwHQ.gif);
  background-repeat: repeat-y;
  padding-left: 242px;
  vertical-align: bottom;
  font-size: 0.9em; /* AP 061023 */
  height: 13px;
  padding-top: 8px;
  color: #0064AF;
}

#kruimelpad .kruimelpadContainer {
  padding: 0 0 15px 0; 
  width: 740px;
  position: absolute;
  top: 18px;
  left: 218px;
  border-bottom: 1px dotted #0064AF; 
}

#kruimelpad a {
  color: #0064AF;
}

#kruimelpad .selected {
  color: #E60018;
}

#pagina
{
min-height: 700px;   
}

#content
{
min-height: 620px;
  width: 740px;
  float: left;
  background-color: #FFFFFF;
  font-size: 1.091em; /* 1.1em; Cinnamon */
}

#content a:link {
  color:#0064AF; 
}

#content a:visited {
  color:#0064AF; 
}

.contentbodypane {
  overflow: hidden;
  font-family: Verdana, Arial;
  margin: 25px 0 20px 20px;
  width: 740px;
/* 
  AP070412: OPGELOST: padding_left van content_links is nu smaller: 22px ipv 25px 
  JV070219: Dit gaat fout in FF bij de veelgestelde vragen. Nog niet live zetten!
  AP070209 tekstcontent iets breeder in IE6 getoond 

  want daar wordt de italic verkeerd gerekend (het gebruikt tot 6px extra)
  706=780-26-42-6 (contentWidth - paddingLeft - paddingRight - 6px)
*/
}

#content .contentbodypane img{
  border: none;
}

#menu
{
  width: 198px;
  float: left;
}

#footer
{
  clear: both;
  width: 980px;  
}

#footer .footer_menu
{
  width: 198px;
  float: left;
}

#footer .footer_content
{
  float: left;
  width: 740px;
  margin-left: 20px;
}

#footer .footer_content a
{
  color: #000000;
}

#footer .footer_content .footer_border 
{
  border-top: 1px dotted black;
  padding-top: 3px;
}


#footer .footer_links
{
  float: left;
}

#footer .footer_icons
{
  float: right;
}

#footer .footer_icons img
{
  margin: 2px;
}


/************ LIST STYLES DEFINITIONS *************************/

ul
{
  margin-top: 5px;
  margin-bottom: 6px;
  padding: 0px;
  list-style-image: url(/Dordrecht/gx/ZifidboHcI.gif );
  padding-left:15px;
  margin-left:0px;
}

ul a{
  color: #0064AF;
}

ol
{
  margin-top: 5px;
  margin-bottom: 6px;
}

/*********************** TEXT TRANSFORM SPANS ********/
#content_links h2.titel span.upCase {
  text-transform: uppercase;
}

span.lowCase {
  text-transform: lowercase; 
}

/*********************** TITEL ***********************/
h2.titel{
  font-size: 1.9em;
  font-family: Verdana, Arial;
  color: #0064AF;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  padding-top: 15px;
}

.ondertitel{
/* color: #0064AF; */
 font-family: Verdana, Arial;
/* font-size: 0.9em; */
 margin: 0.2em 0 0.8em 0;
 font-weight: normal;
 padding-bottom: 0px;
}


/********************** LEESMEER ***********************/

div.leesMeer {
  font-size: 0.9em;
}

div.leesMeer a {
  color: #0064AF;
  text-decoration: underline;
}


div#content_links {
 width: 455px; 
 float: left;
/*
 font-size: 0.9em; 
 margin-right: 20px;
*/
 padding-bottom: 15px;
}

div#content_links .titel {
 /*font-weight: bold;*/
 font-family: Verdana, Arial;
 font-size: 1.9em; /** AP070130 font van h2.titel was te klein **/
 color: #0064AF;
 padding-top: 15px;
 padding-bottom: 5px;
}

#home_content div#content_links .titel {
 border-bottom: 1px dotted #0064AF;
}

div#content_rechts{
 float: right;
 width: 265px;
}





/****************** GENERAL BOX CSS  *****************/

.dot_bar
{
  /* AP061019: gebruikt tussen box */
  width: 266px;
  height: 10px;
  /* margin-top: 9px; */
  margin-bottom: 10px;
  border-bottom: 1px dotted #0064AF;
  /* AP061202: in IE wordt de \n naa de div-tag als een lege regel getekend */
  /* om verschillen tussen browsers de verminderen, zetten we de font en line-height op 0px */
  font-size: 0px; line-height: 0px; 
  display: none;
}

div.box {
  font-family: Verdana, Arial;
  color: #003c5a; 
  margin: 10px 0 0 0;
  width: 264px;
  padding: 0 0 10px 0;
}

div.box h2.titel,
div.box .titel
{
 font-family: Verdana, Arial;
 font-size: 1.25em;
 font-weight: bold; 
 color: #003c5a;
 /* width: 256px; box van width - padding-left */
 padding: 6px 10px 10px 10px;
 border-bottom: 1px dotted #0064AF; 
}

div.box .text {
 padding: 10px 10px 1.35em 10px; 
 font-size: 0.9em;
 border-bottom: 1px dotted #0064AF;
}

div.box .art_titel {
 font-family: Verdana, Arial;
 font-size: 1.25em;
 padding: 0px;
 font-weight: bold;
}

div.box .art_titel a {
  color: #003c5a!important;
  text-decoration: none;
  padding: 0px;
}

div.box .art_titel a:hover {
 text-decoration: underline;
}

/************ PREDEFINED STYLES FOR THE BODYTEXT **************/

h2.ISESTYH
{
  /* !!! JV061030: Zorg ervoor dat hier niet nog een andere stijl gedefinieerd wordt! Dit gaat anders fout in de style-dropdown 
     
  */
  font-style: normal;
  font-size: 1.05em;
  font-weight: bold;
  color: #0064AF;
  margin: 0px; 
  padding: 0px;
  padding-top: 0.4em;
}

.ISESTYHAntwoord
{
  font-style: italic;
  font-weight: bold;
  display:inline;
  font-size:1em;
  text-transform:capitalize;
}

h2.subtitel 
{
/* h2.subtitel is gebruikt met de automatisch gegenereerd Downloads */
  font-style: normal;
  font-size: 1.05em;
  font-weight: bold;
  color: #0064AF;
  margin: 0px; padding: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.7em;
}










/*********************** ISE-Styles ************************/
span.alert {


  color: red;
}

/********************** Tabel stylen algemeen ************************************/
table caption{
  color: #0064AF;
  font-style: italic;  
  text-align: left; 
  border-bottom: 2px solid #C7D0DE; 
}

table td{
  border-bottom: 1px solid #C7D0DE;
  vertical-align: top;
}

table th {
  font-weight:bold;
  text-align:left;
}

/********************** Eind tabel stylen algemeen *******************************/

/********************** Tabel stijlen instelbaar vanuit ISE **********************/

td.ISE-header {
  color: #0064AF;
  font-weight: bold; 
}

tr.ISE-header {
  color: #0064AF;
  font-weight: bold; 
}



/********************** Eind tabel stijlen instelbaar vanuit ISE ******************/


#ONESTAT_TAG
{
  border: 0px solid #fff;
}
/**************************** Commentaar link. 30-9-2008 ********************************/
.feedbackLink {
 width:100%;
 float:left;
 margin-top:10px;
 margin-bottom:10px;
}
.feedbackLink .border {
 padding-top:10px;
 border-top:1px dotted #0064AF;
 width:740px;
 margin-left:20px;
 text-align:center;
}
.feedbackLink .openUitleg {
 padding-left:5px;
}

/* Linker-navigatie */
/*********************** CSS menu (linker) navigatie ************************/

#leftnavframe {
  color: #FFFFFF;
  width: 198px;
  margin: 0px;
  padding: 0px;
  float: left;
  background: #FFF;
}

div#submenu 
  {
  font-size:100%;
  padding:0px;
  margin: 0px;
}

#leftnavframe div#submenu .ornament {
  background-color: #FFF;
  text-align: right;
}

div#submenu ul{
 display:block;
 margin: 0px; padding: 0px;
 list-style-type: none; 
 list-style-image: none; 
}

div#submenu ul ul, div#submenu ul ul li{
  display:block;
}

div#submenu ul ul ul, div#submenu ul ul ul li{
  display:block;
}

/**** hoofd menu eerste niveau ****/
div#submenu ul.sub1 li {
 margin: 0px;
 padding: 0px;
 border-bottom:1px dotted white;
 line-height: 18px;
}

div#submenu ul.sub1 li a {
 text-decoration: none;
 color: white;
 background-color: #0064AF;
 display: block;
 margin: 0px;
 padding: 3px;
 padding-left: 15px;
}

div#submenu ul.sub1 li a:hover {
 background-color: #003C5A;
}

div#submenu ul.sub1 li a.selected {
 background-color: #003C5A;
}


/**** sub menu tweede niveau****/
div#submenu ul.sub2 li {
 padding-left: 10px;
 border-bottom: 0px;
 background-color: #0064AF;
 line-height: 15px;
}

div#submenu ul.sub2 li a {
 padding-left: 10px;
 background: transparent; 
}

div#submenu ul.sub2 li a:hover {
 font-weight: bold;
 font-style: normal;
 background: transparent; 
}

div#submenu ul.sub2 li a.selected {
 font-weight: bold;
 font-style: normal;
 background: transparent; 
}


/**** sub menu derde niveau****/
div#submenu ul.sub3 li{
 width: 165px; /* AP061024: italic mouseover maakt de tekst een paar pixels breeder */
 padding-left: 10px;
 border-bottom: 0px;
 background: transparent; 
 line-height: 15px;
}

div#submenu ul.sub3 li a {
 padding-left: 10px;
}

div#submenu ul.sub3 li a:hover {
 font-weight: normal;
 font-style: italic;
 background:transparent;
 }

div#submenu ul.sub3 li a.selected {
 font-weight: normal;
 font-style: italic;
 background:transparent;
 }

div.sub3align {
  margin-left:0px!important; 
  width:149px!important;
}

/**** sub menu vierde niveau****/
div#submenu ul.sub4 {
 margin-left: 10px;
 padding-bottom: 3px;
 border-left: 1px dotted #FFFFFF;
}

div#submenu ul.sub4 li {
 display:block;
 margin: 0px;
 width: 130px; /* AP061024: italic mouseover maakt de tekst een paar pixels breeder */
 border-bottom: 0px;
 background: transparent;
 line-height: 1.4em;
 overflow: hidden;
}

div#submenu ul.sub4 li a {
 display:block;
 margin: 0px;
 padding: 1px 1px 1px 3px;
}

div#submenu ul.sub4 li a:hover {
 display: block;
 background-color: #003C5A;

 font-weight: bold;
 font-style: normal;
}

div#submenu ul.sub4 li a.selected {
 display: block;
 background-color: #003C5A;
 font-weight: bold;
 font-style: normal;
}

div.sub4align {
  margin-left:7px;
}

/******* menu footer ******/
div#menufooter {
 background-color: #0064AF;
  margin: 0px;
  padding: 0px;
  padding-left: 15px;
}

div#menufooter a{
  color: #FFFFFF;
}

div#menufooter .talen{
  padding-top: 50px;
}

div#menufooter .talen a{
  font-size: 0.9em;
}

div#menufooter .adress{
  padding-top: 50px;
}

div.open {
  padding:0px;
  margin:0px;
  margin-left: 0px;
  padding-left:3px;
  width: 165px;
  background-image: url("/Dordrecht/gx/ZeumzjwHY.gif");
  background-repeat: no-repeat; 
  background-position: 0px 6px; 
}

div.dicht {
  padding:0px;
  margin:0px;
  margin-left: 0px;
  padding-left:3px;
  width: 165px;
  background-image: url("/Dordrecht/gx/ZeumzjwHU.gif");
  background-repeat: no-repeat;
  background-position: 0px 6px; 
}

/*********************** eind CSS left navigatie ******************************/

/* Module Persberichten Artikel (AP070123)*/
#content_links{
 font-size: 1.0em !important; 
}

#content_rechts { 
 float: left;
 width: 270px;
 margin-top:19px;
}

#content_links { 
  font-size:1.0em;
}

div.introPBartikel
{
  color: #000;
  font-family: verdana, arial;
  font-style: italic;
  padding-bottom: 1em;
}

.box {
  margin-bottom: 19px;
}

.embargoPBartikel {
  font-weight: bold;
  margin-bottom: 1em;
}

.datumPBartikel {
  font-weight: bold;
  margin-bottom: 1em;
}