/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: DEFAULT LAYOUT CSS Index 1. Basis layout omvat : header , 3 col pagina opbouw , footer , artikels , ads , hvdn, poll , wib , enquete , evenementen , navigatie , kanaalkleuren en achtergronden 2. Applicatie layout @import 'app.css'; omvat : weer , tv , reizen :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ body { margin: 0px; padding: 0px; color: #000; font: normal 12px/18px Georgia, Verdana, serif; text-align:center;background:#fff} a, a:link, a:visited { color:#f06} a:hover { color:#000; text-decoration: none} p { margin:0;padding:0 } hr { color: #efefef; background-color: #efefef; height:1px; border:none;width:100%;text-align:center } ul { padding: 0px; margin:0px; list-style-type:none} ol { font-weight:bold;list-style-position:inside;margin:0;padding:0;color:#c03;} h1 { font:bold 22px/22px "Georgia", sans-serif;letter-spacing:-1px;color:#000;margin:5px 0 9px 0} h2 { font:bold 20px/20px "Georgia", sans-serif;color:#000;margin:10px 0 6px 0} h3 { font:bold 16px/16px "Georgia", sans-serif;color:#966;margin:10px 0 6px 0} h4 { font:normal 14px/14px "Arial", sans-serif;margin:8px 0 4px 0;color:#ef000f;letter-spacing:-1px;text-transform:lowercase} h5 { font:bold 12px "Arial", sans-serif;color:#000;margin:6px 0 0 0} h6 { font:bold 10px "Arial", sans-serif;color:#000;margin:6px 0 0 0} /* form */ form { margin:0 } input { border: 1px solid #666;margin-right:3px;margin-top:1px;background:#ccc } textarea { width:250px;border:1px solid #000;margin-right:3px;margin-top:1px;background:#efefef} select { font:normal 11px Arial, sans-serif;margin:0 0 1px 0 ;padding:0;text-transform:uppercase} /* gen_ = general containers */ .gen_left { float:left} .gen_right { float:right} .gen_radiocheck { border:none;background:transparent} .gen_button { font: bold 11px Arial, sans-serif;color:#fff;background:#666;padding:0 3px;text-align:center;margin:0} .gen_clear { clear:both} .gen_spacer1 { margin-top:25px } .gen_spacer2 { margin-top:5px} .gen_promobody { padding:10px 0} .gen_divline { margin:5px 0 0 0;background:url(../images/dot.gif) repeat-x;height:2px} .gen_footnote1, .gen_footnote2 { font:normal 11px/14px "Verdana", Arial, Helvetica, sans-serif;color:#000;border-top:2px dotted #d4cdcd;border-bottom:2px dotted #d4cdcd;padding:4px 0 8px 0;margin:12px 0;} .gen_footnote1 a { color:#f06} .gen_footnote1 a:hover { color:#000} .gen_footnote2 p { font-style: italic;color:#5f5f5f;margin:4px 0} /* str_ = structure containers */ #str_cntr1 { width:1024px;margin:0 auto;} #str_cntr2 { float:left;width:840px;margin:0;padding:0 10px;border-top:10px solid #fff;} #str_cntr3 { float:left;width:840px;} #str_col1 { float:left;width:175px;text-align:left; margin-top:18px;background-color:#A7A37E;} #str_col2 { float:left;width:468px;margin-left:10px;text-align:left; padding-top:0px;margin-top:18px;background-color:#EFECCA;} #str_col3 { float:right;width:175px;text-align:left; margin-top:18px;background-color:#A7A37E;} #str_col23 { float:left;width:653px;margin-left:10px;margin-top:1px;text-align:left;} #str_col123 { float:left;width:838px;margin-top:1px;text-align:left;border-top:2px solid #ccc} /* adv_ = advertisement */ #adv_leaderboard { width:840px;height:150px;margin:0;padding:0 10px;float:left;text-align:left;background:#fff;background-color:#E6E2AF;} #adv_imu { margin-top:10px;margin-bottom:10px;background:#efefef;height:400px;background-color:#E6E2AF;} #adv_banner { margin-bottom:10px;background:#efefef;background-color:#E6E2AF;} #adv_sky { float:left;width:160px;height:600px;background-color:#E6E2AF;} /* hdr_ = header */ #hdr_cntr1 { background-color:#046380; } #hdr_col1 { float:left;width:185px;margin-top:0px;padding:0px;} #hdr_col2 { float:left;padding: 0;width:468px;} #hdr_col3 { float:left;width:150px;text-align:left;margin:0;} /* hvdn_ = heet van de naald */ #hvdn_cntr1 { font:normal 11px "Verdana", serif;text-align:left;} .hvdn_box1 { float:left;width:225px;height:100px;margin-right:5px;background:#efefef} .hvdn_box1 img { float:left;margin-right:5px} .hvdn_box1 h2 { } /* ftr_ = footer */ #ftr_cntr1 { text-align:left; margin:0px; margin-top:20px; padding:8px; color:#fff;background:#fff;background-color:#002F2F; } #ftr_cntr1 img { border:none } /* nav_ = navigation */ #nav_cntr1 { margin:0 0 10px 0;background:#990066} #nav_cntr1 ul { margin:0;color:#00A390;padding:0;list-style:none;border:1px solid #fff} #nav_cntr1 li { margin:0;color:#fff; padding:0 0 0 4px; border-bottom:1px solid #a9559d; font:bold 14px Arial, sans-serif} #nav_cntr1 a { color:#fff;display:block;padding:4px 2px;text-decoration:none;font:bold 14px Arial, sans-serif;background: url(../images/gg_navdot.gif) no-repeat right center;text-transform:lowercase;width:97%} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #nav_cntr1 a { float:none} /* End IE5-Mac hack */ #nav_cntr1 a:hover { color:#f00;display:block;background:#3ad8e2;background: url(../images/gg_navdot.gif) no-repeat right center} /*nav fit &gezond */ #nav_cntr1 .nav_current { color:#00A390;background:#4cc8fe;padding:2px 1px;border-bottom:1px solid #a9559d;margin-left:0px} #nav_cntr1 .nav_current a { color:#fff;background:#4cc8fe;padding:2px 0 2px 5px;} /*nav 0012 = psycho */ #nav_cntr1 .nav_current_n0012 { color:#00A390;background:#119ff9;padding:2px 1px;border-bottom:1px solid #a9559d;margin-left:0px} #nav_cntr1 .nav_current_n0012 a { color:#fff;background:#119ff9;padding:2px 0 2px 5px;} /* art_ = article */ /* art_box1: detail large photo | art_box2: detail without large photo | art_box3: full-width + large | art_box4: full-width without large art_box5: background-color | art_box6: img rechts | art_title1: IE textbar in image*/ .art_cntr1, .art_box2 { width:468px;} .art_cntr1 h2 a, .art_cntr1 h3 a, .art_box2 h2 a, .art_box2 h3 a { text-decoration:none;color:#f06;margin:15px 0} .art_cntr1 h2 a:hover, .art_cntr1 h3 a:hover, .art_box2 h2 a:hover, .art_box2 h3 a:hover { text-decoration:none;color:#000;margin:15px 0} .art_cntr1 p a { text-decoration:none;display:block; color:#000;line-height:20px} .art_cntr1 p a:hover { text-decoration:none;display:block; color:#333} .art_box2 p a { text-decoration:underline;font-weight:bold} .art_box3, .art_box4, .art_box1 { width:468px;} .art_box3 h1 a, .art_box4 h1 a , .art_box1 h1 a { margin-top:10px;text-decoration:none;color:#000} .art_box3 p a, .art_box4 p a { text-decoration:none;color:#000;line-height:20px} .art_box1 p a { text-decoration:underline;font-weight:bold} .art_box3 img, .art_box1 img { /*width:466px;*/border:1px solid #fff;margin-bottom:8px} .art_box4 img { float:left;margin-right:5px;/*width:250px;*/border:1px solid #fff} .art_box2 h1 a { margin-top:10px;text-decoration:none} .art_box2 p a { text-decoration:underline;font-weight:bold} .art_box2 img { border:1px solid #fff} .art_box7 { float:left;margin-right:8px;margin-bottom:8px;width:252px;} .art_box7 img { border:none} .art_box7 div { line-height:16px} /* article image position left*/ .art_cntr1 img, .art_text img { float:left;margin:0 5px 0 0;border:1px solid #ccc;clear:left} /* article image position right*/ .art_box6 img { float:right;margin:0 0 0 5px;border:1px solid #ccc;clear:right} .art_cntr2 { clear:right;float:right;width:200px;background:#fff;border-left:15px solid #fff } .art_cntr2 img { float:left;margin-right:5px} .art_photos { clear:right;float:right;width:250px;background:#fff;border-left:15px solid #fff;border-bottom:5px solid #fff} .art_photos h4 { padding-left:15px } .art_photos img { float:right;margin-top:10px;margin-right:0px} .art_photos div { width:250px;line-height:16px} .art_box5 { background:#C1D1E0;padding:6px 6px 10px 6px;margin-top:10px;margin-bottom:10px} .art_box5 h1 , .art_box5 h2 , .art_box5 h3 { margin:0 0 8px 0} .art_box5 h1 a , .art_box5 h2 a, .art_box5 h2 a { margin:0; text-decoration:none } .art_box5 p a { text-decoration:none } .art_box5 img { clear:left;float:left;margin:7px 7px 5px 0;border:none} .art_title1 {margin-top:-68px;*margin-top:-72px;margin-left:1px;padding:6px;background:#86459f;margin-right:2px;width:400px;filter:alpha(Opacity=85);height:45px;} .art_title1 h1, .art_title1 h1 a, .art_title1 h1 a:hover, .art_title1 h1 a:visited {color:#fff;font:bold 20px Georgia;text-decoration:none;margin:0} /* art_label1 = update | art_label2 = health | art_label3 = reactie | art_label4 = reactie |*/ .art_label1, .art_label2, .art_label3, .art_label4 {font:bold 11px Georgia;text-transform:capitalize;padding:1px 5px} .art_label1 {color:#000} .art_label2 {color:#f60} .art_label3 {background:#4cc8fe;color:#fff;} .art_label4 {background:#9d71b7;color:#fff;} /* list_ = list of items (articles, matrix-links, etc) */ /* list_cntr1: right column , matrix | list_cntr2: idem list_cntrl1 with background */ .list_cntr1 { font:normal 12px Georgia, serif;color:#000;clear:left;padding-top:6px;} .list_cntr1 li a { color:#ff6600} .list_cntr1 li a:hover { color:#ff6600} .list_cntr1 li { margin-top:3px;padding-left:15px; background: url(../images/matrix.gif) no-repeat} .list_cntr2 { font:normal 12px Georgia, serif;color:#f60;clear:left;padding-top:6px;} .list_cntr2 li a { color:#f60;} .list_cntr2 li a:hover { color:#000} .list_cntr2 li { margin-top:5px;padding-bottom:8px;border-bottom:2px dotted #ccc} /* list_cntr2: list articles in body with text and photo | list_cntr4: list articles in body : titles only */ #list_cntr3 p a { text-decoration:none;margin:0} #list_cntr3 .right { float:left;width:345px;margin-top:3px} #list_cntr3 .left { float:left;width:118px;margin-top:5px} #list_cntr3 .left img { padding:5px 0;border:0} #list_cntr3 .right h2 { font:bold 20px/20px "Times New Roman", serif;margin:3px 0 0 0;letter-spacing:normal} #list_cntr3 .right h2 a { text-decoration:none} #list_cntr4 dl { margin:0px 0px 8px 6px} #list_cntr4 dt { margin-top:10px;color:#000} #list_cntr4 dd { margin-top:-18px;margin-left:118px} /* list_cntr2: list articles in body with text and photo | list_cntr4: list articles in body : titles only */ .list_cntr5 { background:#EBE8E3;padding:3px 3px 8px 3px;margin-bottom:10px} .list_cntr5_title { background:#f00;font-size:13px;color:#fff;margin:0;text-align:center;padding:3px} .list_cntr5_title a, .list_cntr5_title a:hover, .list_cntr5_title a:visited { margin:0;color:#fff;text-decoration:none} .list_cntr5 li { margin-bottom:5px;padding-left:12px; } /* gen_imgbox bakskes */ .gen_imgbox { background:#fff;padding:3px;margin-top:10px;margin-bottom:10px;text-align:center} .gen_imgbox h3 a { text-decoration:none;font:bold 14px Georgia;color:#f60} .gen_imgbox h3 a:hover { text-decoration:none;font:bold 14px Georgia;color:#966} .gen_imgbox_head { background:#ef000f;border-left:20px solid #000} .gen_imgbox_head h4 { color:#fff;padding:3px 0 4px 0;margin:0 } .gen_imgbox li { margin-bottom:5px;padding-left:12px; } .gen_imgbox img { border:1px solid #adadad;padding:10px 0} /****************************************************************************************************************************************************/