/* Stylesheet BB-website */
/* URI: http://www.bollebuik.be */
/* Auteur: Hans Druyts   */
/* Laatste wijziging: 6 okt 2006 */
/*   => aanpassing naamgeving om niet in verwarring te zijn met WP */

/* algemene achtergrond & font settings*/
body {
	margin: 0;
	padding: 0;
	background-color: #BB3E00;   	/* oker */
	text-align: center;
	font-family : Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #5F6B2E;			/* donkergroen */
}
h1 {
	padding: 5px 0px 5px 0px;
	margin: 0px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 14pt;
	color: #BB3E00;			/* oker (= body background) */
}
h2 {
	padding: 3px 0px 3px 0px;
	margin: 0px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000000;
}
h3 {
	padding: 2px 0px 2px 0px;
	margin: 0px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
p {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #5F6B2E;			/* donkergroen (= body color) */
}
td {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #5F6B2E;			/* donkergroen (= body color) */
}
img {
	border: none;
}
span.floatleft {
	float: left;
	padding-right: 10px;
}
span.floatright {
	float: right;
	padding-left: 10px;
}

/*********************/
/*      WRAPPER      */
/*********************/

/* wrapper zorgt ervoor dat ons 'venster' in het midden van de browser-window staat */
#bb_wrapper {
	position: relative;
	top: 0;
	left: 0;
	width: 950px;
	margin: 5px auto 5px auto;
	padding: 0;
	border: 5px solid #B4DE18; 	/* grasgroen */
	background-color: #B4DE18; 	/* grasgroen */
	color: #5F6B2E;			/* donkergroen (= body color) */
	text-align: left;
}

/*********************/
/*    BANNER                      */
/*********************/
/* banner is voor reklamebalkje */
#bb_banner {
	position: relative;
	top: 0;
	left: 0;
	width: 950px;
	margin: 5px auto 5px auto;
	padding: 0;
	border: 5px solid #B4DE18; 	/* grasgroen */
	background-color: #B4DE18; 	/* grasgroen */
	color: #5F6B2E;			/* donkergroen (= body color) */
	text-align: center;
}

/*********************/
/*      MAIN         */
/*********************/

/* main maakt de pagina-layout op (dikke menubalk links, titelbalk boven en dunne boord rechts en onder) */
#bb_main {
	position: relative;
	top: 0;
	left: 0;
	margin-top: 20px;
	margin-left: 140px;
	margin-right: 0;
	margin-bottom: 0;
	background-color: rgb(255,255,204); /* ecru (= kleur logo) */
	padding: 0;
	width: 810px;	/* = width wrapper - margin-left */
}

/*********************/
/*      TITEL        */
/*********************/

/* positionering van de paginatitel (komt over de balk bovenaan, dus positionering -24px) */
#bb_titlebar {
	position: absolute;
	top: -24px;
	left: 0px;
	width: 100%;
	margin: 0;
	padding: 0;
}
#bb_titlebar p {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: Bold;
	color: rgb(255,255,204);	/* ecru (= kleur logo) */
}

#bb_language {
    position: absolute;
    top: 0%;
    width: 100%;
    text-align: right;
}

/*********************/
/*      INHOUD       */
/*********************/

/* positionering van de inhoud van de pagina (iets van de rand wegblijven = padding) */
#bb_content {
	margin: 0;
	padding: 10px;
}

/* een hack om ervoor te zorgen dat de minimale hoogte van de content 600px is */
#bb_content_holder {
	margin: 0;
	padding: 0;
}
* > #bb_content_holder {
	padding-top: 610px;
	min-height: 1px;
}
* > #bb_content_holder #bb_content {
	margin-top: -610px;
}
* html #bb_content_holder {
	/* IE5Mac Filter \*/
	height: 610px;
	/* end filter */
}
/* einde van de hack, meer info op: http://www.mezzoblue.com/archives/2004/09/16/minheight_fi/index.php */

.row1 {
	background: #DFDFDF;
}
.row2 {
	background: #C3C4C4;
}

/*********************/
/*      MENUBALK     */
/*********************/

