@charset "utf-8";
/* CSS Document */

@import 'reset.css';

body, body * {
padding:0;
margin:0;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#211e20;
background-color:#836a54;
font-size:12px;
overflow-x:hidden;
}

#header {
width:100%;
height:251px;
background-image:url(../images/wood_header.png);
background-repeat:repeat-x;
}

#header img.logo {
float:left;
}

.takken_wood {
position:absolute;
margin-left:-1px;
margin-top:10px;
display:inline;
list-style:none;
}

.takken_wood li {
list-style:none;
display:inline;
text-indent:-5000px;
float:left;
}

.takken_brown {
margin-left:80px;
}

.takken_all {
width:100%;
}

.takken_brown li, .takken_all li {
display:inline;
text-indent:-5000px;
float:left;
}

a#kap {
display:block;
width:101px;
height:135px;
}

.takken_wood a#kap {
background:url(../images/kapoenen_wood.png) no-repeat;
}

.takken_wood a#kap:hover {
background:url(../images/kapoenen_wood_hover.png) no-repeat;
}

.takken_brown a#kap, .takken_all a#kap {
background:url(../images/kapoenen_brown.png) no-repeat;
width:91px;
height:145px;
}

a#wel {
display:block;
width:105px;
height:135px;
}

.takken_wood a#wel {
background:url(../images/welpen_wood.png) no-repeat;
}

.takken_wood a#wel:hover {
background:url(../images/welpen_wood_hover.png) no-repeat;
}

.takken_brown a#wel, .takken_all a#wel {
background:url(../images/welpen_brown.png) no-repeat;
width:89px;
height:145px;
}

a#jg {
display:block;
width:80px;
height:135px;
}

.takken_wood a#jg {
background:url(../images/jonggivers_wood.png) no-repeat;
}

.takken_wood a#jg:hover {
background:url(../images/jonggivers_wood_hover.png) no-repeat;
}

.takken_brown a#jg, .takken_all a#jg {
background:url(../images/jonggivers_brown.png) no-repeat;
width:96px;
height:145px;
}

a#giv {
display:block;
width:90px;
height:135px;
}

.takken_wood a#giv {
background:url(../images/givers_wood.png) no-repeat;
}

.takken_wood a#giv:hover {
background:url(../images/givers_wood_hover.png) no-repeat;
}

.takken_brown a#giv, .takken_all a#giv {
background:url(../images/givers_brown.png) no-repeat;
width:79px;
height:145px;
}

a#jin {
display:block;
width:100px;
height:135px;
}

.takken_wood a#jin {
background:url(../images/jins_wood.png) no-repeat;
}

.takken_wood a#jin:hover {
background:url(../images/jins_wood_hover.png) no-repeat;
}

.takken_brown a#jin, .takken_all a#jin {
background:url(../images/jins_brown.png) no-repeat;
width:80px;
height:145px;
}

.takken_all a#lei {
display: block;
background:url(../images/leiding_brown.png) no-repeat;
width:80px;
height:145px;
}

.takken_all a#sta {
display: block;
background:url(../images/stam_brown.png) no-repeat;
width:94px;
height:145px;
}

#fotovandeweek {
position:absolute;
display:inline;
margin-left:474px;
margin-top:10px;
width:280px;
height:210px;
padding:10px;
background-image:url(../images/fotovdweekbg.png);
}

#login {
position:absolute;
left:380px;
margin-top:165px;
text-align:right;
color:#f5821f;
}

#login label {
margin-right:8px;
}

label.lnaam {
padding-right:65px;
}

#login input {
border:0;
}

#login input.username {
background-image:url(../images/login_field.png);
padding:5px 10px 5px 10px;
margin-left:2px;
width:133px;
height:18px;
border:none;
color:#bdd537;
}

#login input.password {
background-image:url(../images/pass_field.png);
padding:5px 10px 5px 10px;
margin-left:-5px;
width:133px;
height:18px;
border:none;
color:#bdd537;
}

#login input.submit {
background-image:url(../images/login_btn.png);
width:67px;
height:26px;
border:none;
margin-right:4px;
cursor:pointer;
}

#login input.submit:hover {
background-image:url(../images/login_btn_hover.png);
}

#login a {
color:#f5821f;
text-decoration:none;
}

#login a:hover {
color:#bdd537;
text-decoration:underline;
}

#login p {
text-align:right;
margin-top:38px;
width:300px;
}

#main {
clear:both;
background-image:url(../images/logo_down.png);
background-repeat:no-repeat;
}

#navigation {
margin-left:220px;
width:770px;
list-style:none;
font-size:1.2em;
}

#navigation li {
display:inline;
white-space: nowrap;
}

#navigation a {
color:#f5821f;
text-decoration:none;
}

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

#navigation a.lg {
color:#bdd537;
}

#navigation a.lg:hover {
color:#f5821f;
}

#left {
float:left;
margin-left:40px;
margin-top:41px;
margin-bottom:20px;
width:610px;
min-height:494px;
}

#right {
margin-left:690px;
width:300px;
margin-bottom:20px;
}

#scoutbox {
width:280px;
padding:10px;
background-color:#211e20;
background-image:url(../images/scoutboxbottom.png);
background-repeat:no-repeat;
background-position:bottom;
text-align:right;
margin-top:47px;
}

#scoutbox img {
margin:-10px 0 0 -10px;
}

