body   {font-family:  Arial, Trebuchet MS,  Verdana, sans-serif; font-size: 11px; margin: 0pt; margin-top: 5pt; margin-right: 15pt; margin-left: 15pt; font-weight: light; font-variant: normal; color: #0a0b68; line-height: 15pt;
              scrollbar-face-color: #FFFFFF;
              scrollbar-track-color: #FFFFFF;
              scrollbar-3dlight-color: #FFFFFF;
              scrollbar-arrow-color: #9999ff;
              scrollbar-highlight-color:#9999ff;
              scrollbar-shadow-color: #9999ff;
              scrollbar-darkshadow-color: #FFFFFF;
             }

a:link { color: #FFFFFF; font-weight: light; text-decoration: none }
a:visited { color: #FFFFFF; font-weight: light; text-decoration: none }
a:hover { color: red; text-decoration: underline}
a:active { color: #0a0b68 }

}

h1		{font-family: Arial, Trebuchet MS,  Verdana, sans-serif; font-size: 13px; margin: 10pt; margin-top: 10pt; margin-right: 10pt; margin-left: 14pt; font-weight: light; font-variant: normal; color: #0a0b68; line-height: 15pt;}
h2		{font-family: Arial, Trebuchet MS, Arial, sans-serif; font-size: 11px; margin: +1pt; margin-top: 0pt; font-weight: light; font-variant: normal; color: #0a0b68; line-height: 10pt;}
h3		{font-family: Arial, Trebuchet MS, Arial, sans-serif; font-size: 9px; margin: 20pt; margin-top: 10pt; font-weight: light; font-variant: normal; color: #0a0b68; line-height: 9pt;}
td		{font-family: Arial, Arial Black, sans-serif, Arial, Trebuchet MS,  Verdana, sans-serif; font-size: 11px; margin: 15pt; margin-top: 5pt; margin-right: 15pt; margin-left: 15pt; font-weight: light; font-variant: normal; color: #0a0b68; line-height: 15pt;}
h4		{font-family: Arial, Trebuchet MS,  Verdana, sans-serif; font-size: 11px; margin: 1pt; margin-top: 0pt; margin-right: 0pt; margin-left: 2pt; font-weight: normal; font-variant: normal; color: #ffffff; line-height: 12pt;}
h5		{font-family: Arial, Trebuchet MS,  Verdana, sans-serif; font-size: 13px; margin: 0pt; margin-top: 10pt; margin-right: 10pt; margin-left: 10pt; font-weight: normal; font-variant: normal; color: #0a0b68; line-height: 15pt;}

#kalender_cal_site {
	display: block;
	scrolling:auto;
	border:0;
	height:275px;
	width:575px;
	margin-left:0px;
}

#prijzenschemasiteoverzicht {
	font-size: 12px;
	color: #888;
}
#prijzenschemasiteoverzicht table {
	margin-top:10px;
}
#prijzenschemasiteoverzicht th {
	font-size: 12px;
	color: #0a0b68;
	text-align:left;
	border: solid 1px #aaa;
	padding:4px;
}
#prijzenschemasiteoverzicht .cnt {
	text-align:center;
}
#prijzenschemasiteoverzicht .style1 {
	background: #aaa;
	padding-left:4px;
}
#prijzenschemasiteoverzicht .style2 {
	border: solid 1px #aaa;
	padding-left:4px;
}
#prijzenschemasiteoverzicht .bottomborder {
	border: 0px;
	border-bottom: solid 1px #aaa;
}

#prijstabel td {
	font-size: 12px;
	color: #888;
}
#prijstabel a {
	font-size: 12px;
	color: #888;
	font-weight:bold;
}
#prijstabel a:hover {
	color: #0a0b68; 
}

#prijstabel .line {
	border-top: solid 1px #ccc;
	height:1px;
}

#extra_kostentabel td {
	font-size: 11px;
	color: #888;
}

#overige_tarieven_link a {
	color:#888;
	font-size:12px;
	font-weight:bold;
	display:block;
	margin-top:15px;
	cursor:hand;
	text-decoration:underline;
}
#overige_tarieven_link a:hover {
	color: #0a0b68; 
}
#prijslijst_link a {
	color:#888;
	font-size:12px;
	font-weight:bold;
	display:block;
	margin-top:0px;
	cursor:hand;
	text-decoration:underline;
}
#prijslijst_link a:hover {
	color: #0a0b68; 
}

.kalenderframe {
	width: 570px;
	margin-bottom: 20px;
}
.kalenderframe .bg_lb {
	background: url('images/bg_lb.jpg');
	width: 7px;
	height: 7px;
}
.kalenderframe .bg_b {
	background: #f1f4f9 url('images/bg_line.jpg') top repeat-x;
	height: 7px;
}
.kalenderframe .bg_rb {
	background: url('images/bg_rb.jpg');
	width: 7px;
	height: 7px;
}
.kalenderframe .bg_l {
	background: #f1f4f9 url('images/bg_line.jpg') left repeat-y;
	width: 7px;
}
.kalenderframe .bg_c {
	background: #f1f4f9;
	font-size: 12px;
	color: #888;
}
.kalenderframe .pad_c {
	padding:10px;
}

.kalenderframe .bg_r {
	background: #f1f4f9 url('images/bg_line.jpg') right repeat-y;
	width: 7px;
}
.kalenderframe .bg_lo {
	background: url('images/bg_lo.jpg');
	width: 7px;
	height: 7px;
}
.kalenderframe .bg_o {
	background: #f1f4f9 url('images/bg_line.jpg') bottom repeat-x;
	height: 7px;
}
.kalenderframe .bg_ro {
	background: url('images/bg_ro.jpg');
	width: 7px;
	height: 7px;
}

