/* Main styles */  

html, body { 
 margin: 0; 
 padding: 0;
 font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

html, body {
 min-height: 100%; /* Sets the min height to the height of the viewport. */
 height: 100%; /* Effectively, this is min height for IE5+/Win, since IE wrongly expands an element to enclose its content. This mis-behavior screws up modern browsers */
}

html>body {
 height: auto; /* this undoes the IE hack, hiding it from IE using the child selector */
}

div.spacer {  
 clear: both;  
}  
   
h1 {
 margin: 18px 0 18px -2px;
 font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 line-height: 100%;
 font-size: 1.65em;
 font-style: normal;
 font-weight: bold; 
 color: #000000;
}

p {
 margin: 0;
 padding: 0;
}

strong, b {
 color: #555555;
}

img {
 border: none;
}

del {
 display: none;
}

a:link {text-decoration: underline; color: #000000; font-weight: bolder;}
a:visited {text-decoration: underline; color: #000000; font-weight: bolder;}
a:active {text-decoration: underline; color: #6c6c6c; font-weight: bolder;}
a:hover {text-decoration: underline; color: #6c6c6c; font-weight: bolder;}


/* Content Styles */

#page {
 position: absolute;
 left: 50%;
 width: 974px;
 margin-left: -487px;
 background: #ffffff;
}


/* Header Styles */

#header {
 margin: 0;
 padding: 0;
 width: 974px;
 height: 162px;
}

#headerimage {
 float: right;
 display: block;
 margin: 36px 38px 0 0;
}
    
#navigation {
 width: 628px;
 height: 20px;
 overflow: hidden;
 position: absolute;
 margin: 115px 0 0 300px;
 text-align: right;
 font-size: 0.92em;
 font-weight: bold;
 color: #848484;
}

#navigation a {
 margin: 0 0 0 22px;
}

#navigation a:link {text-decoration: none; color: #848484; font-weight: bolder;}
#navigation a:visited {text-decoration: none; color: #848484; font-weight: bolder;}
#navigation a:active {text-decoration: none; color: #000000; font-weight: bolder;}
#navigation a:hover {text-decoration: none; color: #000000; font-weight: bolder;}

a.nederlands {
 display: inline-block;
 vertical-align: top;
 width: 24px;
 height: 24px;
 background: url(../img/nl.png) 0 0 no-repeat;
 text-decoration: none;
}

a:hover.nederlands {
 background-position: -24px 0;
}

.menuactive {
 color: #000000;
}


/* Main Content */

#cutoutback {
 margin: 4px -46px -8px -46px;
 width: 974px;
 height: 70px;
 background: url(../img/cutoutback.gif) top center no-repeat;
}

#cutout {
 margin: 0 0 0 35px;
 padding: 0; 
}

#maincontent {
 margin: 0 60px 46px 46px;
 padding: 0;
 font-size: 1em;
/* font-family: "Times New Roman", Times, serif;
 font-size: 1.2em;
 font-style: italic; */
 line-height: 1.4em;
 color: #949494;
}

#maincontent2 {
 float: right;
 width: 350px;
 margin: 4px 0 46px 0;
 padding: 0;
 color: #949494;
}


/* Subpage Content */

#subpage {
 margin: 0;
 padding: 0 0 50px 0;
 width: 974px;
 background: #333333;
 font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 font-size: 0.8em;
 font-style: normal;
 font-weight: normal; 
 color: #a4a4a4;
}

#subpage strong, #subpage b {
 color: #ffffff;
}

#subtext1, #subtext2 {
 margin: 38px 0 0 46px;
 padding: 0;
 width: 280px;
 display: block;
 float: left;
}

#subtext2 {
 margin: 38px 0 0 26px;
 width: 310px;
}

#subimage {
 float: right;
 width: 220px;
 height: 220px;
 margin: 35px 35px 0 0;
}

#subpage h2 {
 margin: 0 0 18px 0;
 font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 line-height: 140%;
 font-size: 1.55em;
 font-style: normal;
 font-weight: bold;
 color: #ffffff;
}

#subpage ul {
 margin: 0 0 20px 8px;
 padding: 0;
}

#subpage li {
 margin: 0 0 0 8px;
 padding: 0 0 6px 0;
}

