html
{
width:100%;
height:100%;
}

body
{
font-family:Tahoma, Verdana, Arial, Tunga;
margin:0px;
padding:0px;
height:100%;
background-color:#181818;
background-image:url('../images/vvs_nieuw.jpg');
background-position:center top;
background-repeat:no-repeat;
}

p
{
font:normal 12px Tahoma;
color:#111111;
margin:0px;
padding:0px 0px 10px 0px;
line-height:20px;
}

p a
{
font:bold 12px Tahoma;
color:#111111;
}

ul
{
padding:0px 0px 0px 25px;
margin:0px 0px 20px 0px;
}

td
{
font:normal 11px Tahoma;
color:#111111;
}

td a, td a:hover
{
font:bold 11px Tahoma;
color:#111111;
}

h1
{
margin:0px;
padding:12px 0px 12px 0px;
font-size:20px;
color:#111111;
}

h2
{
margin:0px;
padding:10px 0px 10px 0px;
font-size:16px;
color:#333333;
}

h3
{
margin:0px;
padding:0px 0px 8px 0px;
font-size:14px;
color:#555555;
}

a

{
font:bold 12px Tahoma;
color:#111111;
}

a:hover

{
font:bold 12px Tahoma;
color:#888888;
}

#container
{
margin:0px;
padding:0px;
margin: auto;
width: 100%;
height:100%;
}

#container_website
{
margin: auto;
width: 1000px;
height:100%;
}

#header_container
{
height:142px;
width:1000px;
}

#header_container #left
{
height:142px;
width:460px;
float:left;
text-align:left;
}

#header_container #right
{
height:142px;
width:540px;
float:left;
text-align:left;
}

#header_container #right #top
{
height:38px;
width:540px;
padding:0px;
}

#header_container #right #bottom
{
height:127px;
width:540px;
text-align:right;
padding-top:15px;
}

#container_website #menu
{
height:30px;
width:1000px;
}

#container_content
{
width:1000px;
overflow:auto;
background-color:white;
}

#container_content #left
{
text-align:left;
float:left;
width:600px;
padding:10px 0px 10px 10px;
}

#container_content #right
{
text-align:left;
float:left;
width:240px;
padding:10px 0px 10px 10px;
}

#container_content #main
{
text-align:left;
float:left;
width:850px;
padding:10px 0px 10px 10px;
}

#container_content #side
{
text-align:left;
float:left;
width:130px;
padding:10px 0px 10px 10px;
}

#container_website #footer
{
text-align:left;
width:1000px;
margin-bottom:50px;
}

####################################
####################################
####################################

.content_container
{
width:600px;

}

.content_header a
{
font-size:11px;
font-weight:bold;
color:#f4f4f4;
}


.maincontent_main_container
{
width:850px;

}

.maincontent_header
{
width:840px;
height:19px;
padding:5px 0px 0px 10px;

background-image:url('../images/maincontent_header.gif');

font:bold 12px Tahoma;
color:#f4f4f4;
text-shadow: 1px 1px 1px #000000;
font-size:11px;
}

.maincontent_header a
{
font-size:11px;
font-weight:bold;
color:#f4f4f4;
}

.maincontent_middle
{
width:830px;
background-image:url('../images/maincontent_bg.gif');
font:normal 12px Tahoma;
color:#111111;
line-height:20px;
padding:10px;
}

.maincontent_footer
{
width:850px;
height:10px;
background-image:url('../images/maincontent_bg.gif');
background-position:bottom;
margin-bottom:3px;
}


.content_header
{
width:590px;
height:19px;
padding:5px 0px 0px 10px;

background-image:url('../images/content_header_bg.gif');

font:bold 12px Tahoma;
color:#f4f4f4;
text-shadow: 1px 1px 1px #000000;
}

.content_middle
{
width:580px;
background-image:url('../images/content_bg.gif');
font:normal 12px Tahoma;
color:#111111;
line-height:20px;
padding:10px;
}

.content_footer
{
width:600px;
height:10px;
background-image:url('../images/content_bg.gif');
background-position:bottom;
margin-bottom:3px;
}

.content a
{
font:bold 12px Tahoma;
color:#111111;
}

.content a:hover
{
color:#555555;
}



.subcontent_container
{
width:240px;
margin-bottom:3px;
}

.subcontent_header
{
width:230px;
height:19px;
padding:5px 0px 0px 10px;

background-image:url('../images/subcontent_header_bg.gif');

font:bold 12px Tahoma;
color:#f4f4f4;
text-shadow: 1px 1px 1px #000000;
}

.subcontent
{
width:220px;
background-image:url('../images/subcontent_bg.gif');
font:normal 12px Tahoma;
color:#111111;
line-height:20px;
padding:10px;
}

.subcontent_footer
{
width:240px;
height:10px;
background-image:url('../images/subcontent_bg.gif');
background-position:bottom;
}

.subcontent a
{
font:bold 12px Tahoma;
color:#111111;
}

.subcontent a:hover
{
color:#555555;
}

.subcontent_afgelastingen_container
{
width:240px;
margin-bottom:3px;
}

.subcontent_afgelastingen_header
{
width:230px;
height:19px;
padding:5px 0px 0px 10px;

background-image:url('../images/subcontent_header_afgelasti.gif');

font:bold 12px Tahoma;
color:#f4f4f4;
text-shadow: 1px 1px 1px #000000;
}

.subcontent_afgelastingen
{
width:220px;
background-image:url('../images/subcontent_afgelastingen_bg.gif');
font:normal 12px Tahoma;
color:#111111;
line-height:20px;
padding:10px;
}

