@charset "UTF-8";
/*---------------------------------------------------------------------
* Bestandsnaam: style.css
* Versie: 1.0.0 (27-08-2008)

* Om hover acties toe te passen gebruik je de volgende regel op het juiste element:
behavior:url("/htc/csshover.htc");
		
* Om .png bestanden als achtergrond te gebruiken in CSS en ze in IE 6 goed weer te geven je de volgende regel op het juiste element:
behavior:url("/htc/iepngfix.htc");
---------------------------------------------------------------------
BADMINTONCLUB HELDEN CSS
---------------------------------------------------------------------*/

/*//////////////////////////////////////////////////
     
	 ALGEMEEN
__________________________________________________*/
* {
_margin: 0 0 0 0;
_padding: 0 0 0 0;
}

img {
behavior:url("htc/iepngfix.htc");
border: none;
}
	
body{
width:100%;
height:100%;
margin:0px;
/*background-color:#0099FF;*/
background-color:#0082da;
background-image:url(../img/bch_bg.jpg);
background-position: center bottom;
background-repeat:no-repeat;
background-attachment:fixed;
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
color:#004a99;
}

.flt_rgt {
float: right;
}

.flt_lft {
float: left;
}

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

.clr {
clear: both;
}

.container{
behavior:url("htc/iepngfix.htc");
width:919px;
margin: 0 auto;
background-image:url(../img/bg.png);
background-repeat:repeat-y;
_width: 919px;
}

.logo{
background-image:url(../img/bch_logo.jpg);
background-repeat:no-repeat;
height:186px;
width:125px;
margin-left:24px;
float: left;
_margin: 0 0 0 12px;
}

.header{
background-image:url(../img/header.jpg);
background-repeat:no-repeat;
height:139px;
width:648px;
background-color:#99FF00;
float: right;
margin: 0 39px 0 0;
_margin:0 19px 0 0;
}

#flashheader{
width:648px;
height:139px;
}

.balk_top{
background-image:url(../img/balk_top.jpg);
background-repeat:no-repeat;
width:841px;
height:14px;
float: left;
margin: 20px 0 0 39px;
_margin: 20px 0 0 19px;
}


a{
color:#004a99;
text-decoration:none;
border:none;
}

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

/*//////////////////////////////////////////////////*/

.mailform	{
	width: 300px;
	margin: 2px 0 2px 0;
}

.mailform_x	{
	width: 300px;
	margin: 2px 0 2px 0;
	background-image: url('/img/verplicht.png');
	_background-image: url('/img/verplicht.gif');
	background-position: top right;
	background-repeat: no-repeat;
}

.mailform_small_x	{
	width: 103px;
	margin: 2px 0 2px 0;
	background-image: url('/img/verplicht.png');
	_background-image: url('/img/verplicht.gif');
	background-position: top right;
	background-repeat: no-repeat;
}

.mailform_small	{
	width: 103px;
	margin: 2px 0 2px 0;
}

.mailform_smaller_x	{
	width: 124px;
	margin: 2px 0 2px 0;
	background-image: url('/img/verplicht.png');
	_background-image: url('/img/verplicht.gif');
	background-position: top right;
	background-repeat: no-repeat;
}

label	{
	float:left;
	height: 16px;
	width: 42px;
	margin: 2px 10px 2px 0;
	text-align: left;
	line-height:14px;
	font-size:12px;
}

.label2	{
	float:left;
	height: 16px;
	width: 60px !important;
	_width: 70px;
	margin: 2px 10px 2px 0;
	text-align: left;
	line-height:14px;
}

.label_x	{
	float:left;
	height: 16px;
	width: 100px;
	margin: 2px 10px 2px 0;
	text-align: left;
	line-height:14px;
}

.biglabel	{
	float:left;
	height: 16px;
	width: 307px;
	margin: 2px 10px 2px 0;
	text-align: left;
	font-style:italic;
	font-size:10px;
}

