body {
background: url("../banner/bg1.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
p{
color:#100f0e;
font-size: 14pt;
}
h1{
color:#100f0e;
padding-left:3px;
border-bottom: 10px solid rgba(162, 152, 144, .9);
}
h4{
text-align: center;
}
#container {
height: 100%;
padding: 5px;
}
#binnencontainer {
width: 90%;
height: 100%;
background-color: none;
margin: auto;
}
#topbanner {
width:100%;
height: 200px;
background-color: none;
border-radius: 10px;
}
#topbanner img{
height: 200px;
width: 100%;
border-radius: 10px;
}
/*OPMAAK VAN DROP DOWN MENU*/
#topmenu {
width: 100%;
text-align: center;
}
ul#navmenu {
width: 100%;
height: auto;
}
ul#navmenu, ul.sub1 {
list-style-type: none;
}
ul#navmenu li{
width: auto;
text-align: center;
position: relative;
display: inline-block;
margin-right: 10px;
margin-top:2px;
margin-bottom: 2px;
}
ul#navmenu a {
text-decoration: none;
text-align: center;
color: #0b3768;
display: block;
width: 125px;
height: 25px;;
line-height: 25px;
background-color: #d4d4d4;
border: 2px solid #CCC;
border-radius: 2px;
}
ul#navmenu .sub1 a{
margin-top: 3px;
background-color: #bababa;
}
ul#navmenu li:hover > a{
background-color: #bababa;
}
ul#navmenu li:hover a:hover {
background-color: #ededed;
}
ul#navmenu ul.sub1 {
display:none;
position: absolute;
top:26px;
left:0px;
}
ul#navmenu li:hover .sub1{
display: block;
}
/*EINDE OPMAAK VAN DROP DOWN MENU*/
#inhoud {
margin-top:auto;
margin-bottom:15px;
margin-right: 5px;
width: 100%;
height: auto;
background-color: rgba(162, 152, 144, .8);
padding-top:15px;
border-radius: 10px;
padding-left:5px;
padding-bottom: 15px;
}
#inhoud p{
padding-left: 15px;
}
#login {
font-size: 18px;
color: black;
font-weight: bold;
}
#kalender {
border: 3px solid white;
font-size: 14px;
text-align: left;
margin: 0 auto;
width: 95%;
}
#kalender2 {
width: 80%;
margin:0 auto;
border: 2px solid white;
background-color: lightgray;
}
#kalender tr th{
padding-left: 5px;	
padding-top: 5px;
padding-bottom: 5px;
border: 3px solid white;
}
#kalender2 tr th {
border: 3px solid white;
padding-bottom: 5px;
margin-bottom: 2px;
background-color: darkgray;
color: white;
font-size: 20px;
}
#kalender tr td{
padding-left: 5px;
padding-right: 20px;	
padding-top: 5px;
padding-bottom: 20px;
border: 3px solid white;
}
#kalender2 tr td {
padding-left: 5px;
padding-right: 20px;	
padding-top: 5px;
padding-bottom: 20px;
border: 3px solid white;
font-size: 16px;
color: black;
font-weight: bold;
}
#kalender a {
color:black;}
#kalender a:link{
color:black;	
}
#kalender a:active{}
#kalender a:visited{
display: none;
visibility: hidden;
}
#kalender a:hover{
color:white;
}
.hidden {
display: none;
}
#centerleden {
width: 100%;
margin: 0px auto;
text-align: center;
}
#leden {
font-size: 14px;
text-align: left;
margin-right: 15px;
margin-bottom: 15px;
width: 250px;;
display: inline-table;
}
#leden img {
height: auto;
width: 250px;
height: 300px;
position: static;
vertical-align: middle;
}
#leden tr td{
border: 3px solid white;
width: auto;
}
#leden tr{
width: 50%;
}
#leden tr th{
padding:5px;
border: 3px solid white;
}
#hoger {
height: 30px;
}
#mypagetable{
margin: 0 auto;
width: 75%;
font-size: 18px;
}
.font18 {
font-size: 18px;
padding:3px;
width: 100%;
}
#mypagetable tr td {
padding: 10px;
border:solid white 4px;
}
#menumypage a {
border:2px solid white;
color:white;
font-weight: bold;
padding: 5px;
margin-left: 15px;
margin-bottom: 2px;
font-size: 15pt;
background-color: black;
display: inline-block;
width: auto;
}
#menumypage a:hover {
color:#b2dd22;
border:2px solid #b2dd22;
}
#menumypage input{
border:2px solid white;
color:white;
font-weight: bold;
padding: 5px;
margin-left: 15px;
margin-bottom: 2px;
font-size: 15pt;
background-color: black;
display: inline-block;
width: auto;
cursor: pointer;
}
#menumypage input:hover{
color:#b2dd22;
border:2px solid #b2dd22;
}
#footer {
margin-top:15px;
margin-bottom:15px;
margin-right: 5px;
width: 100%;
height: 50px;
background-color: rgba(162, 152, 144, .8);
padding-top:10px;
border-radius: 10px;
}
#footer p {
text-align: center;
font-size: 8pt;
}
#sponsors {
margin: 0 auto;
width: 100%;
text-align: center;
}
#sponsors img{
height: 125px;
margin: 10px;
border: 5px solid rgba(0, 0, 0, .5);
border-radius: 15px;
}
#fotoalbum{
margin: auto;
width: 80%;
clear: both;
}
#fotoalbum img{
width:150px;
height: 115px;
}
#fotoalbum tr td {
border-right: 0px white solid;
border-bottom: 0px white solid;
padding-right: 15px;
width: 150px;
padding-bottom: 30px;
float: left;
}
h3 {
text-align: center;
border-bottom: 3px white solid;
margin-bottom: 15px;
font-weight: bold;
color: white;
font-size: 18pt;
}
#outerforum {
width:80%;
margin:auto;
background-color: darkgrey;
height: auto;
margin-bottom: 15px;
padding-bottom: 10px;
}
#innerforum {
overflow-y: scroll;
height: 800px;
}
#message {
width: 75%;
background-color: white;
text-align: left;
margin:auto;
margin-bottom: 10px;
}
#message h1{
font-size: 25px;
text-align: center;
color: black;
border-bottom: 2px solid white;
}
#message p1{
font-size: 20px;
text-align: left;
}
#message p1 img {
display: block;
margin-top: 2px;	
height: 200px;
}
#message tr td{
height: 50px;
padding: 5px;
}
#message tr {
margin-top: 5px;
margin-bottom: 10px;
}
#message img {
height: 120px;
vertical-align: top;
}
#nick {
font-size: 18px;
border-bottom: 1px white solid;
}
#newmessage  {
width: 75%;
background-color: gray;
text-align: center;
margin:0 auto;
padding:0px;
}
#newmessage tr{
margin:0;
padding:0;
}
#inputmes {
background-color: white;
height:98%;
width: 98%;
margin:0px;
padding:0px;
}
#video {
margin: 0px auto;
display: block;
text-align: center;
}

