
@font-face {
font-family: 'MyriadProBoldItalic';
src: url('../fonts/MyriadPro-BoldIt.eot');
src: local('Myriad Pro Bold Italic'), local('MyriadPro-BoldIt'), url('../fonts/MyriadPro-BoldIt.woff') format('woff'), url('../fonts/MyriadPro-BoldIt.otf') format('opentype');
}

*	{
margin:0;
padding:0;
}

.clear	{
clear:both;
}

html	{
overflow-y:scroll;
}

body	{
background:url(../images/bg_winter.jpg) no-repeat center top;
font-family: Arial;
font-size: 12px;
}

iframe {
	max-width: 500px\9;
}

a	{
text-decoration:none;
color:#000;
cursor:pointer;
}

a img	{
border:none;
}

textarea	{
overflow:auto;
}

#container	{
width:940px;
margin:0 auto;
display:table;
}

#header	{
	height:235px;
	background:url(../images/header_bg_winter.jpg);
	max-width: 940px;
}

#header #header-flash	{
	width:940px;
	height:235px;
	position:absolute;
	z-index: 0;
}

#header #logo	{
	display:block;
	width:190px;
	height:85px;
	position:absolute;
	margin:12px 0 0 24px;
	background:url(../images/overijssel-vakantieparken_logo.png) no-repeat center center;
}

#header #gratis-verblijf	{
width:249px;
height:128px;
display:block;
position:absolute;
margin:100px 0 0 20px;
background:url(../images/header_button.png);
}

#header #gratis-verblijf2	{
width:249px;
height:128px;
display:block;
position:absolute;
margin:100px 0 0 20px;
background:url(../images/header_button_pasen.png);
}

#header #gratis-verblijf3	{
width:249px;
height:128px;
display:block;
position:absolute;
margin:100px 0 0 20px;
background:url(../images/header_button_rheezerwold.png);
}

#header #gratis-verblijf4	{
width:249px;
height:128px;
display:block;
position:absolute;
margin:100px 0 0 20px;
background:url(../images/header_button_3.png);
}

#header #thuis-in-de-natuur	{
width:216px;
height:22px;
position:absolute;
/*margin:238px 0 0 25px;*/
margin:210px 0 0 130px;
background:url(../images/thuis-in-de-natuur.png);
}

.header_buttons	{
	z-index: 1;
	position: absolute;
	width: 940px;
}
	.header_buttons .btn {
		display: block;
		float: right;
		width: 115px;
	}
.header_buttons span.l	{
	width:4px;
	height:27px;
	float:left;
	background:url(../images/knop_bg-l.png);
}

.header_buttons span.r	{
	width:4px;
	height:27px;
	display:block;
	float:left;
	background:url(../images/knop_bg-r.png);
}

.header_buttons a	{
	height:21px;
	padding:3px 4px;
	color:#fff;
	float:left;
	font-size:18px;
	line-height:20px;
	font-style:italic;
	background:url(../images/knop_bg.gif);
	font-family: 'MyriadProBoldItalic';
}

 .buttons a:hover	{
	text-decoration:underline;
}

#zoekmenu	{
height:42px;
}

#zoekmenu div.l	{
width:4px;
height:42px;
float:left;
background:url(../images/zoekmenu_bg-l_winter.png);
}

#zoekmenu div.r	{
width:4px;
height:42px;
float:left;
background:url(../images/zoekmenu_bg-r_winter.png);
}

#zoekmenu div.bg	{
background:url(../images/menu_bg_winter.gif) repeat-x top left #fff;
height:31px;
width:898px;
overflow:hidden;
float:left;
padding:11px 12px 0 22px;
}

#zoekmenu h3	{
	float: left;
	margin:-1px 8px 0 0;
	color:#fff;
	font-size:19px;
	/*font-style:italic;*/
	font-weight:normal;
	font-family:"MyriadProBoldItalic";
	text-shadow: 0px 1px 0px #000;
	/*filter: dropshadow(color=#000,offX=0,offY=1);*/
}

#zoekmenu form	{
float:left;
}

#zoekmenu select	{
color:#00316d;
float:left;
margin:0 5px 0 0;
font-size:12px;
}

#zoekmenu select#veld-accommodatie	{
width:125px;
}

#zoekmenu #zoeken	{
background:none;
border:none;
color:#fff;
font-weight:bold;
display:inline;
font-size:14px;
cursor:pointer;
position:relative;
font-family:"MyriadProBoldItalic";
}

