@charset "UTF-8";
/* CSS Document */
*{
outline:none;
}
body {
padding:0;
margin:0;
background:#f5f5f5 url(../images/bg.gif) repeat-x;
}

#wrapper {
margin-left:auto;
margin-right:auto;
width:960px;
}

#header {
margin-left:auto;
margin-right:auto;
width:934px;
height:186px;
background:url(../images/headerbg.gif);
}

.logo {
float:left;
margin-top:23px;
margin-left:23px;
}

.merinos{
float:right;
margin-top:17px;
}

#menu li{
display:inline;
}


#menuvak{
margin-top:16px;
background:url(../images/menu_bg.gif) no-repeat;
width:934px;
height:65px;
float:left;
list-style-type:none;
}

#menu {
width:930px;
height:57px;
margin:0;
padding:0;
list-style-type:none;
}

a.home{
margin-left:3px;
margin-top:2px;
float:left;
background:url(../images/home_icon.gif) no-repeat ; 
background-position:top;
width:89px;
height:57px;
}

a.homecurrent{
background:url(../images/home_icon.gif); 
background-position:0 -60px;
margin-left:3px;
margin-top:2px;
float:left;
width:89px;
height:57px;
}

a.home:hover{
background:url(../images/home_icon.gif);
background-position:0 -60px;
}

a.businessclub:hover, a.businessclub:active{
background:url(../images/bsclub_icon.gif);
background-position:0 -60px;
}
a.businessclub{
margin-top:2px;
margin-left:2px;
float:left;
background:url(../images/bsclub_icon.gif) no-repeat ; 
background-position:top;
width:180px;
height:57px;
}

a.businessclubcurrent{
background:url(../images/bsclub_icon.gif); 
background-position:0 -60px;
margin-left:2px;
margin-top:2px;
float:left;
width:180px;
height:57px;
}

a.nieuws:hover, a.nieuws:active{
background:url(../images/nieuws_icon.gif);
background-position:0 -60px;
}

a.nieuwscurrent{
background:url(../images/nieuws_icon.gif); 
background-position:0 -60px;
margin-left:1px;
margin-top:2px;
float:left;
width:125px;
height:57px;
}

a.nieuws{
margin-top:2px;
margin-left:1px;
float:left;
background:url(../images/nieuws_icon.gif) no-repeat ; 
background-position:top;
width:125px;
height:57px;
}

a.leden:hover{
background:url(../images/leden_icon.gif);
background-position:0 -60px;
}
a.leden{
margin-top:2px;
margin-left:1px;
float:left;
background:url(../images/leden_icon.gif) no-repeat ; 
background-position:top;
width:117px;
height:57px;
}

a.ledencurrent{
background:url(../images/leden_icon.gif); 
background-position:0 -60px;
margin-left:1px;
margin-top:2px;
float:left;
width:117px;
height:57px;
}

a.agenda:hover{
background:url(../images/agenda_icon.gif);
background-position:0 -60px;
}
a.agenda:active{
background:url(../images/agenda_icon.gif);
background-position:0 -60px;
}
a.agenda{
margin-top:2px;
margin-left:1px;
float:left;
background:url(../images/agenda_icon.gif) no-repeat ; 
background-position:top;
width:123px;
height:57px;
}

a.agendacurrent{
background:url(../images/agenda_icon.gif); 
background-position:0 -60px;
margin-left:1px;
margin-top:2px;
float:left;
width:123px;
height:57px;
}


a.fotoalbum:hover, a.fotoalbum:active{
background:url(../images/fotoalbum_icon.gif);
background-position:0 -60px;
}
a.fotoalbum{
margin-top:2px;
margin-left:1px;
float:left;
background:url(../images/fotoalbum_icon.gif) no-repeat ; 
background-position:top;
width:163px;
height:57px;
}

a.fotoalbumcurrent{
background:url(../images/fotoalbum_icon.gif); 
background-position:0 -60px;
margin-left:1px;
margin-top:2px;
float:left;
width:163px;
height:57px;
}



