
html {
	margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: hidden;
}

body {
	margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: hidden;
}

body
{
  background: #858813 url('images/bg3.png') repeat-x;
  font-family: 'PT Sans', Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#bg {
	margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: hidden;
}
#bg table {
	margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: hidden;
}
#bg td {
	margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: hidden;
}
#bg {
	position: fixed;
}
#bg div {
	left: -50%; top: -50%; width: 200%; height: 200%; position: absolute;
}
#bg td {
	text-align: center; vertical-align: middle;
}
#bg img {
	margin: 0px auto; width: auto !important; height: auto !important; min-height: 50%; -ms-interpolation-mode: bicubic; min-width: 50%;
}

td
{
  font-family: 'PT Sans', Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #494A0A;
}

#id-user, #dx1-user, #ww-user, #id-admin, #dx1-admin, #ww-admin {
  width: 218px !important;
  background-color: #FFFFFF;
  color: #494A0A;
  border: 1px solid #494A0A;
  padding: 5px 2px;
}

#login-warn-user, #login-warn-admin {
  color: #D70000;
}

#container
{
  font-family: 'PT Sans', Verdana, Geneva, Arial, Helvetica, sans-serif;

  margin-left:auto;
  margin-right:auto;
  width:960px; 
  text-align:left;
  position:relative;
}

#frmMain
{
  padding: 20px;
  background-color: #FFFFFF;
  overflow-x:hidden;
  overflow-y:auto;
  margin: 0px;
}

#menu
{
  position:relative;
  float: right;
}