.scoutoutput {
margin-top:10px;
text-align:justify;
background-color:#c2a68e;
color:#211e20;
width:250px;
padding:10px 10px 10px 20px;
}

.scoutoutput p {
margin-bottom:10px;
}

.scoutoutput span.whosaid {
margin-left:-10px;
color:#836a54;
font-weight:bold;
}

#scoutbox textarea {
width:266px;
padding:5px;
margin-top:10px;
border:2px solid #f5821f;
}

#scoutbox input[type=submit] {
background-image:url(../images/scout_btn.png);
border:none;
margin:9px -2px 0 0;
width:85px;
height:27px;
cursor:pointer;
}

#scoutbox input[type=submit]:hover {
background-image:url(../images/scout_btn_hover.png)
}

#left h1 {
padding:1px 0 7px 10px;
width:600px;
height:36px;
font-size:36px;
background:url(../images/h1bg.png) no-repeat bottom left;
color:#bdd537;
font-weight:normal;
margin-bottom:20px;
}

#main a {
text-decoration:none;
color:#f5821f;
}

#main a:hover {
text-decoration:underline;
color:#bdd537;
}

#scoutbox a {
text-decoration:none;
color:#bdd537;
}

#scoutbox a:hover {
text-decoration:underline;
color:#111;
}

table.form input[type=text], #left input[type=password] {
border:2px solid #211e20;
background-color:#c2a68e;
width:160px;
height:16px;
padding:2px 5px;
margin:5px 0;
}

table.form select {
border:2px solid #211e20;
background-color:#c2a68e;
padding:0px 5px;
margin:5px 0;
margin-right:8px;
}

table.form input[type=submit], table.form input[type=reset] {
border:2px solid #211e20;
background-color:#c2a68e;
width:auto;
height:24px;
line-height:24px;
padding:1px 5px;
margin:5px 0;
font-weight:bold;
text-transform:uppercase;
}

table.form textarea {
border:2px solid #211e20;
background-color:#c2a68e;
padding:3px 5px;
width:300px;
height:160px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

table.form {
width:100%;
padding:10px 60px 10px 50px;
margin-top:20px;
background-color:#917862;
}

table.form img {
border:1px solid #211e20;
}

table.form th, table.form label {
line-height:18px;
vertical-align:top;
text-align:right;
font-weight:normal;
padding:5px 3px;
font-size:14px;
white-space:nowrap;
width:45%;
}

table.form td {
text-align:left;
width:55%;
}

table.form th.wtwee {
width:300px;
text-align:justify;
}

table.form input:focus, table.form textarea:focus, table.form select:focus, table.form input[type=password]:focus {
background-color:#57483b;
color:#bdd537;
}

table.form .noinput {
line-height:18px;
vertical-align:middle;
}

span.strgreen, #totalmoney {
color:#bdd537;
}

small {
font-size:9px;
}

table.form .error_list li {
list-style:none;
background-color:#b90000;
display:block;
margin:2px 0;
padding:3px 5px;
width:100%;
font-weight:bold;
}

#scoutbox .error_list li {
list-style:none;
background-color:#b90000;
display:block;
margin:10px 0 0px 0;
padding:3px 5px;
width:270px;
font-weight:bold;
text-align:left;
}

.ohr hr, .ghr hr {
display:none;
}

.ohr {
width:610px;
height:10px;
background-color:#f5821f;
background-image:url(../images/orangebar.png);
background-repeat:no-repeat;
background-position:right;
}

.ghr {
width:610px;
height:10px;
background-color:#bdd537;
background-image:url(../images/greenbar.png);
background-repeat:no-repeat;
background-position:right;
}

#verjaardagen {
margin:15px 10px 15px 50px;
}

td.verjdate {
padding:5px 3px 5px 10px;
font-size:2.5em;
}

td.verjname {
padding:5px 10px 5px 0px;
}

#left h2, #left .header1 {
color:#f5821f;
margin:20px 0 5px 10px;
font-weight:normal;
font-size:16px;
font-weight:bold;
font-style:italic;
}

#left h3, #left .header2 {
color: #bdd537;
font-size: 14px;
font-weight: bold;
margin: 10px 0 0 20px;
}

#left h4, #left .header3 {
	color: #bdd537;
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0 0 30px;
}

#left strong {
font-weight:bold;
}

#left p {
margin:10px;
line-height:16px;
text-align:justify;
}

#left p.ad {
font-size:0.8em;
margin-top:10px;
}

.lightgrey {
background-color:#c2a68e;
padding:5px 0;
margin-bottom:20px;
}

.important {
color:#b90000;
font-weight:bold;
}

.highlight {
	color: #f5821f;
	font-weight: bold;
}

.rsslinks {
position:absolute;
margin:-16px 0 0 0 !important;
padding:0 !important;
width:610px;
font-size:10px;
background:url(../images/rss.png) 550px no-repeat;
text-align:right !important;
}

#footer {
clear:both;
height:35px;
width:100%;
background-image:url(../images/footerbg.png);
background-repeat:repeat-x;
font-size:9px;
line-height:14px;
padding-left:5px;
margin-bottom:0;
}

#left ul.normallist {
margin-left:25px;
list-style:square;
margin-bottom:8px;
}

#uniform {
margin-left:10px;
width:590px;
}

#uniform td {
vertical-align:top;
background-color:#c2a68e;
border-bottom:5px solid #836a54;
}

#uniform td.descr {
border-left:5px solid #836a54;
padding:10px;
}