/*
+----------------------------------------------------------------------+
| Cascading Style Sheets (CSS) in de stijl van Microsoft |
| Windows XP, gebaseerd op de richtlijnen uit de "Windows XP Visual    |
| Guidelines" van het Windows XP Design Team <www.microsoft.com>.      |
+----------------------------------------------------------------------+
*/

body {
	background-color: white; /* Achtergrondkleur wit       */
	background-image: url(menu-ro-kl.JPG);    /* Geen achtergrondafbeelding */
	color:            #000000; /* Voorgrondkleur zwart       */
}


/* Koppen */

h1 {
	background-color: #FFFFFF;
	color:            #0073AA;
	font-family:       Arial;
	font-size:        21pt;
	line-height:      1em;
}

h2 {
	background-color: #FFFFFF;
	color:            #0073AA;
	font-family:       Arial;
	font-size:        16pt;
	line-height:      1em;
}

h3 {
	background-color: #ffffff;
	color:           #0073AA;
	font-family:       Arial;
	font-size:        12pt;
    font-weight:      normal;
	line-height:      1em;
}

h4 {
	background-color: #ffffff;
	color:           #666666;
	font-family:       Arial;
	font-size:        10pt;
    font-weight:    normal;
	line-height:      1em;
}

h5 {
	background-color: #ffffff;
	color:           #666666;
	font-family:       Arial;
	font-size:        9pt;
    font-weight:    normal;
	line-height:      1em;
}

h6 {
	background-color: #ffffff;
	color:           #000000;
	font-family:       Arial;
	font-size:        8pt;
    font-weight:    normal;
	line-height:      1em;
}


/* Besturingselementen (controls) voor formulieren */

table{
    table-layout: fixed;
    border-spacing:2px;
    border: none;
    border-right-color: #0073AA;
    border-right-width: 1px;
    
}

fieldset {
	cursor:  default;
	padding: 10px;
}

input {
	font-family: Arial;
	font-size:   8.25pt;
}

label {
	font-family: Arial;
	font-size:   8.25pt;
}

legend {
	color:       #0046D5;
	font-family: Arial;
	font-size:   8.25pt;
}

select {
	font-family: Arial;
	font-size:   8.25pt;
}

textarea {
	font-family: Arial;
	font-size:   10pt;
	line-height: 1.1em;
}

/* Formuliervelden binnen labels verticaal gecentreerd uitlijnen
   (werkt niet goed in Netscape, maar wel in Internet Explorer): */
label input {
	vertical-align: middle;
}


/* Andere blokelementen (block-level elements): */

p {
	background-color: #ffffff;
	color:           #666666;
	font-family:       Arial;
	font-size:        9pt;
    font-weight:    normal;
	line-height:      1em;
}

li {
	font-family:   Arial, "MS Sans Serif", Geneva, sans-serif;
	font-size:     9pt;
	line-height:   1em;
	margin-bottom: 1ex;
    margin-top:    0.5em;
}

ul {
    list-style:     none;
    border:         1px dashed #a0a0a0;
}

td {
	font-family:    Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:      68.75%;
	text-align:     left;
}

th {
	font-family:    Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:      68.75%;
	text-align:     left;
}

/* Geen rand rond afbeeldingen: */
img {
	border-style: none;
	border-width: 0;
}

address {
	font-family: Verdana, Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
	font-style:  normal;
	line-height: 1.2em;
	margin-top:  13px;
}


/* Inline elementen: */

cite, em, var {
	font-style:  normal; /* Niet cursief ... */
	font-weight: bold;   /* ... maar vet     */
}

div#container {
    width:  700px;
    border:  0px solid #D2D2D2;
    margin:  0 auto;
}

#columnright {
    float: right;
    width:  650px;
    height: 850px;
    background: #fff; 
    padding-left: 0px; 
}

div#title {
    position:  relative; 
    border:  0px solid #D2D2D2;
    width:  700px;
    height: 90px;
    top: 10px;
}

div#nav {
    position:  relative; 
    border:  0px solid #D2D2D2;
    width:  700px;
    height: 30px;
    top: 0px;
}

div#form {
    width:  500px;
    height: 400px;
    background: #fff;
    position:  relative;
    border:  1px solid #D2D2D2;
    top: 0px;
}

div#content {
    position:  relative;
    border:  0px solid #D2D2D2;
    width:  700px;
    top: 0px;
}

