/* Algemeen en diversen */
html {
  /*border: 10px solid red;
  background: yellow;*/
  position: absolute;
  left:0;
  right:0;
}

body {
  padding: 107px 190px 0px 174px;
  margin:0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #250787;
  background: white;
  margin-right:5px;
}
  
body#video-item {
  background-image: url(../images/foto-ah.jpg);
  background-repeat: no-repeat;
}
	
img {
  margin-right: 5px;
}

h1,h2,h3,h3,h4,h5,h6 {
  margin-bottom: 0;
  padding-bottom: 0;
}

h1+p,h2+p,h3+p,h3+ul,h4+p,h5+p,h6+p {
  margin-top: 0;
  padding-top: 0;
}

div.rechter-balk #ah-actief, #ah-navigatie {
  display: none;
}

a {
  text-decoration: none;
  color: blue;
  font-weight: bold;
}

a:hover {
  text-decoration: none;
  color: orange;
  font-weight: bold;
}


/* Kop */
#ah-kop {
  position: absolute;
  background: #00aeef url("../../images/head-bg.png");
  top: 0;
  left: 0;
  height:114px;
  margin: 0px;
  z-index: 999;
  margin-left: 0px;

}

body > #ah-kop {
  position: fixed;
  background: #00aeef url("../../images/head-bg.png");
  top: 0;
  left: 0;
  right: 0;
  height:114px;
  margin: 0px;
  z-index: 999;
  margin-left: 0px;
}

#ah-kop h1 {
  margin:0px;
  padding:35px 0 0 135px;
  height:79px;
  background: url("../../images/head-ahhuis.png") no-repeat 40px 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size:30px;
  color: white;
}
#ah-kop ul {
  list-style: none;
  position: absolute;
  top: 80px;
  right:0px;
  text-align:right;

}
#ah-kop ul li {
  list-style: none;
  display: inline;
  margin: 0;
  padding: 0;
}

/*
#ah-kop h1 {
  position: absolute;
  top:5px;
  left: 0px;
  width:100%;
  text-align:center;
  margin: 0;
  height:75px;
  color: #250787;
  font-size: 3em;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  text-align: center;
}
*/

#ah-kop h2 {
  position: absolute;
  top:55px;
  left:0px;
  width:100%;
  height:20px;
  margin: 0;
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  color: orange;
}

/* Menu */
ul.ah-menu, ul.ah-menu ul {
  padding-left: 0;
  margin-left: 0;
}
ul.ah-menu li {
  font-size: 10pt;
}
ul.ah-menu li a {
  width: 140px;
  display: block;
  color: blue;
  text-decoration: none;
  background: url("../images/link-oranje3.png") bottom left repeat-x;
  margin: 1px 0;
  padding: 4px;
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serfif;
}
ul.ah-menu li.no-li a {
  background: none;
  padding: 0;
}

ul.ah-menu li a:hover {
  /*background-color: blue;*/
  color: white;
}

ul.ah-menu li ul li a{
  font-size: 90%;
  padding-left: 10px;
  width: 134px;
}

ul.ah-menu li.submenu ul {
  display: none;
}
ul.ah-menu li.submenu-open ul {
  display: block;
}
ul.ah-menu li.submenu-open ul li a,ul.ah-menu li.submenu-open ul li a:hover{
  background-image: none;
  background-color: white;
  margin: 0px;
  text-align: right;
}
ul.ah-menu li.submenu-open ul li a:hover{
  color: #f46f21;
}

ul.ah-menu {
  position: absolute;
  top: 105px;
  left: 10px;
}
body > ul.ah-menu {
  position: fixed;
  top: 105px;
  left: 10px;
  }

.ah-menu li {
  list-style: none;
}

/* NewsItems */
div.nieuws-item {
  font-family: sans-serif;
  background: url('nieuws-item-head.png') no-repeat top;
  overflow: hidden;
  padding: 60px 5px 5px 5px;
}

div.nieuws-item p {
  color: white;
  text-align: left;
  font-size: 11px;
  text-align: left;
}
div.inhoud div.nieuws-item p {
  text-align: left;
}

div.nieuws-item h4 {
  color: white;
  margin: 0px;
  font-size: 20px;
}

div.nieuws-item img {
  float: left;
  padding: 5px;
  border: 0px;
}

div.nieuws-item a {
  text-decoration: none;
  border: 0px;
  color: white;
}

