BODY { 
    background-color: white;
    color: #0192C4;
    font-family: Verdana, Sans Serif;
    font-size: 10pt;
    margin: 0pt;
    padding: 0px;
 }

H2 {
    background-color: inherit;
    color: #BB1054;
    font-size: 12pt;
    text-align: left;
    margin-top: 0px;
 }

H4 { 
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 0.2em;
 }

IMG { 
    border: none;
 }

UL, LI { 
    list-style-type: disc;
 }

#page { 
    height: 100%;
    margin-left: 280px;
 }

#left {
    float: left;
    width: 280px;
    color: inherit;
    background-color: #0192BF;
    height: 100%;
}

#beeld {
  float: right;
 }

.submenu {
	padding-left: 2em;
}
#navigation { 
    background-color: inherit;
    padding-top: 1em;
    vertical-align: top;
    padding-top: 0em;
    padding-bottom: 1em;
    width: 260px;
}
/* fix for opera, selector hack to avoid MSIE looking weird */
#left>#navigation { 
    width: 280px;
 }
#navigation A {
    background: inherit;
    color: white;
    display: block;
    font-size: 10pt;
    font-weight: bold;
    padding-left: 2em;
    padding-top: 0.3em;
    text-decoration: none;
    width: 120px;
 }

#workshops {
    background-color: white; 
    color: #15357E;
    display: block;
    position: relative;
    float: right;
    height: 0px;
    left: 10px;
    margin: 0px;
    top: -1em;
    visibility: hidden;
/* fix for msie, too small! */
    width: 130px; 
    z-index: 2;
 }

/* fix for fix for msie, selector hack to avoid MSIE using this */
#navigation>#workshops { 
    width: 170px;
/* fix for fix for opera, since outer box wider, move further left */
    left: -30px;
 }

#workshops A {
    background: white;
    color: #15357E;
    font-size: 9pt;
    padding-left: 1px;
    text-indent: 0em;
    width: 100%;
}

#title { 
    text-align: left;
    vertical-align: bottom;
 }

#title H2 {
    padding-top: 100px;
 }

#title img {
	clear: none;
	display: block;
	float: right;
	position: relative;
	vertical-align: middle;
}

#text1 { 
    vertical-align: middle;
    height: 160px;
    font-size: 10pt;
 }

#image { 
    height: 216px;
    text-align: center;
 }

#text2 { 
    height: auto;
    vertical-align: top;
    font-size: 10pt;
    font-family: Verdana, Sans Serif;

 }

#motto {
	background-color: inherit;
	color: #15357E;
	font-weight: bold;
}

.content {
    background-image: url('images/blue-gradient.gif');
    background-repeat: repeat-y;
/*
    background-color: #B2DEEC; 
    padding: 4px 4px 4px 2em;
*/
    padding-left: 2em;
    position: absolute;
display: block;
/*    top: 0px;*/
    color: #15357E;
/*    height: 100%;*/
    width: 700px;
    margin: 0px;
 }

#contact { 
    background-color: #15357E;
    color: white;
    vertical-align: top;
    width: 280px;
/*    height: 20%;*/
position: absolute;
bottom: 0px;
border-top: 2px solid white;
 }

TD#contact {
	border-top: 2px solid white;
}

#logo { 
 }

#address { 
    background-color: inherit;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    line-height: 1.3em;
/*
    margin-top: -0,5em;
    margin-bottom: -0,5em;*/
/*    padding-top: 4em; */
    padding-left: 3em;
    text-align: left;
 }

#address A { 
    background-color: inherit;
    color: white;
    text-decoration: none;
 }

#disclaimer { 
    background-color: inherit;
    color: #bbbbbb;
    font-size: 7pt;
/*
     margin-top: -0,5em;
    margin-bottom: -0,5em;*/
/*    padding-top: 2em;*/
    text-align: center;
 }

#disclaimer A { 
    background-color: inherit;
    color: #bbbbbb;
    text-decoration: none;
    padding-left: 1em;
}

#links { 
    background-color: inherit;
    color: #bbbbbb;
    font-size: 7pt;
/*    padding-top: 2em;*/
    text-align: center;
 }

#links A { 
    background-color: inherit;
    color: #bbbbbb;
    text-decoration: none;
    padding-right: 1em;
}

A { 
    background-color: inherit;
    color: #15357E;
}

form P { 
  margin: 2px;
 }

td { 
  background-color: inherit;
  color: #15357E;
  font-family: Verdana, Sans Serif;
  font-size: 10pt;
  padding-left: 1em;
  padding-right: 1em;
 }