/*	 TABEL OPMAAK
__________________________________________________*/	 
table{
background-color:none;
border-collapse:collapse;
border: 1px solid #9fdcf8;
}

/*//////////////////////////////////////////////////
     
/*	 GLOBALE PAGINA OPMAAK
__________________________________________________*/	 
.kolom_links{
height:auto;
width:142px;
margin-left:39px;
float: left;
_margin: 0 0 0 19px;
}

.kolom_rechts{
height:auto;
width:646px;
_width:649px;
float: right;
margin-right:41px;
_margin: 0 19px 0 0;
}

.titel{
font-size:16px;
font-weight:bold;
margin: 0 0 10px 0;
}

.tekst{
font-size:12px;
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
padding:10px 11px 10px 11px;
_margin: 0px 0 0 0;
}

.tekst ul li {
font-size:12px;
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
padding:5px 11px 10px 0px;
margin-left: -28px;
list-style: none;
position: relative;
}

.welkom_home ul li {
list-style-type: circle !important;	
}

.submenu{
font-size:12px;
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
padding:10px 11px -30px 11px;
margin-left:-15px;
_margin: 0px 0 0 0;
}

.ganaar{
font-weight:bold;
}

.linkerdivs_home{
background-image:url(../img/div_bg.png);
background-repeat:repeat-x;
behavior:url("htc/iepngfix.htc");
height:auto;
width:142px;
margin:22px 0 0 0;
}

.welkom_home{
background-image:url(../img/div_bg.png);
background-repeat:repeat-x;
behavior:url("htc/iepngfix.htc");
height:auto;
_height:auto;
width:646px;
_width:648px;
margin: 22px 0 0 0;
}

.nieuws_home{
background-image:url(../img/div_bg.png);
background-repeat:repeat-x;
behavior:url("htc/iepngfix.htc");
height:auto;
width:255px;
_width:257px;
margin-top:22px;
float: left;
}

.fotos_home{
background-image:url(../img/div_bg.png);
background-repeat:repeat-x;
behavior:url("htc/iepngfix.htc");
height:auto;
width:371px;
_width: 373px;
margin-left:10px;
float:right;
margin: 22px 0 0 0;
}

.fotos_home_holder{
height:77px;
width:auto;
border:0px;
}

.img_holder{
width:108px;
height:77px;
margin:0 8px 0 0;
float:left;
border:0px;
}
.img_holder a:hover{
border:none;
text-decoration:none;
}

.img_locatie{
width:108px;
height:77px;
margin:0 0 10px 0;
}

.sponsor_line{
background-color:#cfebf9;
width:841px;
height:1px;
margin:32px 0 0 39px;
}

.sponsor_kader{
background-image:url(../img/sponsors.jpg);
width:841px;
height:83px;
margin:10px 0 0 39px;
border:none;
}

.lijn_h{
background-image:url(../img/dot.png);
width:100%;
height:1px;
_height:1px;
line-height:0px;
font-size:0px;
_line-height:0px;
_font-size:0px;
}

.rss-items {
	list-style: none;
	margin: 0 0 0 -10px;
	width: 100px;
	letter-spacing: -0.5pt;
}

.straatnummers{
width:100%;
height:auto;
margin:0;
border:1px solid #000000;
background-image:url(../img/div_bg.png);
}
/*//////////////////////////////////////////////////
     

RONDINGEN (HOEKEN VAN CONTENT DIV's)
__________________________________________________*/	

.divtest{
background-image:url(../img/div_bg.png);
background-repeat:repeat-x;
behavior:url("htc/iepngfix.htc");
height:auto;
width:555px;
}

.t, .b, .l, .r, .bl, .br, .tl, .tr  {

}

.t {background: url(../img/dot.png) 0 0 repeat-x;}
.b {background: url(../img/dot.png) 0 100% repeat-x;}
.l {background: url(../img/dot.png) 0 0 repeat-y;}
.r {background: url(../img/dot.png) 100% 0 repeat-y;}

