/* Site-breed */
/* 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
{
  background-image: url(/Dordrecht/gx/ZwreyeuHcJ.gif);
  background-position: top right;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  font-size: 68.75%;
  background-color: #F8C78E;
  color: #031c41; 
  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: #F7F2EC;
  z-index: 1;
}


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

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

#bovenbalk li
{
  display: inline;
}

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

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

#kopblok
{
  margin-top: 0px;
  padding: 0px;
  width: 980px;
  height: 147px;
}

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



#banner
{
  float:right;
  width: 782px;
  height: 149px;
  background-image: url(/Dordrecht/gx/ZmugnmhIwG.jpeg);
}

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

#banner img {
  /* AP070712 omdat de banner eigenlijk een background plaatje is, 
     wordt er een transparant plaatje naast het zoekformulier togevoegd om 
     door de webrechtlijn verplicht alttext te kunnen tonen */
  float: left;
  width: 610;
}

#zoek
{
  margin: 0px;
  margin-top: 118px;
  float: right;
  margin-right: 5px; 
  
}

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

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

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

#kruimelpad
{
  background-image: url(/Dordrecht/gx/ZwreyeuHeJ.gif);
  padding-left: 242px;
  vertical-align: bottom;
  font-size: 0.9em; /* AP 061023 */
  height: 13px;
  padding-top: 8px;

}

#kruimelpad a {
  color: #042352;
}

#kruimelpad .selected {
  color: #E60018;
}

#pagina
{
min-height: 700px; 
  background-image: url(/Dordrecht/gx/ZwreyeuHeJ.gif);
  
}

#content
{
min-height: 620px;
  width: 780px;
  float: left;
  background-color: #F7F2EC;
  font-size: 1.091em; /* 1.1em; Cinnamon */
  overflow-x: hidden;
}

#content a:link {
  color:#094098; 
}

#content a:visited {
  color:#094098; 
}


.contentbodypane{
  font-family: Verdana;
  padding-top: 10px;
  padding-right: 26px;
  padding-bottom: 20px;
  padding-left: 42px;
  width: 706px;

}

/*.contentbodypane img{
  margin: 20px 0px;
}*/



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

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

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

#footer .footer_content
{
  float: left;
  width: 708px;
  padding-left: 42px;
  padding-right: 30px;
}

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

#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
{
  list-style-image: url(/Dordrecht/gx/ZwreyeuHaI.gif );
  padding-left:15px;
  margin-left:0px;
}

ul a{
  color: #094098;
}
/*********************** TEXT TRANSFORM SPANS ********/
span.upCase {
  text-transform: uppercase; 
}

span.lowCase {
  text-transform: lowercase; 
}

/*********************** TITEL ***********************/
h2.titel{
  font-size: 1.9em;
  font-family: Georgia;
  color: #094098;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  padding-top: 15px;
}

.ondertitel{
 font-family: Verdana;
 color: #094098;
 font-size: 1em; 
 margin-top: 0.2em;
 margin-bottom: 1.35em;
 font-weight: normal;
 padding-bottom: 0px;
}


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

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

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


div#content_links {
 width: 415px; 
 float: left;
 font-size: 0.9em; 
 /* padding-right: 21px; /* AP070412 het was 25px; */
 padding-bottom: 15px;
}

div#content_links .titel{
 font-family: Georgia;
/* font-size: 1.5em; */
 font-size: 1.9em; /** AP070130 font van h2.titel was te klein **/
 color: #094098;
 width: 415px; /* zelfde als home_news */
 padding-top: 15px;
 padding-bottom: 5px;
 border-bottom: 1px dotted #101010;
}

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







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

em.ISESTY-Introductie-Kapitalen {
  font-style:normal;
  color: #073073;
  font-weight: bold;
  letter-spacing: 1px;
/*  font-size: 0.9em;*/
/* JV061221: een fontsize hier geeft problemen bij nesting */
}

em.ISESTY-Introductie {
  font-style:normal;
  color: #073073;
  font-weight: bold;
  letter-spacing: 1px;
/*  font-size: 0.9em;*/
/* JV061221: een fontsize hier geeft problemen bij nesting */
}

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: #E60018;
  margin: 0px; padding: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.7em;
}

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

/*********************** ISE-Styles ************************/
span.alert {
  color: red;
}

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

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



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

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

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

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



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


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

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

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


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: #F88907;
 display: block;
 margin: 0px;
 padding: 3px;
 padding-left: 15px;
}

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

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


/**** sub menu tweede niveau****/
div#submenu ul.sub2 li {
 padding-left: 10px;
 border-bottom: 0px;
 background: #E60018 url(/Dordrecht/gx/ZwreyeuHgJ.gif) repeat-y;
 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: #E60018;

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

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

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

/******* menu footer ******/
div#menufooter {
  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/ZwreyeuHsJ.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/ZwreyeuHqJ.gif");
  background-repeat: no-repeat;
  background-position: 0px 6px; 
}

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

/* Module Tekstartikel (AP070123)*/
div.download ul{
 list-style:none;
 list-style-image:none;
 margin:0px;
 padding: 0px;
}

#content{
width: 775px; padding-right: 5px;
}

.contentbodypane img{
  border: 3px solid #F1F2F6;
}

.download img{
  border: 0px;
  width:16px;
  height:16px;
  vertical-align: middle;
}