/* Filter en items van het filter */
#categorie-filter {
  position: relative;
  overflow:hidden;
  margin:0;
  padding:0;
  width:100%;
}
#categorie-filter li {
  list-style:none;
  float:left;
  border-right:2px solid blue;
}
#categorie-filter li:last-child {
  list-style:none;
  float:left;
  border-right:none;
}
#categorie-filter li a {
  display:block;
  padding:0px 3px;
  line-height:1.2em;
}
#categorie-filter li a:hover {
  background:blue;
  color:orange;
}
#nieuws-items {
  clear:all;
}
#nieuws-items div.nieuws-item {
  position: relative;
  border-bottom:2px ridge silver;
/*  border-bottom:1px solid #250787;*/
  background: white;
}
#nieuws-items div.nieuws-item span.datum {
  position:absolute;
  top:0;
  right:0;
  background:white;
  color:blue;
  font-size:75%;
}
#nieuws-items div.nieuws-item p.link {
  text-align:right;
}

/* Inhoud */
div.inhoud p {
  text-align: justify;
}

/*
div.inhoud p.nieuws-item [
  text-align: left;
}
*/

div.inhoud p.inleiding {
  margin-top:0;
  padding-top:0;
  font-weight: bold;
}

div.inhoud p.afdelingen {
  margin-top:0;
  padding-top:0;
  font-size: 115%;
  
}

div.inhoud p.auteur {
  font-weight: bold;
  font-style: italic;
  color: blue;
  font-family: Helvetica,Arial,sans-serif;
  text-align: right
}

div.inhoud p.pay-off {
  font-weight: bold;
  font-size:200%;
  color: #00aeef;
  font-family: Helvetica,Arial,sans-serif;
  text-align: center
  
}
  
div.inhoud h3 {
  font-size:1em;
}

div.inhoud p.vorige {
  font-family: Verdana;
  font-size: 8pt;
}

div.rechter-balk {
  position: absolute;
  top: 120px;
  right: 10px;
}


div.rechter-balk div.blok, div.rechter-balk iframe {
  border: 1px solid blue;
  font-size: 1em;
  padding: 1px;
  width: 150px;
  margin-bottom: 5px;
}
div.rechter-balk iframe {
  overflow:hidden;
  height:15em;
}

div.rechter-balk div.blok h3, body.stelling h3 {
  text-align: center;
  background-color: blue;
  color: #FFA500;
  margin: 0;
  font-size: 0.8em;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
}

div#artikelen div h2 {
  color: rgb(255, 102, 0);
  font-size: 16px;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
  padding-left: 225px;
}

div#artikelen div p {
  color: rgb(0, 0, 102);
  font-size: 14px;
  font-family: Helvetica, Arial, sans-serif;
}

div#artikelen div img {
  float: left;
  margin-right: 25px;
  margin-top: 15px;
  margin-bottom: 10px;
}

div#artikelen div {
  border-top: 1px solid blue;
  clear: left;
  margin-top: 10px;
}

div#artikelen div span {
  font-size: 10px;
  font-weight: bold;
  font-style: italic;
  color: rgb(0, 0, 102);
  font-family: Helvetica, Arial, sans-serif;
}
  
div#productinfo div h2 {
  color: rgb(255, 102, 0);
  font-size: 16px;
  font-weight: bold;
  font-family: Helvetica, Arial, sans-serif;
}

div#productinfo div p {
  color: rgb(0, 0, 102);
  font-size: 14px;
  font-family: Helvetica, Arial, sans-serif;
}


div#productinfo div {
  border-top: 1px solid blue;
  clear: left;
  margin-top: 10px;
}

div#banner p {
  align: center;
}

