/* CSS Document */


body{
margin: 0;
padding: 0;
background:#d7f4ad;
text-align: center

}

#maincontainer{
width: 770px; 
background: url('images/background.gif') top left repeat-y;
text-align: left;
margin: 0 ;
/*margin: 0 auto;*/
height:auto;
position:relative;
top:0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

/*Top Begin */
#top{
position:relative;
top:0px;
width:770px;
height:200px;
margin:0px;
padding:0px;

}
#banner{
z-index:1;
width:730px;
height:200px;
top:0px;
left:0px;
}

#mainknoppenbalk{
position:absolute;
z-index:2;
padding-left:10px;
top:171px;

}
/*Top Einde */

/*Midden Begin */
#midden{
border-left:solid 5px #ff9900;
width: 765px; /*Width of main container*/
height:auto;

}
#links-midden{

float:left;
width: 525px;
margin:0px;
height:auto;
}
#links-midden div
{

border: 0px;
padding: 0px
} 
#midden-midden{
float:left;
width: 200px;
max-width:200px;
margin:0px;
height:auto;
}
#midden-midden div
{

border: 0px;
padding-left: 3px;
padding-right: 3px;
padding-top:5px;
padding-bottom:5px;
} 
#rechts-midden{
float:left;
width: 40px;
max-width:40px;
height:auto;
}
#rechts-midden div
{
border: 0px;
padding: 0px
} 
#subknoppenbalk{
position:relative;
width: 525px; 
height:35px;
background:#ff9900;
padding:0px;
margin:0px;
top:0px;
}
#content{
margin:10px;
padding:0px;
font: Verdana, Arial, Helvetica, sans-serif;

}
/*Midden Einde */
.bottom-text{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;

}
/*Bottom Begin */
#bottom{
float:left ;
bottom:0px;
width: 730px; 

background:#ff9900;
padding-top:15px;
padding-bottom:10px;
}


hr.cleaner {
      clear:both;
      height:0px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }
/*Bottom Einde */


/*Knoppen Begin */
.basictab{
padding: 3px ;
margin-left: 0;
margin-top:0px;
font: bold 10px Verdana;


list-style-type: none;
text-align: right;
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
position:relative;
text-decoration: none;
border-bottom: 1px solid black;
padding: 3px 6px;
margin-right: 1px;
border: 1px solid black;

background-color: #99ff66;
color: black;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover{
background-color: #ff9900;
color: black;
text-decoration: none;
}

.basictab li a:active{
background:#0d7b1a;
color: black;
}

#home .home, #maandschors .maandschors, #enquete .enquete, #info .info, #takken .takken , #lokalen .lokalen , #interactief .interactief, #contact .contact, #users .users, #nieuws .nieuws{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #0d7b1a;
color: black;
border-bottom: none;
text-decoration: none;
}
/*Knoppen Einde */

/*Sub Knoppen Begin */
.sub-basictab{
padding-top: 3px ;
padding-right:3px;
font: bold 10px Verdana;
list-style-type: none;
text-align: right; /*set to left, center, or right to align the menu as desired*/
margin-top:0px;

}

.sub-basictab li{
display: inline;
margin: 0;
}

.sub-basictab li a{
position:relative;
text-decoration: none;
padding-bottom: 3px;
padding-top: 3px;
padding-right: 5px;
padding-left:5px;
margin-right: 1px;
border: 1px solid black;
border-top:none;
background-color: #ff9900;
color: black;
}

.sub-basictab li a:visited{
color: #2d2b2b;
}

.sub-basictab li a:hover{
background-color: #99ff66;
color: black;
}

.sub-basictab li a:active{
background:#0d7b1a;
color: black;
}

.sub-basictab li.selected a{
 /*selected tab effect*/
background-color: #0d7b1a;
color: black;
}
/*Sub Knoppen Einde */

/*Takken Begin */
.kapoenen { background-color: #cc6600}
.wouters { background-color: #cc6600}
.jonggivers { background-color: #cc6600}
.givers { background-color: #cc6600}
.beren { background-color: #cc6600}
.kapoenen-over a { display:block; width:40px; background-color: #ffff33}
.kapoenen-over a:hover { background-color: #cc6600}
.kapoenen-over a:active { background-color: #cc6600}
.wouters-over a { display:block; width:40px; background-color: #006600}
.wouters-over a:hover { background-color: #cc6600}
.wouters-over a:active { background-color: #8a0917}
.jonggivers-over a { display:block; width:40px; background-color: #ff9900}
.jonggivers-over a:hover { background-color: #cc6600}
.jonggivers-over a:active { background-color: #8a0917}
.givers-over a { display:block; width:40px; background-color: #333399}
.givers-over a:hover { background-color: #cc6600}
.givers-over a:active { background-color: #8a0917}
.beren-over a { display:block; width:40px; background-color: #cc3399}
.beren-over a:hover { background-color: #cc6600}
.beren-over a:active { background-color: #8a0917}
/*Takken Einde */

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #ff9900;
	text-decoration: none;
	
}
.rechtstitel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #ff9900;
	text-decoration: none;
	text-align:center;
	line-height: normal;
	font-weight: bold;	
}

 a{
	
	color: #ff9900;
	text-decoration: none;
}
 a:hover{

	color: #cc6600;
	text-decoration: underline;
}
.bottombalk a{
	
	color: #000000;
	text-decoration: none;
}
.bottombalk a:hover{

	color: #cc6600;
	text-decoration: underline;
}
/*
.loginregister a:active{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #cc6600;
	text-decoration: underline;
}
.loginregister a:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	color: #ff9900;
	text-decoration: none;
}
*/
