﻿/* CSS Document */
* {margin:0px;padding:0px;}

/* HTML, BODY, DIVS */

html {
	width: 100%;
	height:100%;
    /*overflow:hidden;*/
}

body
{
    width: 100%;
    height: 100%;
    background-color: #231f20;
    font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color:#000000;
    /*scrollbar-3dlight-color: #f3b113;
    scrollbar-arrow-color: #000000;
    scrollbar-base-color: #000000;
    scrollbar-darkshadow-color: #f3b113;
    scrollbar-face-color: #f3b113;
    scrollbar-track-color: #0060a9;
    scrollbar-highlight-color: #f3b113;
    scrollbar-shadow-color: #f3b113;*/
}

div.hoofdmenu {
	position:relative;
	width:760px;
	height:65px;
	margin:20px 20px 20px 20px;
	background-image:url('/sites/518/images/menu_bg.png');
	background-repeat:repeat-x;
	overflow:hidden;
    font-family:Tahoma, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
	font-variant:small-caps;
	letter-spacing:2px;
	color:#ffffff;
	_background-image:none;
	_background-color:#5d5656;
}

div.submenu, div.submenuactief {
	position:absolute;
	padding:0px 2px 2px 2px;
	/*background-color:#615b5b;*/
    font-family:Tahoma, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
	color:#ffffff;
	border-bottom:1px solid #dedede;
	border-left:1px solid #dedede;
	display:none;
}

div.submenuactief {
	display:block;
}

div#menu3 {
	top:45px;
	left:175px;
}

div#menu4 {
	top:45px;
	left:281px;
}

div#menu6 {
	top:45px;
	left:434px;
}

div#menu8 {
	top:45px;
	left:641px;
}

div.content_overflow {
	width:780px;
	height:900px;
	overflow:auto;
	margin:0px 0px 0px 20px;
}

div.footer {
	width:760px;
	height:20px;
	overflow:hidden;
	margin:0px 0px 0px 20px;
}

div.nieuwsbericht {
    width:720px;
    margin:0px 0px 20px 0px;
    padding: 20px;
	background-image:url('/sites/518/images/inhoud_bg.png');
	background-repeat:repeat-y;
	_background-image:none;
	_background-color:#c3bfbf;
	/* in FF komt img onder div uit! */
}

div.nieuwsberichtclear {
	width:720px;
	clear:both;
}

div.contactformulier {
    width:720px;
    margin:0px 0px 0px 0px;
    padding: 20px;
	background-image:url('/sites/518/images/inhoud_bg.png');
	background-repeat:repeat-y;
	_background-image:none;
	_background-color:#c3bfbf;
}

div.routebeschrijving {
    width:720px;
    margin:20px 0px 0px 0px;
    padding: 20px;
	background-image:url('/sites/518/images/inhoud_bg.png');
	background-repeat:repeat-y;
	_background-image:none;
	_background-color:#c3bfbf;
}

div.inhoudrep {
    width:720px;
    margin:0px 0px 20px 0px;
    padding: 20px;
	background-image:url('/sites/518/images/inhoud_bg.png');
	background-repeat:repeat-y;
	_background-image:none;
	_background-color:#c3bfbf;
}

div.inhoudrep div {
	width:720px;
	clear:both;
}

div.vierimg, div.tweeimg {
	width:720px;
	text-align:center;
}

div.vierimg table, div.tweeimg table {
	margin:20px 0px 0px 0px;
}

div.vierimg table td {
	width:165px;
	vertical-align:top;
}

div.tweeimg table td {
	width:350px;
	vertical-align:top;
}

td.imgpadding {
	padding:0px 0px 0px 20px;
}

div.vierimg p{
	width:165px;
}

div.tweeim p {
	width:350px;
}

div.groteimg {
	text-align:center;
}

div.cms_datafeedstructure {
	width:760px;
}

/* TABLES */

table.extra_bg {
	width:100%;
	height:100%;
}

td.extra_krul {
	/*width:100%;
	height:100%;*/
	background-image:url('/sites/518/images/krul_links.jpg');
	background-repeat:no-repeat;
	background-position:right bottom;
	font-size:0px;
}

td.content {
	width:1000px;
	height:100%;
}

td.extra_bg {
	font-size:0px;
	/*width:100%;
	height:100%;*/
}