.bl {
background: url(../img/bl.png);
_background: url(../img/bl-ie6.png) !important;
background-repeat: no-repeat;
background-position: bottom left;
}
.br {
background: url(../img/br.png);
_background: url(../img/br-ie6.png) !important;
background-repeat: no-repeat;
background-position: bottom right;
}
.tl {
background: url(../img/tl.png);
_background: url(../img/tl-ie6.png) !important;
background-repeat: no-repeat;
background-position: top left;
}
.tr {
background: url(../img/tr.png);
_background: url(../img/tr-ie6.png) !important;
background-repeat: no-repeat;
background-position:top right;
}

.maps{
margin:0;
border: 1px solid #cceaf8;
}

/*//////////////////////////////////////////////////*/




/*//////////////////////////////////////////////////
     
	 HOOFDMENU
__________________________________________________*/	 

.menu{
background-image:url(../img/menu_bg.png);
behavior:url("htc/iepngfix.htc");
background-repeat:repeat-x;
height:35px;
width:648px;
_width:618px;
margin:10px 39px 0 50px;
float: right;
_margin: 12px 19px 0 0;
}

.midden {
    position: absolute;
    width: 400px;
    left: 50%;
        margin-left: -200px;
    margin-right: auto;
}
/* HOVERMENU  */
.hovermenu ul{
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#004a99;
padding-left:0px;
margin-left:9px;
margin-top:0px;
height:35px;
width:648px;;
_width:638px;
}

.hovermenu ul li{
list-style: none;
display: inline;
float: left;
}

.hovermenu ul li a{
margin-top:3px;
padding: 4px 13px 4px 12px;
_padding: 0px 12px 4px 12px;
text-decoration: none;
float: left;
padding-top:5px;
height:23px;
/*border-color:#c9e9f8;
border-left:dotted 1px;*/
}

.hovermenu ul li a:hover{
margin-top:1px;
padding-top:7px;
background-image:url(../img/menu_hover.jpg);
background-repeat:repeat-x;
behavior:url("htc/iepngfix.htc");	
color:#0084cf;
text-decoration:none;
}

.hovermenu ul li ul {
	display: none;
}

/*.hovermenu ul li:hover ul {
	display: block;
	position: absolute;
	background-color: #FFDD00;
	top: 0;
	left: 0;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
color:#004a99;
}

/*//////////////////////////////////////////////////*/




/*//////////////////////////////////////////////////
     
/*	 FOOTER
__________________________________________________*/	 
.footer{
background-image:url(../img/footer.png);
background-repeat:no-repeat;
behavior:url("htc/iepngfix.htc");
width:919px;
height:31px;
margin: 0 auto;
}

.footer_bottom{
background-image:url(../img/footer.png);
background-repeat:no-repeat;
behavior:url("htc/iepngfix.htc");
width:919px;
height:31px;
margin: 0 auto;
}

.footer_tekst{
font-size:10px;
color:#4592ba;
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
padding:5px 0 0 0;
width:919px;
height:auto;
text-align:center;
}

/*FOOTERMENU*/
.footermenu_container{
margin:0 auto;
height:35px;
width:919px;
_width:919px;
text-align: center;
_margin:0 auto;
}
.footermenu ul{
font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#004a99;
margin: 0 auto;
height:35px;
width:700px;
_width:919px;
}

.footermenu ul li{
list-style: none;
float: left;
}

.footermenu ul li a{
margin-top:3px;
padding: 4px 25px 4px 25px;
_padding: 4px 57px 4px 25px;
text-decoration: none;
height:23px;

}

.footermenu ul li a:hover{
margin-top:1px;
padding-top:7px;
color:#004a99;
text-decoration:underline;
}

.footermenu ul li ul {
	display: none;
}

.webstats{
width:850px;
height:9px;
margin: 0 auto;
}	

/*//////////////////////////////////////////////////*/