/** ----------------
	ALGEMEEN
	----------------- **/

html, body, div, h1, h2, h3, h4, h5, 
ul, ol, dl, li, dt, dd, p, blockquote, 
pre, form, fieldset, table, th, td , hr
	{ margin: 0; padding: 0; } 

html, body 
	{
	font: normal normal 85%/1.5 Arial, Helvetica, sans-serif; /*standaard font-size is 1em (=12px)*/
	color: #333;
	background-image: url(../images/bg_body.jpg);
	background-attachment: fixed;
	}
	
hr, hr.dotted
	{
	border: 0px; 
	height: 0px; 
	border-bottom: 1px solid #AAA; 
	margin-bottom: 15px;
	clear: both;
	}
	
hr.dotted {border-bottom: 1px dotted #999;}

.center {text-align: center!important;}
.invisible {display: none;}

.Lfloat {float: left; margin-right: 10px;}
.Lfloat_marginbottom {float: left; margin-right: 10px; margin-bottom: 10px;}
.Rfloat {float: right; margin-left: 10px;}



/** ----------------
	HOOFDSTRUCTUUR
	----------------- **/
	
#container 
	{
	width: 950px;
	margin: 0 auto;
	margin-top: 6px;
	overflow: hidden;
	background-color: #FFF;
	padding: 6px;
	}
	
#topbanner 
	{
	width: 950px;
	height: 100px;
	background-color: #CCC;
	text-align: center;
	}
	
#navigatie 
	{
	width: 100%;
	height: 32px;
	margin-top: 6px;
	background-image: url(../images/bg_nav.jpg);
	text-align: center;
	}
	
#header 
	{
	width: 100%;
	height: 100px;
	background-image: url(../images/bg_header.jpg);
	}
	
#breadcrumbs
	{
	width: 100%;
	height: 26px;
	background-color: #A89903;
	margin-bottom: 6px;
	}

#boxleft
	{
	width: 200px;
	float: left;
	overflow: auto;
	}
	
#main
	{
	width: 520px; /*484*/
	padding-top: 5px;
	float: left;
	margin-left: 15px; /*30*/
	margin-right: 15px; /*30*/
	overflow: hidden;
	}
	
#main_interface
	{
	width: 684px;
	padding-top: 5px;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
	overflow: hidden;
	}	
	
#rightbox
	{
	width: 200px;
	float: right;
	overflow: hidden;
	}
	
#footer
	{
	width: 948px;
	height: 98px;
	background-image: url(../images/bg_footer.jpg);
	float: left;
	clear: both;
	margin-top: 30px;
	border: 1px solid #CCC;
	}



/** ----------------
	SUBSTRUCTUUR
	----------------- **/

/* -- header -- */
#logo
	{
	width: 241px;
	height: 100px;
	background-image: url(../images/logo_aktivia.png);
	float: left;
	margin-right: 6px;
	}

#bezoekers_online 
	{
	float: right;
	padding:4px 15px 4px 10px;
	}


/* -- kaders homepagina -- */

#main .belangrijk
	{margin-bottom: 15px;}
#main .dubbel,
#main .enkel_links,
#main .enkel_rechts
	{margin-bottom: 15px; overflow: auto;}

#main .belangrijk
	{
	width: 464px;
	padding: 10px;
	background-color: #DBDBDB;
	}
	
#main .dubbel
	{
	display: block;
	width: 100%;
	}
	
#main .enkel_links 
	{
	display: block;
	float: left;
	width: 230px; /*220*/
	margin-right: 44px;
	}
	
#main .enkel_rechts
	{
	display: block;
	float: right;
	width: 230px; /*220*/
	}

#footer_contact
	{
	margin: 15px 17px 0px 17px;
	display: block;
	float: left;
	color: #666;
	}
	
	
/* -- Opmaak voor boxen in het linkermenu -- */
#boxleft .boxtitle
	{
	display: block;
	width: 180px;
	padding: 10px;
	background-color: #C4CDAD;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	}
	
#boxleft .boxtext
	{
	width: 180px;
	padding: 10px;
	background-color: #F5F4C0;
	color: #333;
	margin-bottom: 6px;
	font-size: 0.95em;
	}


/* -- Opmaak voor boxen 'wie is wie' -- */
#main .boxwie
	{
	display: block;
	width: 480px;
	height: 115px;
	margin-bottom: 25px;
	}



/** ----------------
	NAVIGATIE
	----------------- **/	
	
#navigatie ul 
	{
	list-style-type: none;
	font-family: "Trebuchet MS";
	}
	
#navigatie ul li 
	{
	float: left; 
	display: block; 
	height: 25px; 
	padding: 7px 20px 0px 20px;
	border-right: 1px solid #5a5a5a;
	}

#navigatie ul li a
	{
	text-decoration: none;
	color: #FFF;
	}
	
#navigatie ul li a:hover
	{
	color: #CEC24C;
	}

#navigatie ul li div
	{
	float:left;
	clear: left;
	position: absolute;
	min-width: 180px;
	visibility: hidden;
	background-color: #F2F2F2;
	border-bottom: 8px solid #666;
	margin-top: 8px;
	margin-left: -20px;
	}
	
#navigatie ul li div a
	{	
	display: block;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	color: #333;
	}
	
#navigatie ul li div a:hover
	{	
	position: relative;
	color: #333;
	background-color: #c8d0b4;
	}
		
#breadcrumbs li 
	{
	float:left;
	color:#330;
	background-color: #A89903;
	list-style-type: none;
	padding:4px 15px 4px 10px;
	background:url(../images/crumbs_pijl.png) no-repeat right center;
	}	
		
#breadcrumbs li a 
	{
	display: block;
	color: #F0EBBC;
	text-decoration: none;
	}

#breadcrumbs li a:hover
	{
	text-decoration: underline;
	}


/** ----------------
	TEKSTOPMAAK
	----------------- **/

/* -- titels -- */
#main h1 {font-size: 2em; font-weight: bold;}
#main h2 {font-size: 1.4em; font-weight: bold; color: #BAAA03; line-height: 1.2em;}
#main h3 {font-size: 1.2em; font-weight: bold;}
#main .belangrijk h1 {font-size: 1.2em; color: #FF0000;}
#main .dubbel h1,
#main .enkel_links h1,
#main .enkel_rechts h1 
	{
	display: block; 
	padding: 3px 10px 3px 5px;
	margin-bottom: 7px;
	font-size: 1.2em; 
	background-color: #444; 
	color: #BAAA03; 
	border-left: 10px solid #BBB; 
	}

/* -- platte tekst -- */
#main p {margin-bottom: 15px;}
#main p.nomargin {margin-bottom: 0px;}
#main .datum {font-size: 0.9em; color: #666; margin-top: 2px;}
#breadcrumbs .highlight {color: #F0EBBC;}
.vet {font-weight: bold;}
.schuin {font-style: italic;}
.red {color: #FF0000;}
.fotobeschrijving 
	{
	font-style: italic;
	font-size: 0.9em;
	color: #666;
	margin-top: 10px;
	}
#main p,
#main ul,
#main ol
	{text-align: left;}



/** ----------------
	LIJSTEN
	----------------- **/
	
#main ul {list-style: outside disc; margin-left: 18px; margin-bottom: 15px;}
#main ol{list-style: outside decimal; margin-left: 25px; margin-bottom: 15px;}



/** ----------------
	IMAGES
	----------------- **/
img {border: 0px;}
img.rand {border: 1px solid #CCC;}
img.personeelfoto {float: left; margin-right: 15px; border: 1px solid #CCC;}
img.partner {border: 1px solid #CCC; margin-bottom: 15px;}



/** ----------------
	LINKS
	----------------- **/
	
a img {border-width: 0px;}

a {outline: none; color: #333;}

#boxleft a {text-decoration: underline; font-weight: bold;}
#main a {text-decoration: underline; font-weight: bold;}
#main a.button
	{
	display: block;
	width: 65px;
	padding: 3px;
	text-align: center;
	text-decoration:none;
	color: #FFF;
	background-image: url(../images/bg_btn.jpg);
	}
#main a:hover {color: #BAAA03;}
#main a.button:hover {color:#333; background-image: url(../images/bg_btn_hover.jpg);}
#main .boxwie a {font-weight: normal;}

#footer_contact a {color: #666;}
#footer_contact a:hover {color: #333;}



/** ----------------
	TABELLEN
	----------------- **/
	
#main table.trofee {background-color: #E5E5E5; border-width: 0px; font-size: 0.95em; width: 100%;}
#main table.trofee th {background-color: #BBB; text-align: left;}
#main table.trofee td,
#main table.trofee th {padding: 3px;}
#main table.trofee td.k1 {padding-right: 7px;}
#main table.trofee td.k4 {text-align: center;}

#main table.simpel {border-width: 0px; margin-bottom:15px;}
#main table.simpel th {background-color: #CCC; font-weight: bold;}
#main table.simpel td,
#main table.simpel th {padding: 5px;}
#main table.simpel td {background-color: #F2F2F2;}


/** ----------------
	FORMULIEREN
	----------------- **/
	
#frmlidwijzigen label {
    display: inline-block;
    width: 45px;
}

#frmpaswijzigen label {
    display: inline-block;
    width: 100px;
}

#frmaanmelden label {
    display: inline-block;
    width: 50px;
}

form#tevreden, 
form#nieuwsbrief,
form#aansluiten,
form#clubs,
form#training
	{width: 480px;}
	
form#fitheidsindex
	{background: #F2F2F2; border: 1px solid #CCC; padding: 10px; width: 460px; margin-bottom: 15px;}

#tevreden label,
#nieuwsbrief label,
#aansluiten label,
#clubs label,
#training label,
#fitheidsindex label
	{float: left; width: 200px;}
#login label
	{float: left; width: 100px;}
#inschrijven label
	{float: left; width: 100px;}

#tevreden .rbcblabel,
#nieuwsbrief .rbcblabel,
#aansluiten .rbcblabel,
#clubs .rbcblabel,
#training .rbclabel,
#fitheidsindex .rbclabel
	{float: none; width: auto;}
	
#tevreden input,
#nieuwsbrief input,
#inschrijven input,
#aansluiten input,
#clubs input,
#training input,
#login input,
#fitheidsindex input
	{margin-bottom: 10px; margin-right: 5px;}
	
#tevreden .inputveld,
#nieuwsbrief .inputveld,
#inschrijven .inputveld,
#aansluiten .inputveld,
#clubs .inputveld,
#training .inputveld,
#login .inputveld
	{width: 220px; border: 1px solid #999; margin-bottom: 10px;}
#fitheidsindex .inputveld
	{width: 50px; border: 1px solid #999; margin-bottom: 10px;}
#fitheidsindex .inputresultaat
	{float: left; padding: 3px; width: 50px; border: 1px solid #FF0000; margin-bottom: 10px;}
	
#clubs .inputveld {float: left;}
	
#aansluiten .inputveld2,
#training .inputveld2
	{width: 150px; border: 1px solid #999; margin-bottom: 10px;}
	
#tevreden textarea,
#nieuwsbrief textarea,
#aansluiten textarea,
#training textarea
	{width: 450px; border: 1px solid #999;}

#tevreden .inputbutton,
#nieuwsbrief .inputbutton,
#inschrijven .inputbutton,
#aansluiten .inputbutton,
#clubs .inputbutton,
#training .inputbutton,
#login .inputbutton,
#fitheidsindex .inputbutton
	{
	display: block;
	padding: 3px;
	border: 0px;
	text-align: center;
	text-decoration:none;
	color: #FFF;
	background-image: url(../images/bg_btn.jpg);
	cursor: pointer;
	}
#fitheidsindex .inputbutton
	{display: inline-block; float: left;}

#clubs .inputbutton 
	{
	float: right;
	padding: 1px 3px;
	}

#fitheidsindex select
	{margin-bottom: 10px;}

.foutmelding
	{ color: #FF0000; }



/** ----------------
	BANNER
	----------------- **/


#bannerTD { width:950px; height:100px; background-color:#333; background-repeat: no-repeat;}
#bannerTD #bannerContainer { width:950px; height:100px; text-align:center;}
#bannerTD #bannerContainerCover { width:950px; height:100px; text-align:center; cursor:pointer;}
#bannerTD #bannerBody { height:90px; text-align:center;}

#bannerTD #bannerFooter {     
    background:#000; height:80px; 
    display:none; 
    width:950px;
}
#bannerTD #bannerFooterNav { 
    position:absolute;
    top:335px;margin-top:0;
    left:50%;margin-left:-450px;
    width:900px;
}
.footerCell{ padding:5px; text-align:left; border:0px #F90 solid;}
.footerCell .footerTitle {font-family:tahoma, arial; font-size:11px; color:#fff; font-weight: bold;}
.footerCell .footerDesc {font-family:tahoma, arial; font-size:11px; color:#efefef;}
.footerCell ul {list-style: none; margin: 2px; margin-left: 75px; padding-left: 10px;}
.footerCell ul li {margin: 2px; line-height: 13px; padding: 0;}
.footerLink {text-align: right;}

.footerCell .imgDiv{ position:relative; float:left; width:80px; height:65px; margin: 2px 1px 0px 1px;}
.bttnMore {width:57px; height:19px; float: right;}
.bttnMore a{display: block; background:url(/images/bttn_more_small.png) 0 0 no-repeat; line-height: 19px; text-decoration: none;}

.imgBgDiv_i {
    width:82px; height:67px;
    background: url(/images/thumbBgBordered.png) 0 0 no-repeat;
    padding: 0;
    float:left;
}


#bannerCornerOverlayT{position:absolute; left:50%; margin-top:0; margin-left:-450px; top:90px; background:url(/images/bg_bigbanner_trans.gif) 0 -5px no-repeat; width:950px; height:5px; z-index:1000;}
#bannerCornerOverlayB{position:absolute; left:50%; margin-top:0; margin-left:-450px; top:410px; background:url(/images/bg_bigbanner_trans.gif) 0 0 no-repeat; width:950px; height:5px; z-index:1001;}

.trans {color:#E6E2DA;}
.trans a{color:#E6E2DA;}

div.info { 
	color: green;
	font-style: italic;
}

div.error { 
	color: red;
	font-style: italic;
}