/*
-----------------------------------------------
Styles for: OVMedia
Written by: www.tulipdesign.nl, Saskia Verlinden
Date: Juli-September 2007
-----------------------------------------------
colorset: tekst en h1 blauw #041d64
             h2 en h3 rood-paars #89014c
*/

* {padding: 0; margin: 0;}

/* --------font-sizing--------*/

body {font-size: 100%; /*for IE*/}
html>body {font-size: 16px; /* for alle other browsers, IE cannot read this*/}


/* --------fonts and fontsize-------- */

html, body { 
   height: 100%;    /*important for 100% height*/
   font-family: Arial, Helvetica, Verdana, sans-serif;
   background: #645Fa2 url(../images/bgbody1.gif) repeat-x;
   color: #041d64;
   }

p, ul, li, form, table, th, td {
   font-family:  Arial, Helvetica, Verdana, sans-serif;
   font-size: 0.80em;
   line-height: 1.3;
   }

p, h1, h2, h3, ol, ul, table, td, th {
   text-align: left;
   }

p, ol, ul {padding: 5px 0 15px 0;}

h1 {
   font-family:  Arial, Helvetica, Verdana, sans-serif;
   color:  #041d64;
   font-size: 1.3em;
   font-weight: bold;
   margin-bottom: 5px;
   padding: 10px 0 0 0;
   }

h2 {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   color: #89014c;
   font-size: 1.1em;
   font-weight: bold;
   font-variant: normal;
   padding: 10px 0 5px 0;
   }

h3 {
   font-family: Arial, Helvetica, Verdana, sans-serif;
   color: #89014c;
   font-size: 0.8em;
   font-weight: bold;
   font-variant: normal;
   margin-bottom: -5px;
   } 

img {border:none}
table.standard {float:left;font-size:1em;clear:both}
#text ul {list-style:none; font-size: 1em;}

#text li {background: url(../images/bullet.gif) no-repeat;padding: 0 0 0 20px; margin:0;}

#text ul#nobullet li {background: none; padding: 0 0 0 20px; margin:0;}

/*--------links--------*/
/*a {outline: none;}
a:focus{border-top:1px solid silver}*/



a:link {
   color:  #041d64;
   text-decoration: underline;
   }	

a:visited {
   color: #041d64;
   text-decoration: underline;  
   }

a:hover {
   color: #962163;
   text-decoration: none;
   }

/*--------structure--------*/

#main {
   position: relative;
   min-height: 100%;
   height:auto !important; /* 100% height for modern browsers */
   height:100%; /*100% height for IE */
   overflow: auto;
   width: 950px;
   top: 0;
   margin: 0 auto;
   text-align: center;
   background:#fff url(../images/bgwrapper.gif) repeat-y;
   }

*html #main {overflow: visible;} /*so IE6  behaves*/

#bottomPicture {display: block; margin-left: 650px; clear: both; position: absolute; bottom: 0;  right: 0;}


/*--------header--------*/

#hide a, #hide a:hover, #hide a:visited {
   position:absolute; 
   left: 0px; 
   top:-500px; 
   width: 1px; 
   height: 1px; 
   overflow:hidden;
   text-align: left;
   } 

#hide a:active { 
   position:static; 
   width:auto; 
   height:auto; 
   }

div#header{
   padding-top: 75px; /* height of the replacement image */
   width: 950px;
   height: 0;
   overflow: hidden;
   background: transparent;
   margin: 0 auto;
   text-align: center;
   }

div#header h1 {padding-left: 50px;}
#header p {margin-top:-115px; padding-left: 15px;}
#header p a {text-decoration:none;}
#header a#ubenthier {color:#962163;}

#logo {display: block; position: absolute; top:0; margin-left: 615px;}
*:first-child+html #logo  { margin-left: 135px;} /*for IE7*/
*html #logo { margin-left: 135px;} /*for IE6 and below*/

/*-------slideshow-------*/
#slideshow {margin:0;padding:0;}
#slideshow img {display: block;}

/*-------navigation left column-------*/
#navigation {background: transparent; width: 200px; float: left;}
#navigation ul {list-style: none; font-size: 1em; padding: 0; width: 199px; border-right: 1px solid #8784bd;}

#navigation a {text-decoration: none; display: block;padding: 3px 0 3px 5px;}

*html #navigation a{height: 1%;} /*for IE6 (and below), fixes white-space bug*/
#navigation a:link{border-bottom:1px solid #8784bd; border-left: 10px solid #8784bd;}
#navigation a:visited {border-bottom: 1px solid #8784bd; border-left: 10px solid #8784bd;}
#navigation a:hover {border-left: 10px solid #381c6d;}
#navigation #youAreHere a {border-left: 10px solid #381c6d; border-bottom: 1px solid #8784bd;}
#navigation li.category{border-bottom:1px solid #8784bd; border-left: 10px solid #8784bd; background:#8784bd;color:white;padding: 3px 0 3px 5px;}
#navigation a#line {border-bottom:3px solid #8784bd;}

/*styles nieuwsnav */
#nieuwslink {clear:both;/* color nieuwlink paars background:#381C6D */ background:white; color:white; width:171px; margin: 30px 0 0 10px;padding:0 5px;float:left}
#nieuwslink h2 {color:white;font-size: 0.9em;margin-top:-18px;padding-top:0;}
*html #nieuwslink h2 {position:relative;}/*extra style for IE6*/
*html #nieuwslink {margin-left:5px;padding:0 0 0 5px}/*extra styles for IE6*/
#nieuwslink ul {list-style: square;font-size:1em;padding:0 0 0 15px;margin:0;}
*html #nieuwslink img {position:relative;}/*extra style for IE6*/
#nieuwslink a {border:none;color:white;padding:0;margin:0;text-decoration: none;}
#nieuwslink a:hover {text-decoration:underline;}

