/*
-----------------------------------------------
Styles for: OVMedia
Written by: www.tulipdesign.nl, Saskia Verlinden
Date: januari 2011
----------------------------------------------- */
* {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,Verdana,Helvetica,sans-serif;
   background: #676767;
   color: black;
   }

p, ul, li, form, table, th, td {
   font-family: Arial,Verdana,Helvetica,sans-serif;
   font-size: 0.75em;
   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,Verdana,Helvetica,sans-serif;
   color:  black;
   font-size: 1.1em;
   font-weight: normal;
   margin-bottom: 5px;
   padding: 10px 0 0 0;
   }

h2 {
   font-family: Arial,Verdana,Helvetica,sans-serif;
   color: black;
   font-size: 14px;
   font-weight: normal;
   padding: 10px 0 5px 0;
   }

h3 {
   font-family:Arial,Verdana,Helvetica,sans-serif;
   color: black;
   font-size: 0.8em;
   font-weight: bold;
   font-variant: normal;
   margin-bottom: -5px;
   } 
	 
ul {
   list-style:disc outside;
	 margin-left:18px;
	 font-size:1em;
}
ul ul {list-style:circle outside;}
ol {list-style-position: inside;}
ul ul li, ul ul ul li{font-size:1em;}

/*--------links--------*/

a:link {
   color: black;
   text-decoration: underline;
   }	

a:visited {
   color: black;
   text-decoration: underline;  
   }

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

/* structuur */
#content {
    width: 1000px;
    background:white;
		margin: 10px auto 0 auto;
    min-height: 100%;
    height:auto !important; /* 100% height for modern browsers */
    height:100%; /*100% height for IE */
		top:0;
		position: relative;
		overflow:auto;
}

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

#nav{
    margin:0 auto;
		margin-left: 300px;
		margin-top: -50px;
    width: 700px;
    padding: 0px;
    background: transparent;
		font-size:1em;
}

#nav ul {font-size:1em;}

*html #nav a:visited{text-decoration:none;}/*for IE6 */

#wrapper {
   width: 1000px;
	 height: 100%;
}

*:first-child+html #wrapper {margin-top:23px} /* correctie IE7 */
*html #wrapper {margin-top:13px} /* correctie IE6 */

#left {
   float:left;
   width: 800px;
	 margin-top:-10px;
	 min-height: 500px;
}

#left-fotos {
   float:left;
	 margin:25px 20px 0 0;
	 width:290px;
}

*html #left-fotos {margin-right: 0} /* correctie IE6 */

#left-content {
   float:right;
	 width:460px;
	 margin:10px 20px 0 0;
}

#breadcrums {color:#5A5959;font-size:0.7em}

#first-p {
   font-weight:normal;
	 font-size:0.85em;
}
	 
#right {
   float:right;
   width: 193px;
	 margin:-3px 0 0 0;
	 min-height: 500px;
	 
}

*:first-child+html #right {margin:-10px 0 0 0;}/* correctie IE7 */
*html #right {margin:0px 0 0 0;}/* correctie IE6 */

#right-blue {
   background: #003A79 url(../images/regio-kaart.jpg) no-repeat top left;
	 width:193px;
}

#right-blue p {
   padding-top:100px;
	 padding-left:5px;
	 padding-right:5px;
	 color:white;
	 font-style: italic;
	 font-weight: bold;
}

#right ul {
   list-style: outside none;
	 color:white;
	 font-style: italic;
	 font-size:.9em;
	 font-weight: bold;
	 margin-left:15px;
	 padding-top: 95px;
}

#right-blue ul#right-blue-disc {list-style: outside disc;padding-left:5px}

.adres {color:#5A5959}

/* prijzen tabel */
table.prijzen {font-size:1em;border-collapse:collapse;margin-bottom:20px}
tr.bg-th {background:#97005E;}
.prijzen th {color:white;padding:5px 10px}
td.white {background:white;border-bottom:2px solid #003C7F;border-top:2px solid white;}
td.blue {background:#BDC3DD /*lichtblauw*/;border:2px solid white;padding:5px 5px;text-align:center;}
td.roze{background:#E5C6D6 /*lila*/;border:2px solid white;padding:5px 10px;text-align:center;}
/* onderzoek tabel */
table.onderzoek {
   font-size:1em;
	 border-collapse:collapse;
	 background:#003C7F;
	 color:white;
	 margin-bottom: 20px;
	 border:15px solid #003C7F}
th, td {padding:5px 10px}
.center {text-align:center;}
th.header {font-size:1.05em;font-style:italic}
.bg-streep {border-bottom:2px solid white;padding:5px 10px;}
#tarieven {font-size:0.55em}

/* contactform */
#contact {text-align: left; background: #fff; color: white; } 
#contact table {background: #003A79; 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 #BDC3DD;}
#contact .knop {padding-top: 10px; margin-left: -1px;}
#controle-form {text-align: left; padding-top: 30px; font-size: 1em;}
#captchaImg {margin-bottom:-5px;}

/* footer */
#footer {
   clear: both;
   background: #676767;
	 height: 40px;
}

#footer p#links{
	 padding-top: 10px;
   color:#ccc;
	 text-align:center;
}

#footer p.no-links {
   color:#383636;
	 text-align:center;
	 padding:0 0 10px 0;
}

#footer #links a:link, #footer #links a:visited, #footer #links a:hover {
   color:#ccc;
	 text-decoration: none;
	 padding-left:5px;
	 padding-right:5px;
}

#footer .no-links a:link, #footer .no-links a:visited, #footer .no-links a:hover {
   color:#383636;
	 text-decoration: none;
}