/*
Theme Name: Tof
Theme URI: http://tofblad.nl/
Version: 1.0
Author: Edwin Siebel
Author URI: http://edwinsiebel.nl/
*/


html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #000099 url(./images/bg_body.gif) repeat-y;
	font-family: Arial, helvetica, sans-serif;
	color:#000;
	overflow: -moz-scrollbars-vertical;
}

#page {
	position:relative;
	text-align:left;
	width:730px;
}

#wrapper {
	position:relative;
	text-align:left;
	width:100%;
}

#main {
	position:relative;
	margin:0;
}

#logo {
	background: transparent url(./images/head.gif) no-repeat;
	height: 54px;
}

#logo img {
	position: absolute;
	left: 280px;
	top: 54px;
}

#logo a {
	visibility:hidden;
}

#menu {
	position: fixed !important;
	position: relative; /* IE6 reads this */
	top: 85px;
	left: 1px;
	float:left;
	width:220px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:248px; /* actual value */
	z-index:100;
}

#nav a {
	display: block;
	text-decoration: none;
	border-bottom: 0px;
	font-weight: bold;
	color: #000;
	letter-spacing: 1px;
	font-size: 1.2em;
	padding: 13px 2px 0 70px;
	height: 29px;
	width: 188px;
}

#nav .welkom-bij-tof a {
	background: transparent url(./images/welkom-bij-tof.png) no-repeat 0px 0px;
}

#nav .welkom-bij-tof a:hover {
	background: transparent url(./images/welkom-bij-tof.png) no-repeat 0px -42px;
}

#nav .welkom-bij-tof.current_page_item a {
	background: transparent url(./images/welkom-bij-tof.png) no-repeat 0px -84px;
}

#nav .tof-kookboek a {
	background: transparent url(./images/kookboek.png) no-repeat 0px 0px;
}

#nav .tof-kookboek a:hover {
	background: transparent url(./images/kookboek.png) no-repeat 1px -42px;
}

#nav .tof-kookboek.current_page_item a {
	background: transparent url(./images/kookboek.png) no-repeat 0px -84px;
}

#nav .wil-jij-in-tof a {
     	background: transparent url(./images/wil-jij-in-tof.png) no-repeat 0px 0px;
}

#nav .wil-jij-in-tof a:hover {
	background: transparent url(./images/wil-jij-in-tof.png) no-repeat 0px -42px;
}

#nav .wil-jij-in-tof.current_page_item a {
	background: transparent url(./images/wil-jij-in-tof.png) no-repeat 0px -84px;
}

#nav .wie-maakt-tof a {
	background: transparent url(./images/wie-maakt-tof.png) no-repeat 0px 0px;
}

#nav .wie-maakt-tof a:hover {
	background: transparent url(./images/wie-maakt-tof.png) no-repeat 0px -42px;
}

#nav .wie-maakt-tof.current_page_item a, #nav .current_page_ancestor.current_page_parent a {
	background: transparent url(./images/wie-maakt-tof.png) no-repeat 0px -84px;
}

#nav .abonnement a {
	background: transparent url(./images/abonnement.png) no-repeat 0px 0px;
}

#nav .abonnement a:hover {
	background: transparent url(./images/abonnement.png) no-repeat 0px -42px;
}

#nav .abonnement.current_page_item a, #nav .abonnement.current_page_ancestor.current_page_parent a {
	background: transparent url(./images/abonnement.png) no-repeat 0px -84px;
}

#nav .winnaars-puzzel a {
	background: transparent url(./images/winnaars-puzzel.png) no-repeat 0px 0px;
}

#nav .winnaars-puzzel a:hover {
	background: transparent url(./images/winnaars-puzzel.png) no-repeat 0px -42px;
}

#nav .winnaars-puzzel.current_page_item a {
	background: transparent url(./images/winnaars-puzzel.png) no-repeat 0px -84px;
}

#nav .tof-nieuws a {
	background: transparent url(./images/tof-nieuws.png) no-repeat 0px 0px;
}

#nav .tof-nieuws a:hover {
	background: transparent url(./images/tof-nieuws.png) no-repeat 0px -42px;
}

#nav .tof-nieuws.current_page_item a, #nav .tof-nieuws.current_page_parent a {
	background: transparent url(./images/tof-nieuws.png) no-repeat 0px -84px;
}

#nav .toffe-uitstapjes a {
	background: transparent url(./images/toffe-uitstapjes.png) no-repeat 0px 0px;
}

#nav .toffe-uitstapjes a:hover {
	background: transparent url(./images/toffe-uitstapjes.png) no-repeat 0px -42px;
}

#nav .toffe-uitstapjes.current_page_item a {
	background: transparent url(./images/toffe-uitstapjes.png) no-repeat 0px -84px;
}

#nav .toffe-links a {
	background: transparent url(./images/toffe-links.png) no-repeat 0px 0px;
}

#nav .toffe-links a:hover {
	background: transparent url(./images/toffe-links.png) no-repeat 0px -42px;
}

#nav .toffe-links.current_page_item a {
	background: transparent url(./images/toffe-links.png) no-repeat 0px -84px;
}

#nav .contact a {
      background: transparent url(./images/contact.png) no-repeat 0px 0px;
}

#nav .contact a:hover {
	background: transparent url(./images/contact.png) no-repeat 0px -42px;
}

#nav .contact.current_page_item a {
	background: transparent url(./images/contact.png) no-repeat 0px -84px;
}

#nav .page-item-178 {
	padding-top: 20px;
}

#socialmedia {
	position: absolute;
	top: 500px;
	left: 100px;
	width: 159px;
	height: 24px;
}

