html, body 
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: Arial, Helvetica, Sans-Serif;
}

html
{
    overflow-y: scroll;
}

div#page
{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../media/background.gif);
    background-repeat: repeat-y;
    background-position: top center;
    text-align: left;
}

div#container
{
  margin-left : 5px;
    width: 940px;
}

div#header
{
    width: 100%;
    position: relative;
}

a img
{
    border: none 0px #fff;
}

img#quint-logo
{
    position: absolute;
    top: 12px;
    left: 10px;
}

img#logo
{
    display: block;
    margin: 0px 0px 0px 563px;
    padding: 0px;
}

img#header-image
{
    display: block;
}

div#menu
{
  
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 36px;
    background-image: url(../media/menu-background.gif);
    background-position: top left;
    background-repeat: repeat-x;
}

ul#navigation
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    margin-left: 3px;
}

ul#navigation li
{
    display: block;
    float: left;
    margin: 9px 0px 0px 7px;
    padding: 0px;
}

ul#navigation li a
{
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

ul#navigation li a span
{
    display: block;
    float: left;
    margin: 0px;
    padding: 0px 5px 0px 5px;
    height: 18px;
    line-height: 18px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
}

ul#navigation li.current a,
ul#navigation li a:hover
{
    background-image: url(../media/menu-item-background.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

ul#navigation li.current a span,
ul#navigation li a:hover span
{
    color: #fba819;
    background-image: url(../media/menu-item-background-right.gif);
    background-position: top right;
    background-repeat: no-repeat;
}

ul#navigation li.current a span
{
    cursor: default !important;
}


div#login
{
    position: absolute;
    right: 7px;
    top: 7px;
    margin: 0px;
    padding: 0px;
}

.loginLabel, .loginButton, .codeLabel, .codeButton
{
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    margin: 0px;
}

.loginUsername, .loginPassword, .codeText
{
    height: 13px;
    font-size: 12px;
    color: #000;
    background-color: #ccc;
    border: solid 1px #fff;
    margin: 0px 2px 0px 2px;
    line-height: 13px;
    font-size: 11px;
}

.loginButton, .codeButton
{
    border: solid 1px #666;
    background-color: #000;
    margin-left: 6px;
    padding: 0px 5px 0px 5px;
}

#content
{
    width: 900px;
    clear: both;
    padding: 20px 20px 5px 20px;
    font-size: 9pt;
    line-height: 14pt;
}


#content h1
{
    display: block;
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    height: 40px;
    margin: 0px 0px 15px 0px;
    padding: 0px;
    color: #393737;
}

#content ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    margin-bottom: 14px;
}

#content ul li
{
    margin: 0px;
    padding: 0px 0px 0px 17px;
    background-image: url(../media/bullet.gif);
    background-position: 5px left;
    background-repeat: no-repeat;
}

#content h2
{
    width: 100%;
    padding: 0px;
    margin: 0px 0px 14px 0px;
    font-weight: bold;
    font-size: 9pt;
    line-height: 14pt;
}

#content a
{
    color: #000;
    text-decoration: none;
    border-bottom: dotted 1px #000;
}

#content a:hover
{
    color: #fba819;
    border-bottom-color: #fba819;
}

#content #left-column,
#content #right-column
{
    float: left;
    width: 410px;
}

#content #right-column #entercode
{
  border:2px solid black;
  padding: 5px 5px 5px 5px;
}
#content #right-column #entercode .codeLabel
{
  color:Black;
}

#content #right-column
{
    margin-left: 30px;
}

#content .toggle,
#content .toggle-out,
#content .bullet-text
{
    margin-top: 4px;
    margin-bottom: 14px;
}

#content .toggle
{
    display: none;
}

#content .toggle-out,
#content .bullet-text
{
    display: block;
}

#footer
{
    clear: both;
    width: 940px;
    margin-left: -5px;
    padding: 0px 5px 10px 5px;
    background-image: url(../media/footer-border.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
}

#footer-content
{
    width: 931px;
    height: 16px;
    overflow: hidden;
    text-align: right;
    background-image: url(../media/footer-background.gif);
    background-position: top left;
    background-repeat: repeat-x;
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    padding-right: 9px;
}

#footer-content a
{
    color: #fff;
    text-decoration: none;
}

.klantboxje 
{	
	BORDER-RIGHT: #000000 1px solid;	
	BORDER-TOP: #000000 1px solid;	
	VERTICAL-ALIGN: middle;	
	BORDER-LEFT: #000000 1px solid;	
	WIDTH: 180px;	
	MARGIN-RIGHT: 10px;	
	PADDING-TOP: 4px;	
	BORDER-BOTTOM: #000000 1px solid;	
	HEIGHT: 80px;	
	TEXT-ALIGN: center
}

.button 
{	BORDER-RIGHT: #000000 1px solid;	
 	BORDER-TOP: #000000 1px solid;	
 	BORDER-LEFT: #000000 1px solid;	
 	COLOR: #ffffff;	
 	BORDER-BOTTOM: #000000 1px solid;	
 	HEIGHT: 20px;	
 	BACKGROUND-COLOR: #3b3a3a
}

.contactForm
{
	border:dotted 1px #000;
}

div.clear
{
  clear:both;
  font-size :1px;
  line-height:1px;
}