/*====== Marc de Maar (v1) - Brainfart Studios =============================================================*/ /*------ Core Structure -------------------------------------------------------------------------------------------*/ * { margin:0; padding:0; } body { font: 11px "Tahoma"; color:#5F5F5F; text-align:center; background:#ECECEC url(graphics/sitebg.gif) fixed repeat top center; } #page { margin:20px auto 0 auto; width:784px; } #header { width:784px; height:382px; } #content { clear:both; padding:0 2px; width:780px; text-align:justify; background:url(graphics/contentbg.gif) repeat-y top center; overflow:auto; } #footer { clear:both; margin:0 auto; padding:0px 27px; width:730px; font-size:10px; color:#bababa; background:url(graphics/footerbg.gif) no-repeat top center;overflow:auto; } #footerL { float:left; margin:6px 0 10px 0; width:290px; text-align:left; } #footerR { float:right; margin:6px 0 10px 0; width:290px; text-align:right; } /*------ General Strucure Typhografy -------------------------------------------------------------------------------*/ :focus { outline:0; } a:link, a:visited { color:#F05500; text-decoration:none; } a:hover { color:#1F20A8; text-decoration:none; } .footer a:link, .footer a:visited { color:#bababa; text-decoration:none; } .footer a:hover { color:#5F5F5F; text-decoration:none; } .grijs { font: 11px "Tahoma"; color:#5F5F5F; } .zwart { color:#000; } .oranje { color:#F05500; } .blauw { color:#1F20A8; } .nieuwslijst { line-height:15px; } .titel { font-size:13px; color:#F05500; text-transform:uppercase; line-height:23px; } .datum { font-size:11px; color:#1F20A8; line-height:23px; } #advertX { float:left; margin:15px 0 0 10px; width:590px; height:50px; display:inline; } #advert1 { float:left; margin:5px 0 0 10px; width:590px; height:50px; display:inline; } #advert2 { float:left; margin:5px 0 0 10px; padding-bottom:10px; width:590px; height:50px; display:inline; } #info_note { margin-top:3px; padding-top:3px; background:url(graphics/streep3.gif) no-repeat top center; } /*------ Uitgelicht structure --------------------------------------------------------------------------------------*/ #uitgelicht { padding:25px; width:730px; height:151px; background:url(graphics/uitgelicht.gif) no-repeat top center; overflow:hidden; } #heet_pic { float:left; padding:5px; width:215px; height:140px; background:url(graphics/frame1.gif); no-repeat top center; display:inline; } #heet_border { width:215px; height:140px; overflow:hidden; } #heet_image { margin-left:-5px; } #heet_txt { float:left; margin:2px 0 0 10px; width:495px; height:146px; display:inline;} #heet_title { margin-bottom:2px; height:22px; font:20px Times New Roman; } #heet_bodyS { height:88px; line-height:15px; } #heet_bodyL { height:106px; line-height:15px; } #heet_link { height:18px; } #heet_info { height:18px; text-align:right; } /*------ Index structure -------------------------------------------------------------------------------------------*/ #kolom1 { float:left; margin:25px 0 0 25px; width:353px; height:100%; display:inline; } #kolom2 { float:left; margin:8px 0 0 24px; width:353px; height:100%; display:inline; } #meer { float:left; padding:20px 0; width:353px; height:100%; background:url(graphics/meer.gif) no-repeat top center; } #memorabel { float:left; padding:20px 0 18px 0; width:353px; height:100%; background:url(graphics/memorabel.gif) no-repeat top center; } #alles { float:left; margin:4px 0 0 0; padding-top:3px; width:353px; height:15px; text-align:right; background:url(graphics/streep2.gif) no-repeat top center; } #klein { clear:both; float:left; margin-top:4px; width:353px; height:66px; } #klein_pic { float:left; padding:5px; width:89px; height:56px; background:url(graphics/frame2.gif) no-repeat top center; } #klein_border { width:89px; height:56px; overflow:hidden; } #klein_image { margin-left:-5px; } #klein_Ntxt { float:left; margin:2px 0 0 10px; width:244px; height:66px; } #klein_Mtxt { float:left; margin:2px 10px 0 0; width:244px; height:66px; } #klein_title { padding-bottom:3px; font-weight:bold; background:url(graphics/streep2.gif) no-repeat bottom center; } #klein_body { line-height:15px; } #klein_info { padding-top:3px; text-align:right; background:url(graphics/streep2.gif) no-repeat top center; } #klein a, #klein a:visited { display:block; width:100%; height:100%; color:#5F5F5F; text-decoration:none; } #klein a:hover{ text-decoration:none; cursor:pointer; background-color:#efefef; } #dagboek { float:left; padding:146px 0 20px 0; width:353px; height:142px; background:url(graphics/dagboek2.gif) no-repeat top center; } #dag { float:left; width:353px; } #dag_bodyS { height:91px; line-height:15px; } #dag_bodyL { height:106px; line-height:15px; } #dag_link { height:15px; } #agenda { float:left; padding:20px 0 35px 0; width:353px; min-height:60px; background:url(graphics/agenda.gif) no-repeat top center; } #zaak { float:left; margin-top:4px; width:353px; height:16px; } #koers { float:left; width:231px; height:16px; } #lokatie { float:left; margin-right:2px; width:98px; text-align:right; height:16px; } #land { float:left; width:22px; height:16px; } #laatste { float:left; padding:24px 0 15px 0; width:353px; height:100%; background:url(graphics/laatste.gif) no-repeat top center; } #resume { float:left; margin-bottom:8px; width:353px; } #resume_title { padding-bottom:3px; background:url(graphics/streep2.gif) no-repeat bottom center; } #resume_body { line-height:15px; } #resume_info { padding-top:3px; text-align:right; background:url(graphics/streep2.gif) no-repeat top center; } #resume a, #resume a:visited { display:block; width:100%; height:100%; color:#5F5F5F; text-decoration:none; } #resume a:hover{ text-decoration:none; cursor:pointer; background-color:#efefef; } /*------ Nieuwsbericht structure -----------------------------------------------------------------------------------*/ #kolom3 { float:left; margin:25px 0 0 25px; padding-bottom:25px; width:225px; height:100%; display:inline; } #kolom4 { float:left; margin:25px 0 0 10px; padding-bottom:25px; width:495px; height:100%; display:inline; } #meta { float:left; margin-top:5px; padding:5px 5px 0 5px; width:215px; background:url(graphics/meta.gif) no-repeat top center; } #tool { float:left; margin-bottom:5px; width:215px; line-height:15px; } #icon { float:left; width:5px; height:15px; } #link { float:left; margin-left:5px; width:195px; } #spot_title { margin-bottom:2px; height:22px; font:20px Times New Roman; background:url(graphics/streep3.gif) no-repeat bottom center; } #spot_body { width:495px; height:100%; margin-top:3px; margin-bottom:4px; overflow:hidden; } #spot_note { padding-top:3px; background:url(graphics/streep3.gif) no-repeat top; } .spot_navi { float:right; } #comments { float:left; margin-left:25px; padding-top:20px; width:730px; height:100%; background:url(graphics/comments.gif) no-repeat top center; display:inline; } #comment { float:left; padding:5px 0; width:730px; } #comment_info { float:left; width:225px; text-align:right; } #comment_body { float:left; margin-left:10px; padding-left:6px; width:487px; min-height:35px; border-left:2px solid #d7d7d7; } #comment_leeg { height:18px; margin:2px 0 10px 0; text-align:center; font-weight:bold; } #formulier { float:left; margin:25px 0 0 25px; padding-top:22px; width:730px; background:url(graphics/formulier.gif) no-repeat top center; display:inline; } /*------ Nieuws structure ------------------------------------------------------------------------------------------*/ #archief { float:left; margin:25px 0 0 25px; padding:22px 0 14px 0; width:353px; height:100%; background:url(graphics/nieuws1.gif) no-repeat top center; display:inline; } #kolom5 { float:left; width:171px; height:100%; } #kolom6 { float:left; margin-left:11px; width:171px; height:100%; } #kolom5 img, #kolom6 img { margin-bottom:11px; } #nieuwslijst { float:left; margin:25px 0 0 24px; padding:22px 0 25px 0; width:353px; height:100%; background:url(graphics/nieuws2.gif) no-repeat top center; display:inline; } /*------ Regels structure ------------------------------------------------------------------------------------------*/ #regels1 { position:absolute; top:50%; left:50%; width:504px; height:226px; margin-top:-113px; margin-left:-252px; background:url(graphics/regels1.gif) no-repeat top center; } #regels2 { position:absolute; top:50%; left:50%; width:504px; height:163px; margin-top:-82px; margin-left:-252px; background:url(graphics/regels2.gif) no-repeat top center; } /*------ Reageren structure ----------------------------------------------------------------------------------------*/ #kader { position:absolute; top:50%; left:50%; width:374px; height:180px; margin-top:-90px; margin-left:-187px; background:url(graphics/reactiesbg.gif) no-repeat top center; } #foutmelding { margin:12px; padding-top:28px; width:350px; height:180px; text-align:justify; background:url(graphics/reacties1.gif) no-repeat top center; overflow:auto; } #succes { margin:12px; padding-top:28px; width:350px; height:180px; text-align:justify; background:url(graphics/reacties2.gif) no-repeat top center; overflow:auto; } #toegang { margin:12px; padding-top:28px; width:350px; height:180px; text-align:justify; background:url(graphics/reacties3.gif) no-repeat top center; overflow:auto; } /*------ Dagboek structure -----------------------------------------------------------------------------------------*/ #boek { float:left; margin:25px 0 0 25px; padding:20px 0 15px 0; width:730px; height:100%; background:url(graphics/dagboek3.gif) no-repeat top center; display:inline; } #dag_entry { float:left; padding:5px 0; width:730px; } #dag_info { float:left; width:225px; text-align:right; } #dag_body { float:left; margin-left:10px; padding-left:6px; width:487px; min-height:45px; border-left:2px solid #d7d7d7; } /*------ Biografie structure ---------------------------------------------------------------------------------------*/ #biografie { float:left; margin:25px 0 0 25px; padding:22px 0 20px 0; width:730px; background:url(graphics/biografie.gif) no-repeat top center; display:inline; } /*------ Palmares structure ----------------------------------------------------------------------------------------*/ #palmares { float:left; margin:25px 0 0 25px; padding:22px 0 25px 0; width:730px; background:url(graphics/palmares.gif) no-repeat top center; display:inline; } #kolom7 { float:left; width:225px; height:100%; } #kolom8 { float:left; margin-left:10px; width:495px; height:100%; } /*------ Foto's structure ------------------------------------------------------------------------------------------*/ #fotos { float:left; margin:25px 0 0 25px; padding:8px 0 25px 0; width:730px; background:url(graphics/fotos.gif) no-repeat top center; display:inline; } /*------ Links structure -------------------------------------------------------------------------------------------*/ #links { float:left; margin:25px 0 0 25px; padding:24px 0 10px 0; width:730px; background:url(graphics/links.gif) no-repeat top center; display:inline; } #frame { float:left; margin-bottom:10px; width:730px; height:177px; } #descrip { float:left; width:353px; display:inline; } #screen { float:right; width:353px; display:inline; } /*------ Contact structure -----------------------------------------------------------------------------------------*/ #contact { float:left; margin:25px 0 0 25px; padding:22px 0 25px 0; width:730px; background:url(graphics/contact.gif) no-repeat top center; display:inline; } #complete { float:left; margin:25px 0 0 25px; padding:147px 0 25px 0; width:730px; height:125px; text-align:center; background: url(graphics/contact.gif) no-repeat top center; display:inline; } /*------ Disclaimer structure --------------------------------------------------------------------------------------*/ #restrict { float:left; margin:25px 0 0 25px; padding:22px 0 25px 0; width:730px; background:url(graphics/disclaimer.gif) no-repeat top center; display:inline; }