#kalender	{
background:#fff;
margin:8px 0 0 0;
padding:5px;
width:150px;
position:absolute;
z-index:1;
display:none;
-moz-box-shadow: 2px 2px 10px #000;
-webkit-box-shadow: 2px 2px 10px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6)";
filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6);
}

#kalender.laden	{
background:url(../images/laden_winter.gif) no-repeat center center #fff;
}

#kalender	.nav	{
float:left;
display:block;
width:20px;
height:20px;
}

#kalender	#huidige-datum	{
width:100px;
height:20px;
float:left;
text-align:center;
}

#kalender	table	{
width:100%;
clear:both;
}

#kalender td.dag	{
    cursor:pointer;
    text-align:center;
}
	#kalender td.dag.hover {
		background-color: #eee;
	}
	#kalender td.dag.selected {
		background-color: #eee;
		border: 1px solid #aaa;
	}
#kalender td.inactive {
	color: #aaaaaa;
	cursor: inherit;
}

#kalender td.dagnaam	{
	font-weight: bold;
}

#zoekmenu a.kalender img	{
float:left;
margin:1px 5px 0 0;
cursor:pointer;
}

#zoekmenu a.kalender:hover img	{
-khtml-opacity:.50;
-moz-opacity:.50;
-ms-filter:�alpha(opacity=50)�;
filter:alpha(opacity=50);
opacity:.50;
}

#zoekmenu a.uitgebreid_zoeken	{
color:#fff;
display:block;
float:left;
margin:3px 0 0 0;
font-size:11px;
}

#uitgebreid_zoeken	{
display:none;
background:#00316d;
color:#fff;
}

#hoofdmenu	{
height:33px;
margin:0 0 16px 0;
}

#hoofdmenu div.l	{
width:3px;
height:33px;
float:left;
background:url(../images/hoofdmenu_bg-l_winter.png);
}

#hoofdmenu div.r	{
width:3px;
height:33px;
float:right;
background:url(../images/hoofdmenu_bg-r_winter.png);
}

#hoofdmenu ul.menu	{
	background:url(../images/hoofdmenu_bg_winter.png) repeat-x bottom #fff;
	height:33px;
	width:924px;
	float:left;
	padding:0 0 0 10px;
}

#hoofdmenu ul.menu li	{
	list-style: none;
	float:left;
	background:url(../images/menu_item_bg_winter.gif) no-repeat right;
	text-transform: lowercase;
	background-position: top right;
}

#hoofdmenu ul.menu li.laatste	{
	background:none;
	text-transform: none;
}

#hoofdmenu ul.menu li a	{
	display:inline-block;
	height:19px;
	font-size:14px;
	padding:7px 11px;
	color:#00316d;
	font-weight:bold;
}

#hoofdmenu ul.menu li a:hover	{
	text-decoration:underline;
}

	#hoofdmenu ul.menu li:hover ul {
		visibility: visible;
	}

	#hoofdmenu ul.menu li ul {
		position: absolute;
		z-index: 10;
		background-color: #ffffff;
		-moz-box-shadow: 0px 6px 10px #000;
		-webkit-box-shadow: 0px 6px 10px #000;
		-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3)";
		filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3);
		visibility: hidden;
		min-width: 130px;
		clear: both;
	}
	#hoofdmenu ul.menu li ul li {
		background-image: none;
		font-style: italic;
		font-weight: normal;
		border-bottom: 1px solid #e5e5e5;
		display: list-item;
		width: 100%;
		min-width: 130px;
		clear: both;
		background-color: #ffffff;
	}
	#hoofdmenu ul.menu li ul li.last {
		border-bottom-width: 0px;
	}
		#hoofdmenu ul.menu li ul li a {
			font-weight: bold;
			font-size: 12px;
			font-style: italic;
			padding-bottom: 3px;
			padding-top: 3px;
			display: block;
			text-transform: none;
			white-space: nowrap;
			width: 100%;
			min-width: 108px;
		}

#menu-links	{
width:168px;
float:left;
color:#046411;
}

#menu-links #zij-menu	{
position:relative;
right:4px;
margin:0 0 20px 0;
	background:url(../images/onze-parken_kop_bg_winter.png) no-repeat top center;
}

#menu-links #zij-menu h2	{
	height:26px;
	text-align:center;
	font-size:18px;
	width:168px;
	padding:7px 0 0 0;
	font-family:"MyriadProBoldItalic";
	font-weight:normal;
	color:#fff;
	text-shadow: 0px 1px 0px #000;
	/*filter: dropshadow(color=#000,offX=0,offY=1);*/
}

