/* CSS Document Land van Playsantiën*/

body {margin:0; padding:0; text-align:left; font-family:Arial, Helvetica, sans-serif;  font-size:12px; background:url(../img/bg_body.jpg) top left repeat-x;}
#wrapper {width:995px;}
h1, h2, h3 {margin:0; padding:0;}
h1 {font-size:150%;}
h2 {font-size:140%}
h3 {font-size:130%}
h4 {font-size:130%; margin:0; padding:2px 0;}
hr {border:1px solid #C2C2C2;}
#dark {background-color:#333E37; color:#fff;}

#white {background-color:#fff; color:#000;}
#white h1 {margin:0; padding:0;}

#yellow {background-color:#F5D300; margin:0; padding:0; color:#000; clear:both;}
#yellow h1 {color:#333333; margin:0; padding:0;}
#yellow a {color:#000;}

#recreatie {background:#FFF url(../img/bg_recreatie.jpg) top left repeat-x;}
#recreatie_detail {background:#333E37 url(../img/bg_recreatie.jpg) top left repeat-x; color:#fff;}
#recreatie_detail a {color:#fff;}

#header {background-color:#FFCC00; width:954px;}
#header .img_nav1 {margin-right:139px;}


#nav ul {margin:0; padding:5px 0 0 0; height:30px; list-style:none; background-color:#333E37; width:100%; float:left;}
#nav li {float:left; padding:0;}
#nav li a {color:#FFCC00; margin:0; padding:0 5px; font-weight:bold; text-decoration:none; }
#nav li a:hover {color:#fff;}

#content {background:url(../img/bg_content.gif) top left repeat-y; clear:both; margin:0; padding:0;}
#content #left {width:235px; background-color:#FFCC00; float:left; color:#000;}
#content #left h2 {color:#333E37;}
#content #left h3 {color:#333E37;}
#content #left a:link {color:#000;}
#content #left a:visited {color:#999999;}
#content #left ul {margin:0 0 20px 0; padding:0; list-style:none;}
#content #left li {padding:0;}
#content #left li a {text-decoration:none; color:#333E37; font-weight:bold;}
#content #left li a:hover {color:#fff;}

#content #right {float:left; width:750px;}
#content #right a {color:#fff;} /*gebruikt op pagina info.php*/
#content #right dt {font-weight:bold; font-size:120%; margin-top:20px;}
#content #right dd {margin:0; padding:0;}
#content #right dd a {color:#666666;}
#dark #content #right h1 {color:#FFCC00;}
#dark #content #right h2 {color:#FFCC00;}
#dark #content #right h1 img {margin-right:5px;}

#clear #content #right h1, h2  {color:#333E37; margin-left:25px;}
#clear #content #right h1 img {margin-right:5px;}

/*tabellen*/
.tabel_routes{padding:5px 10px;}
#menu_recreatie {padding:10px 15px 0 15px; margin:0; float:left; clear:both; height:141px; background-color:#F5D300;}
#menu_recreatie table{margin:0; padding:0;}
#menu_recreatie td {width:25%; margin:0; padding:0;}
#menu_recreatie a {text-decoration:none; font-weight:bold;color:#000;}

/*classes*/
.plan_benelux {margin:0 10px 50px 15px; float:left;}
.plan_gemeenten {float:right; margin-left:15px;}
.italique {font-style: italic;}
.extrapadding {padding:15px; margin:0;}
.extrapadding_content {padding:10px 50px 10px 15px; margin:0; clear:both;}
.gecentreerd {text-align:center;}
.extrapadding_content_tables {padding:10px 15px; margin:0; float:left; clear:both;}

.wit{color:#fff;}
.geel{color:#fc0;}
.grijs{color:#ccc;}
.donkergroen{color:#333E37;}

/* Override styles */
#white #content #right a {color:#06f;}

/* Necessary CSS hacks */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */