/*
LAYOUT BY ALPHALIZE.COM
(c) Copyright 2009 Alphalize.com music.
*/

body, html
{
	font-family: Trebuchet MS;
	font-size: 12px;
	margin-top: 0;
	padding: 0;
	text-align: center;
	background: #eeeeee;
}

h1
{
	width: 900px;
	height: 164px;
	background-image: url('../img/header.png');
	padding: 0;
	margin: 0 auto;
	bottom: 0;
	text-align: center;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#menu
{
	height: 20px;
	padding: 0;
	width: 900px;
	margin: 0 auto;
	text-align: center;
	border: 0;
	margin-top: 20px;
	background-color: #e2e2e2;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}

#text
{
	height: 100%;
	padding: 6px;
	width: 888px;
	margin: 0;
	text-align: left;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #ffffff;
}

#voet
{
	height: 20px;
	padding: 0;
	width: 900px;
	margin: 0 auto;
	text-align: center;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #e2e2e2;
}

#valid
{
	height: 31px;
	padding: 0;
	width: 900px;
	margin: 0 auto;
	text-align: left;
	border: 0;
}

a.menu{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
}

a.menu:link, a.menu:visited{
background-color: #ffffff;
color: #000000;
text-decoration: none;
}

a.menu:hover, a.menu:active{
background-color: #000000;
color: #ffffff;
text-decoration: none;
} 

a
{
color: #B96D00;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}


h3 span
{
font-weight: normal;
}

h3,h4
{
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: right;
}

h3
{
font-size: 1.7em;
padding-right: 34px;
}

h4
{
font-size: 1.2em;
padding-right: 28px;
border-bottom: 1px dotted #000;
}

.post .details
{
position: relative;
top: -1.5em;
font-size: 0.8em;
color: #787878;
}

.post ul.controls
{
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 0.8em;
}

.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0em 1.0em 0em 20px;
}

.post ul.controls li a.printerfriendly
{
background-image: url('../images/icon-printerfriendly.gif');
}

.post ul.controls li a.comments
{
background-image: url('../images/icon-comments.gif');
}

.post ul.controls li a.more
{
background-image: url('../images/icon-more.gif');
}

#album
{
position: absolute;
top: 1.0em;
left: 1.0em;
padding-right: 0.0em;
background-color: #fff;
border: solid 1px #000;
padding: 2px;
color: #999;
text-align: left;
}

#search
{
position: absolute;
top: 1.0em;
right: 1.0em;
padding-right: 0.0em;
background-color: #fff;
border: solid 1px #000;
padding: 2px;
color: #999;
text-align: left;
}

#search input.text
{
vertical-align: middle;
border: solid 1px #000;
padding: 0.14em;
width: 10.0em;
margin-right: 0.5em;
margin-left: 2px;
}

#search select
{
border: solid 1px #000;
color: #000;
vertical-align: middle;
padding: 0.15em;
margin-right: 0.5em;
}

#search select.option
{
border: solid 1px #000;
color: #000;
vertical-align: middle;
}

#search input.submit
{
border: solid 1px #000;
color: #000;
vertical-align: middle;
padding: 0.15em;
margin-right: 0.5em;
}

/* FORMS */

label {
display: block;
}

fieldset {
width: 362px;
padding: 5px 0 10px 10px;
border: 1px solid #000;
margin-left: 50px;
}

legend{
color: #000;
font-weight: bold;
padding: 4px 6px 4px 6px;
font-size: 0.8em;
}

#content input {
border: 1px solid #000;
margin: 2px 0 2px 25px;
}

#content select {
border: 1px solid #000;
margin: 2px 0 2px 25px;
width: 300px;
}

#content option {
border: 1px solid #000;
margin: 2px 0 2px 25px;
width: 300px;
}

.check {
text-align: left;
border: 0;
}

textarea {
border: 1px solid #000;
height: 100px;
width: 300px;
margin: 2px 0 2px 25px;
}

.naam {
border: 1px solid #000;
width: 304px;
margin: 2px 0 2px 25px;
}

.knop {
color: #000;
font-weight: bold;
width: auto;
margin: 0 0 0 25px;
cursor: pointer;
}

.rodester {
color: red;
}

.hideword {
    display: none;
}

.instru{
position: inherit;
float: left;
border: 0;
width: 417px;
margin: 0;
padding: 3px;
}

* html .instru{
margin: 0;
}

.instru a:link, .instru a:visited{
display: block;
float: left;
width: 100px;
height: 100px;
margin: 1px;
border: 1px solid #000;
}

.instru a:hover, .instru a:active{
display: block;
float: left;
width: 100px;
height: 100px;
margin: 1px;
border: 1px solid #fff;
}

.instru img{
float: left;
}

dl {
width: 423px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 50px 0 0 100px;
padding: 0;
clear: left;
}

dt {
border: solid #FCC8C8;
border-width: 1px 1px 0 1px;
padding: 10px 10px 0 10px;
background: #F6F5F5;
}

dd {
margin: 0 0 20px 0;
padding: 0 10px 10px 10px;
border: solid #FCC8C8;
border-width: 0 1px 1px 1px;
background: #F6F5F5;
}

dt span {
position: relative;
left: 10px;
bottom: 120px;
font-family: Georgia, "Times New Roman", serif;
font-size: 160%;
font-weight: bold;
color: #CA0101;
}

dt img {
border: 1px solid #FCC8C8;
}