table.content {
	width:1000px;
	height:100%;
}

td.kolom_krul {
	width:200px;
	height:100%;
	vertical-align:top;
	background-color:#231f20;
	background-image:url('/sites/518/images/krul_mid.jpg');
	background-repeat:no-repeat;
	background-position:left bottom;
}

td.kolom_content {
	width:800px;
	height:100%;
	vertical-align:top;
	background-color:#ffffff;
	background-image:url('/sites/518/images/krul_rechts.jpg');
	background-repeat:no-repeat;
	background-position:left bottom;
}

table.home_kolommen {
	width:760px;
	height:100%;
}

td.home_kolom1 {
	background-image:url('/sites/518/images/home_kolom1.png');
	background-repeat:repeat-y;
	width:33%;
	padding:20px;
	vertical-align:top;
	_background-image:none;
	_background-color:#c3bfbf;
}

td.home_kolom2 {
	background-image:url('/sites/518/images/home_kolom2.png');
	background-repeat:repeat-y;
	width:33%;
	padding:20px;
	vertical-align:top;
	_background-image:none;
	_background-color:#b3aeaf;
}

td.home_kolom3 {
	background-image:url('/sites/518/images/home_kolom3.png');
	background-repeat:repeat-y;
	width:33%;
	padding:20px;
	vertical-align:top;
	_background-image:none;
	_background-color:#a49f9f;
}

table.contact {
	width:720px;
	margin:5px 0px 0px 0px;
}

td.contact 
{
    font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color:#000000;
    width:130px;
    padding:0px 0px 0px 0px;
    vertical-align:top;
}

table.routebeschrijving, table.inleiding {
	width:720px;
}

td.routetekst {
	width:200px;
	vertical-align:top;
}

td.routeplaatje {
	width:520px;
}

table.openingstijden {
	width:200px;
}

table.prijsrep {
	width:720px;
}

td.prijstekst {
	width:500px;
	padding:0px 20px 0px 0px;
}

td.prijs {
	width:200px;
}

/* H + P */
h1 {
	margin:9px 0px 0px 0px;
}

h2.paginatitel {
    font-family:Tahoma, Helvetica, sans-serif;
    font-size:18px;
    font-weight:bold;
	font-variant:small-caps;
	letter-spacing:2px;
	color:#000000;
	margin:0px 0px 10px 0px;
	width:760px;
}

h3.subtitel {
    font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
	font-variant:small-caps;
	letter-spacing:2px;
	color:#000000;
	margin:0px 0px 10px 0px;
}

table.inleiding h3.subtitel {
	margin:0px;
	width:306px;
}

td.routetekst h3.subtitel, td.routetekst p {
	width:200px;
}

h3.nieuwstitel 
{
    font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
	font-variant:small-caps;
	letter-spacing:2px;
	color:#000000;
	margin:0px 0px 10px 0px;
}

p {
    font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color:#000000;
}

table.home_kolommen p {
    font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color:#000000;
	text-align:left;
    margin:20px 0px 0px 0px;
}

p.nieuwsdatum 
{
	font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	font-style:italic;
	margin:0px;
	padding:0px;
}

p.nieuwstekst
{
	font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	padding:0px;
}

table.inleiding p.paginatekst {
	width:414px;
}

table.openingstijden p {
	width:auto;
}

p.copyright {
    font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Helvetica, sans-serif;
    font-size: 10px;
    color:#000000;
	text-align:center;
    margin:3px 0px 0px 0px;
}

p.bericht {font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Helvetica, sans-serif;font-size: 12px;margin:3px 0px 0px 3px;}
p.berichtfail {font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Helvetica, sans-serif;font-size: 12px;margin:3px 0px 0px 3px;}

.underline {
	text-decoration:underline;
}

.strikethrough {
	text-decoration:line-through;
}

/* LINKS */