#menu-links	table	{
width:168px;
}

#menu-links	table td.l	{
width:4px;
background:url(../images/onze-parken_bg-l.png);
}

#menu-links	table td.m	{
padding:3px 0 0 0;
word-wrap:break-word;
width:100px;
background:#fff;
}

#menu-links table td.m .link-wrapper	{
width:160px;
overflow:hidden;
}

#menu-links	table td.m a	{
display:block;
color:#00316d;
font-size:12px;
font-weight:bold;
font-style:italic;
border-bottom:1px solid #e5e5e5;
padding:4px 10px 8px 10px;
width:140px;
}
#menu-links	table td.m a.twitlink {
	display: inline;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	border-bottom-width: 0px;
}

#menu-links	table td.m a.laatste	{
border-bottom:0;
}

#menu-links	table td.m a:hover	{
text-decoration:underline;
}

#menu-links	table td.r	{
width:4px;
background:url(../images/onze-parken_bg-r.png);
}

#menu-links	div.o	{
height:9px;
width:168px;
background:url(../images/onze-parken_bg-o.png);
}

#menu-links h4	{
	text-align:right;
	font-size:18px;
	font-family: 'MyriadProBoldItalic';
	/*font-weight: normal;*/
	margin:0 7px 10px 0;
}

#menu-links h4 a	{
color:#979797;
}

#menu-links #park-logo	{
display:block;
margin:20px auto 0 auto;
}

#menu-links .socialmedia {
	margin-right: 18px;
	margin-bottom: 10px;
}
	#menu-links .socialmedia a {
		margin-left: 5px;
	}

#content	{
float:left;
width:521px;
padding: 0px 9px 20px 12px;
display:table;
}

#content #header-afbeeldingen	{
margin:0 0 20px 0;
}

#content #header-afbeeldingen.wissel	{
	height:220px;
}

#content #header-afbeeldingen.wissel img	{
position:absolute;
}

#content #intro-tekst	{
width:435px;
}

#content h1	{
color:#fff;
font-size:20px;
font-family: 'MyriadProBoldItalic';
font-weight:normal;
}

#content a	{
color:#00316d;
}

#content a:hover	{
text-decoration:none;
}

#content a.accomm_album_link {
	/*border:4px solid #ffffff;*/
	margin: 4px;
	display: block;
	float: left;
}
#content a.accomm_album_link:hover {
	margin: 0px;
	border: 4px ridge #00316d;
}
#content div.imageSlider {
	overflow: hidden;
	width: 490px;
	height: 100px;
}
#content div.imageSlider ul {
	list-style-type: none;
	float: left;
}
#content div.imageSlider ul li {
	float: left;
}
#content ul, #content ol	{
	padding:0 0 0 15px;
}
#content ul li {
	line-height: 175%;
}

#content textarea	{
max-width:495px;
}

#content .balk	{
color:#fff;
font-family:'MyriadProBoldItalic';
font-weight:normal;
height:33px;
width:506px;
}

#content .balk div.l	{
width:4px;
height:33px;
background:url(../images/hoofdmenu_bg-l_2_winter.png);
float:left;
}

#content .balk div.bg	{
background:url(../images/menu_bg_winter.gif) repeat-x 0 -6px #fff;
height:31px;
float:left;
width:465px;
padding:2px 22px 0 11px;
}

#content .balk h1, #content .balk h2	{
	float:left;
	font-size:20px;
	overflow:hidden;
	height:32px;
	;
	text-shadow: 0px 1px 0px #000;
	/*filter: dropshadow(color=#000,offX=0,offY=1);*/
}

#content .balk a	{
float:right;
text-decoration:underline;
width:86px;
font-size:11px;
color:#fff;
margin:7px 0 0 0;
}

#content .balk div.r	{
width:4px;
height:33px;
background:url(../images/hoofdmenu_bg-r_2_winter.png);
float:right;
}

#content p	{
margin:0 0 20px 0;
line-height: 150%;
/*width: 504px;*/
max-width: 504px;
white-space: normal;
}

#content p a	{
text-decoration:underline;
}

#content p.subtitel {
color: #00316d;
margin-top: 10px;
margin-bottom: 5px;
font-weight: bold;
}

#content .accommodaties	{
	padding:7px 0 0px 0;
	margin-bottom: 20px;
}

