/* Details! CSS bestand  */
#float_left {float:left;margin:5px 20px 10px 0px;}
#float_right {float:right;margin:5px 0px 10px 10px;}
.img_margin {margin:5px 10px 10px 10px}

/* De fontfamilies instellen */
p,table,li,h1,h2,h3
{font-family:  'Century Gothic', verdana, arial, tahoma, 'sans serif' ;}

/* De Koppen initieel op verdana */
h1,h2,h3 {font-family: 'century gothic', verdana, arial, tahoma, 'sans serif' ; }

/* De teksten op ? punten van links zetten */
p, h1, h2, h3, table, li {margin-left: 0pt; }

/* body {background-color: white} */
h1 {background-color: transparent}
h2 {background-color: transparent}
h3 {background-color: transparent}
/*p {background-color: transparent} */

/* Tekstkleuren body=zwart headers=Steelblue visitid=firebrick */
body {color: #191970}
h1,h2,h3,hr {color:#191970}
/* #191970 = midnightblue */

a:link {COLOR: blue;}
/* a:visited {COLOR: #B22222;} */
a:active {COLOR: navy;}
a.neutraal:hover {COLOR: #4682B4; background-color: white;} 
a:hover     { text-decoration: underline; color: red; background-color: yellow; }

/* font-size:120%} */
/* Kleur seashell=#FFF5EE papayawhip=#FFEFD5 
a.content:link {COLOR: #FFF5EE;}
 a.content:visited {COLOR: #FFF5EE;} 
 a.content:active {COLOR: #FFF5EE;}
 a.content:hover {COLOR: #FFEFD5;} */
a.content:hover { text-decoration: underline; color: red; background-color: yellow; }

/* Kleur LightSteelBlue = #B0c4de */
th {background-color: #B0c4de}

/* testgebied rood=#F00C52 */
#blok{border:1px solid #F00C52;margin:0px 0px 10px 0px;text-align:center;}

/* Kleuren zijn te vinden op:
 http://www.w3schools.com/html/ref_color_tryit.asp?hex=FAFAD2 
 en http://www.w3schools.com/Html/html_colornames.asp 
 
 Sommige kleuren zijn met kleurnummer benoemd in verband met 
 de W3C richtlijnen.
 */

.wit {COLOR: WHITE}
.rood {COLOR: RED}
.zwart {COLOR: BLACK}
.geel {COLOR: YELLOW}
.groen {COLOR: LIME}
.blauw {COLOR: BLUE}

/* FireBrick = 	#B22222 */

.steen {COLOR: #B22222}
/* Staalblauw = #4682B4 */
.staalblauw {color:#4682B4}
/* Zwarte achtergrond met witte letters */
.bgzwart {background-color: black; color: white}

/* Highlighting */
span.highlight_geel {background-color:yellow}
/* Magenta = 	#FF00FF*/
span.highlight_roze {background-color:	#FF00FF}
span.highlight_groen {background-color:lime}

/* Letter spati‰ring */
.smal  {letter-spacing: -5px}
.breed {letter-spacing: 0.5cm}

/* Kleine hoofdletters */
.klhoofd {font-variant: small-caps}

/* Courier tbv antwoorden op vragen */
.courier 
{
font-family: 'Courier New',courier ;
margin-left: 10px
}

/* Achtergrond lightblauw, letters uit elkaar, gecentreerd voor in kop..
	Lightsteelblue = 	#B0C4DE
*/

.bglightsteelblue_breed_center {background-color: 	#B0C4DE; letter-spacing: 0.5cm; text-align: center }

.rood_breed {COLOR: RED; letter-spacing: 0.5cm}

.bglightsteelblue_breed_center {background-color: 	#B0C4DE; letter-spacing: 0.5cm; text-align: center }
.breed {letter-spacing: 0.5cm}
.center {text-align: center} 
.right {text-align: right}
.left {text-align: left}
.left0 {margin-left: 0cm}
.left0_size2 {margin-left: 0cm; font-size: 80%;}

/* Randstijlen */
.dotted {border-style: dotted}
.dashed {border-style: dashed}
.solid {border-style: solid}
.double {border-style: double}
.groove {border-style: groove}
.ridge {border-style: ridge}
.inset {border-style: inset}
.outset {border-style: outset}

/* Lettergrootte op 80% */
.font80 {font-size: 80%; margin-left: 5pt; }
/* Lettergrootte op 80% kleur steen*/
.font80_steen {font-size: 80%; margin-left: 5pt; COLOR: #B22222; }


/* Lettergrootte op 55%; margin-left: 5pt; */
.font55 {font-size: 55% }

/* Stijlen van ongenummerde lijsten UL*/
ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}

/* Stijlen van genummerde lijsten OL*/
ol.decimal {list-style-type: decimal}
ol.lroman {list-style-type: lower-roman}
ol.uroman {list-style-type: upper-roman}
ol.lalpha {list-style-type: lower-alpha}
ol.ualpha {list-style-type: upper-alpha}

/* Hoofdletters naar links laten drijven*/
span.hoofdletter
{
float:left;
width:0.7em;
font-size:400%;
/* font-family:algerian,courier; */
line-height:80%;
}

/* Menu balk van ongenummerde lijst*/
ul.menu
{
float: left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a.menu
{
float:left;
width:7em;
text-decoration:none;
color:white;
font-size: 80%;
/* Kleur midnightblue = #191970 */
background-color:#191970;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a.menu:link { color: white }
a.menu:hover {
/* goud   = #FFD700 */
background-color:	#FFD700;
text-decoration: none; 
color:#191970;
font-size:80%
}
/* a.menu:visited {COLOR: #191970;} */
li.menu {display:inline}
/* Einde menu balk van ongenummerde lijst*/



/*                   */
/* Container venster */
/*                   */
div.container
{
width:100%;
margin:0px;
/* Kleur lightsteelblue= #B0c4de */
border:1px solid #B0c4de;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
/* Kleur lightsteelblue= #B0c4de */
background-color:#B0c4de;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:180px;
margin:0;
padding:1em;
}
div.content
{
margin-left:200px;
/* Kleur lightsteelblue= #B0c4de */
border-left:1px solid #B0c4de;
padding:1em;
}


/* op 0 zetten voor in de boodschap container */
.margin0 {margin-left: 0}


/* De horizontale, midnightblue lijn op 0 punten van links zetten */
hr {
margin-left: 0pt;
color: ##191970
}

.steen
{
/* Kleur FireBrick = #B22222 */
COLOR: #B22222
}

p,li,th,td
{
font-size: 100%;
}
p.small
{
font-size: 80%;
}

p.smallr 
{
font-size: 55%; text-align: right
}
p.xsmallc 
{
font-size: 55%; text-align: left
}

table
{ 
margin: 5px 
}

p.CS 
	{
	font-family: Arial; 
	text-align: left; 
	font-size: 60%;
	}