/*
+-------------------------------------------------------------------+
| Voorbeeld van 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: #FFFFFF;  Achtergrondkleur wit */
	background:  "Images/bggrey.gif";
	color:            #000000; /* Voorgrondkleur zwart */
}

/*
table {
 width: viewport;
}

header {
  width: viewport;
}
*/

aside {
/*  width: 20%;  */

}

artikel {
/*	width: 40%; */
}


partnerkolom {
	/* width:  20%; */
	float:  right;
	padding:  30px;
  margin-right: 20px;
  border-left-width:  20px;
  border:  5px solid orange;
  border-radius:  30px 30px 30px 0;
}

.menubalk {
  font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   18pt;
	width:       150px;
  margin-top: 10px;
  text-align: center; 
	background-color: #316AC5;
	color: #FFFFFF;
	border:  5px;
	border-radius:  20px 20px 20px 20px;

/* Koppen: */

h1 {
	color:            #0000D0;
	font-family:      "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	font-size:        21pt;
	font-weight:      bold;
	line-height:      120px;
	background-image: url('images/achtergrond_kop.jpg'); 
	text-align: 	  left; 
	vertical-align:   middle; 
}

h2 {
	color:            #0000D0;
	font-family:      "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	font-size:        18pt;
	font-weight:      normal;
	line-height:      1em;
	margin-bottom:    0.25em;
	text-align: 	  left; 
}

h3 {
	color:            #0000D0;
	font-family:      "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	font-size:        16pt;
	font-weight:      normal;
	line-height:      0.4em;
	margin-bottom:    0.1em;
	text-align: 	  left; 
}


h4 {
	font-family:      "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	font-size:        14pt;
	font-weight:      normal;
	line-height:      0.4em;
	margin-bottom:    0.25em;
}

h5 {
font-family:      "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
font-size:        12pt;
font-weight:      normal;	
line-height:      0.2em;
color:       orange;
}


/* Besturingselementen (controls) voor formulieren: */

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

input {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
	text-align:  left;
	rows: 60px;
}

input.label {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
	text-align:  left;
}

label {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
}

legend {
	color:       #0046D5;
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   14pt;
}

select {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
}

textarea {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   8.25pt;
	vertical-align: top;
/*	rows: 6;
	cols:  80;    */
}


/* Formuliervelden binnen labels verticaal gecentreerd uitlijnen */
/* (werkt niet goed in Netscape, maar wel in Internet Explorer): */
label input {
	vertical-align: middle;
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   10pt;
}


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

p {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   9pt;
	line-height: 1.3em;
}

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

table {
	background:  white;	
}


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;
}


.dikkerand {
 border:  10px solid green;
 border-radius:  30px 30px 30px 0;

}


/* Inline elementen: */

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


/* Selectors (pseudo-klassen) voor hyperlinks: */

a:link {
	color:            #0000FF;   /* Voorgrondkleur blauw           */
	text-decoration:  none;      /* Niet onderstrepen              */
}

a:visited {
	color:            #0000FF;   /* Voorgrondkleur blauw           */
	text-decoration:  none;      /* Niet onderstrepen              */
}

a:hover {
	color:            #6666FF;   /* Voorgrondkleur lichter blauw   */
	cursor:           pointer;   /* Aanwijzer weergeven als handje */
	text-decoration:  underline; /* Onderstrepen                   */
}

a:active {
	background-color: #316AC5;   /* Achtergrondkleur donkerblauw   */
	color:            #FFFFFF;   /* Voorgrondkleur wit             */
	cursor:           pointer;   /* Aanwijzer weergeven als handje */
	text-decoration:  none;      /* Niet onderstrepen              */
}


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

/* Waarschuwingen: */
.w {
	color:       #DE5C2F; /* Rood         */
	font-style:  normal;  /* Niet cursief */
	font-weight: bold;    /* Vet          */
}

/* Knoppen met een standaardformaat van 150 bij 23 pixels, */
/* alleen geschikt voor niet te brede opschriften:        */
input.knop {
	font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif;
	font-size:   12pt;
	width:       150px;
	height:      30px;
	margin:      5px 0 10px 0;
	background-color: #316AC5;
	color: #FFFFFF;
	border-radius:  10px 10px 10px 10px;
	vertical-align: middle;
	text-align:  center;
}