.kalenderframe .beschikbaar {
	display:inline;
	margin: auto 15px;
	width: 19px;
	height: 19px;
	background: #c7d7ff;
}
.kalenderframe .gereserveerd {
	display:inline;
	margin: auto 15px;
	width: 19px;
	height: 19px;
	background: #f9a978;
}

#header {height: 42px; background: #fff;}
#header img{ margin: 10px; border: none;}
img#logo{margin-left:45px; margin-top:10px; float:left;}
#topbar{ width: 50%; height: 20px; margin-right: 40px; text-align: right; line-height: 20px; vertical-align: middle; font-size: 10px; float: right;}
#topbar a { color: #0a0b68;}
img#de{ width:17px; height:11px; border:none; padding: 0; margin: 0 10px 0 0; }
#topbarcontainer {
[if IE 6]
position:relative; left:-60px;
[ELSE IF IE 7]
position:relative; left:-160px;
[ELSE]
position:relative; left:-60px;
[END IF]
}
/*header*/
#topnav {width:100%;height: 42px; overflow: hidden; float: left;}
#topnav li {display: inline;}
#topnav a {display: block; height: 42px; border-right: 1px solid #fff; background-position: top; background-repeat: no-repeat; float: left;}
#topnav a span {display: none;}
#topnav a:hover, #topnav a.on {background-position: bottom;}
#tn0 {background-image: url(images/menu/zoekbg.jpg);}
#tn0 form {width: 184px;padding-top:5px;}
#tn0 #zoekbutton {position:relative;top:3px;}
#tn1 {width: 79px; background-image: url(images/menu/knop-home.gif);}
#tn2 {width: 78px; background-image: url(images/menu/knop-aanbod.gif);}
#tn3 {width: 120px; background-image: url(images/menu/knop-vakantieparken.gif);}
#tn4 {width: 67px; background-image: url(images/menu/knop-fotos.gif);}
#tn5 {width: 89px; background-image: url(images/menu/knop-omgeving-bv.gif);}
#tn6 {width: 104px; background-image: url(images/menu/knop-lastminutes.gif);}
#tn7 {width: 66px; background-image: url(images/menu/knop-contact.gif);}
#tn8 {width: 150px; height: 34px; font-size: 11px; padding-top: 2pt; padding-left: 5pt; margin-top:3px; margin-right: 5pt; margin-left: 1pt; font-weight: light; font-variant: normal; color: #fff; background: #0a0b68; line-height: 11pt;}

/*sidenav*/
#sidebar {margin-left:18px;}
#sidebar a { color: #0a0b68;}
#sidenav {width: 100px; margin: 0 auto;}
#sidenav a {display: block; width: 100px; height: 82px; margin-top: 18px; background-position: top; background-repeat: no-repeat; float: left;}
#sidenav a:hover {background-position: bottom;}
#sidenav a span {display: none;}
#sn1 {background-image: url(images/menu/knop-vakantiehuizen.gif);}
#sn2 {background-image: url(images/menu/knop-arrangementen.gif);}
#sn3 {background-image: url(images/menu/knop-babyenpeuter.gif);}
#sn4 {background-image: url(images/menu/knop-omgeving.gif);}
#lastminute {display: block; width: 100px; height: 31px; margin: 0 auto; background: url(images/menu/knoplastminute.gif) top center no-repeat;}
#lastminute:hover {background: url(images/menu/knoplastminute.gif) bottom center no-repeat;}
#lastminute span {display: none;}
#europe span {display: block; width: 100px; height: 25px; margin: 0px auto; background: url(images/menu/europeesche.gif) top center no-repeat; overflow: hidden; cursor: pointer;}
#europe:hover span {background: url(images/menu/europeesche.gif) bottom center no-repeat;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cleaner {clear: both; height: 0px; margin-top: 0px; line-height: 0px;}

#footer{ width: 100%; border-top: 1px #fff solid; background-color: #f5f5f5; height: 235px;}
#footer p{ font-size: 15px; padding: 5px 10px; font-weight: bold;}
#footer p a{ font-size: 11px; margin: 0 10px; text-decoration: underline; color: #0a0b68; font-weight: normal;}

#footer dl{ margin:0 0 0 10px; line-height: 15px; width: 165px; float: left; font-size: 11px;}
#footer dd{ margin:0; }
#footer dd a{color: #0a0b68;}

#footer dt{ font-weight: bold; margin-bottom: 5px;}
#footer dl#overfov{ margin:0 0 20px 25px; width: 190px;}
#footer dl#overfov dt{font-size: 13px;}

#bottomtext{ line-height: 40px; margin: 0 10px; font-size: 10px;}
#bottomtext a { color: #0a0b68;}
.floatleft{ float: left; clear:both;}
.floatright{ float: right;}

#newsletterbar{height: 45px; width: 100%; border-top: 1px #fff solid; background-color: #333399; clear: both; line-height: 35px; vertical-align: middle;}
#newsletterbar span{ color: #fff; font-size: 12px; position: relative; top: -1px;}
#newsletterbar form{ margin: 10px 10px 10px 0; padding: 0; float: right; display: inline;}
#newsletterbar p { display: inline; margin-left: 340px;}
#newsletterbar form #mailbutton{ background: #9999ff; border: 1px solid #9999ff; color: #fff; padding: 3px; line-height: 12px; margin-top: 2px; height:21px; width: 75px;}
#newsletterbar form #mailfield{ position: relative; display: inline; width: 164px; height: 22px; margin: 0 5px 0 0; padding: 3px; border: 1px solid #fff; vertical-align: middle; margin-top: -7px; color: #aaa;}
	

