/* CSS DOCUMENT :: TimDeibel.nl :: Rev.2010/05/22 */

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

div ul { margin-left:0; padding-left:20px; }

p { padding:0; margin:0 0 14px 0; }
p:first-letter { font-size:100%; }
p.size_L, h1 { font-size:12px; font-weight:Bold; }
p.size_XXL { font-size:22px; font-weight: Normal; }
h2 { font-size:12px; font-weight:Bold; }

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

#mainWrap {
 position:relative;
 width: 1230px;
 height:99%;
 min-height:690px; /* IE6 fix */
 background:#fff;
 text-align:left;
 margin:0 auto; padding:0;
}
#headWrap {
 position:relative;
 width:100%; height:106px;
 margin:0; padding:0;
}
#headLogo {
 position:absolute;
 top:0; left:294px;
 width:auto; height:auto;
}

#contentWrap {
 position:relative;
 width:100%;
 height:575px;
 margin:0; padding:0;
 overflow:hidden;
}
#contMenu {
 position:absolute;
 top:0; left:0;
 width:120px;
 height:565px;
 overflow:hidden;
}
#contSubMenu { /* incl. scrollArea1 */
 position:absolute;
 top:10px; left:145px;
 width:120px; height:505px;
 padding:0;
 overflow:hidden;
}

#contMainHome, #contMainPic1, #contMainText {
 position:absolute;
 top:0;
 left:294px;
 width:770px;
 height:575px;
 overflow:hidden;
}
#contMainHome { background:url(../img2/mainpic_bg1.gif) top left no-repeat; height:525px;}
#contMainPic1 { background:url(../img2/mainpic_bg1.gif) top left no-repeat; }
#contMainText { background:url(../img2/maintxt_bg.gif) top left no-repeat; }
#mainPicPadding {
 padding:10px 0 0 9px;
}

#mainTextBox {
 position:relative;
 width:630px; height:450px;
 margin:50px 0 0 70px;
 overflow:auto;
 line-height:200%;
}

#contThumbs { /* incl. scrollArea2 */
 position:absolute;
 top:10px; left:1085px;
 width:120px; height:505px;
 overflow:hidden;
 padding:0;
}
#footWrap { /* sticky */
 position:absolute;
 width:100%; height:60px;
 bottom:0; left:0;
}
#footLogo {
 position:absolute;
 width:auto; height:auto;
 bottom:0; left:290px;
 padding:0;
}
#followLinks {
 position:absolute;
 bottom:50px; left:0;
 width:99%; height:auto;
 text-align:center;
 font-size:9px;
 color:#999;
 overflow:hidden;
}
#followLinks a, #followLinks a:hover {
 text-decoration:none;
 color:#999;
} 
/* ########### 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; }

.scrollbg_l {
 background:url(../img2/scrollpath.jpg) top left repeat-y;
 background-position:-1px 0;
}
.scrollbg_r {
 background:url(../img2/scrollpath.jpg) top right repeat-y;
}

.frm_txt {
 font-family:Verdana, Geneva, sans-serif;
 font-size:11px;
 line-height:15px;
 color: #333;
 background:#eee;
 border:#888 1px solid;
}
.frm_but {
 font-family:Verdana, Geneva, sans-serif;
 font-size:11px;
}