/*
Theme Name: Goed Gedaan generic template
Theme URI: http://goedgedaan.net/
Description: A generic template that can be adjusted to suit different needs. It scales nicely to mobile devices and is created with simplicity, usability and accesability in mind..
Tags: three-columns, two right-sidebars, scalable with max-width, custom-header
Version: 0.1
Author: Ted van Geest
Author URI: http://goedgedaan.net/
Last updated: 14-07-2012
*/


/*
   Reset
------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}


body {
margin: 0;
padding: 0;
background: #E7E7E7;
font-family: Verdana, Sans-Serif, Arial,SunSans-Regular;
font-size: 1em;
}

h1 {
margin: 0 6px;
padding: 0;
font-size:1.5em;
color:#30304D;	
}
	
h2 {
margin: 6px;
padding: 0;
font-size: 1.2em;
color:#30304D;	
}

h3 {
margin: 0 6px;
padding: 0;
font-size: 1em;
font-weight:bold;
color:#30304D;	
}

small {
margin: 0 12px;
padding: 0;
font-size: 0.8em;
}

p {
text-align:justify;
margin: 10px;
}

ul {
margin: 10px;

}

li {
margin-left: 40px;
list-style-type:lower-alpha;
}

blockquote {
font-family: Georgia, serif;
font-size: 1.5em;
font-style: italic;
letter-spacing:1px;
color:#767676;
}

table{
margin: 5px 205px 5px 10px;
font-size: 0.8em;
border-collapse:collapse;
border: 1px solid #fff;
table-layout: auto;
}

th{
background:#4D4E4E;
font-weight: bold;
text-align:left;
color: #fff;
border-collapse:collapse;
border: 1px solid #000;
}

tr:nth-child(odd)   { background-color:#eee; }
tr:nth-child(even)    { background-color:#fff; }

td{
padding: 3px;
border-collapse:collapse;
vertical-align: top;
text-align:left;
border: 1px solid #000;
margin: 0;
padding: 1px;
}

td a{
color: #000;
}

#container {
max-width: 1000px;
margin: 0 auto;
padding: 0;
background: #fff;
-moz-box-shadow:    3px 3px 4px 6px #ccc;
-webkit-box-shadow: 3px 3px 4px 6px #ccc;
box-shadow:         3px 3px 4px 6px #ccc;
background: -moz-linear-gradient(left,  #ffffff 40%, #BCBCD5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(left,  #ffffff 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=1 ); /* IE6-9 */
}

#header { 
background: url('images/header_background.png') #A8A8C9 no-repeat right top;
color:#767676;
padding: 0;
vertical-align: baseline;
}

#header .sitetitle {
margin-top: -1px;
color:#30304D; text-shadow: 0px 2px 3px #ddd;	
font-family: Georgia, serif;
font-size: 3.0em;
font-style: italic;
letter-spacing:1px	
text-shadow: 0px 12px 3px #fff;
	}

#header .tagline {
margin-top: -10px;
color:#30304D;	
padding-bottom: 10px;
font-family: Georgia, serif;
font-size: 1.5em;
font-style: italic;
letter-spacing:1px
}

#content {
max-width: 579px;
float: left;
min-width: 320px;
font-size: 0.8em;
border-right: 1px dotted #767676;
margin: 0 10px 0 10px;
}

#navigation {
float: left;
width: 200px;
color:#404040;
}

#navigation a {
display: block;
color:#404040;
font-size: 0.8em;
text-decoration:none;
}

#navigation a:hover {
text-decoration:underline;
}

#navigation h2 {
margin: 0 6px;
padding: 0;
font-size: 1.0em;
}

#navigation p {
font-size: 0.8em;
}

#navigation .textwidget { 
padding-top: 1px;
margin:10px 10px 10px 5px;
background-color: #FFFBCE;
border-right: 2px solid #BCBCD5;
border-bottom: 2px solid #C7C7DC;
}

#navigation ul {
margin-left: 5px;
padding: 5px 5px 5px 10px;
background-color: #FFFBCE;
border-right: 2px solid #BCBCD5;
border-bottom: 2px solid #C7C7DC;
}

#navigation li {
list-style-type:none;
margin-left: -5px;
margin-bottom: 5px;
border-bottom: 1px dotted #ccc;
}

#navigation li:last {
margin-bottom: 0;
}

#menu-hoofdmenu li {
border-bottom: 1px dotted #404040;
font-variant:small-caps;
line-height: 150%;
margin-bottom: 0px;
list-style-type:none;
background-color: #FFFBCE;
}

#menu-hoofdmenu li:hover {
border-bottom: 1px solid #000;
background-color: #EAEAF2;
color: #000;
background-color: #FFEACE;
}

#menu-hoofdmenu a:hover {
	text-decoration:none;
	color: #000;
	}

#related {
float: left;
width: 200px;
font-size: 0.8em;
color:#404040;
}

#related a {
display: block;
color:#404040;
text-decoration:none;
}

#related a:hover {
text-decoration:underline;
}

#related img {
display: block;
margin: 0 auto;	
}

#related li {
list-style-type:square;
color:#404040;
margin: 0 0 0 10px;
}

#related h2 {
margin: 0 6px;
padding: 0;
font-size: 1.2em;
color:#404040;
}
	
#related .item {
background-color: #E0E0E0;	
margin-right: 10px;
}
	
#footer {
clear: both;
background: #333366;
background: -moz-linear-gradient(left,  #9292B3 40%, #333366 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9292B3), color-stop(100%,#333366)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #9292B3 0%,#333366 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #9292B3 0%,#333366 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #9292B3 0%,#333366 100%); /* IE10+ */
background: linear-gradient(left,  #9292B3 0%,#333366 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9292B3', endColorstr='#333366',GradientType=1 ); /* IE6-9 */
padding: 10px;
color: #77767A; text-shadow: 0px 1px 2px #eee;
font-size: 0.8em;
}
		
.alignright {
float: right;
margin: 10px 0 10px 15px;
}

.alignleft {
float: left;
margin: 10px 15px 10px 0;
}