@charset "utf-8";

@import url("/style/handheldV3.css") handheld;
@import url("/style/printV3.css") print;

@media screen, projection {
/* General */
html {
	font-family:Georgia, "Times New Roman", Times, serif;
	background-image:url(grad.png);
	background-repeat:repeat-x;
}

body {
	margin:0;
	padding:0;
}
#content {
	margin:0 auto;
	padding:0.4em;
	max-width:55em;
	clear:both;
	position:relative;
}

h1, h2, h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

a:hover {
	text-decoration:none;
}

/*
 * HEADER
 */

#header {
	border:1px solid #000000;
	margin:0;
	padding:0;
	background-image:url(manneke.png);
	background-repeat:no-repeat;
	background-position:center right;
	font-size:140%;
	position:relative;
	background-color:#000000;
}
#header h1 {
	font-size:140%;
	background-color:#000000;
	margin:0;
	padding:0;
	width:10em;
	height:2.5em;
}
#header img {
	display:block;
	margin:0 auto;
	padding:0;
	border-width:0;
	height:2.5em;
}
#header ul {
	position:relative;
	margin:0;
	padding:0;
	padding-top:0.5em;
	padding-right:0.2em;
	float:right;
	width:18.1em;
	z-index:2;
}
#header li {
	margin:0;
	padding:0;
	list-style-type:none;
	float:right;
	width:9em;
}
#header ul a {
	display:block;
	width:100%;
	color:#CC3333;
	text-decoration:none;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#header a:visited {
	color:#CC3333;
}
#header ul a:hover {
	background-color:#CC3333;
	color:#FFFFFF;
	opacity:0.8;
}

/*
 * Artikels
 */
#artikels, .text {
	float:left;
	width:30em;
	padding:1px;
}
.text {
	width:35em;
}
#content h2 {
	font-size:2em;
	color:#CC3333;
	text-decoration:underline;
	padding:0.2em;
}
#content p a, #content .nieuwspost a {
	text-decoration:none;
}
#content p:hover a , #content .nieuwspost:hover a{
	text-decoration:underline;
}
#content .article p a:hover, #content .article .nieuwspost a:hover {
	background-color:#CCCCCC;
	text-decoration:none;
}

.article h3, .text h3 {
	color:#CC3333;
	font-size:120%;
	font-style:italic;
	letter-spacing:0.05em;
	text-shadow:2px 2px #E1E1E1;
}

.article .nieuwspost {
	word-spacing:0.1em;
}

.postdata, .comments {
	font-size:0.8em;
	color:#666666;
	margin:0;
	text-indent:1em;
}

.article:hover .postdata, .article:hover .comments {
	color:#000000;
}

.article img {
    width: 100%
}

/*
 * Techniek / knijptang / DLP
 */
#hamokspecials {
	float:right;
}
.aside {
	width:10em;
	margin-top:0.4em;
	margin-left:0.5em;
	border:1px solid #CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content .aside h2 {
	font-size:1em;
	text-align:center;
	background-color:#CCCCCC;
	color:#FFFFFF;
	text-decoration:none;
	margin:0;
}
.aside p {
	margin:0;
}

#techniekhoekje p, #delaatstepost p, #driedvv p {
	text-align:center;
	font-size:0.8em;
	color:#999999;
}
#techniekhoekje img, #driedvv img {
	margin-top:0.2em;
	border-width:0;
}
#knijptang, #oknijptang {
	overflow:auto;
}
#knijptang.open, #oknijptang.open {
	background-color:#FFFFFF;
}
#knijptang p, #knijptang li, #oknijptang p, #oknijptang li{
	list-style-type:none;
	font-size:0.8em;
}
#knijptang ul, #oknijptang ul {
	margin-left:0;
	padding-left:1em;
}

#delaatstepost, #toc {
	width:12em;
	float:right;
	margin: 0.4em 0 1em 1em;
}

#delaatstepost ul, #toc ul {
	margin:0;
	padding:0;
}

#delaatstepost li, #toc li {
	font-size:0.9em;
	list-style-type:none;
	margin:0.4em 0.2em;
}

/* 
 * Andere artikels
 */
.nieuwspost {
	margin-bottom:1em;
}
}
@media all {
/* Lijsten */
.filesize {
	color:#666666;
	font-size:0.8em;
	line-height:0.9em;
	float:right;
}
ul.usesfilesize li {
	clear:right;
}

/* tabellen */
table.klein {
	font-size: 0.7em;
	width:100%;
}
table.results {
	width:100%;
}
table.results caption {
	font-weight:bold;
}
/* Figuren evil classes sorry*/
img.large {
	width:100%;
}
div.floatfigure {
	float:right;
	width:11em;
	padding:0.5em;
	margin:0.5em;
	border:1px solid #999999;
}
div.floatfigure img {
	width:10em;
}
div.floatfigure p, div.fullfigure p {
	text-align:center;
	margin:0;
	padding:0;
	color:#666666;
}
div.fullfigure {
	width:90%;
	padding:0.2em;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #999999;
}
div.fullfigure img {
	width:100%;
}
div.fullfigure a img, div.floatfigure a img{
	text-decoration:none;
	border-width:0;
}
.abstract {
	font-style:italic;
	text-align:center;
}
}