#content object, #content embed, #content table	{
max-width:506px !important;
width: expression(this.width > 506 ? 506: true) !important;
}

#content table	{
border:none;
}

#content table td	{
border:none;
}

#content .accommodaties a	{
    margin:0 0 7px 0;
    height:58px;
    display:block;
    background:url(../images/accommodaties_bg_2.jpg);
    clear: both;
}

#content .accommodaties a.kleur	{
	background:url(../images/accommodaties_bg_1.jpg);
}

#content .accommodaties a .foto	{
display:inline-block;
float:left;
padding:0 0 0 5px;
margin:0 12px 0 0;
height:58px;
background:url(../images/accomodatie_foto_bg_winter.png) repeat-x #fff;
}

#content .accommodaties a .titel	{
    color:#00316d;
    padding:6px 0 0 0;
    display:block;
    font-size:15px;
    font-weight:bold;
    line-height:17px;
    width:280px;
    float:left;
}

#content .accommodaties a .periode	{
	color:#999;
	float: left;
	display: block;
}

#content .accommodaties a .combo_type	{
    display:block;
    float:right;
    margin-right: 15px;
    color: #990000;
    font-weight: bold;
    font-size: smaller;
    text-transform: uppercase;
    /*position: absolute;*/
}

#content .accommodaties a .prijs	{
    color:red;
    float:right;
    font-size:20px;
    font-weight:bold;
    font-style:italic;
    margin:6px 30px 0 0;
    width:81px;
}

#content .accommodaties a .prijs .direct-boeken	{
color:#909090;
font-size:12px;
display:block;
}

/* online boeken */

#content .boeken_frame{
width: 500px;
border: 3px double #00316d;
z-index: 10;
position: relative;
}

#content .boeken_frame a{
color: #00316d;
text-decoration: underline;
}

#content .boeken_frame a:hover {
text-decoration: none;
}

#content .boeken_frame th {
color: #000;
text-align: left;
}

#content .boeken_frame div {
padding: 10px;
}
#content .boeken_frame .clear {
clear:both;
height:0px;
padding:0px;
margin:0px;
}

#content .boeken_frame td div{
padding: 0px;
}

#content .boeken_frame .infoPop {
    border: 3px double #00316d;
    background-color: #ffffff;
    color: #000000;
    width: 120px;
	padding: 10px;
	display: none;
}

#content .boeken_frame hr {
border-width: 0px;
border-bottom: 1px dotted #00316d;
height: 2px;
}

#content .boeken_frame .even td {
background-color: #eee;
}

#content .boeken_frame .rowHeader {
border-bottom: 1px solid #00316d;
}

.boekOverlay {
    background-color: #ffffff;
    position:absolute;
    display:none;
    background-image: url("../images/load_generic.gif");
    background-repeat: no-repeat;
    background-position: center 30%;
    z-index: 15;
    /* opacity in zoek_en_boek.js */
}

#boekBackground {
    background-color: #ffffff;
    position:absolute;
    display: none;
    z-index: 1;
    /* opacity in zoek_en_boek.js */
}

.text {
background-color: #ffffff;
color: #00316d;
font-size: 12px;
border: 1px inset #999999;
}

.infoImage {
cursor: pointer;
}

.button {
background-color: #00316d;
color: #ffffff;
border-width: 1px;
border-color: #00316d;
padding: 2px;
}

/* / online boeken */

#content #footer	{
font-size:11px;
color:#7b7b7b;
padding:22px 0 0 0;
float:left;
clear:both;
}

#content #footer a	{
color:#7b7b7b;
margin:0 5px;
}

#content #footer a:hover	{
color:#00316d;
}

#content #footer a.actief	{
text-decoration:underline;
}

#content #footer .footer-blok	{
width:115px;
margin:0 15px 0 0;
padding:20px 0 0 0;
float:left;
line-height:18px;
list-style:none;
}

#content #footer .footer-blok li a	{
margin:0;
}

#content #footer .footer-blok.laatste	{
margin-right:0;
}

#content #footer .footer-blok b	{
display:block;
}

#menu-rechts	{
width:230px;
padding:7px 0 0 0;
float:left;
}

#menu-rechts #parken	{
height:178px;
width:222px;
background:url(../images/kaart-overijssel.png);
}

#menu-rechts #parken .park-knop	{
width:29px;
height:29px;
background:url(../images/kaart-overijssel_knop.png);
position:absolute;
outline:none;
}

