/*   
Theme Name: Van Dijk's Roggebrood
Theme URI: www.vandijkroggebrood.nl
Description: Wordpress Thema voor Van Dijk's Roggebrood
Author: Webvious
Author URI: http://www.webvious.nl
Version: 1.0
.
From Fryslan with Love.
.
*/

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, figure, footer, header, group, menu, nav, section, menu,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article, aside, figure, footer, header, 
hgroup, nav, section {display:block}
nav ul {list-style:none}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a {margin:0;padding:0;font-size:100%; vertical-align:baseline;text-decoration:none;background:transparent}
table { border-collapse:collapse; border-spacing:0; }
input, select {vertical-align:middle}
/* END RESET CSS */
body { font:12px Verdana; *font-size:small; *font:x-small; line-height:1.5; }
table { font-size:inherit; font:100%; }
select, input, textarea { font:99% sans-serif; }
body, select, input, textarea { color:#444; }
h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
html { -webkit-font-smoothing: antialiased; }
a:hover, a:active { outline: none; }
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

label, input[type=button], input[type=submit], button { cursor: pointer; }

::-moz-selection{ background: #fff780; color:#000; text-shadow: none; }
::selection { background:#fff780; color:#000; text-shadow: none; } 
a:link {-webkit-tap-highlight-color: #ffd5a3} 
.external {background:url(images/icon-ext-link.png) no-repeat left 8px;padding:0 0 0 11px;display:inline-block;}

html, body, #bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}

html { overflow-y: scroll; }

#bg {position: fixed}

#bg div {height:200%;left:-50%;position:absolute;top:-50%;width:200%}
#bg td {text-align:center;vertical-align:middle}
#bg img {margin:0 auto;min-height:50%;min-width:50%}




header {
	width:900px;
	margin:0 auto 20px;
	background:url(images/nav-bg.png);
	height:34px;
	font:16px/34px "Century Gothic";
}

nav {text-shadow: 0 1px 1px rgba(0,0,0,0.5)}
nav a:hover {text-shadow:none}
nav li {float:left;margin:0 17px;}
nav li.active a {font-weight:bold}
nav li.active a:hover {color:#fff}

header a {color:#fff;display:block}

header p {color:#fff;float:right}
header p a {display:inline-block;height:32px;}
header span {display:block;height:32px;line-height:32px;float:left;margin:0 10px 0 0}






#cont {
    position:absolute;top:0;left:0;z-index:70;overflow:auto;
	width:100%;
	padding:50px 0 0;
}

#container {
	background:url(images/container-bottom.png) no-repeat left bottom;
	width:900px;
	margin:0 auto;
	padding:0 0 23px;
}

#bottom {background:url(images/content-bg.png);overflow:auto;padding:0 25px 0 23px}
#main {float:left;width:788px;padding:1.5em 44px 0 20px}

#main.homepage  {
	padding:1.5em 44px 0 20px;
	width:538px;
	float:left;
}

#main a {color:#4b8fd8}
#main a:hover { color:#036; }

#main h2 {
	font:19px/1.0em Tahoma, Geneva, sans-serif;
	margin:0 0 1.0em;
}

#main p {
	color:#3b3b3b;
	line-height:1.5em;
	margin:0 0 1.5em;
}

#sidebar {
	padding:0 39px 0 0;
	float:left;
	width:211px;
}

#sidebar img {
	margin:0 auto 1.5em;
	display:block;
}

footer {
	clear:both;
	text-align:center;
	line-height:2em;
}

footer a {color:#4b8fd8}

footer a:hover { color:#036; }