/* Buurtschap de Berk layout css file */
/* Author: Marc Mathijssen & Tim Hereijgers */
/* Contact: thereijgers@hotmail.com */

/* <Standard tags> */
body {
margin:0;
background:#bed2a7 url('../images/layout/bg.png') repeat-x top;
text-align:center;
font-family:Arial, Tahoma, Helvetica, sans-serif;
font-size:0.8em;
line-height:1.5em;
color:#000;
}

p {
margin:13px 0px 13px 0px;
padding:0;
}

a, a:link {
color:#53a500;
text-decoration:underline;
}

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

a img {
border:0px;
}

ul {
padding:0;
margin:0;
list-style:disc;
margin-top:4px;
margin-bottom:13px;
}

li {
padding-left:15px;
}

strong, b {
color:#53a500;
}

hr {
color:#A7BC8F;
background-color:#A7BC8F;
height:1px;
border:0;
}

form {
margin:0;
padding:0;
}

.commentform {
margin:0;
padding:0;
float:left;
background-color:#e7f0dc;
padding:10px;
}

input {
border:1px solid #758d3e;
line-height:22px;
height:22px;
font-size:1.1em;
color:#333;
font-weight:bold;
padding-left:2px;
margin:5px;
width:200px;
}

textarea {
border:1px solid #758d3e;
font-size:0.9em;
line-height:18px;
font-family:Arial, Tahoma, Helvetica, sans-serif;
color:#333;
font-weight:normal;
padding-left:2px;
margin:5px;
width:340px;
height:110px;
}

input.button {
background:url('../images/layout/submenu_bg.gif');
font-family:'Trebuchet MS', serif;
font-size:14px;
font-weight:normal;
color:#fff;
width:auto;
line-height:16px;
height:24px;
padding:1px 10px 1px 10px;
border:1px solid #000;
}

input.checkbox {
border:0;
width:14px;
vertical-align:middle;
}

.volgende_vorige {
float:left;
width:100%;
}

input.vorige, input.volgende {
float:left;
margin:0;
padding:0;
width:auto;
background:transparent;
border:0;
color:#53a500;
font-weight:bold;
outline:none;
text-decoration:underline;
text-transform:capitalize;
}

input.volgende {
float:right;
border:0;
}

input.vorige:hover, input.vorige.hover, input.volgende:hover, input.volgende.hover {
color:#a50023;
cursor:pointer;
}
/* </Standard tags> */


/* <Layout> */
.container {
width:873px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

.header {
width:873px;
height:148px;
float:left;
background:url('../images/layout/header_bg.png') no-repeat top center;
}

h1.logo {
float:left;
border:0px;
margin:0px;
padding:0px;
width:332px;
height:72px;
line-height:72px;
text-indent:-9000px;
overflow:hidden;
background:url('../images/layout/logo.png') no-repeat center;
position:relative;
top:29px;
left:27px;
}

.sterkwerk {
float:right;
width:94px;
height:100px;
background:url('../images/layout/sterkwerk.png') no-repeat center;
}

.layout {
float:left;
width:859px;
background:url('../images/layout/layout_bg.png') repeat-y center;
margin-left:7px;
}

.layout h1 {
background:transparent;
border-bottom:1px solid #c2c2c2;
width:100%;
line-height:40px;
height:40px;
padding:0px;
margin:0px 0px 14px 0px;
}

.footer {
float:left;
width:850px;
height:123px;
background:url('../images/layout/footer_bg.jpg') no-repeat center top;
color:#566a3f;
font-size:11px;
line-height:16px;
padding-top:22px;
padding-left:23px;
}

.footer a {
color:#566a3f;
text-decoration:underline;
}

.footer a:hover {
color:#bed2a7;
text-decoration:none;
background-color:#2a2a2a;
}
/* </Layout> */


/* <Main menu> */
ul#menu {
list-style:none;
float:left;
position:relative;
z-index:100;
width:840px;
margin:0;
padding:0;
left:30px;
top:10px;
border-left:1px solid #d7fb41;
}

#menu ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}

ul#menu li {
float:left;
height:34px;
line-height:34px;
background:url('../images/layout/menu_bg.gif');
border-top:2px solid #c4fb41;
border-right:1px solid #c4fb41;
border-bottom:2px solid #415b06;
border-left:1px solid #415b06;
margin:0;
padding:0;
font-family:'Trebuchet MS', serif;
font-size:12px;
font-weight:bold;
color:#fff;
}