a.contact:hover, a.contact:active{
background:url(../images/contact_icon.gif);
background-position:0 -60px;
}
a.contact{
margin-top:2px;
margin-left:1px;
float:left;
background:url(../images/contact_icon.gif) no-repeat ; 
background-position:top;
width:121px;
height:57px;
}


a.contactcurrent{
background:url(../images/contact_icon.gif); 
background-position:0 -60px;
margin-left:1px;
margin-top:2px;
float:left;
width:121px;
height:57px;
}

#menu li span {
display: none;   
}

#main {
width:934px;
margin-left:auto;
margin-right:auto;
border-bottom:1px solid #dbdbdb;
padding-bottom:20px;
z-index:1;
height:auto;
overflow:hidden;
}

#mainleft{
height:390px;
float:left;
margin-left:15px;
width:575px;
height:auto;
min-height:398px;
}

#mainleft h1{
color:#343434;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-size:24px;
margin-left:10px;
margin-top:15px;
}

#maintekst{
width:575px;
border-top:1px solid #dbdbdb;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:20px;
letter-spacing:0.05em;
padding-left:10px;
padding-top:5px;
}

#maintekst a {
color:#114432;
text-decoration:none;
font-weight:bold;
}

#mainright{
height:390px;
float:left;
margin-left:15px;
width:310px;
}

#activiteitenbg{
margin-top:15px;
margin-left:36px;
width:290px;
height:150px;
background:url(../images/activiteiten_bg.gif);}

.activiteit{
color:#343434;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:20px;
letter-spacing:0.05em;
padding-top:25px;
padding-left:10px;
padding-right:20px;
text-align:center;
height:90px;
overflow:hidden;
}

.volgende{
float:right;
margin-right:10px;
}
#fotoalbum{
background:url(../images/album_bg.png);
width:301px;
height:221px;
float:left;
margin-top:15px;
margin-left:30px;
}

.foto{
width:269px;
height:183px;
margin-top:15px;
border:1px solid #114432;
float:left;
margin-left:15px;
margin-bottom:5px;}


#bottom{
width:934px;
margin-left:auto;
margin-right:auto;
border-bottom:1px solid #dbdbdb;
height:142px;
padding-top:10px;
padding-bottom:10px;}

.nieuwsvak {
background:url(../images/nieuws_vak.gif);
width:300px;
height:142px;
float:left;
}

.agendavak {
margin-left:17px;
background:url(../images/agenda_vak.gif);
width:300px;
height:142px;
float:left;
}

.nieuwsbriefvak {
background:url(../images/nieuwsbrief_vak.gif);
width:300px;
height:142px;
float:right;
}

.bottomtekst1{
width:250px;
padding-left:23px;
padding-top:10px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:70px;
overflow:hidden;
}

.bottomtekst2{
width:250px;
padding-left:23px;
padding-top:40px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:70px;
}
.bottomtekst3{
width:250px;
padding-left:26px;
padding-top:40px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:70px;
}
a.bottomlink {
padding-left:23px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

.bottomtekst a {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}
a.bottomlink2 {
padding-left:23px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

.bottomtekst2 a {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}a.bottomlink3 {
padding-left:23px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

.bottomtekst3 a {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
}
.datum {
float:right;
font-size:12px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
padding-top:15px;
padding-right:10px;

}
#sponsors{
width:934px;
margin-left:auto;
margin-right:auto;
border-bottom:1px solid #dbdbdb;
height:58px;
padding-top:10px;
padding-bottom:15px;
}

.sponsor{
width:114px;
height:58px;
border:1px solid #114432;
float:left;
margin-left:15px;
padding:1px;
}

#copyright{
margin-top:10px;
color:#343434;
font-size:12px;
text-align:center;
margin-left:auto;
margin-right:auto;
font-family:Arial, Helvetica, sans-serif;
line-height:20px;
letter-spacing:0.05em;}

#copyright a {
color:#114432;
text-decoration:none;
font-weight:bold;
}
.button{
background:#6eb43f;
color:#fff;
border:none;
text-align:left;
cursor:pointer;

}

