


/*---- Layout ----*/
* {
margin: 0;
}
div
{
padding: 0;
margin: 0;
font-size: 11px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
body
{
color:#ffffff;
font-size: 8pt;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
margin: 0;
padding: 0;
background-image: url(../images/back.gif);
SCROLLBAR-FACE-COLOR: #5B6A79;
SCROLLBAR-HIGHLIGHT-COLOR: #5B6A79;
SCROLLBAR-SHADOW-COLOR: #5B6A79;
SCROLLBAR-3DLIGHT-COLOR:#798797;
SCROLLBAR-DARKSHADOW-COLOR: #4B5969;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #374554;
text-align:center;
}

img {
border: none;
}

h2 {
color: #FFFFFF;
font-size: 14px;
}

a{
color: #FFFFFF;
}

a {
font-size: 11px;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}

b {
color: #0DBAF2;
}

a {
color: #0DBAF2;
text-decoration: none;
}

a:hover {
color: #0DBAF2;
text-decoration: underline;
}




#header h1
{
	display: inline;
}

#rightColumn
{
	float: right;
	width: 200px;
}
#contentColumn
{
width: auto;
margin-left: 165px; /* breedte van menu + wat padding */
padding-top: 15px; /* ruimte ten opzichte van header */

}
#header, #innerLeftColumn, #innerContentColumn, #innerRightColumn
{
	padding: 0px;
}

#innerContentColumn
{
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
	margin-right: 200px;
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#contentColumn>#innerContentColumn
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}
#innercontentcolumn
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}
#header, .terms
{
	z-index: 10;
}

/*---- Borders ----*/

#header, #innerLeftColumn, #contentColumn, #innerContentColumn
{
	border: 0px;
}
.terms
{
	border-top-width: 1px;
	width:800px;
}
#header
{
	border-bottom-width: 1px;
}
#innerLeftColumn, #innerContentColumn
{
	border-right-width: 1px;
}


/*---- Visual Elements ----*/
#content
{
min-width: 500px;
margin-bottom:15px;
}

#innerLeftColumn h2 {
padding-left: 15px;
	
}

#innerRightColumn h2 {
padding-left: 15px;
}




.seperator {
height: 2px;
background-image: url(../images/hr.gif);
background-repeat: repeat-x;
margin: 3px 0px 3px 0px;
}

#headerBottom {
height: 60px;
background-image: url(../images/top.gif);
background-repeat: no-repeat;

}

#innerLeftColumn {
background-image: url(../images/navlistback.gif);
background-repeat: repeat-x;
}

#container {
line-height: 1.2em; /* fix voor IE6 Floating Bug verdwijnende tekst zie: http://www.dracos.co.uk/web/css/ie6floatbug/
			en http://www.positioniseverything.net/explorer/peekaboo.html */
}

/* hack for IE5 zie o.a. http://www.sitepoint.com/forums/showthread.php?t=161232 */
* html #container {height:1%}

.rightcell{
font-size:11px;
}

.leftcell{
font-size:11px;
}


#agenda{
background-color:#00ff00;
}

#window{
background-color:#00ff00;
}

.formName{
font-size:11px;
font-weight:bold;

}

/* the menu */
#leftcolumn
{
	margin-right: -153px;	/* IE 4 fix orig: 200px*/

}
#leftColumn
{
float: left;
/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
 #leftColumn{
 display: inline;

background-image: url(../images/navbarback2.gif);
 background-repeat : repeat-x;
 margin-left: 4px;
 margin-top: -14px;
 width: 155px; /* orig: 200px; */
	voice-family: "\"}\"";/* boxmodel hack. hieronder: ie6. hierboven: ie5. */
	voice-family: inherit;
 margin-left: 4px;
 margin-top: 0px;
 width: 155px; 

 }

 #firstcolumnmenu > #gradient { 
 display: block;
 width: 150px;
 min-height: 360px;
 margin-bottom: 5px;
 }


 #navlist, #navlist ul
 {
 margin: 0;
 padding: 0;
 list-style-type: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 }

 #navlist li {
 margin: 0 0 0px 0;
 text-align: right;
 }

 #navlist a 
 {
 display: block;
 background-image: url(../images/butoff.gif);
 background-repeat: none;
 padding-top: 2px; 	/* deze paddings */
 padding-bottom: 0px;   /* aftrekken van de hoogte */
 padding-left: 0px;
 padding-right: 32px; /* deze padding aftrekken van de width*/
 height: 20px;
 width: 155px;
 	voice-family: "\"}\"";/* boxmodel hack. hieronder: ie6. hierboven: ie5. */
 	voice-family: inherit;
 padding-top: 2px; 	/* deze paddings */
 padding-bottom: 0px;   /* aftrekken van de hoogte */
 padding-left: 0px;
 padding-right: 45px; /* deze padding aftrekken van de width*/
 height: 18px;
 width: 110px;
 }

#navlist a:link, #navlist a:visited
{
text-decoration: none;
}

#navlist a:hover, #navlist a.current
{
background-image: url(../images/buton.gif);
background-repeat: none;
}

#firstcolumnmenu ul {
margin: 0px;
}

#firstcolumnmenu ul ul a, #firstcolumnmenu ul ul a:visited {
background-image: url(../images/subbutoff.gif);
padding-right: 16px; /* deze padding aftrekken van de width*/
width: 155px;
	voice-family: "\"}\"";/* boxmodel hack. hieronder: ie6. hierboven: ie5. */
	voice-family: inherit;
width: 139px;
}

#firstcolumnmenu ul ul .current
{
background-image: url(../images/subbuton.gif);
background-repeat: none;
}

#firstcolumnmenu ul ul a:hover
{
background-image: url(../images/subbuton.gif);
background-repeat: none;
}

.terms {
clear: both;
background-image: url(../images/terms.gif);
background-repeat : repeat-x;
width: 100%;
bottom: 0px;
height:24px;
margin-top: auto;
margin-bottom: 0px;
}

.zegel {
display: inline;
position: absolute;
margin-left: 4px;
width: 154px;
height: 261px;
bottom: 23px;
left:0;
}

/* geplaatst onder het menu,
   zorgt dat er altijd plaats onder het menu is voor het plaatje
   padding-bottom van .zegel ook meerekenen
*/
.zegelSpacer {
display: block;
width: 154px;
/* height: 261px; */
height: 320px; /* groter om de gradient goed over te laten lopen */
}


form {
margin-top: 5px;
}

legend {
font-weight: bold;
padding-bottom: 3px;
color: #0DBAF2;

}

select {
font-size: 11px;
font-weight: normal;
}

input {
font-size: 11px;
font-weight: normal;
border: 1px solid  #08283F;
margin-bottom: 5px;

}

input#login {
padding-left: 4px;
width: 124px;
}

input#password {
padding-left: 4px;
width: 124px;
}

input:hover, input:focus {
background: white;
}

#rememberme input {
padding: 0px;
border: 1px solid red;
border: 1px solid  #08283F;
}

input#submit {
width: 128px;
}

fieldset {
position: relative;
border: 0;
top: 0px;
text-align: left;
padding-left: 11px;
}

label {
font-size: 11px;
font-weight: bold;
color: white;
}

label#rlabel {
padding: 0px;
font-size: 11px;
font-weight: normal;
color: white;
}