.menu-item
{
  float: left;
  color: #554444;
  cursor: pointer;
  padding: 5px 10px;
  height: 20px;
  white-space: nowrap;
  text-align: center;
  
  /* IE10 Consumer Preview */ 
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #C5C5C3 100%);
  
  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #C5C5C3 100%);
  
  /* Opera */ 
  background-image: -o-linear-gradient(top, #FFFFFF 0%, #C5C5C3 100%);
  
  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #C5C5C3));
  
  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #C5C5C3 100%);
  
  /* W3C Markup, IE10 Release Preview */ 
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #C5C5C3 100%);
}

#menu div:first-child
{
  border-radius: 0px 0px 0px 5px;
}

#menu div:last-child
{
  border-radius: 0px 0px 5px 0px;
}

.selected
{
  -webkit-box-shadow:  inset 0 2em 3em -2em #7A6F5F;
  box-shadow: inset 0 2em 3em -2em #7A6F5F;
  font-weight:bold;
}

.default {}

#content-body {}

#spacer_main
{
  width:960px; 
  height:280px;
  background: url('images/mgahw-header-full-v5.jpg') no-repeat left top;
  border-radius: 5px 5px 0px 0px;
}

#spacer {}

#header
{
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:960px; 
  top:10px;
  height:50px;
  
  /* background: url('images/mgahw-logo-small.png') no-repeat left center; */
}

#header-items
{
  left: 888px;
  position: relative;
  top: 0px;
  width: 110px;
  height:30px;
}

#logo-mgahw
{
  display: inline;
  position:relative;
  float: left;
  width: 401px;
  height: 53px;
  margin-left: 80px;
  border: 0px solid #000000;
  cursor: pointer;
}

#links
{
  position:relative;
  float: right;
  margin: 60px 150px 0px 0px;
}

#link-login, #link-aanmelden, #link-informatie
{
  color: #FFFFFF;
  padding: 0px 10px 2px 10px;
  font-size: 30px;
  font-weight: bold;
  width: 210px;
  background: url('images/mgahw-trans.png') repeat left top;
  cursor: pointer;
  border-radius: 3px;
  margin: 20px;
}

#link-login
{
  margin-top: 0px;
}



table.tbl-login
{
  border-collapse: collapse;
}

table.tbl-login td
{
  padding: 0px;
  vertical-align: top;
  padding-right: 50px;
}

table.tbl_deelnemers
{
  border-collapse: collapse;
}

table.tbl_deelnemers th
{
  padding: 5px;
  width: auto !important;
  font-weight: bold;
  cursor: default;
}

table.tbl_deelnemers td
{
  padding: 5px 30px 5px 5px;
  width: auto !important;
  cursor: default;
}

#link-userlogin, #link-adminlogin
{
  background-color: #494A0A;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
  border-radius: 3px 3px 0px 0px;
  padding: 5px 15px;
  cursor: pointer;
  width: 220px;
  text-align:center;
}

.link-login-btn
{
  background-color: #494A0A;
  color: #FFFFFF;
  font-size: 14px;
  border-radius: 3px;
  padding: 2px 5px;
  cursor: pointer;
  float: right;
  margin-left: 3px;
}

#link-userloginbox, #link-adminloginbox
{
  background-color: #E3E4AD;
  padding: 5px 15px;
  width: 220px;
  display:none;
  border-radius: 0px 0px 3px 3px;
}

#link-userloginbox table td, #link-adminloginbox table td
{
  padding: 2px 0px 10px 0px;
  color: #494A0A;
}

#link-userloginbox-wachtwoord, #link-adminloginbox-wachtwoord
{
  font-size: 13px;
  color: #494A0A;
  display:none;
}

#text-titel
{
  display: none;
  position: relative;
  margin: 0px;
  width: 85px;
  height: 70px;
  left: 88px;
  top: 205px;
  color: #FFFFFF;
  font-size: 10px;
  font-style: italic;
}

#stappen
{
  position:relative;
  float: right;
  margin: 55px 45px 0px 0px;
  background: url('images/mgahw-trans.png') repeat left top;
}

#stappen table
{
  width: 380px;
}

#stappen table td
{
  padding: 2px 10px 10px 10px;
  color: #FFFFFF;
}

#fontsizes
{
  float: left;
  padding: 0px 0px 0px 15px;
  vertical-align: bottom;
}

#fontsizes div
{
  display: inline;
  padding: 0px 0px 0px 1px;
}

#fontsizes .small
{
  font-size:12px;
}

#fontsizes .medium
{
  font-size:20px;
}

#fontsizes .big
{
  font-size:30px;
}

#fontsizes a, #fontsizes a:active, #fontsizes a:visited
{
  color: #858813;
  font-weight: bold;
  text-decoration: none;
  font-family: 'PT Sans', Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#fontsizes a:hover
{
  text-decoration: underline;
}

#fontsizes .currentsize
{
  font-weight: bold;
  text-decoration: underline;
  color: #5E8FB2;
}

#print
{
  padding: 15px 0px 0px 15px;
  float: left;
  width: 16px;
  display: none;
}

#print .print-icon
{
  width: 16px;
  height: 16px;
  background: url('images/printer.png') no-repeat center center;
  cursor: pointer;
}

#uitloggen
{
  float: left;
  width: 75px;
  padding: 15px 0px 0px 0px;
}

#uitloggen a
{
  float: right;
  cursor: pointer;
  text-decoration: underline;
  color: #FFFFFF;
}

#tabs
{
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:960px; 
  height: 33px;
}

#tabs div
{
  float: left;
  color: #554444;
  cursor: pointer;
  padding: 8px 6px 0px 10px;
  height: 25px;
  white-space: nowrap;
  width: 120px;
  border-radius: 5px 5px 0px 0px;
  text-align: center;
}

#tabs.activetab-1 {border-bottom: 10px solid #FEF6D2;}
#tabs.activetab-2 {border-bottom: 10px solid #FAEFE9;}
#tabs.activetab-3 {border-bottom: 10px solid #FBD7C9;}
#tabs.activetab-4 {border-bottom: 10px solid #EDBAC9;}
#tabs.activetab-5 {border-bottom: 10px solid #F2DCDF;}
#tabs.activetab-6 {border-bottom: 10px solid #D7E5F0;}
#tabs.activetab-7 {border-bottom: 10px solid #BCE3E8;}
#tabs.activetab-8 {border-bottom: 10px solid #DAEBE5;}

.item-1 {background-color: #FEF6D2;}
.item-2 {background-color: #FAEFE9;}
.item-3 {background-color: #FBD7C9;}
.item-4 {background-color: #EDBAC9;}
.item-5 {background-color: #F2DCDF;}
.item-6 {background-color: #D7E5F0;}
.item-7 {background-color: #BCE3E8;}
.item-8 {background-color: #DAEBE5;}

.tabs-end
{
  float: left;
  border-color: #554444;
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  padding: 10px;
}

#footer
{
 
  position:relative;
  margin-left:auto;
  margin-right:auto;
  bottom:0px;
  right:0px;
  left:0px;
  height:39px;
  Width:960px; 
  background-color: #dedede;
  
  border-color: #D7D7D7 #97A0A9 #97A0A9 #97A0A9;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  /* background: #D2BF9F url('images/logos_kwf_ou_um.gif') no-repeat right center; */
}

#footer-items
{
  height: 100%;
  vertical-align: center;
  color: #554444;
  padding-left: 5px;
  float: left;
}

#footer-items div
{
  float: left;
  padding: 10px 4px 0px 4px;
}

#footer-items a, #footer-items a:active, #footer-items a:visited
{
  color: #554444;
  text-decoration: none;
}

#footer-items a:hover
{
  text-decoration: underline;
}

#footer-logos
{

  vertical-align: center;
  float: right;
}

#footer-logos div
{
  float: left;
  padding: 5px 25px 0px 0px;
  height: 34px;
}

#footer-logos .logo-henc
{
  width: 83px;
  background: url('images/mgahw-footerlogo-henc.png') no-repeat center center;
}

#footer-logos .logo-um
{
  width: 154px;
  background: url('images/mgahw-footerlogo-um.png') no-repeat center center;
}

#footer-logos .logo-v2h
{
  width: 113px;
  background: url('images/mgahw-footerlogo-v2h.png') no-repeat center center;
}

#footer-logos .logo-jessa
{
  width: 85px;
  background: url('images/mgahw-footerlogo-jessa.png') no-repeat center center;
}

#footer-logos .logo-esf-org
{
  width: 43px;
  background: url('images/mgahw-footerlogo-esf2.png') no-repeat center center;
}

#footer-logos .logo-esf, #footer-logos .logo-esf img
{
  height: 28px;
  width: 215px;
  background-color: #DEDEDE;
}

#footer-logos .logo-hse
{
  width: 267px;
  background: url('images/mgahw-footerlogo-hse.png') no-repeat center center;
}

#footer-logos .logo-kuleuven
{
  width: 70px;
  background: url('images/mgahw-footerlogo-kuleuven.png') no-repeat center center;
}

#footer-createdby
{
  position:relative;
  margin-left:auto;
  margin-right:auto;
  bottom:0px;
  right:0px;
  left:0px;
  height:15px;
  width:960px;
  text-align: right;
  color: #FFFFFF;
  font-size: 12px;
}

#footer-createdby a, #footer-createdby a:active, #footer-createdby a:visited
{
  color: #FFFFFF;
  text-decoration: none;
}

#footer-createdby a:hover
{
  text-decoration: underline;
}

#forum {}

#forum-items
{
  width: 100%; 
  border: 1px solid #D2BF9F;
}

#forum-items td
{
  background-color: #EAE0CF;
  padding: 5px;
  color: #554444;
}

#forum-items td.forum-header
{
  background-color: #D2BF9F;
  padding: 5px;
  color: #554444;
  font-weight: bold;
  text-align: center;
  position: relative;
}

#forum-items td a
{
  text-decoration: none;
  color: #004080;
}

#forum-items td a:hover
{
  text-decoration: underline;
}

#forum-items td img
{
  margin: auto;
}

.forum-toelichting
{
  font-style: italic;
}

.forum-button
{
  background-color: #554444;
  color: #FFFFFF;
  border: 1px solid #554444;
  cursor: pointer;
  margin-bottom: 2px;
}

.forum-reactie-info
{
  font-style: italic;
  white-space: nowrap;
}

.forum-reactie
{
  
}

#wrap {}

#main {}

#main_content
{
  background-color: #FFFFFF;
  overflow-x:hidden;
  overflow-y:auto;
}

#main_content table.tbl_content
{
  width: 100%;
}

#main_content table.tbl_content td
{
  width: 50%;
}

#question_text {}
#question_text img {}
.question_text_table {}
#questionnr {}
.questionnr_img {}
.questionnr_text {}

.matrix  {border-collapse: collapse;}
.matrix .matrix_question {border-bottom: 1px solid #73761A;}
.matrix .matrix_answer {border: 1px solid #73761A; background-color:#F4F5D5; width:80px; text-align:center;}
.matrix .matrix_answer_text {text-align:center; vertical-align:bottom; width:80px;}

.matrix_border
{
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #c8c8c8;
}

.answer_table {}
.answer_row {}
.answer_cell {}
.answer_cell_text {}
.answer_text {}
.answer_textbox {}
.answer_textarea {}
.answer_checkbox {}
.answer_radio {}
.answer_selectbox {}
.answer_selectbox_option {}

.flashmovieholder {}
#flashmovieholder {}

#navigation2 {}

#navigation
{
  padding-top: 20px;
}

.navigation_table {}
.navigation_row {}
.navigation_cell_prev {}
.navigation_cell_spacer {}
.navigation_cell_next {}
.navigation_btn_prev {}
.navigation_btn_next {}
.navigation_img_prev {cursor:pointer;}
.navigation_img_next {cursor:pointer;}

#navigation_home {}
.navigation_home_table {}
.navigation_home_row {}
.navigation_home_cell {}
.navigation_home_img {}

#navigation_startlinks {}
.navigation_startlinks_table {}
.navigation_startlinks_row {}
.navigation_startlinks_cell {}
.startpage_startlink_img {}
.ENQUETECODE {} /* optioneel: enquetecode zoals ingesteld in menu Enquetes -> Algemeen */


#progressbar2 {}
#progressbar {}
.progressbar_table {border-collapse:collapse; height:5px; width:960px;}
.progressbar_row {}
.progressbar_cell_left {border-bottom:1px solid #858813; border-top:1px solid #858813; border-right:1px solid #858813; background-color:#494A0A;}
.progressbar_cell_right {border-bottom:1px solid #858813; border-top:1px solid #858813; border-left:1px solid #858813; background-color:#EAEBB9;}


#progressbar-x
{
  float: left;
  padding: 0px;
  vertical-align: top;
  position: relative;
  left: 10px;
  border: 1px solid #1E4159;
  width: 180px;
  height: 14px;
}

#printbutton_top {}
#printbutton_bottom {}

.advice_expand_link {}
.advice_expand_content a {}
.advice_expand_content a:hover {}

textarea.weekschema {
  width: 77px !important;
}

.mgahw-knop-deelname {
  background-image: url('images/mgahw-knop-deelname.png');
  width: 255px;
  height: 86px;
  cursor: pointer;
  float: right;
  position: relative;
}

.mgahw-knop-terug, .mgahw-knop-stap, .mgahw-knop-betalingafronden, .mgahw-knop-cursusstarten {
  background-color: #494A0A;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
  border-radius: 3px;
  padding: 5px 15px;
  cursor: pointer;
  float: left;
  margin: 10px 10px 10px 0px;
}

.mgahw-knop-info {
  background-color: #9DA03B;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
  border-radius: 3px;
  padding: 5px 15px;
  cursor: pointer;
  float: left;
  margin: 10px 10px 10px 0px;
  text-decoration: none;
}

.mgahw-info-organisatie {
  width: 380px;
  margin: 0px 33px 0px 0px;
}

.mgahw-info-organisatie-spacer {
  height: 30px;
}

.mgahw-info-organisatie-header {
  background-color: #494A0A;
  color: #FFFFFF;
  padding: 15px 20px;
  font-size: 16px;
  font-weight: bold;
}

.mgahw-info-organisatie-content {
  background-color: #9DA03B;
  color: #FFFFFF;
  padding: 15px 20px;
  font-size: 16px;
}

label.info {
  color: #5E8FB2;
  font-size: 12px;
  padding-left: 5px;
}

label.info-red {
  color: #C40000;
}

label.info-green {
  color: #23A343;
}

.email-check {
  display: none;
  width: 15px;
  height: 15x;
  margin: 0px 0px 0px 5px;
}