/* 
Theme Name: Sinterklaashuis
Theme URL: http://www.sinterklaashuis.nl
Description: Wordpress Thema voor het Sinterklaashuis in Dordrect
Author: Mediabom
Author URI: http://www.mediabom.nl
Version: 1.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}

/* global styles */

* {margin:0;padding:0; line-height: 1.5;}
body, html {font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; background: url(images/bg.jpg) repeat-x #a00705; color: #fff;}
b, strong {font-weight: bold;}
i, em {font-style: italic;}

img.alignleft {float: left; margin: 0 5px 15px 0;}
img.alignright {float: right;}

/* link styles */
a {color: #fff100; text-decoration: none; border-bottom: 1px solid #fff100;}
	a:hover {text-decoration: none; border-bottom: 1px dashed #fff100;}

/* color styles */
.geel {color: #fff200;}

/* headers */
h1 {font-size: 24px; margin: 10px 0 10px 0;}
	h1.welkom {background: url(images/header-welkom.png); width: 211px; height: 62px; margin: 15px 0 15px 0;}
	h1.nieuwtjes {background: url(images/header-nieuwtjes.png); width: 246px; height: 86px;}
	h1.over {background: url(images/header-over.png); width: 571px; height: 84px;}
	h1.planbezoek {background: url(images/header-planbezoek.png); width: 341px; height: 74px;}
	h1.contact {background: url(images/header-contact.png); height: 81px; width: 202px;}
	h1.kamers {background: url(images/header-kamers.png); width: 446px; height: 78px;}
	h1.sponsoren {background: url(images/header-sponsoren.png); width: 250px; height: 72px;}
	h1.dagboek {background: url(images/header-dagboek.png); width: 563px; height: 83px;}
h2 {}
h3 {color: #fff100; font-size: 11px; font-weight: bold;}
h4 {}

/* layout styles */

#container{position: relative; width: 805px; text-align: left; padding: 76px 0 0 0;}

	#header {position: relative; height: 203px; background: #fff; width: 791px; padding: 7px 7px 0 7px;}
		#logo a{background: url(images/logo.png); height: 187px; width: 301px; display: block; position: absolute; border: 0; top: -80px; left: -40px;}
		#overlay1 a{background: url(images/overlay1.png); width: 266px; height: 266px; display: block; position: absolute; border: 0; top: -80px; left: 360px;}
	#menu {height: 40px; background: #fff;}
		#menu ul {}
			#menu ul li {display: block; float: left;}
				#menu ul li.welkom a{background: url(images/menu-welkom-off.jpg); width: 82px; height: 40px; display: block; border: 0px;}
					#menu ul li.welkom a:hover, #menu ul li.welkom a.selected {background: url(images/menu-welkom-on.jpg);}
				#menu ul li.kamers a{background: url(images/menu-kamers-off.jpg); width: 151px; height: 40px; display: block; border: 0px;}	
					#menu ul li.kamers a:hover, #menu ul li.kamers a.selected{background: url(images/menu-kamers-on.jpg);}
				#menu ul li.planbezoek a{background: url(images/menu-planbezoek-off.jpg); width: 119px; height: 40px; display: block; border: 0px;}
					#menu ul li.planbezoek a:hover, #menu ul li.planbezoek a.selected{background: url(images/menu-planbezoek-on.jpg);}
				#menu ul li.over a{background: url(images/menu-over-off.jpg); width: 197px; height: 40px; display: block; border: 0px;}
					#menu ul li.over a:hover, #menu ul li.over a.selected{background: url(images/menu-over-on.jpg);}
				#menu ul li.dagboek a{background: url(images/menu-dagboek-off.jpg); width: 82px; height: 40px; display: block; border: 0px;}
					#menu ul li.dagboek a:hover, #menu ul li.dagboek a.selected{background: url(images/menu-dagboek-on.jpg);}
				#menu ul li.contact a{background: url(images/menu-contact-off.jpg); width: 77px; height: 40px; display: block; border: 0px;}
					#menu ul li.contact a:hover, #menu ul li.contact a.selected{background: url(images/menu-contact-on.jpg);}
				#menu ul li.sponsoren a{background: url(images/menu-sponsoren-off.jpg); width: 97px; height: 40px; display: block; border: 0px;}
					#menu ul li.sponsoren a:hover, #menu ul li.sponsoren a.selected{background: url(images/menu-sponsoren-on.jpg);}
	#content {}
		#content-left {position: relative; width: 400px; float: left;}
			#content-left p {padding: 0 0 10px 0;}
		#content-right {position: relative; width: 370px; float: right;}

/* NIEUWTJES */

.cat-nieuwtjes {}
	.cat-nieuwtjes .nieuwtjes-post { float: left;}
		.cat-nieuwtjes .nieuwtjes-post.odd {margin: 0 20px 0 0;}
		.cat-nieuwtjes .nieuwtjes-post.even {}
			
	.nieuwtjes-post {color: #636363; position: relative;}
		.nieuwtjes-post.odd {margin: 0 0 15px 5px; background: url(images/nieuwtjes-klein-odd.png); width: 311px; height: 147px; padding: 15px;}
		.nieuwtjes-post.even { background: url(images/nieuwtjes-klein-even.png); width: 309px; height: 146px; padding: 15px; margin: 0 0 15px 0;}
	
		.plakband {background: url(images/plakband.png); height: 16px; width: 49px; position: absolute; top: -8px; left: 100px;}
	
		.nieuwtjes-post h2 a{font-size: 18px; color: #000; text-decoration: none; border: 0;}
		.nieuwtjes-meta {color: #660000; font-style: italic;}
		.nieuwtjes-leesmeer {margin: 10px 0 0 0;}
			.nieuwtjes-leesmeer a{background: url(images/nieuwtjes-pijl.png) left center no-repeat; padding: 0 0 0 10px; color: #660000; font-weight: bold; border: 0;}
		
		.nieuwtjes-link {float: right;}
			.nieuwtjes-link a {background: url(images/nieuwtjes-link.png) no-repeat; width: 149px; height: 34px; display: block; border: 0;}
	
	.nieuwtjes-full {background: #ffff99; color: #636363; padding: 10px;}
		.nieuwtjes-full p {padding: 0 0 10px 0;}
		.nieuwtjes-full a {color: #660000;}
		.nieuwtjes-full h2 {font-size: 18px; color: #000; text-decoration: none; border: 0;}
		.nieuwtjesfooter {background: url(images/nieuwtjesbg.png) no-repeat bottom; height: 73px; 815px;}

/* DAGBOEK */

.cat-dagboek {background: url(images/dagboek.png); width: 802px; height: 567px; position: relative; color: #636363;}
	.cat-dagboek-content {padding: 30px 30px 20px 45px;}
		.cat-dagboek-links {width: 375px; float: left;}
		.cat-dagboek-rechts {width: 340px; float: left;}
	.cat-dagboek h2 a{font-size: 18px; color: #000; text-decoration: none; border: 0;}
	.dagboek-smal {width: 330px; position: relative; margin: 0 0 30px 0;}
	.dagboek-smal.post-6 {position: absolute; top: 27px; left: 50px;}
	.dagboek-smal.post-5 {position: absolute; top: 180px; left: 50px;}
	.dagboek-smal.post-4 {position: absolute; top: 330px; left: 50px;}
	.dagboek-smal.post-3 {position: absolute; top: 27px; left: 420px;}
	.dagboek-smal.post-2 {position: absolute; top: 180px; left: 420px;}
	.dagboek-smal.post-1 {position: absolute; top: 330px; left: 420px;}

.dagboek-navigatie {}
	.dagboek-navigatie a {color: #000;}
	.dagboek-navigatie .ouder {position: absolute; top: 520px; left: 120px;}
	.dagboek-navigatie .nieuwer {position: absolute; top: 520px; left: 510px;}


.dagboek-full {color: #636363; background:url(images/dagboek-content.png) repeat-y; width: 774px;}
	.dagboek-full p {padding: 0 0 10px 0;}
	.dagboek-full a {color: #660000;}
	.dagboek-full-content { padding: 30px 50px 0 30px; background:url(images/dagboek-head.png) no-repeat;}
	.dagboek-full h2 { font-size: 18px; color: #000; text-decoration: none; border: 0; width: 774px;}
	.dagboekfooter {background: url(images/dagboek-footer.png) no-repeat bottom; height: 149px; position: relative;}
	
	a.dagboek-link {background: url(images/dagboek-link.jpg); width: 221px; height: 36px; display: block; position: absolute; right: 40px; bottom: 40px;}

/* FOOTER */

#footer {color: #000; position: relative; height: 200px; padding: 10px 0 0 130px; background: url(images/footerbg.png) no-repeat; margin: 10px 0 0 0;}
	#footer ul, li {list-style: none;}
	#footer ul {}
		#footer ul.menu {position: relative; width: 140px; float: left;}
		#footer ul.informatie {position: relative; width: 140px; float: left;}
		#footer ul.contact {position: relative; width: 170px; float: left;}
		#footer ul.website {}
		#footer ul li {}
			#footer ul li.header {color: #000; padding: 0 0 10px 0;}

	.mediabomlogo a { background: url(images/mediabomlogo.jpg) no-repeat top left; height: 16px; padding: 0 0 5px 20px; color: #fff; border: 0;}

#navigation {border: 0; background: transparent; clear: both; padding: 10px 0 0 0;}
	#navigation a {border: 0; background: transparent; color: #fff100; text-decoration: none; border-bottom: 1px solid #fff100;}
	#navigation a:hover {text-decoration: none; border-bottom: 1px dashed #fff100;}
	#navigation .wp-pagenavi {border: 0; background: transparent;}
	#navigation span.current {border: 0; background: transparent;}
	#navigation span.pages {border: 0; background: transparent;}
	#navigation span {border: 0; background: transparent;}

/* index styles */

.mijter {position: absolute; background:url(images/mijter.png); height: 117px; width: 115px; top: 280px; right: -90px; z-index:9;}

/* page styles */

.over p {padding: 0 0 10px 0;}

/* ---- home */

#hout-data {background:url(images/hout_data.png); width: 397px; height: 283px; position: relative; margin: 20px 0 0 0; font-size: 12px;}
	#hout-data .data {position: absolute; top: 80px; left: 50px;}
		#hout-data .data .links {}
		#hout-data .data .rechts {position: absolute; top: 0; left: 150px; width: 200px;}
	#hout-data .contact {position: absolute; left: 50px; top: 210px;}

/* ---- kamers */

.plattegrond {background: url(images/plattegrond.png) no-repeat; width: 771px; height: 528px; position: relative; margin: 10px 0 0 0;}
	.plattegrond a#troonzaal{display: block; position: absolute; width: 137px; height: 296px; top: 185px; left: 150px; border: 0;}
		.plattegrond a#troonzaal:hover{background:url(images/plattegrond-troonzaal.jpg);}
	.plattegrond a#postkamer{display: block; position: absolute; width: 96px; height: 90px; top: 399px; left: 288px; border: 0;}
		.plattegrond a#postkamer:hover{background:url(images/plattegrond-postkamer.jpg);}
	.plattegrond a#slaapkamer{display: block; position: absolute; width: 122px; height: 74px; top: 407px; left: 515px; border: 0;}
		.plattegrond a#slaapkamer:hover{background:url(images/plattegrond-slaapkamer.jpg);}	
	.plattegrond a#badkamer{display: block; position: absolute; width: 122px; height: 66px; top: 335px; left: 515px; border: 0;}
		.plattegrond a#badkamer:hover{background:url(images/plattegrond-badkamer.jpg);}		
	.plattegrond a#pakjeskamer{display: block; position: absolute; width: 122px; height: 71px; top: 258px; left: 515px; border: 0;}
		.plattegrond a#pakjeskamer:hover{background:url(images/plattegrond-pakjeskamer.jpg);}
	.plattegrond a#bakkerij{display: block; position: absolute; width: 122px; height: 67px; top: 188px; left: 515px; border: 0;}
		.plattegrond a#bakkerij:hover{background:url(images/plattegrond-bakkerij.jpg);}
		
.kamer-badkamer {position: relative; background: url(images/kamer-badkamer.png) no-repeat top left; width: 771px; height: 528px; margin: 10px 0 0 10px;}
.kamer-pakjeskamer {position: relative; background: url(images/kamer-pakjeskamer.png) no-repeat top left; width: 771px; height: 528px; margin: 10px 0 0 10px;}
.kamer-bakkerij {position: relative; background: url(images/kamer-bakkerij.png) no-repeat top left; width: 771px; height: 528px; margin: 10px 0 0 10px;}
.kamer-slaapkamer {position: relative; background: url(images/kamer-slaapkamer.png) no-repeat top left; width: 771px; height: 528px; margin: 10px 0 0 10px;}
.kamer-postkamer {position: relative; background: url(images/kamer-postkamer.png) no-repeat top left; width: 771px; height: 528px; margin: 10px 0 0 10px;}
.kamer-troonzaal {position: relative; background: url(images/kamer-troonzaal.png) no-repeat top left; width: 771px; height: 528px; margin: 10px 0 0 10px;}


.plattegrond-link {position: relative; height: 40px;}
	.plattegrond-link a {background: url(images/plattegrond-link.png); border: 0; width: 221px; height: 36px; display: block; position: absolute; right: 40px; bottom: 0px;}	
		.plattegrond-link a:hover {border: 0;}
/* ---- planbezoek */

.page-planbezoek {margin: 95px 0 0 0;}
.planbezoekmenu {background: url(images/planbezoek-menubg.png); width: 396px; height: 282px; margin: 20px 0 0 0; position: relative;}
	.planbezoekmenu ul {position: absolute; top: 35px; left: 35px;}
		.planbezoekmenu a {border: 0;}
		.planbezoekmenu ul li {padding: 0 0 5px 0;}
	.planbezoekmenu .openingstijden {background: url(images/submenu-openingstijden.jpg) no-repeat; display: block; width: 329px; height: 50px; border: 0;}
	.planbezoekmenu .route {background: url(images/submenu-route.jpg) no-repeat; display: block; width: 329px; height: 50px; border: 0;}
	.planbezoekmenu .toegankelijkheid {background: url(images/submenu-toegankelijkheid.jpg) no-repeat; display: block; width: 329px; height: 50px; border: 0;}
	.planbezoekmenu .info {background: url(images/submenu-info.jpg) no-repeat; display: block; width: 329px; height: 50px; border: 0;}
#content-left ul {}
	#content-left li {padding: 0 0 0 15px; background: url(images/bullet.jpg) no-repeat 0 5px;}
	
table#openingstijden {}
	table#openingstijden tr {}
		table#openingstijden td {height: 24px;}
			table#openingstijden td.gesloten {background: url(images/tijden-gesloten.png) no-repeat left; padding: 0 0 0 30px;}
			table#openingstijden td.open {background: url(images/tijden-open.png) no-repeat left; padding: 0 0 0 30px;}
			table#openingstijden td.weekend {background: url(images/tijden-weekend.png) no-repeat left; padding: 0 0 0 30px;}

/* ---- sponsoren */


/* widget styles */

.index-widget {width: 400px;}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {display: inline-block; } 
html[xmlns] .clearfix {display: block;}
* html .clearfix { height: 1%;}