/* CSS DOCUMENT */
/* TimDeibel.nl Rev.2010/06/20 */

html, body { width:100%;height:100%;margin:0;padding:0;border:none;}
body {
 font-family:Verdana, Geneva, sans-serif;
 font-size: 12px;
 text-align:left;
 line-height:1.2;
 width:100%; height:100%;
 background:#141414;
 color:#999;
}
img { border:none; outline:none; }

div ul { margin-left:0px; padding-left:20px; } /* IE6+7 missing bullets Bug */

p.size_L { padding:0; margin:15px 0; font-size:125%; font-weight:normal; letter-spacing:0.3em; }
p.size_L:first-letter { font-size: 150%; font-weight: normal; letter-spacing:0.1em;}
p { padding:0; margin:18px 0; }

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

#bgPatt1 {
 position:absolute;
 top:20px; bottom:0;
 left:20px; right:0;
 background:url(../img2/bg_mainshadow.png) bottom right no-repeat;
 min-width:1220px; /* + IE6 fix (+ mainHead) */
 min-height:765px; /* + IE6 fix */
}
#bgPatt2 {
 position:absolute;
 top:0; bottom:20px;
 left:0; right:20px;
 background:url(../img2/bg_main.png) top left no-repeat;
}

#mainWrap {
 position:relative;
 padding:0; margin:0;
 border:none;
 min-height:100%; /* + IE6 fix */
 z-index: 10;
}
#mainPadding {
 padding:40px;
}

#mainHead {
 position:relative;
 height:auto;
 min-width:1160px; /* + IE6 fix (+ mainWrap) */
 text-align:left;
 padding-bottom:10px;
 border-bottom:#770000 1px solid;
 z-index:20;
}
#headLogo {
}

#picWrap {
 position:absolute; /* ivm vert.center */
 top:140px; bottom:40px;
 left:230px; right:40px;
 min-height:600px; /* = IE7 fix */
 z-index:30;
}
#picVertCenter {
 position:absolute;
 top:50%; left:0;
 width:100%;
 min-height:600px; /* + IE6 fix */
 margin-top:-300px;
 z-index:31;
}

#mainFooter {
 position:absolute;
 width:auto; height:auto;
 bottom:28px; right:40px;
 text-align:right;
 font-size:10px;
}
#mainFooter a {
 color:#444;
 text-decoration:none;
}
#mainFooter a:hover {
 color:#ccc;
 text-decoration:none;
}

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

#scrollPreload {
 position: absolute;
 top:-200px; left:-200px;
 width:100px; height:100px;
 background: url(../img2/slidesprite.png) top left no-repeat;
}