/*-------fotolinks homepage-------*/
#textHome {background: transparent; width:740px;float:left;padding:10px 0px 30px 0px;}
#textnws {background: transparent; width:710px;float:left;padding:10px 10px 30px 20px;}
.nieuwsitem {width:700px;background:#F7F2F8;margin:10px 0 10px 0;padding: 0 10px}
p.datum {padding-bottom:0;margin-bottom:0}
img.nieuwsitemImg {float:left;padding:10px 10px 0 0;}
img.nieuwsitemImg2 {float:left;padding:0px 10px 10px 0;}
.nieuwsitem h2 {padding-top:3px;font-size:0.9em}


/*-------text column-------*/
#text {background: transparent; width:500px; float:left; padding: 0 10px 30px 20px;}
*html #text {width:480px;}
#belangrijk {color: #89014c;font-weight: normal;}
.like-h3 {color: #89014c; font-size: 1em; font-weight: bold; font-variant: normal;} 
.pdf-icon {float: left; padding-right: 5px;}
.pijl {margin-bottom: -3px; padding-right: 3px; border:none;}
table#metro {width: 440px; background: #041d64; float: left; color: white; border-collapse: collapse; border: 5px solid #041d64; margin: 20px 0 20px 0;}
table#metro th, table#metro td {padding: 2px 0;}
table#metro th {border-top: 1px solid white; border-bottom: 1px solid white;}
table#metro th,table#metro td, table#metro {font-size: 0.9em;}
th.center {width: 65px; text-align: center; padding-left: 10px;}
td.right {width: 35px; text-align: right; padding-right: 20px;}
td.right1 {text-align: right;}
td.procent {width: 25px;}
#tarievenTekst {font-size: 0.6em;}
table#prijsA3 {margin:5px 0 20px -2px;font-size: 1em; float:left; width:380px; position: relative;}
table#billboards {margin: 3px 0 15px 0; padding-top: 0; float: left; width:200px; font-size: 1em;}
table#prijzen{position: relative;margin:3px 0 15px -1px; font-size:1em; float: left; width: 340px;}
table.bus {width:550px; border-collapse: collapse;font-size: 1em; border: 1px solid #041d64; margin-top:20px;position:relative;float:left}
table.bus th, table.bus td {padding:4px 3px 3px 3px;}
table.bus th {vertical-align: top; border: 1px solid #041d64;white-space: nowrap; text-align:center;}
table.bus th.left {text-align:left;}
table.bus td.blauw {white-space: nowrap; background: #041d64; color: white; border: 1px solid white;text-align:center; line-height: 1.5;vertical-align: top;}
table.bus td.wit-left {border: 1px solid #041d64; vertical-align: top;}
table.bus td.wit {border: 1px solid #041d64; vertical-align: top;text-align:center;}
table.bus td.wit-tekst {border: 1px solid #041d64; padding-left: 5px; padding-right:0;width:13em;vertical-align: top;}
table.bus td.wit-right {border: 1px solid #041d64; text-align: right;padding-right:15px;padding-left:0; line-height: 1.5;}
table#ovscreen-prijzen {width:400px;font-size: 1em; float:left; margin-left:-3px;}
*html table#ovscreen-prijzen {margin-left:-2px;}
table#metrotv {width: 500px; margin-top: 10px; font-size: 1em; border:1px solid #041d64;border-collapse:collapse;white-space:nowrap;}
table#metrotv th {border: 1px solid #041d64; padding:2px 2px 1px 2px;} 
table#metrotv td.border-white {border-right: 1px solid #041d64; padding:2px 2px 1px 2px;}
table#metrotv td.right {text-align: right; padding:2px 2px 1px 2px;}
table#metrotv th.blauw,table#metrotv td {background:white; color: #041d64; border-bottom: 1px solid #041d64; padding-right: 3px; white-space: nowrap;padding:2px 2px 1px 2px;}

table#metrotv-tarieven {width: 500px; margin-top: 10px; font-size: 1em; border: 1px solid #041d64; background: white; border-collapse: collapse; white-space: nowrap;} 
table#metrotv-tarieven th, table#metrotv-tarieven td {border: 1px solid #041d64;  padding:2px 2px 1px 2px;}
table#metrotv-tarieven .bedrag {text-align:center;}
/* table#metrotv-tarieven td, table#metrotv-tarieven th.blauw {background: white; color: #041d64; border: 1px solid white;}
table#metrotv-tarieven th.white {background: white; color: #041d64; border: 1px solid #041d64;}*/
ul#headlines, ul.Headlines {position: relative;}
br.clear {clear:both;margin-top:20px}
/*-------contactform-------*/
#contact {text-align: left; background: #fff; color: white; } 
#contact table {background: #041d64; padding: 10px; margin: 0 0 10px 0; font-size: 1em;}
#contact td {font-size: 1em; padding: 2px 0 2px 0;}
#contact td.firstcol {text-align:right; padding:0 2px; vertical-align: top; border-bottom: 1px dotted #0F2C7F;}
#contact .knop {padding-top: 10px; margin-left: -1px;}
#controle-form {text-align: left; padding-top: 30px; font-size: 1em;}

#captchaImg {margin-bottom:-5px;}


/*-------right column-------*/
#rightColumn {float: left; background: transparent; width: 200px; padding: 40px 10px 10px 10px; overflow:auto;}
#rightColumn img {float:right;}
*html img#ie6 {display: none;}