body
{
    background-color: #F3F5F6;
    padding: 0;
    margin: 0;
    font-size: 0.68em;
}

.emptyElement
{
    font-size: 1px;
    padding: 0;
}

#FunctionHeader
{
    height: 20px;
    width: 940px;
    margin: 0 auto;
    color: #535353;
}

#FunctionHeaderLeft
{
    padding: 4px 0 0 24px;
    float: left;
}

#FunctionHeaderRight
{
    padding: 4px 24px 0 0;
    float: right;
}

#FunctionHeaderLeft a
{
    margin: 0 10px 0 0;
}

#FunctionHeaderRight a
{
    margin: 0 0 0 10px;
}

#FunctionHeader a:link, #FunctionHeader a:visited
{
    color: #535353;
    text-decoration: none;
}

#FunctionHeader a:active, #FunctionHeader a:hover
{
    color: Black;
    text-decoration: underline;
}

.outerBorder
{
    margin: 0 auto;
    width: 956px;
}

.gradient
{
    padding: 1px;
    float: left;
}

.rand1{
  background-color:#F3F5F6;
}

.rand2{
  background-color:#F2F4F5;
}

.rand3{
  background-color:#F0F2F3;
}

.rand4{
  background-color:#EDEFF0;
}

.rand5{
  background-color:#E9EBEC;
}

.rand6{
  background-color:#E5E7E8;
}

.rand7{
  background-color:#DFE1E2;
}

.rand8{
  background-color:#D8DADB;
}

.popupContent
{
    background-color: White;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.popupContent select
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 10px;
}

.mainPanel
{
    background-color: White;
    float: left;
    width: 940px;
}

#FunctionHeader
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 15px;
    font-size: 100%;
}

.mainPanel, .mainPanel td
{
    color: Black;
}

.contentBlock
{
    float: left;
}

.mostLeftColumn
{
    width: 24px;
    font-size: 1px;
}

.seperatorColumn
{
    width: 20px;
    font-size: 1px;
}

.contentOneSixth
{
    width: 132px;
}

.contentOneThird
{
    width: 284px;
}

.contentTwoThird
{
    width: 588px;
}

.contentHalfWidth
{
    width: 436px;
}

.contentFullWidth
{
    width: 892px;
}

#Kruimelpad
{
    height: 29px;
    padding: 11px 24px 0 24px;
    color: #767676;
    text-align: center;
}

#Kruimelpad div
{
    overflow: hidden;
}

#Kruimelpad table
{
    width: 100%;
}

#Kruimelpad table td
{
    border: none;
    padding: 0;
    margin: 0;
    text-align: center;
    color: #767676;
}

#LogoBar
{
    text-align: center;
}

#MainTitle
{
    background-color: #FEF8DE;
}

#MainTitle div
{
    height: 30px;
}

#MainTitle div div
{
    position: relative;
    left: 24px;
    line-height: normal;
    top: 6px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    overflow: hidden;
}

#BigYellowBar
{
    background-color: #FBD326;
}

#BigYellowBar div
{
    height: 50px;
}

#LittleYellowBar
{
    background-color: #FEF1BC;
}

#LittleYellowBar div
{
    font-size: 1px;
    height: 10px;
}

#Footer {
  height:25px;
  width: 100%;
  float:left;
  padding-top: 50px;
}

#LittleBlueBlock
{
  background:#154273;
  height:25px; 
  width:44px; 
  margin:auto auto auto 448px;
}

#lblWachten
{
    background-color: #fab2bd;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: Black;
    font-size: 11px;
    font-weight: bold;
    width: 200px;
    height: 50px;
}

#lblWachten div
{
    border: none 0px #fab2bd;
    text-align: center;
    width: 100%;
    height: 100%;
}

.tekstweergave
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

.slimButton, .button, .buttonWhite
{
	border: solid 1px Black;
	FONT-WEIGHT: bold;
	CURSOR: pointer;
	COLOR: Black;
	BACKGROUND-COLOR: #deebe3;
}

.button, .buttonWhite
{
	padding: 0.18em 2em 0.27em 2em;
}

.tabel .button, .buttonWhite
{
	BACKGROUND-COLOR: White;
}

.invoer, .invoerKlein
{
    /*border: solid 1px Black;*/
    padding: 1px 4px 1px 4px;
}

.invoer
{
    width: 230px;
}

.invoerKlein
{
    width: 97px;
}

.storyBlock
{
    width: 588px;
    height: 495px;
    POSITION: relative;
    LEFT: 304px;
    TOP: 32px;
}

.spacer
{
    width: 892px;
    height: 495px;/*495px;*/
    position: relative;
    left: 24px;
    top: 0;
}