body{
  margin: 0px;
  padding: 10px 0px 50px 0px;
  background-color: #ffffff;
  text-align: center;
  width: 100%;
  font: 8pt Verdana, Arial, Helvetica, Sans-serif;
}
img{border: 0px;}

/** Header **/
#header{top: 0px; z-index: 1; position: absolute; top: 36px; height: 268px; width: 100%; background-color: #4d799f;}
#header #logo_bg{width: 709px; height: 222px; position: absolute; top: 40px; left: 200px; background: url(../img/logo_bg.gif);}
#header #background{position: absolute; top: 0px; left: 0px; height: 268px; width: 100%; background: url(../img/header_bg.jpg);}

#header_small{top: 0px; z-index: 1; position: absolute; top: 36px; height: 100px; width: 100%; background-color: #4d799f;}
#xheader_small #logo_bg{width: 709px; height: px; position: absolute; top: 40px; left: 200px; background: url(../img/logo_bg.gif);}
#header_small #background{position: absolute; top: 0px; left: 0px; height: 100px; width: 100%; background: url(../img/header_bg.jpg);}

/** Menu **/
#menu{height: 26px; width: 100%; background: url(../img/menu_bg.jpg); text-align: center; color: #ffffff; font-size: 8pt; font-weight: bold;}
#menu table{margin-top: 4px;}
#menu table td{padding-left: 15px; padding-right: 15px; white-space: nowrap;}
#menu table .link{text-decoration: none; color: #ffffff;}
#menu table .current{text-decoration: none; color: #ff9600;}

#content{z-index: 99; position: relative; top: 0px; text-align: left; background: transparant;}
#leftpanel{width: 200px; vertical-align: top; padding-right: 20px;}
#leftpanel #logo{
  margin-top: 184px;
  margin-left: 4px;
  margin-bottom: 70px;
  background: url(../img/logo.gif);
  width: 175px;
  height: 45px;
}

.panel{width: 180px;}
.hisitem .panel{width: 500px;}
.paneltop{color: #3b3b3b; font-weight: bold; padding-left: 8px; width: 190px; border-left: 1px solid #ffab34; border-top: 1px solid #ffab34;}
.paneltop a{vertical-align: middle;}
.hisitem .paneltop{ width: 510px;}
.hisinfo{font-size: 10px; font-weight: normal;}
.panelcorner{width: 18px; height: 14px; background: url(../img/panelcorner.gif) no-repeat 0px 1px;}
.panelcorner2{width: 18px; height: 14px; background: url(../img/panelcorner2.gif) no-repeat;}
.panelright{width: 18px; height: 100%; background: url(../img/panelright.gif);}
.panelcontent{border-left: 1px solid #ffab34;  padding: 10px 0px 10px 10px;}

.panelbottom{
  height: 5px;
  background: url(../img/panelbottom.gif) repeat-x;
}

/** Text **/
#rightpanel{width: 450px; line-height: 20px;}
.intro{color: #ffffff; height: 268px; padding-top: 10px;}
.intro h1{font-size: 14pt;}
.intro p{font-weight: bold;}
.text{color: #3b3b3b;}
.text h1{font-size: 10pt;}
.text p{font-weight: normal;}


/** Jobtracker **/
#jt_menu{border-top: 1px solid black; height: 26px; width: 100%; xbackground: url(../img/menu_bg.jpg); text-align: center; color: #ffffff; font-size: 8pt; font-weight: bold;}
#jt_menu table{margin-top: 4px;}
#jt_menu table td{padding-left: 15px; padding-right: 15px; white-space: nowrap;}
#jt_menu table .link{text-decoration: none; color: #3b3b3b;}
#jt_menu table .current{text-decoration: none; color: #ff9600;}

#jobtracker{text-align: center; margin-top: 100px;}
#jobtracker .content{text-align: left; width: 771px;}
#jobtracker h1{font-size: 9pt;}

#jobtracker .options {}
#jobtracker .options a{ text-decoration: none; 8pt; color: #3b3b3b; padding-right: 10px;}
#jobtracker .options .current a{color: #ff9600;}
#jobtracker .options a:hover{ text-decoration: underline;}

#jobtracker .list{
  padding: 0px;
  margin-top: 20px;
  border-collapse: collapse;
  border-spacing: 0px; 
}
#jobtracker .list th{
  border-bottom: 1px solid black;
  padding: 0px;
  font-size: 9pt;
  border-top: 1px solid black;
}
#jobtracker .list th span{
  padding: 2px 4px 2px 4px;
}
#jobtracker .list td{
  padding: 2px 0px 2px 0px;
  border-top: 1px solid #b3b3b3;
}
#jobtracker .list td span{
  padding: 4px 4px 4px 4px;
}
#jobtracker .list td img{border: 0px; margin-right: 3px;}

.login{padding: 4px;}
form label{width: 100px; display: block; float: left; text-align: right; margin-right: 10px;}
.users{border: 1px solid #4d799f; padding: 4px; margin: 4px;}
.vacatures{border: 1px solid #4d799f; padding: 4px; margin: 4px;}
hr{border: 1px dotted #4d799f; height: 1px;}