html, body{
	height: 100%;
}

body{
	font:76%/150% "Lucida Grande",Georgia,Arial,Helvetica,Verdana,Geneva,sans-serif;
	margin: 0 1em;
	padding: 0;
	background: #333;
}

#houder{
	margin: 1px auto;
	min-height: 101%;
	max-width: 76em;
	background: #fff;
}

h1{
	height: 123px;
	background: url(../gfx/logo.gif);
	margin: 0 0 ;
	font-size: 1.5em;
}

h1 a{
	background: url(../gfx/logorechts.gif) no-repeat right 0;
	display: block;
	height: 123px;
	padding: 10px;
	color: #4B4B4B;
	text-decoration: none;
}

p{
	font-size: 1em;
	line-height: 1.8em;
	color: #333;
	margin: 0 0 1em;
}

a{
	color: #666;
}

#inhoud{
	margin: 0 272px 0 0;
	background: #fff;
	border: solid #333;
	border-width: 1px 0 0 0;
}

#inhoud form{
	padding: 0.6em 1.2em 0.8em;
	margin: 0 0 1em;
}

#inhoud .content form{
	padding: 0.6em 1.2em 0.8em 0;
	margin: 0 0 1em;
}

#inhoud form p{
	margin: 0;
}

.rss{
	background: url(../gfx/feed-icon-12x12.gif) right 0.2em no-repeat;
	padding: 0 17px 0 0;
	
}

.content{
	text-align: justify;
	margin: 0 1em 0;
	padding: 0 0 1.5em;
}

.content .storytitle{
	color: #000;
	font-family: georgia;
	margin: 0 0;
	text-align: left;
}

.content .storytitle a{
	color: #000;
	text-decoration: none;
	text-align: left;
}

.content h3, ol h3{
	font-size: 0.9em;
	margin: 0 0 1em;
	color: #666;
}

ol p{
	margin: 0 0 0.3em;
}

.content ol li{
	margin: 0 0 2em 0;
}

hr{
	width: 50%;
	color: #333;
	margin: 0 auto 2em;
	height: 1px;
	border: solid;
	border-width: 2px 0 0 0;
}

h4{
	font-size: 0.9em;
	margin: 0 0;
}

.copypaste{
	font-size: 0.9em;
}

.content ol{
	font-size: 0.9em;
	margin: 0 0 1em;
	padding: 0 0 0 15px;
}

.content ol a{
	color: #4B4B4B;
}

.content a{
	color: #333;
}

.content img{
	width: 200px;
	margin: 0 1em 0.2em 0;
	float: left;
	border: 1px solid #ccc;
}

.sub{
	
}

#extra{
	width: 271px;
	margin: 0 0 0 0;
	float: right;
	background: #fff url(../gfx/extratop.gif) repeat-x;
	border: solid #333;
	border-width: 1px 0 0 0;
}

#extra h2{
	background: url(../gfx/extrapattern.gif);
	border: 1px solid #ccc;
	margin: 4px 0 0 0;
	color: #666;
	font-size: 1.2em;
	padding: 0.6em 1.2em 0.8em;
}

#extra h2 ol{
	margin: 0;
	padding: 0;
}

#extra h2 ol li{
	list-style: none;
	display: inline;
}

#extra h2 ol li a{
	color: #666;
	text-decoration: none;
}

#extra h2 ol li a:hover{
	color: #FD8B00;
}

#extra ul{
	margin:1px 0 0 0;
	padding: 0.6em 1.2em 0.8em;
	color: #4B4B4B;
	font-weight: bold;
	font-size: 1.2em;
	border: solid #ccc;
	border-width: 1px 0 1px 1px;
	border-top-color: #333;
}

#extra ul li{
	margin: 0 0 0.4em;
	padding: 0;
	list-style: none;
	font-family: georgia;
}

#extra ul li a{
	color: #666;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.8em;
	font-family: "Lucida Grande",Georgia,Arial,Helvetica,Verdana,Geneva,sans-serif;
}

#extra ul li a:hover{
	color: #FD8B00;
}

#extra ul li a b{
	color: #4B4B4B;
}

.clear{
	clear: both;
}

#comment{
	width: 100%;
}

#footer{
	margin: 0;
	padding: 0.5em 1em ;
	background: #eee;
}