/* CSS Document */ /* TimDeibel.nl Rev. 2013/01/24 */ html, body { width:100%;height:100%;margin:0;padding:0;border:none;} body { font-family: 'Source Sans Pro', sans-serif; font-weight:300; /* + : 300=Book,600=Semi-bold */ font-size: 15px; background:#fff; color:#666; } img { border:none; outline:none; } div ul { margin-left:0px; padding-left:20px; } /* IE6+7 missing bullets Bug */ h1,h2,h3 { margin:0 0 20px 0; padding:0; color:#333; } h1 { font-size:145%; letter-spacing:0.2em; font-weight:600; } h2 { font-size:115%; letter-spacing:0.1em; font-weight:600; } h3 { font-size:115%; letter-spacing:0.1em; font-weight:300; } p { margin:20px 0; padding:0; } .size_S { font-size:90%; } strong, b { font-weight:600; color:#333; } a:link, a:visited { color:#494441; text-decoration:underline; outline:none; } a:hover { color:#000; text-decoration:none; outline:none; } a:active { color:#000; text-decoration:underline; outline:none; } /* ==================== MAIN STUFF ==================== */ #mainHorizon { float:left; width:1px; height:50%; margin-bottom:-390px; } #mainWrap { position:relative; width:1335px; margin:0 auto; padding:1px; clear:both; text-align:left; } #mainContent { position:relative; width:1200px; min-height:640px; margin:127px 0 0 127px; border:1px solid #ddd; -moz-box-shadow: 2px 2px 3px #777; -webkit-box-shadow: 2px 2px 3px #777; box-shadow: 2px 2px 3px #777; } #logo { position:absolute; top:0; left:0; width:258px; height:258px; } #title { position:absolute; top:0; right:10px; width:310px; height:120px; } #copyright { position:relative; margin:5px 5px 0 0; text-align:right; } #copyright a { text-decoration:none; font-size:11px; color:#ccc; } #copyright a:hover { text-decoration:none; color:#333;} /* ================ HOME & TEXT STUFF =================== */ #homeSlide { position:absolute; top:18px; right:20px; width:904px; height:604px; overflow:hidden; } #ecp_slideshow img { margin-right:5px; -moz-box-shadow: 2px 2px 3px #777; -webkit-box-shadow: 2px 2px 3px #777; box-shadow: 2px 2px 3px #777; } #text { position:relative; margin: 80px 0 20px 260px; } .v-ruler { background:url(../img/v-ruler.png) 440px 0 repeat-y; } #textCol1, #textCol2 { float:left; width:400px; text-align:justify; line-height:200%; } #textCol2 { margin-left:80px; } /* ================ NAVIGATION =================== */ #mainNav { position:absolute; top:160px; left:60px; width:140px; text-align:center; } #mainNav ul { list-style-type:none; margin:0; padding:0; } #mainNav>ul>li { margin:0; padding:0; font-size:18px; color: #aaa; padding:2px 0; } #mainNav ul li a.link0 { text-decoration:none; color:#aaa; } #mainNav ul li a:hover, #mainNav ul li a:focus, #mainNav ul li a.link1 { text-decoration:none; color:#000; } .navRuler { background:url(../img/bg-ruler.png) 0 50% repeat-x; } /* ==================== PORTF PAGE ==================== */ /* THUMB COLUMN & NAV. */ #thumbsWrap { position:absolute; top:130px; left:60px; width:184px; text-align:center; overflow:hidden; } .thumbsFloat { float: left; margin:0 10px 10px 0; width:80px; height:80px; text-align:left; background:#fafafa; } .thumbsFloat img { border:1px solid #a99f95; cursor:pointer; } #portfNav { position:relative; width:94%; margin-top:25px; text-align:center; } a.pfPageNo0, span.pfPageNo1 { border:1px solid #a99f95; margin:0 2px; padding:1px 6px; font-size:12px; line-height:12px; height:18px; text-decoration:none; text-align:center; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; } a.pfPageNo0 { background:#fff; color:#494441; } a.pfPageNo0:hover, span.pfPageNo1 { background:#a99f95; color:#fff; } #portfTitle { position:relative; width:94%; margin-top:5px; text-align:center; } /* MAIN PIC AND INFO */ #mainPicWrap { position:absolute; top:20px; right:20px; width:904px; height:604px; overflow:hidden; text-align:center; } #mainPicWrap img { -moz-box-shadow: 2px 2px 3px #777; -webkit-box-shadow: 2px 2px 3px #777; box-shadow: 2px 2px 3px #777; } #mainPicInfo { position:absolute; bottom:0px;right:20px; width:904px; height:auto; font-size:11px; color:#a99f95; text-align:center; } /* ==================== CLASSES ==================== */ .size_S { font-size:10px; } .clear { float:none; clear:both; } label { float:left; width:100px; } .frm_txt, .frm_area { font-size: 12px; font-weight:normal; line-height:14px; background:none; color:#333; margin:2px 0; padding:4px 6px; border:1px solid #666; -moz-border-radius: 8px; -webkit-border-radius:8px; border-radius: 8px; /* future proofing */ -khtml-border-radius: 8px; /* for old Konqueror browsers */ } .frm_txt { width:300px; height:16px; } .frm_area { width:580px; height:140px; } .frm_submit { font-size: 12px; font-weight:normal; line-height:18px; width: 150px; height:24px; margin-left:340px; cursor:pointer; } .jsWarning { position:absolute; top:15%; height:auto; left:50%; width:650px; margin-left:-325px; padding:20px; color:#c00; font-family:Verdana, Geneva, sans-serif; font-size:14px; text-align:center; background:#ffc; opacity:0.9; -moz-box-shadow: 3px 3px 3px #000; -webkit-box-shadow: 3px 3px 3px #000; box-shadow: 3px 3px 3px #000; border:#900 2px solid; z-index:9999; }