#subpage a:link {text-decoration: underline; color: #ffffff; font-weight: bolder;}
#subpage a:visited {text-decoration: underline; color: #ffffff; font-weight: bolder;}
#subpage a:active {text-decoration: underline; color: #ffffff; font-weight: bolder;}
#subpage a:hover {text-decoration: underline; color: #ffffff; font-weight: bolder;}

/* Tagclouds */

#tagcloud {
 float: left;
 width: 610px;
 height: 250px;
 margin: 30px 0 -10px 44px;
 padding: 0;
 background: url(../img/blackboard.jpg) top center no-repeat;
}

#tagcloudtext {
 width: 510px;
 height: 120px;
 margin: 78px 0 0 50px;
 padding: 0;
 font-size: 1.5em;
 color: #ffffff;
 font-weight: bold;
 text-align: center; 
}

#tagcloudtext a:link {text-decoration: none; color: #d5d5d5; font-weight: bolder;}
#tagcloudtext a:visited {text-decoration: none; color: #d5d5d5; font-weight: bolder;}
#tagcloudtext a:active {text-decoration: underline; color: #ffffff; font-weight: bolder;}
#tagcloudtext a:hover {text-decoration: underline; color: #ffffff; font-weight: bolder;}


/* Twitter */

#twitterblok {
 float: right;
 width: 194px;
 height: 110px;
 margin: 110px 60px 0 0;
}

#twittercontent ul, #twittercontent li {
 margin: 0;
 padding: 0;
 list-style: none;
}

#twittertime {
 margin: 5px 0 0 0;
}


/* Form elements */

#contactform {
 float: left;
 width: 470px;
}

input {
 width: 300px;
 height: 20px;
 margin: 4px 0 10px 0;
 padding: 2px;
 background-color: #f1e9f1;
 border: 2px solid #c49cb7;
 font-family: Arial;
 font-size: 0.8em;
 color: #594058;
 font-weight: bold;
 text-align: left;
}

textarea {
 width: 450px;
 height: 100px;
 margin: 4px 0 10px 0;
 padding: 2px;
 background-color: #f1e9f1;
 border: 2px solid #c49cb7;
 font-family: Arial;
 font-size: 0.8em;
 color: #594058;
 font-weight: bold;
 text-align: left;
}

.check {
 width: 18px;
 margin: 2px 4px 2px 0;
 vertical-align: top;
}

.button {
 width: 120px;
 height: 30px;
 margin: 10px 230px -8px 0;
 padding: 2px;
 background-color: #70106e;
 border: 2px solid #a1179d;
 font-family: Arial;
 font-size: 0.8em;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
 cursor: pointer; cursor: hand;
}

.formlabel {
 margin: 0;
 font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 font-size: small;
 font-style: normal;
 font-weight: normal; 
 color: #000000;    
}

.formmandatory {
 position: absolute; 
 margin: -50px 0 0 360px;
 font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 font-size: x-small;
 font-style: normal;
 font-weight: normal; 
 color: #000000;    
}

.sendsuccess {
 font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
 line-height: 130%;
 font-size: 1.2em;
 color: #70106e;
 font-style: normal;
 font-weight: bold; 
}


/* Footer */

#footer {
 height: 54px;
 width: 974px;
 background: #000000;
 margin: 0;
 padding: 0;
 font-size: 0.7em;
 font-style: normal;
 font-weight: normal;
 color: #575756;
}

#footer a:link {text-decoration: none; color: #575756; font-weight: bolder;}
#footer a:visited {text-decoration: none; color: #575756; font-weight: bolder;}
#footer a:active {text-decoration: underline; color: #575756; font-weight: bolder;}
#footer a:hover {text-decoration: underline; color: #575756; font-weight: bolder;}

.copyright1 {
 float: left;
 margin: 8px 0 0 30px;
}

.copyright2 {
 float: right;
 bottom: 0;
 margin: 19px 30px 0 0;
}
    
a.prime {
 width: 169px;
 height: 36px;
 border: none;
 display: inline-block;
 vertical-align: middle;
 background: url(../img/primelogo.png) 0 0 no-repeat;
 text-decoration: none;
 margin: 0 -4px 0 0;
}

a:hover.prime {
 background-position: -169px 0;
}