/* CSS2.1 DOCUMENT */
/* TimDeibel.nl Rev.2008/05/27 */
* {
 margin: 0;
 padding:0;
}
html, body {
 width: 100%;
}
body {
 height:100%;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 background-color:#000000;
 text-align:center;
}
a:link, a:visited { color:#999999; text-decoration:underline; }
a:hover  { color:#EEEEEE; text-decoration:none; }
a:active { color:#FFFFFF; text-decoration:underline; }


/* =================== MAIN WRAPPER =================== */
#wrapper {
 width:980px;
 margin: 20px auto 0px auto;
 text-align:left;
 background-color:#000000;
 color:#CCCCCC;
 position: relative; /* 100% breedte tbv onderliggend */
}

/* ====================== HEADER ====================== */
#header {
 display:block;
 width: 100%;
 height:140px;
}
#header p {
 float:left;
 width: 80px;
 margin: 10px 10px 0px 10px;
}
#header #logo {
 float:right;
 width: 253px;
 margin-top: 15px;
 margin-right:10px;
}
/* =================== MAIN NAVIGATION =================== */
#nav {
 clear:both;
 display:block;
 width: 100%;
 height: 20px;
 padding: 5px 0;
}
#nav p {
 float: left;
 display: block;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:14px;
 width: 100px;
 text-align: center;
 padding: 0;
 margin: 0;
}
#nav p a {   /* menu items (niet actief) */
 text-decoration: none;
 color:#666666;
}
#nav p span { /* menu item (ACTIEF) */
 color:#EEEEEE;
}
#nav p a:hover, #nav p a:focus {
 color:#EEEEEE;
}

/* =================== MAIN CONTENT =================== */
#content {
 clear:both;
 display:block;
 width: 100%;
 height:550px;
 min-height:550px;
 background-image:url(../img/bg_cont.jpg); /* 980 x 550 */
 background-position: top center;
 background-repeat:no-repeat;
}
#mainTitel {
 width: 550px;
 height: 60px;
 margin-left: auto;
 margin-right:auto;
 text-align:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:16px;
 font-weight:bold;
}
#mainContainer {
 width: 550px;
 height:420px;
 margin-left: auto;
 margin-right:auto;
 overflow:auto;
 border:#CCCCCC 1px solid;
}
#mainText {
 padding: 20px;
}
#mainText p {
 margin-top: 1em;
}
#mainText p:first-letter {
 font-size: 125%;
}
/* =================== FOOTER =================== */
#footer{
 clear:both;
 display:block;
 width: 100%;
 font-size:11px;
 color: #666666;
 background-color:#000000;
 background-image:url(../img/bg_foot.jpg); /* 980 x 550 */
 background-position: top center;
 background-repeat:no-repeat;
 text-align:right;
 padding: 15px 0;
}
#footer a {
 color: #666666;
 font-size:11px;
 text-decoration:none;
}


/* CLASSES */
.img_L {
 float: left;
 margin: 0 10px 0 0;
}
.img_R {
 float: right;
 margin: 0 0 0 10px;
}

.size_S  { font-size: 12px; text-decoration: none; }
.size_N  { font-size: 14px; text-decoration: none; }
.size_L  { font-size: 16px; font-weight: Bold; }
.size_XL { font-size: 18px; font-weight: Bold; }

.frm_txt {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight:normal;
 color: #333333;
 background-color:#EEEEEE;
}
.frm_but {
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight:normal;
 background-color: #CCCCCC;
 border: #CCCCCC outset 2px;
}
.ecp_pic_border {
 border-left:#555555 solid 1px;
 border-top:#555555 solid 1px;
 border-right:#999999 solid 1px;
 border-bottom:#999999 solid 1px;
}
.ecp_thumb_border {
 border:#999999 solid 1px;
}
.infoTxt1 {
 width:650px;
 height:12px;
 color: #666666;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:10px;
 border:#999999 solid 1px;
}