a:link		{color:#000;text-decoration:underline;}
a:visited 	{color:#000;text-decoration:underline;}
a:active	{color:#000;text-decoration:underline;}
a:hover		{color:#000;text-decoration:none;}  

li.hoofdmenu a:link		{color:#ffffff;text-decoration:none;}
li.hoofdmenu a:visited 	{color:#ffffff;text-decoration:none;}
li.hoofdmenu a:active	{color:#ffffff;text-decoration:none;}
li.hoofdmenu a:hover	{color:#a8acb4;text-decoration:none;}  

li.actief a:link	{color:#a8acb4;text-decoration:none;}
li.actief a:visited {color:#a8acb4;text-decoration:none;}
li.actief a:active	{color:#a8acb4;text-decoration:none;}
li.actief a:hover	{color:#ffffff;text-decoration:none;}  

li.subhoofdmenu a:link		{color:#ffffff;text-decoration:none;}
li.subhoofdmenu a:visited 	{color:#ffffff;text-decoration:none;}
li.subhoofdmenu a:active	{color:#ffffff;text-decoration:none;}
li.subhoofdmenu a:hover	{color:#a8acb4;text-decoration:none;}  

li.subactief a:link	{color:#a8acb4;text-decoration:none;}
li.subactief a:visited {color:#a8acb4;text-decoration:none;}
li.subactief a:active	{color:#a8acb4;text-decoration:none;}
li.subactief a:hover	{color:#ffffff;text-decoration:none;} 

a.copyright:link	{color:#000;text-decoration:none;}
a.copyright:visited {color:#000;text-decoration:none;}
a.copyright:active	{color:#000;text-decoration:none;}
a.copyright:hover	{color:#000;text-decoration:underline;}

/* UL, OL, LI */

ul	{margin:0px;padding:0px;}
li	{margin:0px;padding:0px;}

div.hoofdmenu ul {
	padding:22px 0px 0px 0px;
	text-align:center;
}

div.hoofdmenu ul li {
	display:inline;
}

div.hoofdmenu ul li ul {
	padding:0px 0px 0px 0px;
	text-align:left;
}

div.hoofdmenu ul li ul li {
	display:inline;
}

/* IMAGES */
	
img {border:0px;padding:0px;margin:0px;}

img.home_kolom {
	border:3px solid #000000;
}

img.home_koloma {
	border:3px solid #000000;
	margin-top:50px;
}

img.nieuwsimage {
	/*float:right;
	border:3px solid #000000;
	margin:0px 0px 10px 10px;*/
	display:block;
} 

img.rechts {
	/*border:3px solid #000000;*/
	display:block;
}

img.links {
	/*border:3px solid #000000;*/
	display:block;
}

table.borderzwart_r {
	float:right;
	margin:0px 0px 10px 10px;
}

table.borderzwart_l {
	float:left;
	margin:0px 10px 10px 0px;
}

td.borderzwart_r {
	background-color:#000000;
	padding:3px;
}

td.borderzwart_l {
	background-color:#000000;
	padding:3px;
}

/* form, input etc */
div.cms_datafeedsource input {
	display:none;
}

/* CONTACTFORM & NIEUWSBRIEF*/

input.textarea 
{
    font-size:12px;
	color: #000000;
	font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Helvetica, sans-serif;
	width:200px;
	margin:0px 0px 1px 0px;
	#margin:0px 0px 0px 0px;
	border:solid 1px #A7A6AA;
}

textarea.textarea 
{
    font-size:12px;
	color: #000000;
	font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Helvetica, sans-serif;
	#padding-left:1px;
	width:200px;
	height:70px;
	border:solid 1px #A7A6AA;
}

input.c_submit {
	/*background-color:#fff;*/
	/*border:0;*/
	font-weight:bold;
	height:18px;
	margin:1px 0px 0px 0px;
	#margin:0px 0px 0px 0px;
	text-transform:uppercase;
    font-size:0.9em;
    #font-size:9px;
    cursor:pointer;
}

input#afmelden 
{
	/*background-color:#fff;
	border:0;*/
	font-weight:bold;
	height:18px;
	margin:1px 0px 0px 0px;
	#margin:0px 0px 0px 0px;
	text-transform:uppercase;
    font-size:0.9em;
    #font-size:9px;
    cursor:pointer;
}

input.inhoud {width:200px;margin:1px 0px 0px 0px;#margin:0px;font-size:11px;font-family: Lucida Sans Unicode, Lucida Sans, Tahoma, Helvetica, sans-serif;border:solid 1px #A7A6AA;}
input.inputhidden {display:none;}

/* Bij iedere png de class "png" toevoegen, zo is pngfix.js niet meer nodig is.*/

.png{
	_behavior:url('/sites/518/iepngfix.htc');
}