#socialmedia a:link {
	text-decoration: none;
	border: none;
}

#lettergrootte {
	position: fixed;
	top: 57px;
	left: 45px;
	width:159px;
	z-index:99;
	height: 24px;
}

#letter li {
	height: 24px;
	padding-bottom: 7px;
	float: left;
	display: block;
	width: 72px;
}

#letter span {
	display: none;
	visibility: hidden;
	text-decoration: none;
}

#letter a {
	text-decoration: none;
	border-bottom: 0;
	display: block;
	height: 24px;
	width: 88px;
}

#letter .normaal a {
      background: transparent url(./images/normaal.png) no-repeat 0px 0px;
}

#letter .normaal a:hover {
	background: transparent url(./images/normaal.png) no-repeat 0px -24px;
}

#letter .normaal a.current_page_item {
	background: transparent url(./images/normaal.png) no-repeat 0px -48px;
}

#letter .groter a {
      background: transparent url(./images/groter.png) no-repeat 0px 0px;
}

#letter .groter a:hover {
	background: transparent url(./images/groter.png) no-repeat 0px -24px;
}

#letter .groter a.current_page_item {
	background: transparent url(./images/groter.png) no-repeat 0px -48px;
}

#letter .grootst a {
      background: transparent url(./images/grootst.png) no-repeat 0px 0px;
}

#letter .grootst a:hover {
	background: transparent url(./images/grootst.png) no-repeat 0px -24px;
}

#letter .grootst a.current_page_item {
	background: transparent url(./images/grootst.png) no-repeat 0px -48px;
}

#letter .zwartwit a {
      background: transparent url(./images/zwartwit.png) no-repeat 0px 0px;
}

#letter .zwartwit a:hover {
	background: transparent url(./images/zwartwit.png) no-repeat 0px -24px;
}

#content {
	padding: 0 258px;
	width: 600px;
}

table.container {
	height:480px;
	width: 700px;
	padding:0px;
}

table.container TD.head {
	padding:0px;
	height:18px;
	background-image:url(./images/bg_table_top.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:white;
}

table.container TD.contentLeftTop {width:11px;background-image:url(./images/bg_table_left.gif);background-repeat:repeat-y;background-color:white;}
table.container TD.contentLeft {width:11px;background-image:url(./images/bg_table_left.gif);background-repeat:repeat-y;background-color:white;height:100%;}
table.container TD.contentLeftBottom {width:11px;}
table.container TD.contentMiddle {padding:5px;padding-top:0px;background-color:white;height:100%;}
table.container TD.contentRightTop {width:11px;background-image:url(./images/bg_table_right.gif);background-position:right;background-repeat:repeat-y;background-color:white;}
table.container TD.contentRight {width:11px;background-image:url(./images/bg_table_right.gif);background-position:right;background-repeat:repeat-y;background-color:white;height:100%;}
table.container TD.contentRightBottom {width:11px;background-color:transparent;}
table.container TD.content {
	padding:5px;
	background-color:white;
}

table.container TD.footer {
	padding:0;
	background: transparent url(./images/bg_table_bottom.gif) repeat-x top;
}

a:link, a:focus {
	text-decoration: none;
	border-bottom: 1px dotted #000;
	color: #000;
}

a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #000;
	color: #000;
}

a:hover {
	border-bottom: 1px solid #000;
}

.post {
	width: 100%;
	margin: 1px;
	padding-top: 3px;
	height: 440px;
	overflow: auto;	
}

h2 {
	font-size: 1.6em;
}

.entry {
	line-height: 1.5em;
	clear: both;
}

.entry h2 {
	padding-top: 10px;
}

.entry ul {
	margin-top: -10px;
	list-style-type: circle;
	font-size: 1em;
}

.entry ol ul {
	margin-top: 0px;
	font-size: 1em;
	line-height: 1.5em;
}

.entry li {
	padding: 2px 5px;
	margin-left: 30px;
}

.entry td, .entry p {
	padding: 10px;
	font-size: 1.2em;
}

.entry span.hidden {
	visibility: hidden;
	display: none;
	height: 1px;
}

.entry #links {
	list-style-type: none;
}

.entry #links li h2 {
	padding-top: 10px;
	font-size: 1em;
}

.entry #links ul {
	margin: 10px;
}

.entry #links ul li {
	margin-left: -5px;
	font-size: 0.8em;
}

.entry .leden {
	width: 90%;
	clear: left;
}

.entry .leden img {
	float: left;
}

.uitstapjes {
	padding-top: 10px;
	width:99%;
	position:relative;
	right:50%;
	padding: 10px;
}

.uitstapjes h3 {
	font-size: 1.3em;
	padding-bottom: 10px;
}

.uitstapjes table tr {
	height: 30px;
	font-size: 1.2em;
}

.uitstapjes .col1 .wat {
	width: 190px;
	font-weight: bold;
	text-align: right;
	padding-right: 15px;
	width: 100px;
}

.uitstapjes .col1 {
	padding-top: 20px;
	float:left;
	width:300px;
	position:relative;
	left:52%;
}

.uitstapjes .col2 {
	padding-top: 20px;
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	clear: right;
	}

.alignleft {
	float: left;
	clear: left;
	}
/* End Images */

#footer {
	position:relative;
	top:1px;
	clear:both;
	margin:0;
	padding:1px 0;
}

/* clearfix */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	min-width: 0;		        /* trigger hasLayout for IE7 */
	display: inline-block;
	/* \*/ display: block;	/* Hide from IE Mac */
}

* html .clearfix {
	/* \*/  height: 1%;	    /* Hide from IE Mac */
}