#alleleden {
width: 80%;
font-size: 20px;
margin: 5px auto;
}
#alleleden tr td {
border: 2px white solid;
width: 50%;
padding:10px;
}
#contact {
width: 500px;
margin: 0 auto;

}
#contact tr td {
font-size: 18px;
color: white;
padding-bottom: 12px;
padding-top:3px;
}
#contact tr {
border-bottom: 3px solid black;

}
#notes {
}
#notes table {
margin: 20px;
width: 80%;
margin:0 auto;
}
#notes table tr {
border-bottom: 2px solid green;
margin-bottom: 20px;

}
#notes table tr td {
color: white;
font-size: 18px;
margin-bottom: 14px;
padding-bottom: 4px;
border-right: 3px solid green;
padding: 5px;
}
#noteform form table{
margin: 20px;
width: 80%;
margin:0 auto;

}
#noteform form table tr td{
color: white;
font-size: 18px;
padding-bottom: 4px;
}
#notewide{
color: white;
font-size: 18px;
padding-bottom: 4px;
width: 75%;
}

#noteform form input[type=text]{
height: 30px;
border:2px solid green;
border-radius: 4px;
width: 80%;

}
#noteform form textarea{
height: 30px;
border:2px solid green;
border-radius: 4px;
width: 80%;
}
#noteform form input[type=submit]{
height: 30px;
border:2px solid green;
border-radius: 4px;
width: 20%;
cursor: pointer;

}
#rank {
width: 95%;
font-size: 12pt;
}
#rank tr {
border-bottom: 1px solid white;
}
#rank tr td {
text-align: center;
margin: 4px;
padding:3px;
}

.backgroundcolorrank {
background-color: #95f442;
}