/*====== Hans Dekkers - Brainfart Studios ==========================================================================*/ * { margin:0; padding:0; outline:none; } a { outline:0; } p { margin:0; padding:0; } html { background-color:#FFFFFF; } body { text-align:center; font:12px Times New Roman; color:#3e3f3e; height:100%; background-color:#FFFFFF; } /*------ Index Structure -------------------------------------------------------------------------------------------*/ #box1 { width:100%; height:70px; text-align:center; background:#FFFFFF url(../images/box1.png) repeat-x top center; } #b1-container { margin:0 auto; width:960px; height:70px; position:relative; } #b1-menu { top:23px; left:13px; width:444px; height:25px; border:0; position:absolute; } #h-home { float:left; display:block; width:55px; height:25px; background:url(../images/menubuttons.png) no-repeat 0 0; } #h-home:hover { background-position:0 -25px; } #h-nieuws { margin-left:10px; float:left; display:block; width:73px; height:25px; background:url(../images/menubuttons.png) no-repeat -55px 0; } #h-nieuws:hover { background-position:-55px -25px; } #h-dagboek { margin-left:10px; float:left; display:block; width:92px; height:25px; background:url(../images/menubuttons.png) no-repeat -128px 0; } #h-dagboek:hover { background-position:-128px -25px; } #h-palmares { margin-left:10px; float:left; display:block; width:97px; height:25px; background:url(../images/menubuttons.png) no-repeat -220px 0; } #h-palmares:hover { background-position:-220px -25px; } #h-contact { margin-left:10px; float:left; display:block; width:87px; height:25px; background:url(../images/menubuttons.png) no-repeat -317px 0; } #h-contact:hover { background-position:-317px -25px; } #b1-init { top:24px; left:691px; width:256px; height:24px; border:0; position:absolute; } #box2 { width:100%; height:305px; text-align:center; background:#FFFFFF url(../images/box2.jpg) repeat-x top center; } #b2-container { margin:0 auto; width:960px; height:305px; background:url(../images/container2.jpg) no-repeat top right; position:relative; } #b2-logo { top:47px; left:3px; width:354px; height:206px; position:absolute; } #b2-story { top:62px; left:519px; width:441px; height:209px; position:absolute; } #st_photo { margin:9px; width:423px; height:143px; overflow:hidden; } #st_regel { margin-top:10px; width:441px; height:38px; text-align:left; position:relative; } #st_title { top:0; left:0; width:371px; height:38px; font:bold 16px Times New Roman; color:#464646; text-transform:uppercase; position:absolute; } #st_ahead { top:0; left:389px; width:52px; height:38px; position:absolute; } #st_read { display:block; width:52px; height:38px; background:url(../images/story1.png) no-repeat 0 0; } #st_read:hover { background-position:0 -38px; } #box3 { width:100%; height:100%; text-align:center; } #b3-container { margin:0 auto; width:960px; min-height:100%; text-align:left; } #b3-blck1 { min-height:376px; height:auto !important; height:376px; } .blck1{ float:left; margin:0 11px 0 11px; width:298px; height:376px; background:url(../images/blck1.png) no-repeat 0 0; } .blck1-newsT { margin-top:12px; padding:0 2px; height:34px; font:bold 12px Times New Roman; text-transform:uppercase; line-height:17px; } .blck1-newsT a:link, .blck1-newsT a:visited { color:#3e3f3e; text-decoration:none; } .blck1-newsT a:hover { color:#0054b1; text-decoration:none; } .blck1-photo { margin:9px 5px; width:288px; height:130px; overflow:hidden; } .blck1-textA { padding:5px 2px 0 2px; height:110px; text-align:justify; line-height:20px; } .blck1-link { padding:2px 2px 0px 2px; height:16px; text-align:right; } .blck1-info { margin-top:14px; padding:0 2px; height:16px; text-align:right; } .blck1-info img {vertical-align:top; } .blck1-link a:link, .blck1-link a:visited, .blck2-link a:link, .blck2-link a:visited, .blck3-link a:link, .blck3-link a:visited, .cmmnt-textA a:link, .cmmnt-textA a:visited, .blck5_link a:link, .blck5_link a:visited, .react-textA a:link, .react-textA a:visited { color:#3e3f3e; text-decoration:none; } .blck1-link a:hover, .blck2-link a:hover, .blck3-link a:hover, .cmmnt-textA a:hover, .blck5_link a:hover, .react-textA a:hover { color:#3e3f3e; text-decoration:underline; } .blck1-info .rood a:link, .blck1-info .rood a:visited { color:#a80000; text-decoration:none; } .blck1-info .rood a:hover { color:#a80000; text-decoration:underline; } .blck1-rest { padding-top:180px; height:16px; text-align:center; color:#a80000; } #b3-blck2 { min-height:379px; height:auto !important; height:379px; } .blck2, .blck3, .blck4 { float:left; margin:0 11px 0 11px; width:298px; height:376px; } .blck2 { background:url(../images/agenda1.png) no-repeat 0 0; } .blck2-note { padding:0 2px; height:172px; } .blck2-textA { margin-top:58px; height:130px; text-align:justify; line-height:20px; } .blck2-link { margin-top:3px; height:16px; text-align:right; } .blck2-time { height:133px; } .blck2-item { padding:0 2px; margin-top:9px; height:36px; background:url(../images/agenda2.png) no-repeat top left;} .blck2-line { padding-top:2px; height:16px; } .blck2_name { float:left; margin-left:13px; } .blck2_date { float:right; text-align:right; } .blck2-lctn { float:right; margin-right:10px; height:16px; } .blck2-cntr { float:right; width:20px; height:16px; } .blck2-rest { padding-top:58px; height:16px; text-align:center; color:#a80000; } .blck3 { background:url(../images/dagboek1b.jpg) no-repeat 0 0; } .blck3-photo { margin:55px 5px 0 5px; width:288px; height:88px; overflow:hidden; background:#CCCC66; } .blck3-newsT { margin-top:159px; padding:0 2px; height:34px; font:bold 12px Times New Roman; text-transform:uppercase; line-height:17px; } .blck3-textA { margin-top:12px; padding:0 2px; height:110px; text-align:justify; line-height:20px; } .blck3-link { margin-top:3px; padding:0 2px; height:16px; text-align:right; } .blck3-info { margin-top:14px; padding:0 2px; height:16px; text-align:right; } .blck3-rest { padding-top:238px; height:16px; text-align:center; color:#a80000; } .blck4 { padding-top:53px; height:323px; background:url(../images/reacties1.png) no-repeat 0 0; } .blck4-cmmnt { margin-top:5px; height:57px; } .cmmnt-textA { padding:0 2px; height:40px; line-height:20px; } .cmmnt-info { padding:2px 0 0 18px; height:15px; background:url(../images/reacties2.gif) no-repeat 0 0; } .cmmnt-info img {vertical-align:top;} #box4 { width:100%; height:74px; text-align:center; background:#FFFFFF url(../images/box4.jpg) repeat-x top center; clear:both; } #b4-container { margin:0 auto; width:960px; height:74px; background:url(../images/container4.jpg) no-repeat bottom right; position:relative; } #b4-segi { top:25px; left:11px; width:73px; height:32px; position:absolute; } #b4-discA { top:45px; left:85px; width:420px; height:15px; position:absolute; } #b4-discB { top:45px; left:667px; width:230px; height:15px; text-align:right; position:absolute; } #b4-init { top:25px; left:906px; width:54px; height:32px; position:absolute; } /*------ Common Structure ------------------------------------------------------------------------------------------*/ .blauw { color:#0054b1; } .rood { color:#a80000; } /*------ RollOver Structure ----------------------------------------------------------------------------------------*/ #st_read span, #h-home span, #h-nieuws span, #h-dagboek span, #h-palmares span, #h-contact span { display:none; } /*------ Nieuws Structure ------------------------------------------------------------------------------------------*/ #colA1 { float:left; width:320px; text-align:left; display:inline; } #colB1 { float:right; width:640px; text-align:left; display:inline; } #cB1-list { margin-top:15px; padding-top:33px; min-height:376px; height:auto !important; height:376px; background:url(../images/nieuws1a.png) no-repeat top left; } #Pages { clear:both; margin-bottom:16px; width:640; text-align:center; } .page_blauw { margin:0 3px; font-weight:bold; color:#0054b1; } .page_grey { margin:0 3px; } .page_grey a:link, .page_grey a:visited { color:#3e3f3e; text-decoration:none; } .page_grey a:hover { color:#a80000; text-decoration:none; } .page_crip { margin:0 3px 2px 3px; } #Pages img {vertical-align:top; } #cA1-spam { margin:15px 11px 0 11px; padding-top:12px; background:url(../images/reacties4.png) no-repeat top left; } .spam-react { margin-top:20px; } .react-textA { padding:0 2px; line-height:20px; } /*------ Bericht Structure -----------------------------------------------------------------------------------------*/ #colA2 { float:left; padding-left:11px; width:298px; text-align:left; display:inline; } #cA-leader { margin-top:15px; overflow:hidden; background:url(../images/cA1.png) no-repeat 0 0; } #ldr-photo { margin:5px 5px; width:288px; height:130px; overflow:hidden; } #colB2 { float:right; padding-left:22px; width:629px; text-align:left; display:inline; } #cB-news { margin-top:15px; padding:33px 0 16px 0; width:618px; background:url(../images/nieuws1b.png) no-repeat top left; overflow:hidden; } #cB-title { margin-top:7px; height:16px; font-weight:bold; text-transform:uppercase; } #cB-date { margin-top:4px; height:16px; color:#0054b1; } #cB-text { margin-top:2px; text-align:justify; line-height:20px; } #cB-fans { margin-top:17px; padding:28px 0 16px 0; width:618px; background:url(../images/nieuws2.png) no-repeat top left; overflow:hidden; } .fan_box { margin-top:10px; } .fan_text { padding:0 2px; line-height:20px; } .fan_note { padding:2px 0 0 18px; height:15px; background:url(../images/reacties2.gif) no-repeat 0 0; } .rpl_box { margin:10px 0 0 18px; } .rpl_note { padding:2px 0 0 18px; height:15px; background:url(../images/reacties3.png) no-repeat 0 0; } .fan_note img, .rpl_note img { vertical-align:top; } .fans_none, .form_none { margin-top:12px; text-align:center; color:#a80000; } #cB-form { margin-top:17px; padding:28px 0 16px 0; width:618px; background:url(../images/nieuws3.png) no-repeat top left; overflow:hidden; } .form_box { margin-top:15px; padding-top:4px; width:618px; } .form_field { width:618px; height:22px; } .form_input1 { padding:3px; width:610px; font:12px Times New Roman; color:#3e3f3e; border:1px; border-style:dotted none; border-color:#3e3f3e; } .form_area { width:618px; height:106px } .form_input2 { margin-bottom:2px; padding:3px; width:610px; height:100px; font:12px Times New Roman; color:#3e3f3e; border:1px; border-style:dotted none; border-color:#3e3f3e; } .form_safe { float:left; margin-right:3px; padding:1px 0; width:51px; height:20px; } .form_redo { float:left; width:564px; height:22px; } .form_input3 { padding:3px; width:556px; font:12px Times New Roman; color:#3e3f3e; border:1px; border-style:dotted none; border-color:#3e3f3e; } .form_info1, .form_info2 { height:13px; text-align:right; color:#b7b7b7; } .form_info2 { margin-top:2px; } .form_send { margin-top:9px; padding:4px 0; width:617px; } .form_submit { float:left; width:278px; height:22px; } .form_plicht { float:left; margin-right:3px; width:278px; height:22px; color:#b7b7b7; } /*------ Dagboek Structure -----------------------------------------------------------------------------------------*/ #cB1-dairy { margin:15px 11px 0 11px; padding-top:32px; min-height:376px; height:auto !important; height:376px; background:url(../images/dagboek2.png) no-repeat top left; } .dairy_blck5 { float:left; margin-bottom:20px; height:123px; background:url(../images/dagboek3.png) no-repeat top center; } .blck5_textA { padding-top:7px; height:60px; text-align:justify; line-height:20px; } .blck5_textB { padding-top:7px; height:86px; text-align:justify; line-height:20px; } .blck5_link { margin-top:13px; height:13px; } .blck5_note { margin-top:17px; height:13px; text-align:right; color:#a80000; } .blck5_none { margin-top:26px; text-align:center; } #cA1-dairy { margin:15px 11px 0 11px; padding-top:32px; background:url(../images/agenda3.png) no-repeat top left; } .dairy_rest { padding-top:7px; height:16px; text-align:center; color:#a80000; line-height:20px; } /*------ Verslag Structure -----------------------------------------------------------------------------------------*/ #cA1-entry { margin:15px 11px 0 11px; overflow:hidden; background:url(../images/cA1.png) no-repeat 0 0; } #entry-photo { margin:5px 5px; width:288px; height:130px; overflow:hidden; background:#CCCC66; } #cB1-entry { margin:15px 11px 0 11px; padding-top:33px; background:url(../images/dagboek2.png) no-repeat top left; } #entry_blck6 { float:left; margin-bottom:20px; } #blck6_title { margin-top:7px; height:16px; font-weight:bold; text-transform:uppercase; } #blck6_date { margin-top:4px; height:16px; color:#0054b1; } #blck6_text { margin-top:2px; text-align:justify; line-height:20px; } /*------ Palmares Structure ----------------------------------------------------------------------------------------*/ #cA1-pcard { margin:15px 11px 16px 11px; line-height:20px; } #cB1-honor { margin-top:15px; padding:33px 0 16px 11px; width:616px; background:url(../images/palmares1.png) no-repeat top left; } .honor_date { margin-top:7px; color:#b7b7b7; } .honor_text { margin-top:4px; text-align:justify; line-height:20px; } /*------ Contact Structure -----------------------------------------------------------------------------------------*/ #cB1-contact { margin:15px 11px 0 11px; padding:33px 0 0px 0; background:url(../images/contact1.png) no-repeat top left; } .cont_error1 { padding-left:18px; width:599px; height:22px; background:url(../images/formulier1.png) no-repeat top left; border:1px; border-style:dotted none; border-color:#3e3f3e; } .cont_input1 { padding:3px; width:601px; font:12px Times New Roman; color:#3e3f3e; border:0; } .cont_error2 { padding-left:10px; width:607px; height:106px; background:url(../images/formulier1.png) no-repeat top left; border:1px; border-style:dotted none; border-color:#3e3f3e; } .cont_input2 { padding:3px; width:601px; height:100px; font:12px Times New Roman; color:#3e3f3e; border:0; } .cont_error3 { float:left; padding-left:10px; width:553px; height:22px; background:url(../images/formulier1.png) no-repeat top left; border:1px; border:1px; border-style:dotted none; border-color:#3e3f3e; } .cont_input3 { padding:3px; width:547px; font:12px Times New Roman; color:#3e3f3e; border:0;}