ul#menu li a {
display:block;
line-height:34px;
text-decoration:none;
color:#fff;
padding:0px 15px 0px 15px;
}

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

ul#menu li ul { 
position:absolute;
left:-999em;
padding-bottom:20px;
background:url('../images/layout/menu_shade.png') repeat-x bottom;
}

ul#menu li:hover ul, ul#menu li.sfhover ul {
left:auto;
top:38px;
}

ul#menu li ul li {
display:block;
width:125px;
clear:both;
background:url('../images/layout/submenu_bg.gif');
line-height:21px;
height:21px;
border:1px solid #314011;
border-bottom:2px solid #314011;
border-top:1px solid #b6da61;
}

ul#menu li ul li a {
padding:0;
padding-left:12px;
display:block;
width:113px;
line-height:21px;
height:21px;
}

ul#menu li ul li a:hover {
color:#000;
}
/* </Main menu> */


/* <Content> */
h1 {
font-family:'Trebuchet MS', serif;
font-size:21px;
color:#303030;
font-weight:bold;
margin:0px;
padding:0px 0px 0px 30px;
float:left;
width:843px;
height:55px;
line-height:55px;
background:url('../images/layout/title_bg.png') no-repeat center;
}

h2 {
font-family:'Trebuchet MS', serif;
font-size:18px;
color:#157315;
background:url('../images/layout/h2.gif') no-repeat left center;
line-height:30px;
font-weight:normal;
padding:0px 0px 0px 35px;
margin:5px 0px 10px -35px;
float:left;
width:100%;
}

h4 {
font-family:Tahoma, Arial, sans-serif;
font-size:11px;
color:#212121;
line-height:14px;
margin:0;
padding:0;
}

.left {
float:left;
width:530px;
padding:40px 0px 30px 60px;
}

.right {
float:right;
width:222px;
padding:12px 9px 0px 0px;
}

.sponsor_mod_content {
background:url('../images/layout/sponsors_bg.gif') no-repeat top center;
width:199px;
height:209px;
margin:5px 0px 0px 10px;
text-align:center;
position:relative;
vertical-align: middle;
overflow:hidden;
}

#sponsors {
position:relative;
}

.foto_mod {
float:left;
width:222px;
}

a.foto {
width:222px;
height:223px;
border:0;
text-decoration:none;
display:block;
position:relative;
overflow:hidden;
}

a.foto:hover {
cursor:pointer;
}

.frame {
position:absolute;
z-index:2;
width:222px;
height:223px;
background:url('../images/layout/foto_frame.png') no-repeat center;
}

.agenda_mod, .agenda_bottom {
float:left;
width:200px;
margin-left:12px;
background:#43710f url('../images/layout/agenda_bg.jpg') no-repeat top center;
}

.agenda_mod h2 {
text-indent:-9000px;
margin:0;
padding:0;
line-height:35px;
height:35px;
background:url('../images/layout/agenda_header.jpg');
}

.agenda_mod ul {
margin:0;
padding:0px 0px 10px 0px;
list-style:none;
}

.agenda_mod ul li {
clear:both;
margin:0;
padding:0;
position:relative;
}

.agenda_mod a {
font-size:12px;
color:#000;
font-weight:bold;
line-height:12px;
text-decoration:none;
border-bottom:1px dotted #7ba44e;
width:178px;
margin-left:11px;
display:block;
padding:8px 0px 6px 0px;
}

.agenda_mod a:hover {
text-decoration:none;
color:#fff;
}

.agenda_mod li.first a {
position:relative;
left:-25px;
width:220px;
height:28px;
z-index:3;
background:url('../images/layout/agenda_active.png') no-repeat left;
border:0px;
padding:11px 0px 1px 26px;
}

.agenda_bottom {
height:6px;
background:url('../images/layout/agenda_bottom.jpg') no-repeat top center;
margin-bottom:10px;
}

span.date {
font-weight:bold;
color:#9ec937;
font-size:11px;
width:100%;
margin-bottom:6px;
display:block;
}

.agenda_mod div.date {
color:#fff;
}

.agenda_mod li.first a div.date {
color:#457310;
}

.sponsor_mod {
float:left;
width:197px;
height:151px;
padding:44px 1px 6px 1px;
background:url('../images/layout/sponsors_mod.png') no-repeat top;
text-align:center;
margin:10px 0px 20px 12px;
position:relative;
overflow:hidden;
}

