body
{ 
    width:              100%;
	margin:             0 0 0 0;  /* om verschil in browsers op te heffen */
    padding:            0 0 0 0;  /* om verschil in browsers op te heffen */
	font-family:        verdana, geneva, sans-serif;
	background-color:   #333333;
    font-size:          11px;
	line-height:        14px;
}

#container
{
    width:              780px;  /* 130 + 520 + 130 */
    margin:             0 auto 0 auto; 
    padding:            10px 10px 10px 10px;
	background-color:   #cccccc;
}

#header_blue
{
    width:              740px;  /* 780 - 20 x2 */
    margin:             0 0 0 0;
    padding:            25px 20px 25px 20px;
	background-color:   #4169e1;
	background-image:   url(../images/background_blue.jpg);
	background-repeat:  repeat;
	color:              #eeeeee;
    font-size:          25px;
	font-weight:        bold;
    text-align:         left;
}
   
#header_green
{
    width:              740px;  /* 780 - 20 x2 */
    margin:             0 0 0 0;
    padding:            25px 20px 25px 20px;
	background-color:   #008000;
	background-image:   url(../images/background_green.jpg);
	background-repeat:  repeat;
	color:              #eeeeee;
    font-size:          25px;
	font-weight:        bold;
    text-align:         left;
}
   
#header_yellow
{
    width:              770px;  /* 780 - 5 x2 */
    margin:             0 0 0 0;
	padding:            4px 5px 4px 5px;
	background-color:   #ffd700;
	background-image:   url(../images/background_yellow.jpg);
	background-repeat:  repeat;
	color:              #333333;
	font-size:          11px;
	font-weight:        normal;
	text-align:         center;
}
    
#left
{
    float:              left;
    width:              130px;  /* 120 + 5 x2 */
    margin:             0 0 0 0;
	padding:            20px 10px 20px 0;
	background-color:   #cccccc;
	color:              #333333;
    text-align:         left;
}

#center
{
    float:              left;
	width:              477px;  /* 500 - 10 x2 - 3 (vanwege bug in MSIE 6.0) */
	margin:             0 0 0 0;
	padding:            5px 10px 20px 10px;
	background-color:   #eeeeee;
	color:              #333333;
    text-align:         justify;
}

#right
{
    float:              left;
    width:              130px;  /* 120 + 5 x2 */
    margin:             0 0 0 0;
	padding:            30px 0px 15px 10px;
	background-color:   #cccccc;
	color:              #333333;
    text-align:         left;
}

#footer
{
    clear:              both;
    width:              770px;  /* 780 - 5 x2 */
    margin:             0 0 0 0;
	padding:            4px 5px 4px 5px;
	background-color:   #ffd700;
	background-image:   url(../images/background_yellow.jpg);
	background-repeat:  repeat;
	text-align:         center;
}

#loading
{
    width:              200px; 
    height:             100px; 
    background-color:   #c0c0c0; 
    position:           absolute; 
    left:               50%; 
    top:                50%; 
    margin-top:         -50px; 
    margin-left:        -100px; 
    text-align:         center; 
}

p
{
    padding:            0 0 0 0;
    margin:             20px 0 20px 0;
}

ul
{
    list-style-type:    square;
	text-align:         left;
}

hr
{
    padding:            0 0 0 0;
    margin:             20px 0px 20px 0px;
    height:             2px;
	background-color:   #333333;
	color:              #333333;
} 

/* De koppen. De clear is ervoor om alle koppen op een nieuwe regel te laten beginnen */
h1
{
    padding:            0 0 0 0;
    margin:             20px 0px 20px 0px;
    font-size:          18px;
    font-weight:        bold;
    font-style:         normal;
    color:              #4169e1;
    clear:              both;
}

h2
{
    padding:            0 0 0 0;
    margin:             20px 0 20px 0;
    font-size:          11px;
    font-weight:        bold;
    font-style:         normal;
    color:              #333333;
    clear:              both;
}

h3
{
    padding:            0 0 0 0;
    margin:             20px 0 20px 0;
    font-size:          11px;
    font-weight:        normal;
    font-style:         italic;
    color:              #333333;
    clear:              both;
}

h4
{
    padding:            0 0 0 0;
    margin:             20px 0 20px 0;
    font-size:          11px;
    font-weight:        bold;
    font-style:         italic;
    color:              #333333;
    clear:              both;
}

/* Klassen */
.line
{
    border-bottom-width:    1px;
    border-bottom-style:    solid;
    border-bottom-color:    #4169e1;
}

.line2
{
    border-bottom-width:    1px;
    border-bottom-style:    solid;
    border-bottom-color:    #ffd700;
}

.blue
{
    color:                  #4169e1;
    clear:                  both;
}

.faden img
{
    opacity:                0;
    filter:                 alpha(opacity=0);
    -moz-opacity:           0;
    -khtml-opacity:         0;
}

.opaciteit img
{
    opacity:                0.6;
    filter:                 alpha(opacity=60);
    -moz-opacity:           0.6;
    -khtml-opacity:         0.6;
}

.opaciteit:hover img
{
    opacity:                1;
    filter:                 alpha(opacity=100);
    -moz-opacity:           1;
    -khtml-opacity:         1;
}

.hidden
{
	visibility:             hidden;
	display:                none;
}

a:link
{
    color:                  #008000;
    text-decoration:        underline;
}

a:visited
{
    color:                  #333333;
    text-decoration:        underline;
}

a:hover
{
    color:                  #4169e1;
    text-decoration:        underline;
}