/* yahoo css reset - version: 2.7.0 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* sterc-typography */
html, body { background-color: #F3F2EF; }
* { font-family: Arial, "Lucida Grande", Helvetica, "Sans-Serif"; line-height: 1.4em; }
p, li { font-size: 12px; }
p { padding: 0 0 1em 0; }
a { text-decoration: none; }
	a:hover { text-decoration: underline; }
strong { font-weight: bold; }
i { font-style: italic; }

h1 { font-size: 24px; font-weight: bold; color: #4bb4e3; padding: 5px 0; }
h2.comment-h2, h2.weblog-h2, h2.weblog-h2 a { color: #4bb4e3 !important; font-size: 16px !important; font-weight: bold; }
h4 { font-size: 13px; font-weight: bold; padding: 3px 0; }

select { border: 1px solid #ccc; padding: 3px; height: 20px; font-size: 14px; }
	select optgroup { font-weight: bold; }
	select option { padding: 3px 2px 3px 6px; font-weight: bold; }
		select optgroup option { padding: 3px 0 3px 10px; font-weight: normal; }
	select#objecten { position: absolute; top: 22px; right: 13px; width: 170px; height: 25px; }

/* sterc-borders */
#mmenu, #home-main { border-left: 1px solid #fff; border-right: 1px solid #fff; }

/* sterc-positioning */
body { background: url(../images/design/bg.jpg) repeat-x; }
#wrap { width: 978px; margin: 0 auto; position: relative; }

#header { position: relative; height: 144px; }
	#header #slogan { position: absolute; left: 145px; top: 5px; }
	#header #nieuwsbrief-inschrijven { position: absolute; left: 620px; top: 10px; }
	#header #last-minute-top { position: absolute; top: 0; z-index: 1; right: 76px; top: 0; }
	#header #twitter { position: absolute; top: 7px; z-index: 2; right: 0; }
	#header #menu { position: absolute; z-index: 2; top: 82px; padding: 0 1px; left: 0; }
		#header #menu li { display: inline; }
			#header #menu a { float: left; /* width: 154px; */ height: 30px; line-height: 30px; text-align: center; background: url(../images/design/menu-bgr.jpg) no-repeat right; margin: 0 2px 0 0; color: #41697b; font-size: 16px; }
				#header #menu a span { height: 30px; line-height: 30px; background: url(../images/design/menu-bgl.jpg) no-repeat; display: block; padding: 0 25px; }
			#header #menu a:hover, #header #menu li.active a { background: url(../images/design/menu-bg-hoverr.jpg) no-repeat right; text-decoration: none; color: #122b36; }
				#header #menu a:hover span, #header #menu li.active a span { height: 30px; line-height: 30px; background: url(../images/design/menu-bg-hoverl.jpg) no-repeat; display: block; padding: 0 25px; }
		#header #mmenu { height: 32px; line-height: 32px; width: 976px; background-color: #4bb4e3; position: absolute; top: 112px; left: 0; }
			#header #mmenu li { display: inline; }
			#header #mmenu li a { display: block; float: left; height: 32px; line-height: 32px; font-size: 16px; color: #fff; padding: 0 11px; }
			#header #mmenu li a:hover, #header #mmenu li.active a { text-decoration: none; background-color: #00a0e8; }
	#header #flags { position: absolute; z-index: 2; text-align: right; right: 3px; top: 85px; }
		#header #flags > li { display: inline; }
		#header #flags img { border: 1px solid #fff; }
		#header #flags a:hover img { border: 1px solid #eee; }

#home-main { height: 268px; padding: 0 0 20px 0; }
	#carousel { width: 715px; height: 287px; float: left;}
		#carousel-holder { width: 474px; height: 287px; position: relative; overflow: hidden; float: left; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
		#carousel-items { width: 474px; height: 287px; position: absolute; }
			#carousel-items li { float: left; width: 474px; }
		#carousel-controls { width: 240px; height: 287px; float: right; }
			#carousel-controls li { background-color: #d9d3be; width: 224px; height: 70px; overflow: hidden; display: block; border-bottom: 1px solid #fff; padding: 5px 5px 20px 11px; margin: 0; }
				#carousel-controls li:hover,  #carousel-controls li.active { background: url(../images/design/carousel.png) no-repeat; cursor: pointer; }
			#carousel-controls * { color: #fff; font-size: 15px; }
			#carousel-controls h4, #carousel-controls p a { font-weight: bold; }
			#carousel-controls p { padding: 0; }
			#carousel-controls p.c-link { padding: 7px 0 0 0; }
	#zoek-boek { float: right; width: 260px; height: 287px; background-color: #aecfdd; border-left: 1px solid #fff; border-bottom: 1px solid #fff; position: relative; }
		#zoek-boek h2 { padding: 10px 10px 0 10px; font-size: 17px; }
		#zb-form { padding: 0 10px 15px 10px; }
		#zb-form label, #zoek-boek h2 { color: #fff; }
		#zb-form p { padding: 0; color: #fff; }
			#sidebar #zb-form p { color: #333; }
			#accommodatie { width: 205px; }
		h2.zb-header { font-weight: bold !important; }
		#zb-form label { font-size: 15px; font-weight: bold; display: block; padding: 5px 0 0 0; }
		#zb-form select { display: block; font-size: 12px; color: #333; border: 0; background-color: #fff; padding: 2px 4px; }
			#zb-form option { }
			#da_dag, #da_maand, #da_jaar { float: left; margin: 0 4px 9px 0; }
			#zb-submit { clear: both; background: url(../images/design/zb-submit.png) 0 1px no-repeat; width: 260px; height: 56px; margin: 0 0 0 -10px; display: block; border: 0; text-indent: 300px; overflow: hidden; cursor: pointer; position: absolute; bottom: 0; }
			
#main { }
	#main-columns { }
	
	.mc-4, .mc-4-wide { float: left; margin: 9px 9px 4px 0; }
	.mc-4 { width: 227px; background: url(../images/design/mc-4.png) 0 100%; padding: 1px; }
	.mc-4-wide { width: 262px; background: url(../images/design/mc-4-wide.png) 0 100%; margin-right: 0; }
		.mc-4 h2 { background-color: #4bb4e3; height: 30px; line-height: 30px; font-size: 16px; font-weight: normal; text-indent: 5px; color: #fff; }
	.home-mid .mc-4, .home-mid mc-4-wide { height: 425px; }
		.home-mid .mc-4 .center img { padding: 10px 0 0 0; }
	.home-mid a.mc-header { height: 152px; display: block; }
	
	.mc-4 ul { padding: 10px 0 20px 10px; }
		.mc-4 ul li { background: url(../images/design/li-bg.png) no-repeat 0 6px; padding: 5px 0 5px 20px; }
	.mc-4 p { padding: 0 0 16px 10px; }
	.mc-4 a, .mc-4 a { color: #000; font-weight: bold; }
		.calendar a { font-weight: normal !important; }
	.fullwidth { background: url("../images/design/details-bg-full.png") no-repeat scroll 0 100% transparent !important; }
	
	.line-list { }
		.line-list li { padding:5px 10px; border-top: 1px solid #D7D3CC; color: #333; }
			.line-list li.noborder { border: 0; }
		.line-list h2, .line-list h3 { font-size: 12px; font-weight: bold; }
		.line-list a { color: #333; text-decoration: none; }
			.line-list a:hover { text-decoration: underline; }

#boeken-sidebar h2, #sidebar h2 { font-size: 24px; font-weight: bold; color: #4bb4e3; padding: 15px 0 5px 0; clear: both; }
	#sidebar h2 { padding-top: 0; }
	#boeken-sidebar td { color: #333333; }
	.price { font-size: 32px; font-weight: bold; color: #d80025; }

.mc-4 .center { text-align: center; padding: 0; }
.min10 { margin-top: -10px; }

html .calendar { width: 100%; padding: 0; }
	html .calendar li { background: none; border-bottom: 1px solid #d7d3cc; }
	html .calendar li.last { border: 0; }
	
#main-details { background: url(../images/design/details-bg.png) 0 100% repeat-y; margin: 0 0 10px 0; }
	.md-2 { width: 470px; float: left; padding: 12px 12px; position: relative; }
	.md-2-wide { width: 720px; }
		.md-2-content { clear: both; }
		.md-2-content h2 { font-size: 13px; font-weight: bold; padding: 10px 0 0 0; }
		h3.ervaringen { font-size: 16px; font-weight: bold; padding: 20px 0 0 0; color: #4BB4E3; }
	.md-4 { width: 220px; float: left; padding: 0 12px; }
		#properties-sidebar { padding-top: 22px; }
		#boeken-sidebar, #faciliteiten, #sidebar { padding: 20px 0 0 22px; width: 210px; }
		#faciliteiten, #faciliteiten-sidebar { padding-top: 56px; }
	.md-2 p a, .md-4 p a { font-weight: bold; color: #000; }

.gallery { }
	.gallery .thumbs li { padding: 2px 3px; }
	.gallery center form { padding: 20px 0 0 0; }
	.gallery .thumbs img { float: left; padding: 2px 0 0 1px; cursor: pointer; }
	
.review { padding-top: 10px; border-top: 1px solid #D7D3CC; margin: 5px 0 15px 0; }
	.rv-left { float: left; }
		.rv-left a { color: #666; text-decoration: none; font-style: italic; }
			.rv-left a:hover { text-decoration: underline; }
	.rv-right { float: right; width: 280px; padding-right: 5px; }
		.rv-right h3 { font-weight: bold; }
		.review-overview .rv-right { width: 500px; }
			.review-overview2 .rv-right { width: 450px; }
	
/** cta's **/
html .cta-green, .row .cta { width: 178px; height: 29px; line-height: 29px; color: #fff; text-align: center; font-size: 16px; font-weight: bold; background: url(../images/design/cta-green.png) no-repeat; display: block; }
	.mc-4 .cta-green { margin: 0 0 0 15px; }

#footer-wrap { width: 100%; position: relative; padding: 15px 0 0 0; clear: both; background-color: #F3F2EF; height: 250px; }
	#footer-l, #footer-r { position: absolute; left: 50%; }
		#footer-l *, #footer-r * { color: #666; }
	#footer-l { width: 680px; margin: 0 0 0 -490px; }
		#footer-l h3 { font-size: 12px; color: #333; font-weight: bold; }
		#footer-l > li { float: left; width: 234px; height: 120px; padding: 0 3px 20px 3px; }
			#footer-l > li.narrow { width: 194px; }
	#footer-r { width: 240px; margin: 0 0 0 250px; }
		#footer-r #footer-links > li { width: 80px; float: left; }
		#footer-r #footer-logos { padding: 110px 0 0 0; }
			#footer-r #footer-logos > li { float: left; }
		#footer-r p { clear: both; }
		
.clearboth { clear: both; }
#mh { float: right; height: 882px; width: 1px; visibility: hidden; }

#content ul li, #sidebar ul li { margin: 0 0 0 20px; list-style: disc; color: #333; }
	#sidebar ul li { margin: 0 0 0 14px; }
#content a, #sidebar a { color: #333; font-weight: bold; }
	#content a:hover, #sidebar a:hover { text-decoration: underline; }
	
#content .spacelist li { padding: 5px 0; }
	#content .spacelist li a { font-weight: normal; }
	
.row { clear: both; padding: 3px 0; }
	.row label { text-align: right; width: 110px; padding: 0 10px 0 0; display: block; float: left; }
	.row .error { color: #f00; margin: 2px 0 0 122px; padding: 2px 0 0 20px; clear: both; display: block; font-weight: bold; background: url(../images/design/error.png) no-repeat; }
	.row textarea, .row input[type=text] { float: left; }
	.row textarea { width: 300px; }
	.row input[type=text] { width: 250px; }
	.row .cta { margin: 0 0 0 120px; border: 0; cursor: pointer; }
		.row .cta:hover { text-decoration: underline; }
	.star { font-weight: bold; font-size: 30px; height: 20px; line-height: 20px; overflow: hidden; position:relative; left:5px; top:7px; }
	
.faciliteit { width: 150px; float: left; padding: 15px 15px 30px 15px; height: 320px; }
	.faciliteit h2, #content .faciliteit h2 a { font-size: 16px; color: #4BB4E3; }
	
.accomodatie { width: 300px; float: left; padding: 15px 45px 30px 15px; height: 320px; }
	.accomodatie h2, #content .accomodatie h2 a { font-size: 16px; color: #4BB4E3; }
	
.active a { font-weight: bold; /*padding: 0 10px !important;*/}

/** google maps **/
#map { width: 720px; height: 400px; }
.legenda { }
	#sidebar .legenda li { list-style: none; margin: 0; clear: both; padding: 8px 0; }
	.l-kleur { width: 25px; height: 25px; float: left; }
	.l-omschrijving { float: left; margin: 1px 0 0 5px; line-height: 25px; }
	
/** maps popup **/
#map_popup {
	background-color:#FFFFFF;
	border:1px solid #EEEEEE;
	display:none;
	margin-left:-150px;
	opacity:0.95;
	padding:10px;
	position:absolute;
	right:10px;
	top:20px;
	width:300px;
	z-index:11;
}
#map_popup h2 {
	color:#333333;
	font-size:20px;
	font-weight:bold;
	line-height:37px;
	padding:0 0 20px;
	text-transform:capitalize;
}
#map_popup h2 img {
	float:left;
	padding:0 10px 0 0;
}
#map_popup .close {
	cursor:pointer;
	display:block;
	float:right;
	padding:3px 6px;
}
	#map_popup .close:hover {
	font-weight:bold;
}

/** zoek boek **/
.zoekboek-tabel {
	width: 500px;
}
	.zoekboek-tabel td { padding: 4px; }
	.zoekboek-tabel th { padding: 4px 8px; background-color: #4BB4E3; color: #fff; font-weight: bold; }
	
.weer { position: relative; height: 152px; }
	.weer .img { margin-left: 145px; }
	.weer * { color: #4bb4e3; }
	.weer-temp { position: absolute; font-size: 36px; left: 18px; top: 30px; }
	.weer-info { position: absolute; width: 100%; text-align: center; }
	
#kaart #sidebar ul li { list-style: none; padding-left: 0; margin-left: 0; line-height: 25px; }
	#kaart #sidebar ul li img { margin: -5px 7px 0 0; float: left; }
	
#sidebar #zb-form { padding: 0 0 10px 0; margin-left: -8px; }
#sidebar #zb-submit { background: url("../images/design/zb-submit.png") no-repeat scroll -28px 1px transparent; height:56px; width: 229px; }
#sidebar label { color: #333; }
#sidebar .zb-header { margin-left: -10px; }

#boeken-sidebar #zoek-boek { margin:-19px -7px 0 0; width:228px; height:298px; }
	#boeken-sidebar #zoek-boek h2 { font-size:17px; padding:10px 10px 0; color: #fff; }
	#boeken-sidebar #zoek-boek #zb-submit { background: url(/assets/images/design/zb-submit-222.png) no-repeat scroll 0 1px transparent; }
	#boeken-sidebar .zoekboek-tabel { width: 210px; background-color: #fff; }
		#boeken-sidebar .zoekboek-tabel td { border-top: 1px solid #ccc; }
	
#sidebar #zoek-boek { float:none; margin:-19px 0 0 -19px; padding-left:18px; width:211px; }
	#sidebar #zoek-boek p, #sidebar #zoek-boek label { color: #fff; padding: 0 10px 0 0; }
	#sidebar #zoek-boek h2{ font-size:17px; padding:5px 10px 0 3px; color: #fff; }
	
p.notice { padding: 1.5em 0 0 0; clear: both; color: #666; }

.form label { font-weight: bold; display: block; margin-top: 20px; }
	.form #content { width: 300px; height: 200px; }
	.form #comment-submit { margin: 10px 0; display: block; }

.comment-text { width: 600px; float: left; }
.mod-icons { text-align: right; width: 120px; display: block; float: left; padding: 10px 0 0 0; }
.comment-row { clear: both; padding: 15px 0 0 0; }
.comment-hr { width: 100%; display: block; height: 0; padding-top: 10px; color: #fff; background-color: #fff; border: 0; border-bottom: 1px solid #ccc; }
.weblog-image { padding: 0 10px 10px 0; }

#mid317 a { background-color: #FE9112; }

.myForm td { padding: 4px !important; }
h2.last-minute-h2 { color: #4BB4E3; font-size: 15px; }
.last-minute { position: relative; border-bottom: 1px solid #E8F2F7; padding: 15px 0 10px 0; }
.last-minute .price { width: 220px; position: relative; top: 0; font-size: 12px; }
.last-minute .right { width: 400px; position: relative; top: -30px; left: 230px; }

iframe { border: 0; }

#open_popup {
	display: block;
	width: 260px;
	height: 56px;
  background-image: url("http://www.kleinvaarwater-ameland.nl/assets/images/design/zb-submit.png");
  background-repeat: no-repeat;
  background-position: top left;
	border: none;
	clear: both;
	display: block;
	margin-top: 20px;
	position: absolute;
	bottom: 0px;
	left: 0;
	text-indent: -9999px;
	overflow: hidden;
	}
	
	
/* sidebar zoek en boek tabs */
.tabs {
	position: absolute;
}
.tabs span {
	font-size: 12px;
	padding: 5px 0 3px 0;
	background-color: #40B2E6;
	color: #fff;
	text-align: center;
	float: left;
	width: 130px;
	display: block;
	height: 18px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	cursor: pointer;
}
.tabs span.active {
	background-color: #FF9000;
}
.tab1_link {
	border-right: 1px solid #fff;
	width: 129px !important;
}
.tab1 {
	display: block;
	overflow: hidden;
	height: 287px;
}
.tab2 {
	display: none;
}

/********    Boodschappen service **********/

#naw {width: 360px; float: left; display: block;}
#naw h3, #boodschappen h3 { font-weight: bold; padding-top: 15px;}
#naw #cartTotal { position: fixed; left: 50%; margin-left: 250px; }
#naw .row label { clear: both; text-align: left; width: 245px;  }
#naw .row .error { margin: 2px 0 0 22px; }
#naw .row .star { right: 0; top: 3px; font-size:20px; }
#boodschappen { width: 360px; display:block; float:right;}
#boodschappen ul, #boodschappen ul li, #naw ul, #naw ul li { list-style: none; }
#boodschappen .row label { width: 240px; text-align: left; }
#boodschappen .row span { text-align: right; width: 40px; }
#boodschappen .row input[type="text"] { float: right; width: 30px; text-align: center;}

.totalNotice { float: right; color: #999; margin: 8px 60px 0 0;}