.select_jaren {
display:block;
float:left;
margin:0px 48px 16px -35px;
background-color:#b9caa8;
padding:3px 3px 3px 40px;
width:150px;
text-align:right;
}

.wagen {
width:515px;
margin:0px 0px 16px -35px;
font-family:Tahoma, Arial, sans-serif;
font-size:11px;
color:#212121;
line-height:14px;
float:left;
}

.jaar_plaats {
float:left;
width:68px;
background:url('../images/layout/jaar_bg.jpg') repeat-y;
text-align:center;
color:#313d13;
font-family:Tahoma, Arial, sans-serif;
font-size:12px;
padding:22px 0px 22px 0px;
margin-top:6px;
}

.jaar_plaats strong, .jaar_plaats b {
display:block;
font-size:21px;
font-weight:bold;
color:#313d13;
margin-bottom:1px;
}

.wagen .specs {
background-color:#b9caa8;
float:left;
width:435px;
padding:6px;
}

.wagen .foto {
overflow:hidden;
width:435px;
height:180px;
margin-bottom:12px;
}

.wagen .info {
float:left;
width:320px;
}

.wagen .extra_info {
float:right;
width:100px;
text-align:right;
}

.row {
width:100%;
float:left;
margin-bottom:10px;
}

.smoel {
width:158px;
height: 320px; /* Fix Smoelenboek floating diverse hoogtes */
margin:10px 10px 10px 0px;
font-family:Tahoma, Arial, sans-serif;
font-size:11px;
color:#212121;
line-height:14px;
float:left;
background-color:#b9caa8;
padding:4px 4px 10px 4px;
}

.smoel .foto {
width:100%;
overflow:hidden;
height:130px;
margin-bottom:12px;
}

.smoel h4 {
font-size:12px;
color:#000;
margin-bottom:8px;
}

.smoel h4 a {
text-decoration:none;
padding-left:24px;
color:#000;
background:url('../images/layout/email.gif') no-repeat left center;
}

.smoel h4 a:hover {
text-decoration:none;
color:#53a500;
}

.smoel strong, .smoel b {
color:#000;
margin-right:3px;
}

.comment {
float:left;
width:100%;
margin:10px 0px 20px 0px;
border-bottom:1px dotted #bbb;
}

span.buurtschap, .comment span.date {
font-weight:normal;
color:#aaa;
font-size:11px;
width:100%;
display:block;
line-height:14px;
}

span.buurtschap {
font-weight:bold;
margin-top:3px;
color:#9ec937;
}
/* </Content> */


/* <Home page> */
.home_carousel {
width:841px;
height:263px;
margin-bottom:3px;
margin-left:9px;
}

#progress {
margin: 10px auto;
width: 200px;
height: 15px;
padding: 2px;
border: 2px solid #dfdfdf;
}
 
#progress .bar {
width: 0px;
text-align: center;
font-size: 10px;
height: 15px;
background: #2a2a2f;
color: #fff;
font-weight: bold;
}

.home_mod {
float:left;
}

.nieuws_mod {
margin-left:9px;
width:400px;
background:#2a2a2a url('../images/layout/nieuws_mod_bg.jpg') repeat-x 0px 32px;
padding-bottom:8px;
height:237px;
}

.home_mod h5 {
border:0px;
height:32px;
line-height:32px;
background:url('../images/layout/home_mods_bar.png') no-repeat left center;
margin:0px;
padding:0px;
font-family:Arial, Tahoma, sans-serif;
font-size:15px;
color:#000;
padding-left:24px;
}

.nieuws_mod_content {
padding:16px 24px 3px 24px;
color:#c5c5c5;
line-height:17px;
font-size:12px;
}

.nieuws_mod h3 {
font-family:Arial, Tahoma, sans-serif;
font-size:13px;
color:#fff;
font-weight:bold;
margin:0;
padding:0;
line-height:14px;
}

.nieuws_mod p {
margin:0;
padding:0;
line-height:17px;
font-size:12px;
}

.nieuws_mod .leesmeer a {
float:right;
margin-right:10px;
color:#b1e041;
border-bottom:1px solid #fff;
text-decoration:none;
line-height:14px;
font-weight:bold;
}

.nieuws_mod .leesmeer a:hover {
color:#fff;
}

.home_sponsor_mod {
width:219px;
}
/* </Home page> */

.left table {
margin-top:4px;
margin-bottom:4px;
}