/* CSS DOCUMENT */
/* TimDeibel.nl Rev.2010/03/18 */

html,body { width:100%; margin:0; padding:0; border:none;}
body {
 font-family:Verdana, Geneva, sans-serif;
 font-size: 12px;
 text-align:center;
 background:#181818;
 color:#999;
}

strong { color:#aaa; }
div ul { margin-left:0px; padding-left:20px; } /* IE6+7 missing bullets Bug */
p { padding:0; margin:10px 0; }
p:first-letter { font-size:125%; }
p.size_L, h1 { font-size:120%; font-weight: Normal; margin-top:0; letter-spacing:0.3em; }
p.size_L:first-letter, h1:first-letter { font-size: 125%; font-weight: normal; }

a:link, a:visited { color:#aaa; text-decoration:underline; }
a:hover { color:#fff; text-decoration:none; }
a:active { color:#fff; text-decoration:underline; }

#mainWrap {
 position:relative;
 width: 1180px;
 height:auto;
 margin:40px auto;
 padding:0;
}
#headWrap {
 position:relative;
 width:1180px;
 height:80px;
 margin:0; padding:0;
 background:url(../img/bg_head.png) top center no-repeat;
}
#mainContent {
 position:relative;
 width:1030px;
 margin:10px auto;
 padding:0;
 height:auto;
 min-height:600px; /* IE6 fix ! */
 background:#1a1a1a;
}
#textCol_L { /* TEXT + PIC = 1030 */
 float:left;
 width:480px;
 margin:50px 0 0 60px;
 padding:0;
 text-align:left;
 line-height:200%;
}
#picCol_R {
 float:right;
 width:380px;
 margin:50px 60px 0 0px;
 padding:0;
 text-align:right;
}

#picCol_L { /* PIC + TEXT = 1030 */
 float:left;
 width:380px;
 margin:50px 0 0 60px;
 padding:0;
 text-align:left;
}
#textCol_R {
 float:right;
 width:480px;
 margin:50px 60px 0 0;
 padding:0;
 text-align:left;
 line-height:200%;
}
#clearBottom {
 clear:both;
 height:40px;
}

#mainNavWrap {
 position:absolute;
 top:15px; right:78px;
 width: 200px; height:30px;
 overflow:hidden;
}

ul#mainNav {
 list-style-type:none;
 margin:0; padding:0;
}
ul#mainNav li {
 display:inline; /* IE6+7 fix, voorkomt verticale spacing */
 list-style-type:none;
 margin:0; padding:0;
}
ul#mainNav li a {
 background-image:url(../img/menusprite.png);
 display: block;
 float:right;
 text-decoration: none;
 margin:0 0 0 10px;
 padding:0; border:none;
 width:30px; height:30px;
}
ul#mainNav li a:hover{ border:none; }

ul#mainNav li a#but10       { background-position:   0px   0px; }
ul#mainNav li a#but10:hover { background-position:   0px -30px; }
ul#mainNav li a#but10active { background-position:   0px -60px; }

ul#mainNav li a#but20       { background-position: -30px   0px; }
ul#mainNav li a#but20:hover { background-position: -30px -30px; }
ul#mainNav li a#but20active { background-position: -30px -60px; }

ul#mainNav li a#but30       { background-position: -60px   0px; }
ul#mainNav li a#but30:hover { background-position: -60px -30px; }
ul#mainNav li a#but30active { background-position: -60px -60px; }

ul#mainNav li a#but40       { background-position: -90px   0px; }
ul#mainNav li a#but40:hover { background-position: -90px -30px; }
ul#mainNav li a#but40active { background-position: -90px -60px; }

#footer {
 position:relative;
 width:1020px;
 margin:5px auto 20px auto;
 height:auto;
 text-align:right;
 padding:0;
}
#footer a {
 font-size:10px;
 text-decoration:none;
 color: #444;
}
#footer a:hover, #footer a:focus {
 color: #ccc;
}

/* ########### CSS CLASSES ############## */
/* ====================================== */
.size_S  { font-size: 10px; text-decoration: none; }
.size_N  { font-size: 12px; text-decoration: none; }
.size_L  { font-size: 16px; font-weight: Normal; }
.size_XL { font-size: 16px; font-weight: Bold; }

a.aboutlink0 {
 font-weight:normal;
 text-decoration:none;
}
a.aboutlink1 {
 font-weight:bold;
 text-decoration:none;
 color:#eee;
}

.ecp_pag_pic {
 background:#1e1e1e;
}

.frm_txt {
 font-family:"Courier New", Courier, mono;
 font-size: 12px;
 font-weight:normal;
 color: #333;
 background-color:#ddd;
 border:#eee 1px solid;
}
.frm_but {
 font-family:"Courier New", Courier, mono;
 font-size: 12px;
 font-weight:normal;
 background-color: #ddd;
 border: #eee outset 2px;
}