/* OBIWEBS.BE - Slimme Modulaire Websites   */
/* Koen Van Nuffelen & Kris D'Aes           */

/* =========================== OPMAAK WEB TEMPLATE =========================== */

body {
    background:#9999FF url('images/bg_gradient.jpg') repeat-x center top; margin:0; text-align: center
}

P, OL, UL, DIV, H1, H2, H3, TD {
	font-family: verdana, arial, sans-serif; font-size: 11px; text-align: left;
}


li { list-style-type: square; }

a:link    {font-size: 11px; text-decoration:none; color: #0000FF;}
a:visited {font-size: 11px; text-decoration:none; color: #0000FF;}
a:hover   {font-size: 11px; text-decoration:underline; color: #0000FF;}

a.internal-link:link    {font-size: 11px; text-decoration:none; color: #0000FF;}
a.internal-link:visited {font-size: 11px; text-decoration:none; color: #0000FF;}
a.internal-link:hover   {font-size: 11px; text-decoration:underline; color: #0000FF;}

a.more:link    {font-size: 9px; text-decoration:none; color: #0000FF;}
a.more:visited {font-size: 9px; text-decoration:none; color: #0000FF;}
a.more:hover   {font-size: 9px; text-decoration:underline; color: #0000FF;}

tr, td {padding: 0px; margin: 0px;vertical-align: top;}

TABLE#webpage, TABLE#header {width: 770px; border:0px; padding: 0px; margin: 0px; border-collapse: collapse;
							/* center for other browsers */
                             margin-left: auto; margin-right: auto; 
}


TD#logo {width: 103px;}
TD#tools, TD#menu_lev1 {
	width: 667px;
	vertical-align: bottom;
}
TD#content {background-color: #FFFFFF;}
TD#ruler {background-image: url(images/ruler.png); background-repeat: repeat-x;}
#spacer_ruler {	height: 22px; width: 20px;}

table.contact {border:0px; padding: 0px; margin: 0px; border-collapse: collapse;
							/* center for other browsers */
                             margin-left: auto; margin-right: auto; text-align: left;}
table.contact td {border:0px; padding: 0px; margin:0}


/* ======================= BOUWBLOKKEN (GRID FCE's) ======================= */

table.BB-obiwebs {padding: 0px; margin: 0px;vertical-align: top;}
table.BB-obiwebs td {padding: 0px; margin: 0px;vertical-align: top; }


/* ======================= BLOKOPMAAK (FORMATTING FCE's) ======================= */

div.light-background {background-color: #ccccff;padding: 4px; }
div.light-background p {font-size: 10px; }


div.dark-background {background-color: #6666ff; color:#ffffff;
                                      padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px }
div.border-solid          {border: 1px solid #6666ff;
                                      padding-left: 8px; padding-right: 3px; padding-top: 6px; padding-bottom: 0px;  }

table#main_promo div.border-solid          {border: 1px solid #6666ff;
                                      padding: 12px;  margin:10px; width:588px}

table#main_promo div.border-dotted {border: 1px dotted #6666ff; width:100%;
                                      padding: 12px;  margin:10px; width:588px;}
                                                
                                      
div.border-dotted        {border: 1px dotted #6666ff; padding: 12px; margin: 0px;}
                                      
table#main_promo td div.border-rounded td {padding: 0px;}

table#main_promo td div.border-rounded-shadow td {padding: 0px;}

table #main_promo div#main div.border-solid p.bodytext {line-height:1.8em;}


/* =========================== OPMAAK FOOTER =========================== */

#footer {
	color: #FFFFFF;
	background-color: #6B68F5;
	font-size: 9px;
  	text-align: center;
}


a.mailfooter:link    {font-size: 9px; text-decoration:underline; color: #ffffff;}
a.mailfooter:visited {font-size: 9px; text-decoration:underline; color: #ffffff;}
a.mailfooter:hover   {font-size: 9px; text-decoration:none; color: #ffffff;}

table#menu_main_promo td table.contenttable             {border-collapse: collapse; width: 430px}
table#menu_main_promo td table.contenttable td          {border: 1px solid #0000ff; background-color: #CCCCFF; color: #000000; padding:6px; width: 1%}
table#menu_main_promo td table.contenttable tr.tr-0 td  {font-weight:bold; }


/* =========================== OPMAAK KOLOMMEN =========================== */

table#main_promo                   {width: 770px; border:0px; margin: 0px; padding: 0px; border-collapse: collapse }
table#main_promo td                {padding: 8px;}
table#main_promo td#main           {vertical-align: top; padding-left: 16px; padding-right: 16px; padding-top: 10px; padding-bottom: 20px;}

table#menu_main_promo              {width: 770px; border:0px; margin: 0px; padding: 0px; border-collapse: collapse }
table#menu_main_promo td           {padding: 8px;}
table#menu_main_promo td#main      {vertical-align: top; padding-left: 16px; padding-right: 16px; padding-top: 10px; padding-bottom: 20px;}


table#main_promo table.start       {width: 605px; border:0px; margin: 0px; padding: 0px; border-collapse: collapse }
table#main_promo table.start td    {padding: 0px; text-align: left;}
table#main_promo table.promo       {padding:0px; margin:0px;}

table#main_promo td#promo     {padding: 4px;}
table#menu_main_promo td#promo     {padding: 4px;}



table#menu_main_promo td#menu_lev2 {background-color: #6B68F5;background-image: url(images/bg_menu_water.jpg); background-repeat: no-repeat; background-position: center top; width: 180px;vertical-align: top;}

td#promo                           {vertical-align: top; }

div#pagetitle              {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 22px;
	text-align: left;
	font-weight: 300;
		
}

/* =========================== OPMAAK LINKS MENU =========================== */

div.menu_lev2_act    {margin-left: 8px; margin-top: 4px; padding-top: 4px; width:136px; height: 19px; text-align:left; }
div.menu_lev2_act a:link, div.menu_lev2_act a:visited, div.menu_lev2_act a:hover {padding-left: 4px; padding-top:4px; display:block;color: #ffffff; text-decoration: none; width:136px; height: 19px; background-image: url(images/button_dark.jpg);}

div.menu_lev2_no    {margin-left: 8px; margin-top: 4px; padding-top: 4px; width:136px; height: 19px; text-align:left;}
div.menu_lev2_no a:link, div.menu_lev2_no a:visited {padding-left: 4px; padding-top:4px; color: #000066; text-decoration: none; width:136px; height: 19px; background-image: url(images/button_light.jpg); display:block;}
div.menu_lev2_no a:hover {padding-left: 4px; color: #ffffff; text-decoration: none; width:136px; height: 19px; background-image: url(images/button_dark.jpg); display:block;}

div.menu_lev3_act   {margin-left: 16px; }
div.menu_lev3_act a:link {font-size: 9px ;color: #ffffff;}
div.menu_lev3_act a:visited {font-size: 9px ;color: #ffffff;}
div.menu_lev3_act a:hover {font-size: 9px ;color: #ffffff;}

div.menu_lev3_no   {margin-left:16px; }
div.menu_lev3_no a:link {font-size: 9px ;color: #000066;}
div.menu_lev3_no a:visited {font-size: 9px ;color: #000066;}
div.menu_lev3_no a:hover {font-size: 9px ;color: #ffffff;}

/* =========================== OPMAAK FCE's =========================== */

div#menu                   {}

table#menu_main_promo div#main                   {width: 432px; }
div#promo                  {background-color: #FFFFFF; width: 120px; }