#bb_sidebar {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 140px;
	margin: 0;
	padding: 0;
}
#bb_menu {
	position: relative;
	top: 10px;
	left: 0px;
	width: 100%;
	background-color: #B4DE18;
	margin: 0;
	padding: 0;
}
a.menuL1:link, a.menuL1:visited {
	color: #BB3E00;
	font-size : 14px;
	font-weight: bold;
	text-decoration : none;
	font-family : Tahoma, Verdana,  Helvetica, sans-serif;
}
a.menuL1:hover {
	color: #BB3E00;
	font-weight: bold;
	font-size : 14px;
	text-decoration : underline;
	font-family : Tahoma, Verdana, Helvetica, sans-serif;
}
a.menuL2:link, a.menuL2:visited {
	color: #5F6B2E;
	font-size : 12px;
	font-weight: bold;
	text-decoration : none;
	font-family : Tahoma, Verdana, Helvetica, sans-serif;
}
a.menuL2:hover {
	color: #5F6B2E;
	font-weight: bold;
	font-size : 12px;
	text-decoration : underline;
	font-family : Tahoma, Verdana, Helvetica, sans-serif;
}
a.menuL3:link, a.menuL3:visited {
	color: #000000;
	font-size : 11px;
	font-weight: bold;
	text-decoration : none;
	font-family : Tahoma, Verdana, Helvetica, sans-serif;
}
a.menuL3:hover {
	color: #000000;
	font-weight: bold;
	font-size : 11px;
	text-decoration : underline;
	font-family : Tahoma, Verdana, Helvetica, sans-serif;
}


/*********************/
/*      CONTACT      */
/*********************/

/* positionering van de contact-info: onderaan links op de zijbalk */
#bb_contact {
	position: absolute;
	top: 100%;
	left: 0;
	/*margin-top: -65px;*/
	margin-top: -105px;
        margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 140px;
	/*height: 55px;*/
        height: 95px;
	padding: 0;
	color:#5F6B2E;			/* donkergroen */
	font-size: 8pt;
}
/* stijl voor de contact-info tekst */
#bb_contact p{
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #5F6B2E;			/* donkergroen (= body color) */
}
/* stijl van de contact-info links */
#bb_contact a:link, #bb_contact a:visited {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: rgb(255,255,204);	/* ecru (=kleur logo) */
	text-decoration: none;
}
#bb_contact a:hover {
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	color: rgb(255,255,204);	/* ecru (=kleur logo) */
	text-decoration: underline;
}

/*********/
/* INTRO */
/*********/

table.intro {
	position: absolute;
	top: 0px;
	left: 0px;
	border: 0px solid black;
	border-spacing: 0px;
	border-padding: 0px;
	border-collapse: collapse; 
}
td.image {
	padding: 0px;
	margin: 0px;
}
td.color1 {
	background-color: rgb(255,102,51); 	/* 255 102 51	: oranje */
	text-align: center;
}
td.color1 a:link, td.color1 a:visited {
	color: rgb(153,51,0);        		/* 153 51 0	: roodbruin */
	text-decoration: none;
	font-weight: bold;
	font-size: 16pt;
}
td.color2 {
	background-color: rgb(204,51,153); 	/* 204 51 153	: paars */
	text-align: center;
}
td.color2 a:link, td.color2 a:visited {
	color: rgb(89,205,191);           	/* 89 205 191	: lichtblauw */
	text-decoration: none;
	font-weight: bold;
	font-size: 16pt;
}
td.color3 {
	background-color: #B4DE18;  		/* 0 204 51	: groen */
	text-align: center;
}
td.color3 a:link, td.color3 a:visited {
	color: rgb(0,0,102);			/* 0 0 102	: donkerblauw */
	text-decoration: none;
	font-weight: bold;
	font-size: 16pt;
}
td.color4 {
	background-color: rgb(0,204,255); 	/* 0 204 255	: lichtblauw */
	text-align: center;
}
td.color4 a:link, td.color4 a:visited {
	color: rgb(255,102,102);		/* 255 102 102	: oranje */
	text-decoration: none;
	font-weight: bold;
	font-size: 16pt;
}
td.color5 {
	background-color: rgb(255,204,0); 	/* 255 204 0	: geel */
	text-align: center;
}
td.color5 a:link, td.color5 a:visited {
	color: rgb(153,51,204);              	/* 153 51 204	: paars */
	text-decoration: none;
	font-weight: bold;
	font-size: 16pt;
}
td.color6 {
	background-color: #B4DE18;
	text-align: right;
	vertical-align: bottom;
}
td.color6 a:link, td.color6 a:visited {
	color: rgb(255,255,204);	
	text-decoration: none;
}

/***********/
/* Locatie */
/***********/

#bb_locatie {
	background-color: rgb(255,255,204);
	padding: 5px;
	margin: 5px;
	color:#5F6B2E;			/* donkergroen */
	font-size: 8pt;
}

#OneStatTag {
	position: relative;
	z-index: -1;
}