/** FONT STYLES **/

a {
color: #000;
}

a.special {
text-decoration: none;
cursor: text;
}

h1.left{
text-align: left;
padding: 5px 0 0 0;
}

#left h1, #left h2, #left h3 {
 font-size: 16px;
 color: #245606;
 text-align: center;
}

#content_in h1, #content_in h2, #content_in h3 {
 font-size: 16px;
 color: #245606;
 text-align: center;
}

#content_in span.special{
 color: #63A30F;
}


#left h3 {
 font-size: 14px;	
}

body {
 background: #94c536;
 margin: 0;
 font: normal 13px arial, helvetica;
}

a img {
 border: 0;
}

#header a {
 display: block;
 height: 275px;
 overflow: hidden;
 width: 880px;
 cursor: pointer;
}

#header a img {
 height: 275px;
 overflow: hidden;
}

#wrapper {
 margin: 0 auto;
 width: 880px;
}

#container {
 float: left;
 background: url("../images/content_bg.jpg") repeat-y;
}

#content {
 background: url("../images/content_top_bg.jpg") no-repeat;
 float: left;
 width: 880px;
}

#content_nav {
height: 50px;
line-height: 20px;
}

#content_nav ul {
list-style: none;
float: left;
margin-left: 30px;
}

#content_nav li {
float: left;
margin-right: 10px;
background: url("../images/buttonnav_left.png") no-repeat;
height: 37px;
padding-left: 24px;
line-height: 34px;
}

#content_nav li a {
background: url("../images/buttonnav_right.png") no-repeat top right;
height: 37px;
float: left;
padding-right: 24px;
color: #5a3818;
text-decoration: none;
cursor: pointer;
line-height: 34px;
font: bold 13px "arial black", arial, helvetica;
}

#content_nav li a span {
float: left;
background: url("../images/buttonnav_bg.png") repeat-x;
height: 37px;
line-height: 34px;
}

#content_in {
 padding: 0 25px 25px;
 float: left;
 width: 830px;
}

#left {
 float: left;
 width: 500px;
}

#sidebar {
 float: right;
 width: 320px;
}

#nieuwsbrief {
 background: url("../images/bg_nieuwsbrief.jpg") no-repeat;
 width: 311px;
 height: 250px;
 float: left;
 position: relative;
}

#login {
 background: url("../images/bg_inloggen.jpg") no-repeat;
 width: 298px;
 height: 197px;
 float: left;
 position: relative;
}

#nieuwsbrief p{
 position: absolute;
 top: 40px;
 left: 140px;
 color: #fff;
 font-size: 11px;
 display: block;
 width: 130px;
 font-weight: bold;
}

#nieuwsbrief form {
 float: left;
 position: absolute;
 width: 200px;
 top: 100px;
 left: 70px;
}

#login form {
 float: left;
 position: absolute;
 width: 250px;
 top: 40px;
 left: 30px;
}

#nieuwsbrief span{
 float: right;
 font: bold 11px arial;
 color: #FFF;
 margin-right: 10px;
}


#login span {
margin-top: 15px;
 float: left;
 font: bold 11px arial;
 color: #FFF;
width: 80px;
height: 19px;

}

#nieuwsbrief input, #login input {
 clear: right;
 float: right;
}

#login input {
 float: left;
}

#nieuwsbrief input.field{
 width: 195px;
 height: 21px;
 background: url("../images/field_bg.jpg") no-repeat;
 border: 0;
 line-height: 35px;
 padding-top: 4px;
 padding-left: 5px;
}

#login input.field{
margin-top: 10px;
 width: 155px;
 height: 21px;
 background: url("../images/field_bg.jpg") no-repeat;
 border: 0;
 padding-top: 4px;
 padding-left: 5px;
}

#nieuwsbrief input.submit{
 width: 99px;
 height: 26px;
 background: url("../images/button_mma.jpg") no-repeat;
 border: 0;
 cursor: pointer;
 margin-top: 5px;
}

#login input.submit{
 width: 99px;
 height: 26px;
 background: url("../images/button_mma.jpg") no-repeat;
 border: 0;
 cursor: pointer;
float: right;
 margin-top: 15px;
}

#screenshots {
 background: url("../images/bg_screenshots.jpg") no-repeat;
 width: 265px;
 height: 175px;
 margin: 30px 0 0 30px;
 float: left;
 clear: left;
 position: relative;
}

#screenshots span {
 color: #FFF;
 position: absolute;
 left: 15px;
 top: 40px;
}

#footer {
 background: url("../images/footer_bg.jpg") no-repeat;
 height: 93px;
 width: 880px;
 float: left;
}

#spacer {
 float: left;
 height: 30px;
 width: 880px;
 padding-top: 5px;
}

#spacer p {
 float: right;
 height: 15px;
 margin: 0;
 font-size: 11px;
 color: #FFF;
 padding-left: 10px;
 padding-right: 10px;
}

#spacer p.large {
 float: left;
}

#spacer a {
 color: #FFF;
 maring-left: 10px;
 cursor: pointer;
}