#menu-rechts #parken .park-knop:hover, #menu-rechts #parken .park-knop.actief	{
background:url(../images/kaart-overijssel_knop_hover.png);
}

#menu-rechts #park-info	{
padding:0 0 4px 12px;
height:90px;
position: relative;
top: -18px;
}

#menu-rechts #park-info address	{
height:100px;
font-style:normal;
display:none;
font-size:11px;
}

#menu-rechts #park-info address.actief	{
display:block;
}

#menu-rechts #park-info address img.apenstaartje	{
position:relative;
top:1px;
}

#menu-rechts #park-info b	{
display:block;
font-family:'MyriadProBoldItalic';
font-size:17px;
color:#454343;
font-weight:normal;
/*font-style:italic;*/
}

#menu-rechts #knop_googlemaps	{
background:url(../images/knop_googlemaps_winter.png);
display:none;
width:209px;
height:92px;
}

#menu-rechts .foto-banner	{
margin:23px 0 0 22px;
position:absolute;
}

#menu-rechts .foto-overlay	{
width:226px;
height:161px;
position:relative;
z-index:1;
display:block;
background:url(../images/banner_overlay.png);
}

/* contact & nieuwsbrief formulier */
#formulier label	{
display:block;
width:150px;
float:left;
margin:0 0 5px 0;
cursor:pointer;
clear:left;
}

#formulier input, #formulier select, #formulier textarea	{
width:200px;
float:left;
display:block;
margin:0 0 5px 0;
border:1px solid #999;
}

#formulier select	{
width:203px;
}

#formulier input:focus, #formulier select:focus, #formulier textarea:focus	{
border:1px solid #00316d;
}

#formulier input.error, #formulier select.error, #formulier textarea.error	{
border:1px dotted #c70202;
}

#formulier input, #formulier select	{
height:22px;
}

#formulier textarea	{
height:100px;
}

#formulier span	{
float:left;
margin:0 0 0 5px;
color:#c70202;
}

#formulier .checkbox, #formulier #verstuur	{
width:auto;
background:none;
border:none;
font-weight:bold;
color:#00316d;
cursor:pointer;
font-size:13px;
font-family:'MyriadProBoldItalic';
}

#formulier #verstuur	{
margin:20px 0 0 150px;
clear:both;
text-align:left;
}
/* /contact & nieuwsbrief formulier */

/* thickbox */

#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}

.TB_overlayBG {
background-color:#000;
-khtml-opacity:.75;
-moz-opacity:.75;
-ms-filter:�alpha(opacity=75)�;
filter:alpha(opacity=75);
opacity:.75;
}

* html #TB_overlay { /* ie6 hack */
 position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}

#TB_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}

#TB_closeWindow{
height:25px;
padding:11px 25px 10px 0;
float:right;
}

#TB_closeAjaxWindow{
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}

#TB_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}

#TB_title{
background-color:#e8e8e8;
height:27px;
}

#TB_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
padding:15px;
}

#TB_ajaxContent p{
padding:5px 0px 5px 0px;
}

#TB_load{
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
 position: absolute;
 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}

#TB_closeWindowButton	{
color:#00316d;
}
/* /thickbox */

.paasei {
	display: none;
	position: absolute;
	z-index: 1;
}
.paasei img {
	border-width: 0px;
	max-width: 100px;
	max-height: 100px;
}

/**
	ZOOVER
**/
.zoover {
	display: block;
	width: 150px;
	border: 2px solid #78B9FC;
	text-align: center;
}
	.zoover span {
		display: block;
	}
	.zoover .header {
		color: #FF5D10;
	    font-size: 11px;
	    font-weight: bold;
	    padding: 10px;

	}
	.zoover .cijfer {
		font-size: 45px;
	    font-weight: bold;
	    line-height: 45px;
	    color: #0B1560;
	    text-align: center;
	}
	.zoover .footer {
		background: url("http://www.zoover.nl/shared/images2/nl/logosummaryw120.png") center center no-repeat #F55C12;
		height: 24px;
	}

/**
	Veiling banner countdown
**/
#vbc_container {
	display: block;
	background-color: #ffffff;
	position: absolute;
	margin-top: 50px;
	margin-left: 22px;
	padding-top: 10px;
	width: 178px;
	height: 85px;
	color: #fff;
	font-size: 130%;
	text-align: center;
}
#veilingbanner_countdown {
	background-color: #000000;
	color: #ffffff;
	display: block;
	font-size: 100%;
	margin-top: 10px;
}
