/* * Christine Kliphuis * * gemaakt: 2006-12-01 * laatst bewerkt: 2006-12-12 */ /* * ALGEMEEN */ html { position: relative; height: 100%; margin-bottom: 1px; } body.default { position: relative; margin: 0; padding: 0; border: 0; height: 100%; color: #093758; font-family: arial, sans-serif; font-size: 10pt; background-color: #aed2ff; } div#basic_ctr_outer { position: relative; margin: 0 auto 0 auto; padding: 0; width: 686px; background-image: url(images/bg_main.jpg); background-repeat: repeat-y; background-color: #aed2ff; min-height: 100%; height: expression("1200px"); } /* ---- BASIC TOP (TITLE) ---- */ div#basic_top { position: relative; margin: 0; padding: 0; top: 0; width: 622px; height: 94px; } div#basic_top_profile { position: absolute; margin: 0; padding: 0; top: 0px; left: 0px; width: 131px; height: 94px; font-size: 2px; background-image: url(images/bg_top_profile.jpg); background-repeat: no-repeat; } div#basic_top_title { position: absolute; margin: 0; padding: 0; top: 18px; left: 131px; width: 491px; height: 76px; font-size: 2px; background-image: url(images/bg_top_title.jpg); background-repeat: no-repeat; } /* ---- BASIC MENU ---- */ div#basic_menu { z-index: 5; position: absolute; margin: 0; padding: 0; top: 94px; left: -97px; width: 165px; background-image: url(images/bg_menu_repeat.jpg); background-repeat: repeat-y; } div#basic_menu_top { position: relative; margin: 0; padding: 0; width: 165px; height: 23px; font-size: 2px; background-image: url(images/bg_menu_top.jpg); background-repeat: no-repeat; } div#basic_menu_bottom { position: relative; margin: 0; padding: 0; width: 165px; height: 12px; font-size: 2px; background-image: url(images/bg_menu_bottom.jpg); background-repeat: no-repeat; } div#basic_menu_bottom_part { position: absolute; margin: 0; padding: 0; left: 157px; width: 8px; height: 20px; background-color: #fff; } div#basic_menu ul.menu { margin: 2px 0 2px 20px; padding: 0; list-style: none; } div#basic_menu ul li.main { z-index: 5; position: relative; margin: 3px 0 3px 0; padding: 0; width: 144px; text-align: left; font-size: 8pt; line-height: 28px; list-style: none; border: 1px solid #a0c4de; border-right: 0; background-color: #cbe3ff; background-image: url(images/bg_menu_item.jpg); background-repeat: repeat-y; } div#basic_menu li ul { z-index: 10; position: absolute; display: none; margin: 0; padding: 0 2px 0 2px; left: 135px; top: 3px; width: 170px; border: 2px solid #116cac; background: #91b8e9; } div#basic_menu ul li.sub { margin: 2px 0 2px 0; padding: 0; list-style: none; background-color: #F0F9FF; background-image: url(images/bg_menu_item.jpg); background-repeat: repeat-y; background-position: right; } #nav a.expandable { background-color: transparent; background-image: url(images/menu_pijltje.gif); background-repeat: no-repeat; background-position: 136px 10px; } #nav a { display: block; padding: 0 0 0 10px; color: #116cac; font-weight: bold; text-decoration: none; letter-spacing: 1px; } #nav a:hover { color: #fff; font-weight: bold; background-color: #116cac; background-image: none; } #nav ul li a { display: block; } #nav li:hover ul, #nav li.over ul { display: block; } div#share { margin: 12px 25px 2px 20px; padding: 0; text-align: right; } /* Holly Hack. IE Requirement \*/ * html ul li { float: left; height: 1%; } * html ul li a { height: 1%; } /* End */ #nav div.selected { position: absolute; top: 0px; left: -12px; width: 6px; height: 26px; border: 1px solid #a0c4de; background-color: #b40700; } /* ---- BASIC CONTENT ---- */ div.basic_content { position: relative; margin: 0 0 20px 0; padding: 0; left: 61px; width: 561px; } div.basic_content div.middle { position: relative; margin: 0 9px 0 9px; padding: 0; background-color: #fff; } div.basic_content div.top { position: relative; margin: 0; padding: 0; left: 0; height: 37px; } div.basic_content div.top div.left { position: absolute; margin: 0; padding: 0; left: 0px; width: 37px; height: 37px; background-image: url(images/bg_content_top_left.jpg); background-repeat: no-repeat; } div.basic_content div.top div.repeat { position: absolute; margin: 0; padding: 0; left: 35px; width: 515px; height: 37px; background-image: url(images/bg_content_top_repeat.jpg); background-repeat: repeat-x; } div.basic_content div.top div.right { position: absolute; margin: 0; padding: 0; left: 524px; width: 37px; height: 37px; background-image: url(images/bg_content_top_right.jpg); background-repeat: no-repeat; } div.basic_content div.top div.toplink { position: absolute; top: 14px; width: 530px; text-align: right; } div.basic_content div.bottom { position: relative; margin: 0; padding: 0; left: 0; height: 37px; } div.basic_content div.bottom div.left { position: absolute; margin: 0; padding: 0; left: 9px; width: 37px; height: 37px; background-image: url(images/bg_content_bottom_left.jpg); background-repeat: no-repeat; } div.basic_content div.bottom div.repeat { position: absolute; margin: 0; padding: 0; left: 46px; width: 504px; height: 37px; background-image: url(images/bg_content_bottom_repeat.jpg); background-repeat: repeat-x; } div.basic_content div.bottom div.right { position: absolute; margin: 0; padding: 0; left: 524px; width: 37px; height: 37px; background-image: url(images/bg_content_bottom_right.jpg); background-repeat: no-repeat; } div.basic_content div.ringen_a { position: absolute; top: -10px; left: 20px; width: 36px; height: 29px; background-image: url(images/bg_ringen_a.jpg); background-repeat: no-repeat; } div.basic_content div.ringen_b { position: absolute; top: 0px; left: 240px; width: 88px; height: 16px; background-image: url(images/bg_ringen_b.jpg); background-repeat: no-repeat; } /* ---- BASIC BOTTOM ----- */ div#basic_bottom { position: relative; margin: 0; padding: 0; left: 61px; width: 561px; color: #5297ce; font-size: 8pt; letter-spacing: 1px; } div#basic_bottom div.credits { text-align: right; padding: 0 70px 40px 70px; } /* ---- BASIC BUTTONAREA ----- */ div.basic_buttonarea { position: relative; margin: 4px 0 6px 0; padding: 0; left: 61px; width: 561px; } div.basic_buttonarea div.middle { position: relative; margin: 0 9px 0 9px; padding: 0; background-color: #fff; } div.basic_buttonarea div.top { position: relative; margin: 0; padding: 0; left: 9px; height: 5px; } div.basic_buttonarea div.top div.left { position: absolute; margin: 0; padding: 0; left: 0px; width: 5px; height: 5px; background-image: url(images/bg_buttons_top_left.jpg); background-repeat: no-repeat; } div.basic_buttonarea div.top div.repeat { position: absolute; margin: 0; padding: 0; left: 5px; width: 533px; height: 5px; background-color: #fff; } div.basic_buttonarea div.top div.right { position: absolute; margin: 0; padding: 0; left: 538px; width: 5px; height: 5px; background-image: url(images/bg_buttons_top_right.jpg); background-repeat: no-repeat; } div.basic_buttonarea div.bottom { position: relative; margin: 0; padding: 0; left: 9px; height: 5px; } div.basic_buttonarea div.bottom div.left { position: absolute; margin: 0; padding: 0; left: 0px; width: 5px; height: 5px; background-image: url(images/bg_buttons_bottom_left.jpg); background-repeat: no-repeat; } div.basic_buttonarea div.bottom div.repeat { position: absolute; margin: 0; padding: 0; left: 5px; width: 533px; height: 5px; background-color: #fff; } div.basic_buttonarea div.bottom div.right { position: absolute; margin: 0; padding: 0; left: 538px; width: 5px; height: 5px; background-image: url(images/bg_buttons_bottom_right.jpg); background-repeat: no-repeat; } /* * INHOUD */ div.basic_content div.middle div.textarea { display: block; margin: 0; padding: 5px 40px 5px 25px; text-align: justify; } div.basic_content div.middle div.leftAlign { text-align: left; } div.basic_content div.middle div.text_addition { display: block; margin: 0; text-align: left; width: 400px; } div.basic_buttonarea div.middle div.buttonarea { display: block; margin: 0 0 0 160px; padding: 4px 20px 4px 25px; text-align: left; } /* for twitter/facebook buttons */ div.kop { margin: 15px 0 30px 0; } h1 { display: inline; padding: 0 0 2px 0; color: #b40700; font-size: 12pt; font-weight: bold; letter-spacing: 1px; border-bottom: 3px solid #b40700; } h2 { margin: 25px 0 3px 0; padding: 0; font-size: 10pt; font-style: italic; letter-spacing: 1px; color: #b40700; } p { margin: 5px 0 15px 0; line-height: 1.4em; } p.alt_begin { margin: 5px 0 0 0; line-height: 1.4em; } p.alt_eind { margin: 2px 0 15px 0; line-height: 1.4em; } div.img_left { position: relative; float: left; margin: 5px 10px 5px 0; padding: 2px; } div.img_right { position: relative; float: right; margin: 5px 0 5px 10px; padding: 2px; } div.img_left img, div.img_right img { border: 1px solid #116cab; padding: 2px; } div.img_list { position: relative; float: left; margin: 5px 0 25px 0; padding: 2px; padding-left: 30px; width: 200px; } div.img_list div.img_embed { position: relative; float: none; width: 182px; margin: 10px 0 10px 0; } div.img_list div.img_embed img { border: 1px solid #116cab; } div.img_list div.titel { position: relative; float: none; margin: 10px 0 10px 0; padding: 5px 0 0 0; text-align: left; } img.foto { border: 0; } blockquote { text-align: left; } div.onderschrift { margin: 3px 0 3px 0; font-size: 7pt; text-align: center; } ul.subsubmenu { float: none; } ul.subsubmenu li { float: none; line-height: 1.4em; list-style-type: circle; color: #b40700; padding-left: 20px; } ul.normaal { float: none; color: #093758; } ul.normaal li { float: none; line-height: 1.4em; list-style-type: circle; color: #093758; padding-left: 20px; } p.reactie { font-size: 10pt; padding: 5px; margin: 5px; } p.reactie i { margin-left: 20px; line-height: 20px; } /* ---- IMAGE TOOLTIPS ----- */ div.tooltipped { position: relative; z-index: 10; } div.tooltipped a { display: block; } div.tooltipped .tooltip, div.tooltipped .tooltip_list { position: absolute; display: none; margin-top: 5px; left: -20px; padding: 5px 15px 8px 15px; border: 1px solid #116cab; width: 200px; color: #0f5e95; background-color: #cbe2ff; text-align: left; -moz-border-radius: 5px; border-radius: 5px; } div.tooltipped .tooltip_list { width: 200px; left: -25px; top: 20px; } div.tooltipped .aan .tooltip { display: block; } div.tooltipped .aan .tooltip_list { display: block; } /* * OVERIGE */ img { border: 0; } .spacer { clear: both; margin: 0; padding: 0; } table { border: 0; } td { padding: 2px; vertical-align: top; line-height: 1.3em; } /* * LINKS */ div.basic_content a { color: #b40700; background-color: transparent; text-decoration: underline; } div.basic_content a:hover { color: #3C6B85; background-color: transparent; text-decoration: none; } div.toplink a { color: #fff; background-color: transparent; text-decoration: none; } div.toplink a:hover { color: #f00; background-color: transparent; text-decoration: underline; } div.credits a { color: #5d9ed4; text-decoration: underline; } div.credits a:hover { color: #fff; text-decoration: none; } /* * SHARE LINKS */ html .fb_share_button { display: block; float: right; padding: 0; margin: 0 2px 0 2px; height: 16px; width: 16px; background: url(images/icon_facebook.png) no-repeat top right; } html .tw_share_button { display: block; float: right; padding: 0; margin: 0 2px 0 2px; height: 16px; width: 16px; background: url(images/icon_twitter.png) no-repeat top right; } html .li_share_button { display: block; float: right; padding: 0; margin: 0 2px 0 2px; height: 16px; width: 16px; background: url(images/icon_linkedin.gif) no-repeat top right; } html .ml_share_button { display: block; float: right; padding: 0; margin: 0 2px 0 6px; height: 16px; width: 16px; background: url(images/icon_email.png) no-repeat top right; } html .print_button { display: block; float: right; padding: 0; margin: 0 2px 0 6px; height: 16px; width: 16px; background: url(images/icon_print.png) no-repeat top right; }