.subcontent_afgelastingen_footer
{
width:240px;
height:10px;
background-image:url('../images/subcontent_afgelastingen_bg.gif');
background-position:bottom;
}

.subcontent_afgelastingen a
{
font:bold 12px Tahoma;
color:#111111;
}

.subcontent_afgelastingen a:hover
{
color:#555555;
}

#senioren a
{
display:block;
padding:8px 0px 0px 0px;
float:left;
background-image:url('../images/button_senioren.gif');
width:138px;
height:24px;
text-align:center;
}

#senioren a:hover
{
display:block;
padding:8px 0px 0px 0px;
float:left;
color:#111111;
background-image:url('../images/button_senioren_hover.gif');
width:138px;
height:24px;
text-align:center;
}

#zaalvoetbal a
{
display:block;
padding:8px 0px 0px 0px;
margin-left:10px;
float:left;
background-image:url('../images/button_zaalvoetbal.gif');
width:137px;
height:24px;
text-align:center;
}

#zaalvoetbal a:hover
{
display:block;
padding:8px 0px 0px 0px;
margin-left:10px;
float:left;
color:#111111;
background-image:url('../images/button_zaalvoetbal_hover.gif');
width:137px;
height:24px;
text-align:center;
}

#dames a
{
display:block;
padding:8px 0px 0px 0px;
margin-left:10px;
float:left;
background-image:url('../images/button_dames.gif');
width:137px;
height:24px;
text-align:center;
}

#dames a:hover
{
display:block;
padding:8px 0px 0px 0px;
margin-left:10px;
float:left;
color:#111111;
background-image:url('../images/button_dames_hover.gif');
width:137px;
height:24px;
text-align:center;
}

#jeugd a
{
display:block;
padding:8px 0px 0px 0px;
margin-left:10px;
float:left;
background-image:url('../images/button_jeugd.gif');
width:138px;
height:24px;
text-align:center;
}

#jeugd a:hover
{
display:block;
padding:8px 0px 0px 0px;
margin-left:10px;
float:left;
color:#111111;
background-image:url('../images/button_jeugd_hover.gif');
width:138px;
height:24px;
text-align:center;
}

#guestbook-loader
{
display:none;
}

#pollcontainer
{

}

#loader
{
display:none;
text-align:center;
}

.option
{
margin:5px 0;
}

.bar
{
height:10px;
background:#3399cc;
}

.yourvote
{
background:#113399;
}

#loginbar
{
height:25px;
float:right;
}

#loginbar #loginbar_left
{
height:25px;
float:left;
width:4px;
background-image:url('../images/loginbar_corners.gif');
background-position:left;
}

#loginbar #loginbar_right
{
height:25px;
float:left;
width:4px;
background-image:url('../images/loginbar_corners.gif');
background-position:right;
}

#loginbar #loginbar_loop
{
float:left;
padding:5px 5px 0px 5px;
height:20px;
font-size:11px;
background-image:url('../images/loginbar_loop.gif');
}

#loginbar #loginbar_loop a
{
font-size:11px;
}

.loginmenu ul
{
display:none;
position:absolute;
color:black;
list-style:none;
padding:0px;
}

.loginmenu ul li
{
background-color:#fefefe;
padding:5px 8px 5px 8px;
line-height:20px;

/*--Bottom right rounded corner, Not working in IE & Opera--*/
-moz-border-radius-bottomright:2px;
-khtml-border-radius-bottomright:2px;
-webkit-border-bottom-right-radius:2px;
/*--Bottom left rounded corner, Not working in IE & Opera--*/
-moz-border-radius-bottomleft:2px;
-khtml-border-radius-bottomleft:2px;
-webkit-border-bottom-left-radius:2px;
}

div.loginmenu:hover ul
{
display:block;
padding-top:5px;
margin:0px;
}


#myteambar
{
bottom:0; 
left:0; 
width:100%;

padding:0px;
width:100%;

height:24px;
border-top:1px solid #440000;
background-image:url('../images/myteambar_bg.gif');
background-repeat:repeat-x;
z-index:8000;
text-align:center;
}


#myteambar #myteambarcontent
{
width:1000px;
height:24px;
z-index:8000;
text-align:left;
margin:0 auto;
border-left:1px solid #440000;
}

#myteambar .myteambarcontent
{

}

#myteambar a
{
display:block;
font-weight:bold;
text-decoration:none;
font-size:11px;
text-align:center;
color:#f4f4f4;
padding:5px 10px 0px 10px;
border-right:1px solid #440000;
height:19px;
float:left;
}

#myteambar a:hover
{
text-decoration:none;
background-color:#ebebeb;
background-image:url('../images/myteambar_bg_hover.gif');
background-repeat:repeat-x;
}

@media screen
{
#myteambar
{
position: fixed;
}
}


.messagebox{
border:1px solid #c93;
background:#ffc;
padding:3px;
}
.messageboxok{
border:1px solid #349534;
background:#C9FFCA;
padding:3px;
font-weight:bold;
color:#008000;

}
.messageboxerror{
border:1px solid #CC0000;
background:#F7CBCA;
padding:3px;
font-weight:bold;
color:#CC0000;
}


.page_navigation , .alt_page_navigation{
	padding-bottom: 10px;
}

.page_navigation a, .alt_page_navigation a{
	padding:3px 5px;
	margin:2px;
	color:white;
	text-decoration:none;
	font-size: 11px;
	background-color:#555555;
}
.active_page{
	background-color:white !important;
	color:black !important;
		font-size: 11px;
}