/* Laatste nieuws */
.ah-laatste-nieuws ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: auto;
  height: 100px;
}
.ah-laatste-nieuws a {
  text-decoration: none;
}
.ah-laatste-nieuws ul li {
  padding: 0;
  padding-left: 50px;
  margin: 0;
  font-size:0.75em;
}
.ah-laatste-nieuws ul li a {
  color: black;
}
.ah-laatste-nieuws ul li a:hover, .ah-laatste-nieuws ul li:hover a {
  color: blue;
}
.ah-laatste-nieuws ul li span.datum {
  float:left;
  position: relative;
  left: -50px;
  margin-right:-50px;
  width:45px;
  text-align:right;
}
.ah-laatste-nieuws ul li a span.datum {
  color:blue;
}
/* Blokjes en dergelijke */
div.foto-blok-container {
  overflow: hidden;
  height:300px;
  width:566px;
  margin:0 auto;
}
div.foto-blok-container div.blok {
  position:relative;
  width:275px;
  height:255px;
  background:no-repeat top left;
  padding-bottom:16px;
  padding-top:13px;
  float:left;
  margin: 4px;
}
div.foto-blok-container div.blok img {
  display:block;
  height:138px;
  width:275px;
  border:none;
  background:repeat-x bottom;
  padding-bottom:12px;
}
div.foto-blok-container div.blok div.meerinfo {
  position:absolute;
  bottom:0;
  left:0;
  width:275px;
  height:16px;
  background:repeat-x bottom;
  text-align:right;
}
div.foto-blok-container div.blok div.meerinfo a {
  color:#fff;
  text-decoration:none;
}
div.foto-blok-container div.blok.blauw {
  background-color: #afa; 
  background-image: url('/tng/images/blok-kop-blauw.gif');
}
div.foto-blok-container div.blok.blauw img {
  background-image:url('/tng/images/blok-midden-blauw.gif');
}
div.foto-blok-container div.blok.blauw div.meerinfo {
  background-image:url('/tng/images/blok-onder-blauw.gif');
}
div.foto-blok-container div.blok.groen {
  background-color: #afa; 
  background-image: url('/tng/images/blok-kop-groen.gif');
}
div.foto-blok-container div.blok.groen img {
  background-image:url('/tng/images/blok-midden-groen.gif');
}
div.foto-blok-container div.blok.groen div.meerinfo {
  background-image:url('/tng/images/blok-onder-groen.gif');
}
div.foto-blok-container div.blok.oranje {
  background-color: #fdc; 
  background-image: url('/tng/images/blok-kop-oranje.gif');
}
div.foto-blok-container div.blok.oranje img {
  background-image:url('/tng/images/blok-midden-oranje.gif');
}
div.foto-blok-container div.blok.oranje div.meerinfo {
  background-image:url('/tng/images/blok-onder-oranje.gif');
}
div.foto-blok-container div.blok.paars {
  background-color: #fde; 
  background-image: url('/tng/images/blok-kop-paars.gif');
}
div.foto-blok-container div.blok.paars img {
  background-image:url('/tng/images/blok-midden-paars.gif');
}
div.foto-blok-container div.blok.paars div.meerinfo {
  background-image:url('/tng/images/blok-onder-paars.gif');
}

body#contact-popup #ah-kop h1 {
  text-indent: 140px;
   padding-top:15px;
}

body#contact-popup #ah-kop h2 {
  padding-left:140px;
  text-align: left;
  font-size: 14pt;
}

body#contact-popup dt {
  font-weight: bold;
  font-size:130%;
  padding-top:.5em
}

body#contact-popup dd {
  padding:0; margin:0;
}

body#contact-popup {
  margin-bottom:3em;
}

body#contact-popup div#footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.5em;
  background: white;
}
/* agenda */
body#kladblok {
  padding-left:155px;
  padding-right:155px;
}
body#kladblok table.kalender td, body#kladblok table.kalender th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  text-align: right;
}
body#kladblok table.kalender td.maand, body#kladblok table.kalender tr.dagen td {
  text-align: center;
}
body#kladblok table.overzicht {
  margin-left:auto;
  margin-right:auto;
  border:0px;
}
body#kladblok table.overzicht th {
  background: #D00;
  color: white;
  border:0px;
}
body#kladblok table.overzicht td {
  background: #FB0;
  border:0px;
}
body#kladblok div.inhoud {
  padding-top: 1em;
}
@media print {
  body {
    padding: 107px 0 0;
  }
  #ah-menu {
    display:none;
  }
  .rechter-balk {
    display:none;
  }
}
body#ext-kop {
  margin:0;
  background: url('../../images/kop-ah-achtergrond-klein.png') repeat-x;
}
#ext-kop #ah-kop {
  background: none;
  border-bottom:2px solid black;
  height:50px;
}
#ext-kop #ah-kop h1 {
  background:transparent url('../../images/kop-ah-huis-klein.png') no-repeat scroll 10px 0;
  color:white;
  font-family:Helvetica,Arial,sans-serif;
  font-size:16px;
  height:38px;
  margin:0;
  padding:12px 0 0 67px;
}
#ext-kop #ah-kop a {
  font-family:Helvetica,Arial,sans-serif;
  font-size:10px;
  position:absolute;
  top:0;
  right:10px;
  color: white;
  padding:38px 0 0;
}