div#img {
    position:  relative;
    top: 0px;
}

div#content2 {
    position:  relative;
    top: 70px;    
}

#columnleft {
    float: left;
    width:  190px;
    height: 850px;
    background: #fff;
    padding-right: 0px;
}

#logo {
    position:  absolute;
    background: #fff;
    border:  1px solid #D2D2D2;
    width:  190px; 
    height: 80px;
    margin:  0 auto; 
    position:  relative;
}

#imglogo {
    top: 0px;
}

#login {
    position:  relative;
    background: #fff; 
    border:  1px solid #D2D2D2;  
    width:  190px;
    height: 40px;
    top: 0px;   
}

div#listing {
    width:  190px;
    height: 400px;
    background: #fff;
    position:  relative;
    border:  1px solid #D2D2D2;
    top: 0px; 
}

/* Selectors (pseudo-klassen) voor hyperlinks: */
nav h1 {font-size: 1.4em;}

nav ul {
    list-style-type:     none;
    margin: 0;
    padding:  0; 
    border: none;  
}

nav li {
    display:  inline;
}

nav li a {
    text-decoration:  none;
    padding: 4px 20px;
    color: #0073AA;
    padding: 0.2em 1em 0.2em 1em;
    background-color: #ffffff;
    font-weight: bold;
    border:  1px solid #666666;
    border-right:  4px solid #666666;
    border-top:  1px solid #666666;
    border-bottom: 1px solid #FFFFFF;
    border-radius:  8px 8px 0 0;
    list-style-image:  none;
    display: inline;    
}

nav li a:hover {
    background-color:  #ffffff;
}

nav {
    width: 80em;
    padding: 0;
    margin-bottom: 1em;    
}

nav a{
    display:    inline;
    text-decoration: none;
    width:           10em;
    border-bottom:  1px solid #ffffff;
}

nav li a[href] {
    border:  1px solid #666666;
    background-color: #F3F3F3;
    text-decoration:  none;
    color: #666666;
}

nav li a:hover[href] {
    border-bottom:  1px solid #ffffff;
    font-weight: bold;
    color: #0073AA;
}

a:link {
	color:            #666666;   /* Voorgrondkleur blauw */
	text-decoration:  none; /* Onderstrepen         */
}

a:visited {
	color:            #666666;   /* Voorgrondkleur blauw */
	text-decoration:  none; /* Onderstrepen         */
}

a:hover {
	color:            #0073AA;   /* Voorgrondkleur lichter blauw */
	cursor:           pointer;   /* Aanwijzer tonen als handje   */
	text-decoration:  none;      /* Niet onderstrepen            */
}

a:active {
	color:            #666666;   /* Voorgrondkleur rood          */
	cursor:           pointer;   /* Aanwijzer tonen als handje   */
	text-decoration:  none;      /* Niet onderstrepen            */
}


/* +-----------------------------------+
   |  S P E C I A L E   K L A S S E N  |
   +-----------------------------------+  */

/* Inverse video (klasse iv) met omgekeerde schermkleuren,
   bijvoorbeeld voor het markeren van zoektermen. */
.iv {
	background-color: #316ac5;   /* Achtergrondkleur blauw */
	color:            #ffffff;   /* Voorgrondkleur wit     */
	font-style:       normal;    /* Niet cursief           */
	font-weight:      bold;      /* Vet                    */
}

/* Niet beschikbaar (klasse nb) */
.nb {
	background-color: #ffffff;   /* Achtergrondkleur wit         */
	background-image: none;      /* Geen achtergrondafbeelding   */
	color:            #aca899;   /* Voorgrondkleur lichtgrijs    */
	cursor:           default;   /* Standaardaanwijzer (pijltje) */
}

/* Sorteervolgorde (sv) markeren in tabelcellen (td) */
td.sv {
	background-color: #f5f5f5;
	background-image: none;
	color:            #000000;
}

/* Schermblok (klasse sb) voor het weergeven van 
   block-level elements (blokelementen) op het scherm */
.sb {
	display:    block;
	visibility: visible;
}

/* Waarschuwing (klasse w) */
.w {
	background-color: #ffffff;   /* Achtergrondkleur wit       */
	background-image: none;      /* Geen achtergrondafbeelding */
	color:            #de5c2f;   /* Voorgrondkleur rood        */
	font-style:       normal;    /* Niet cursief               */
	font-weight:      bold;      /* Vet                        */
}