/*-----------------------------------------------------------------------------
Website: Bio-Accelerator
Auteur: Webatvantage
Laatst gewijzigd: 14-12-2009
-----------------------------------------------------------------------------*/

/*------------------------------- START RESET -------------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 
/*------------------------------- END RESET -------------------------------*/

/*------------------------------- START HTML / BODY -------------------------------*/
html { background: #fac310 url(../Graphics/Body_bg.gif) repeat-x top left;  }
body { background: url(../Graphics/Cirkels.png) repeat-x; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; overflow: -moz-scrollbars-vertical; }
/*------------------------------- END HTML BODY -------------------------------*/

/*------------------------------- START HEADINGS -------------------------------*/
h1, span.cms_title { margin: 0 0 10px 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 1.5em; color: #ed8423; font-weight: bold; }
/*------------------------------- END HEADINGS -------------------------------*/

/*------------------------------- START LINKS -------------------------------*/
a:link, a:visited, a:active { color: #ed8423; }
a:hover { color: #c36d1b; }
a:focus { outline: none; }
/*------------------------------- END LINKS -------------------------------*/

/*------------------------------- START CONTAINER -------------------------------*/
div#container { width: 870px; min-height: 650px; height: auto!important; height: 650px; margin: 0 auto; padding: 15px; background: #fff; border-left: 3px solid #ffc20e; border-right: 3px solid #ffc20e; text-align: left; }
/*------------------------------- END CONTAINER -------------------------------*/

/*------------------------------- START HEADER -------------------------------*/
div#header { width: 870px; height: 124px; }
div#header div#logo { float: left; width: 153px; height: 124px; }
div#header div#logo a img { border: none; }
div#header div#banner { float: left; width: 717px; height: 124px; }

div#taalkeuze { width: 870px; height: 20px; }
div#taalkeuze a { float: right; margin-left: 5px; color: #666; text-decoration: none; text-transform: uppercase; }
div#taalkeuze a:hover, div#taalkeuze a#taalkeuze_active { color: #f6861f; }
/*------------------------------- END HEADER -------------------------------*/

/*------------------------------- START MAINNAV -------------------------------*/
ul#mainnav { width: 870px; height: 25px; line-height: 25px; margin: 5px 0 5px 0; background: url(../Graphics/Mainnav_bg.gif) repeat-x top left; list-style: none; font-family: Arial, Helvetica, Verdana, sans-serif;  }
ul#mainnav li { display: inline; }
ul#mainnav li a { display: inline-block; width: auto; height: 25px; margin: 0 1px 0 0; padding: 0 15px; color: #fff; text-decoration: none; font-size: 13px; font-weight: bold; }
ul#mainnav li a:hover, ul#mainnav li a#mainnav_active { background: #ef9421; }
/*------------------------------- END MAINNAV -------------------------------*/

/*------------------------------- START MAIN -------------------------------*/
/* Main */
div#main { background: #fff; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #333; line-height: 1.5em; }  
/*------------------------------- END MAIN -------------------------------*/

/*------------------------------- START SIDEBAR -------------------------------*/
div#sidebar { float: left; width: 154px; height: auto; margin: 30px 30px 0 0; font-family: Arial, Helvetica, Verdana, sans-serif;  }
div#sidebar a#bloklink_1 { display: block; width: 154px; height: 47px; line-height: 47px; background: url(../Graphics/Bloklink_1_bg.gif) repeat-x top left; text-align: center; font-size: 13px; font-weight: bold; color: #fff; text-decoration: none; }
div#sidebar a#bloklink_2 { display: block; width: 154px; height: 67px; margin-top: 10px; padding: 20px 0 0 0; background: url(../Graphics/Bloklink_2_bg.gif) repeat-x top left; text-align: center;	 font-size: 13px; font-weight: bold; color: #fff; text-decoration: none; }
div#sidebar a#bloklink_3 { display: block; width: 154px; height: 52px; line-height: 20px; margin-top: 10px; padding: 10px 0 0 0; background: url(../Graphics/Bloklink_3_bg.gif) repeat-x top left; text-align: center;	font-size: 13px; font-weight: bold; color: #fff; text-decoration: none; }
div#sidebar a#bloklink_4 { display: block; width: 154px; height: 52px; line-height: 52px; margin-top: 10px; background: url(../Graphics/Bloklink_3_bg.gif) repeat-x top left; text-align: center;	font-size: 13px; font-weight: bold; color: #fff; text-decoration: none; }
/*------------------------------- END SIDEBAR -------------------------------*/

/*------------------------------- START CONTENT -------------------------------*/
div#content { float: left; width: 650px; height: auto; margin: 30px 0 0 0; }
div#content p { margin-bottom: 20px; }
div#content ul { margin: 10px 10px 10px 15px; list-style-type: disc; }
div#content ol { margin: 10px 10px 10px 25px; }
/*------------------------------- END CONTENT -------------------------------*/

/*------------------------------- START IN BEELD -------------------------------*/
div#in_beeld { width: 650px; height: 470px; background: #eee; margin: 20px auto 20px auto; }
/*------------------------------- END IN BEELD -------------------------------*/

/*------------------------------- START ALBUM -------------------------------*/
div#album { width: 685px; height: auto; overflow: hidden; }
div#album #large { width: 680px; height: 453px; }
div#album #thumbs { width: 680px; margin: 5px 0 0 0; }
div#album #thumbs a { float: left; display: block; width: 80px; height: 80px; margin: 0 5px 5px 0; }
div#album #thumbs a img { border: none; }
/*------------------------------- END ALBUM -------------------------------*/

/*------------------------------- START FOOTER -------------------------------*/
div#footer { clear: both; width: 870px; height: 20px; }
/*------------------------------- END FOOTER -------------------------------*/

/*------------------------------- START OTHER CLASSES -------------------------------*/
img.inline_image_left { float: left; width: 236px; margin: 0 10px 10px 0; }
/*------------------------------- END OTHER CLASSES -------------------------------*/