/*-----------------------------------------------------------------------------
Website: Sirris Materials Day
Auteur: Webatvantage.be
Laatsts gewijzigd: 18-01-2010
-----------------------------------------------------------------------------*/

/*------------------------------- START RESET -------------------------------*/
* { margin: 0; padding: 0; outline: none; }
/*------------------------------- END RESET -------------------------------*/

/*------------------------------- START HTML BODY -------------------------------*/
html { overflow:-moz-scrollbars-vertical; background: #9fb1b7; }
html, body  { background: #9fb1b7; height: 100%; font-family: Arial, Verdana, sans-serif; font-size: 11px; }
/*------------------------------- END HTML BODY -------------------------------*/

/*------------------------------- START CONTAINER -------------------------------*/
#container { width: 930px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -20px auto; padding: 0 20px 0 0; position: relative; background: url(../Graphics/Container2_bg.png) repeat-y ; }
/*------------------------------- END CONTAINER -------------------------------*/

/*------------------------------- START CONTENT -------------------------------*/
#content { width: 816px; margin: 0 auto; }
/*------------------------------- END CONTENT -------------------------------*/

/*------------------------------- START HEADER -------------------------------*/
#header { width: 816px; margin: 0 auto; padding: 10px 0 0 0; height: 120px; overflow: hidden; } 
#header #logo { float: left; width: 210px; height: 120px; }
#header #logo a img { border: none; }
#header #datum { float: right; width: 164px; height: 120px; }
/*------------------------------- END HEADER -------------------------------*/

/*------------------------------- START MAINNAV -------------------------------*/
#mainnav { width: auto;  height: 40px; overflow: hidden; }
#mainnav ul { float: left; width: auto; height: 20px; margin: 10px 0 0 0; background: #2e2d30; list-style: none; }
#mainnav ul li { float: left; display: inline; }
#mainnav ul li a:link, #mainnav ul li a:visited, #mainnav ul li a:active { float: left; margin: 0; padding: 0; font-size: 13px; font-weight: bold; color: #9c9d9f; text-decoration: none; }
#mainnav ul li a:hover, #mainnav ul li a#mainnav_active { color: #43888d; }
#mainnav ul li.divider { float: left; display: block; width: 18px; height: 13px; background: url(../Buttons/Divider.jpg) no-repeat top left; text-indent: -9999px; }
/*------------------------------- END MAINNAV -------------------------------*/

/*------------------------------- START LEFTBOX -------------------------------*/
#leftbox { clear: both; float: left; width: 574px; min-height: 574px; height: auto !important; margin: 0; padding: 8px; background: #fff; }

#innerbox1 { width: 186px; height: 182px; margin: 0 8px 0 0; }
#innerbox2 { width: 350px; height: 102px; padding: 40px 15px; background: #bbb3a6; font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #fff; }
#innerbox3 { width: 186px; height: 190px; margin: 8px 8px 0 0; }
#innerbox4 { width: 186px; height: 190px; margin: 8px 8px 0 0; }
#innerbox5 { width: 186px; height: 190px; margin: 8px 0 0 0; }
#innerbox6 { width: 186px; height: 186px; margin: 8px 8px 0 0; }
#innerbox7 { width: 186px; height: 186px; margin: 8px 8px 0 0; }
#innerbox8 { width: 186px; height: 186px; margin: 8px 0 0 0; }
#innerbox9 { width: 184px; height: 184px; margin: 0; }
#innerbox10 { width: 184px; height: 184px; margin: 9px 0 0 0 ; }
#innerbox11 { width: 184px; height: 186px; margin: 10px 0 0 0 ; }

#innerbox1, #innerbox2, #innerbox3, #innerbox4, #innerbox5, #innerbox6, #innerbox7, #innerbox8 { float: left; }
#innerbox1 a img, #innerbox2 a img, #innerbox3 a img, #innerbox4 a img, #innerbox5 a img, #innerbox6 a img, #innerbox7 a img, #innerbox8 a img, #innerbox9 a img, #innerbox10 a img, #innerbox11 a img { border: none; }

#innerbox2 p { font-size: 14px; font-weight: bold; text-align: center; }

#contentbox { float: left; width: 574px; min-height: 574px; height: auto !important; background: #b2ada5; } 

#contentbox ul { clear: both; margin: 10px 0 0 20px; padding: 0; list-style: none; line-height: 16px; }
#contentbox ul li { background: url(../Graphics/Listitem.gif) no-repeat center left; padding: 0 0 0 20px; }

#contentbox ul li a:link, #contentbox ul li a:visited, #contentbox ul li a:active { color: #000; text-decoration: underline; }
#contentbox ul li a:hover { color: #000; }


#contentbox div a:link, #contentbox div a:visited, #contentbox div a:active { color: #000; text-decoration: underline; }
#contentbox div a:hover { color: #43888d; }

#contentbox p { clear: both;  margin: 10px 10px 0 20px; line-height: 16px; }
#contentbox p a:link, #contentbox p a:visited, #contentbox p a:active { color: #000; text-decoration: underline; }
#contentbox p a:hover { color: #43888d; }

#contentbox .textbox { clear: both; margin: 5px 10px 0 20px; line-height: 16px; }
#contentbox .textbox a:link, #contentbox .textbox a:visited, #contentbox .textbox a:active { color: #000; text-decoration: underline; }
#contentbox .textbox a:hover { color: #d4002d; }
/*------------------------------- END LEFTBOX -------------------------------*/

/*------------------------------- START RIGHTBOX -------------------------------*/
#rightbox { float: right; width: 184px; height: 574px; margin: 0; padding: 8px; background: #fff; }
/*------------------------------- END RIGHTBOX -------------------------------*/

/*------------------------------- START ROUTEPLAN -------------------------------*/

#routeplan a:link img, a:visited img, a:active img{ float: left; border: none; }
#routeplan a:hover img { border: none;}
#routeplan a:link, #routeplan a:visited, #routeplan a:active { clear: both; float: left; margin: 10px 0 0 20px; color: #333; }
#routeplan a:hover { color: #d4002d; }
/*------------------------------- END ROUTEPLAN -------------------------------*/

/*------------------------------- START PROGRAMMA TABEL -------------------------------*/
table#programma { clear: both; float: left; width: 730px; height: auto; margin: 15px 0 15px 22px; padding: 0; background: #43888d; border: 3px solid #d5d2cd; }
table#programma td { vertical-align: top; border: 2px solid #d5d2cd; }
table#programma .hoofd { padding: 5px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #fff; }
table#programma .hoofd2 { padding: 5px; font-size: 12px; font-weight: bold; color: #fff; }
table#programma .hoofd3 { padding: 5px 5px 5px 0; font-size: 13px; font-weight: bold; color: #d4002d; text-align:left; }
table#programma .hoofd3 a:link, table#programma .hoofd3 a:visited, table#programma .hoofd3 a:active { color: #000; text-decoration underline; }
table#programma .hoofd3 a:hover { color: #000; }

table#programma td a:link, table#programma td a:visited, table#programma td a:active { color: #000; text-decoration: underline; }
table#programma td a:hover { color: #000; }

table#programma .tijdstip { width: 14%; padding: 5px; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; }
table#programma .omschrijving { padding: 5px; background: #fff; line-height: 16px; }
table#programma .omschrijving ul { background: none; margin: 10px 0 0 0; }
table#programma .omschrijving ul li { padding: 0; background: none; list-style-type: square; list-style-position: inside; }
/*------------------------------- END PROGRAMMA TABEL -------------------------------*/

/*------------------------------- START INSCHRIJF FORMULIER -------------------------------*/
#inschrijfform { float: left; width: 500px; max-width: 500px; margin: 10px 10px 10px 20px; line-height: 20px; }
#inschrijfform div.formitem { float: left; width: 500px; height: 35px; background: #cfc8bc; }

#inschrijfform .label_radio { margin: 0; padding: 0 0 0 5px;  }
#inschrijfform .radio {  margin: 0; padding: 0; }

#inschrijfform #breed_340 { width: 330px; }
#inschrijfform #breed_30 { width: 30px; } 
#inschrijfform #breed_60 { width: 60px; } 

#inschrijfform label { float: left; display: block; width: 100px; height: 22px; line-height: 22px; margin: 0 0 3px 0; padding: 0 10px 0 0; }
#inschrijfform .textarea { float: left; width: 500px; height: 100px; margin: 5px 0; padding: 5px; background: #fafafa; border: 1px solid #333; font-family: Arial, Verdana, sans-serif; font-size: 11px; overflow: auto; }
#inschrijfform .textareared { float: left; width: 500px; height: 100px; margin: 5px 0; padding: 5px; background: #fafafa; border: 1px solid #c00; font-family: Arial, Verdana, sans-serif; font-size: 11px; overflow: auto; }


#inschrijfform .inputfield { float: left; height: 16px; padding: 2px; background: #fafafa; border: 1px solid #333; font-family: Arial, Verdana, sans-serif; font-size: 11px; }
#inschrijfform .inputfieldred { float: left; height: 16px; padding: 2px; background: #fafafa; border: 1px solid #cc0000; font-family: Arial, Verdana, sans-serif; font-size: 11px; }
#inschrijfform .btn_inschrijven { clear: both; float: left; display: block; width: 80px; height: 25px; background: #44878f; border: none; color: #fff; font-size: 11px; text-align: center; cursor: pointer; }
/*------------------------------- END INSCHRIJF FORMULIER -------------------------------*/

/*------------------------------- START QUIZ -------------------------------*/
#quiz { clear: both; float: left; width:520px; margin-right:10px; }
#quiz_form { width:420px; }
#quiz form h1 { float: left; margin-bottom: 15px; background-position: top left; }
#quiz form img { clear: both; float: left; width: 300px; height: 300px; margin: 0 0 0 20px; border: 3px solid #fff; } 
#quiz form span { clear: both; float: left; margin: 10px 0 5px 20px; }

#question2, #question3, #question4, #question5, #result, #question1_result, #question2_result, #question3_result, #question4_result, #question5_result  { display: none; }
/*------------------------------- END QUIZ -------------------------------*/

/*------------------------------- START BREADCRUMBS -------------------------------*/
p#breadcrumbs { float: left; margin: 10px; font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #fff; font-weight: bold; }
p#breadcrumbs a:link, p#breadcrumbs a:visited, p#breadcrumbs a:active { color: #fff; text-decoration: underline; }
p#breadcrumbs a:hover { color: #fff; text-decoration: underline; }
/*------------------------------- END BREADCRUMBS -------------------------------*/

/*------------------------------- START TITLES -------------------------------*/
h1, h1.icoon { clear: both; margin: 10px 0 10px 20px; padding: 0 0 0 20px; font-size: 14px; color: #000; background: url(../Graphics/Icoon.png) no-repeat top left; }
h1.icoon2 { clear: both;  margin: 10px 0 10px 20px; padding: 0 0 0 20px; font-size: 12px; color: #000; background: url(../Graphics/Icoon.png) no-repeat center left; }
h2 { clear: both; font-size: 12px; 	margin: 10px 0; color: #000; }
/*------------------------------- END TITLES -------------------------------*/

/*------------------------------- START LEADOUT -------------------------------*/
#leadout { clear: both; float: left; width: 590px; height: 36px; margin: 0 22px 0 0; }
#initiatief_sirris { float: left; }
/*------------------------------- END LEADOUT -------------------------------*/

/*------------------------------- START DOWNLOADS -------------------------------*/
div.downloadbox { float: left; clear: both; width: 512px; margin: 10px 0 0 20px; padding: 10px; background: #d5d2cd; border: 1px solid #9b968b; }
div.downloadbox form .label { float: left; display: block; width: 100px; height: 25px; line-height: 25px; }

div.downloadbox form label { float: left; display: block; width: 100px; height: 22px; line-height: 22px; margin: 0 0 3px 0; padding: 0 10px 0 0; }
div.downloadbox form .inputfield { float: left; height: 16px; padding: 2px; background: #fafafa; border: 1px solid #333; font-family: Arial, Verdana, sans-serif; font-size: 11px; }
div.downloadbox form .inputfieldred { float: left; height: 16px; padding: 2px; background: #fafafa; border: 1px solid #cc0000; font-family: Arial, Verdana, sans-serif; font-size: 11px; }
div.downloadbox form .submit { clear: both; float: left; display: block; margin: 10px 0 0 0; padding: 0 5px; height: 25px; background: #43888d; border: none; color: #fff; font-size: 11px; text-align: center; cursor: pointer; }
/*------------------------------- END DOWNLOADS -------------------------------*/

/*------------------------------- START FOTOALBUM -------------------------------*/
div#fotoalbum a img { float: left; display: inline-block; margin: 13px; padding: 0; background: none; border: 3px solid #9b968b; }
div#fotoalbum a:hover img { border: 3px solid #d5d2cd; }
/*------------------------------- END FOTOALBUM -------------------------------*/

/*------------------------------- START FOOTER -------------------------------*/
#footer { width: 950px; height: 20px; position: relative; margin: 0 auto;  }
#innerfooter { width: 816px; height: 20px; margin: 0 auto; }
.clearfooter { width: 950px; margin: 0 auto; height: 20px;  }
/*------------------------------- END FOOTER ------------------------------*/

/*------------------------------- START OTHER CLASSES -------------------------------*/
.red { color: #d4002d }
.clear { clear: both; }
.important { font-weight: bold; }
.keynote_spreker { float: left; font-size: 11px; font-weight: bold; margin-top: 5px; margin-left: 40px; }
.hide { display: none; }
.bold { font-weight: bold !important; }
a.biglink { font-weight: bold !important; font-size: 14px !important; color: #44878f !important; }
/*------------------------------- END OTHER CLASSES -------------------------------*/