.error{
color:#114432;
margin-top:-5px;}

.type{
padding:2px;
-moz-border-radius:4px;
width:150px;
border:none;
}

.form {
padding-top:10px;
}

#contact-form{
margin-top:10px;
}
#contact-form label{
float:left;	
width:120px;
margin-right:30px;
margin-left:-40px;
}
input[type="text"]   { width:200px;border:1px solid #114432;padding:5px;-moz-border-radius:4px; margin-bottom:5px; background:#fff;}

#contact-form textarea{
width:200px;border:1px solid #114432;padding:5px;-moz-border-radius:4px;  padding:5px; background:#fff;
}


#contact-form em {
color:#114432;	
}

.message {color:#000;display:none;width:400px;padding:10px;}
#contact-form ul {list-style-type:none;width:390px;}
#contact-form li {list-style-type:none;}
#contact-form li.special {display:none;}

#contact-form .button {
background:#f5f5f5;
color:#000;
border:none;
width:110px;
text-align:left;
cursor:pointer;
margin-left:-40px;
margin-top:-10px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:20px;
letter-spacing:0.05em;
}

.smoelenboek{
float:left;
width:265px;
height:272px;
background:url(../images/afb_smoelenboek.png) no-repeat;
margin-left:0px;
}

.smoelenboek img{
margin-left:13px;
margin-top:13px;
}

.caption{
margin-top:200px;
margin-left:10px;
float:left;
width:250px;}

.albums{
float:right;
width:265px;
height:272px;
background:url(../images/afb_fotoalbums.png) no-repeat;
}
.albums img{
margin-left:13px;
margin-top:13px;
}
.album {
float:left;
margin-top:10px;
width:155px;
height:140px;
margin-left:15px;
margin-right:15px;
}
.album img {
border:1px solid #114432;
padding:1px;
height
}

.navleden{
margin-left:-10px;
height:30px;
width:565px;
padding-left:10px;
padding-right:10px;
border-bottom:1px solid #dbdbdb;
}

.navleden ul{
list-style-type:none;
width:550px;

}
.navleden li{
display:inline;
padding-right:9px;
}

.first {
margin-left:-35px;
}

.lid{
width:500px;
height:100px;
margin-top:15px;
}
.lid img {
padding:1px; 
border:1px solid #114432;
float:left;height:75px;width:65px;}

.lidcontent {
float:left;
margin-left:25px;
}

.smoel{
margin-left:30px;
margin-right:20px;
float:left;
width:90px;
height:165px;
margin-top:15px;
}
.smoel img {
padding:1px; 
border:1px solid #114432;
float:left;
height:115px;
width:85px;}

.smoel p {
color:#114432;
font-weight:normal;
}

.smoel a{
font-weight:normal;
}


#contact-form2{
margin-top:10px;
}
#contact-form2 label{
float:left;	
width:120px;
margin-right:30px;
margin-left:-40px;
padding:5px;
}
input[type="text"]   { width:200px;border:1px solid #114432;padding:5px;-moz-border-radius:4px; margin-bottom:10px; background:#fff;}

#contact-form2 textarea{
width:200px;border:1px solid #114432;padding:5px;-moz-border-radius:4px;  padding:5px; background:#fff;
}


#contact-form2 em {
color:#114432;	
}

.message {color:#000;display:none;width:400px;padding:10px;}
#contact-form2 ul {list-style-type:none;width:390px;}
#contact-form2 li {list-style-type:none;}
#contact-form2 li.special {display:none;}

#contact-form2 .button {
background:#f5f5f5;
color:#000;
border:none;
width:200px;
text-align:left;
cursor:pointer;
margin-left:-40px;
margin-top:-10px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:20px;
letter-spacing:0.05em;
}