/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Algemene stylesheet CSS voor Phijffer Advocaten, September 2008 © Stylesheet by Mosselman multimedia 1. Basis layout omvat : algemene styles, layout: header , 3 col pagina opbouw , footer(optioneel) , content , tools , navigatie, slideshow 2. Elementen styles : H, p, ul/li, ahref, class, other :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* +---------------- GENERAL STYLES ------*/ * { margin: 0; } html, body { height: 100%; background-color:#f3f3f3; } body { text-align: center; font-family: "Trebuchet MS", Tahoma, Arial; font-size: 100%;} img { display:block; border-width: 0px; margin: 0px; padding: 0px; } /* ------------------- DIV LAYOUT -----------------------*/ div#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -200px; /* the bottom margin is the negative value of the footer's height */ } div#wrapper { position: relative; width: 1002px; font-size: 1.0em; margin: 0 auto -200px; text-align: left; background: url(../images/bg_wrapper.gif) top left repeat-y; } div#header { position: relative; width: 1002px; height: 138px; padding-left: 8px; margin-left: 0px; background-color: #f3f3f3; } div#headertop-left { position: relative; float: left; height: 98px; width: 327px; background-color:#f3f3f3; } div#headertop-right { position: relative; float: left; width: 659px; height: 95px; padding-left: 1px; } div#headertop-middle { position: relative; float: left; width: 987px; height: 40px; } div#headertop-middle-left { position: relative; float: left; height: 40px; padding-top: 7px; } div#headertop-middle-right{ position: relative; float: right; height: 18px; padding: 0px 2px 0px 0px; margin: 0px; margin-top: -5px; font-size: 1.0em; color: #7a7a7a; text-align:right; vertical-align: top;} div#nav { position: relative; float: left;text-align:left; height:115px; width: 985px; margin-left: 8px; background: url(../images/bg-menu.gif) top left repeat-x; } div#lang { position: relative; float: right; display:inline; text-align:right; width: 100px; margin-top: 50px; margin-right: 10px; } div#bcrum { position:relative; float:left; width: 970px; height: 20px; margin: 5px 0px 20px 30px; font-size: 0.8em; text-transform:lowercase; } div#content { width: 560px; min-height: 500px; padding: 5px 0px 20px 30px; } div#contentwider { width: 800px; min-height: 500px; padding: 5px 0px 20px 30px; } div#eyecatcher { position: absolute; top: 300px; left: 670px; width: 270px; text-align:left; padding:0px; } div#route1 { position: absolute; top: 330px; padding: 0px; margin: 0px; margin-left: 600px; width: 350px; height: 300px; z-index: 5000; } div#route2 { position: absolute; top: 690px; padding: 0px; margin: 0px; margin-left: 600px; width: 350px; height: 300px; z-index: 5100; } div#news { width: 310px; text-align:left; padding: 0px; margin:0px; padding-bottom: 20px; } div#news-more { width: 310px; text-align:left; padding: 0px; margin:0px; padding-top: 5px; text-align:right; } div#faq { width: 310px; text-align:left; padding: 0px 0px 5px 0px; margin: 15px 0px 0px 0px; background: url(../images/bg_eyecatcher-blue.gif) left repeat-x;} div#options { width: 310px; text-align:left; padding: 0px 0px 5px 0px; margin: 25px 0px 0px 0px; background: url(../images/bg_eyecatcher-blue.gif) left repeat-x; } div#report-data { position: relative; float: right; padding: 3px; margin-top:35px; background-color: #F6F6F6; border: #EFEFEF solid 1px; font-size: 0.9em; color: #999999; } div#footer { position: relative; clear: both; /* FF views height op floats */ width: 1002px; margin: 0 auto; background: url(../images/bg_footer-blue1.gif) top left no-repeat; } div#footer-left { position: static; float:left; width: 700px; float:left; padding: 10px 0px 0px 20px; text-align:left; font-size: 0.8em; color:#FFFFFF; } div#footer-right { position: static; float:left; width: 200px; padding: 0px 0px 0px 0px; margin: 0px; } div#footer-right1 { position: relative; float:left; width: 100px; padding: 10px 0px 0px 0px; margin: 0px; color:#FFFFFF; } div#footer-right2 { position: static; float:left; width: 100px; padding: 5px 0px 0px 0px; margin: 0px; text-align: left; font-size: 1.2em } div#footer-bottom { position: fixed; float:left; clear: both; width: 986px; border-bottom: #000000 solid 2px;} /* ------------------- CONTENT STYLES -----------------------*/ /* ------------------- H styles -----------------------*/ /* H1 */ h1 { color: #000;} #content h1 { font-size: 1.4em; font-weight:400; color: #003468; margin-bottom: 15px; } #contentwider h1 { font-size: 1.4em; font-weight:400; color: #003468; margin-bottom: 15px; } #news h1 { font-size: 1.3em; font-weight:400; color: #003468; margin-bottom: 5px; } h1.img_open { font-size: 1.3em; font-weight: 400; color:#333333; width: 75px; height: 20px; background: url(../images/img_open.gif) bottom right no-repeat; } #headertop-middle-left h1 { color: #000000; font-size: 1.15em; font-weight: 500; letter-spacing: 0.08em; } #faq h1 { padding: 0px 0px 0px 5px; margin: 0px; font-size: 1.10em; font-weight: 300; color:#fff; background: url(../images/img_open2.gif) bottom right no-repeat; background-color:#003467; } #options h1 { padding: 0px 0px 0px 5px; margin: 0px; font-size: 1.10em; font-weight: 300; color:#fff; background: url(../images/img_open2.gif) bottom right no-repeat; background-color:#003467; } /* H2 */ h2 { padding: 0px; color: #000; font-size: 1.2em; } #contentwider h2 { font-size: 1.0em; font-weight:600; color: #000; margin: 0px; margin-top: 0px; padding: 0px; } /* H3 */ #contentwider h3 { font-size: 1.0em; font-weight:600; color: #000; margin: 0px; margin-top: 10px; padding: 0px; } /* ------------------- P styles -----------------------*/ p { padding: 0 0 1em; color: #000; font-size: 1em; } p strong { font-weight:bold; } div#content p { padding: 0 0 1em; color: #000; font-size: 0.9em; } div#contentwider p { padding: 0em 0em 1.0em 0em; color: #000; font-size: 0.9em; } div#footer p { padding: 0em 0em 1.0em 0em; color: #000; font-size: 0.9em; } #headertop-middle-right p { padding: 0px; margin: 0px;} div#footer p { position: absolute; left: 0; bottom: 4px; width: 700px; padding: 0; color: #fff; font-size: 0.9em; text-align: center;} /* ------------------- UL/LI styles -----------------*/ /* ul */ #nav ul { padding: 0px 0px 0px 0px; margin:0px; } #nav ul ul { position: absolute; padding:0px; margin:0px; padding-top: 15px; } #nav ul ul.col1 { margin-left: 0em; float:left;} #nav ul ul.col2 { margin-left: 7.5em; float:left;} #nav ul ul.col3 { margin-left: 15em; float:left;} #nav ul ul.col4 { margin-left: 22.5em; float:left;} #headertop-middle-right ul { padding:0px; margin:0px; } #news ul { width: 310px; padding: 0px 0px 0px 0px; margin:0px; border-top: 1px solid #e3e3e3;} #faq ul { padding: 0px 0px 0px 0px; margin:0px; } #options ul { padding: 0px 0px 0px 0px; margin:0px; } #content ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px; } #contentwider ul { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 10px; } #contentwider ul.ulwider { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 20px; } #footer-left ul { padding:0px; margin:0px; } #footer-right2 ul { padding:0px; margin:0px; } #contentwider .ddsg-wrapper ul { padding:0px; margin:0px; } #contentwider .ddsg-wrapper ul ul { padding:0px; margin: 0px 0px 0px 20px; } /* li */ #nav li { height: 28px; position:relative; float: left; padding: 8px 20px 0px 20px; margin: 0px 0px 0px 0px; list-style: none; border-right: #757a82 1px solid; background: none; } #nav li.active0 { height: 28px; position:relative; float: left; padding: 8px 20px 0px 20px; margin: 0px 0px 0px 0px; list-style: none; border-right: #757a82 1px solid; background-color: #003468;} #nav li.active { height: 28px; position:relative; float: left; padding: 8px 20px 0px 20px; margin: 0px 0px 0px 0px; list-style: none; border-right: #757a82 1px solid; background-color: #003468;} #nav li.current_page_ancestor { height: 28px; position:relative; float: left; padding: 8px 20px 0px 20px; margin: 0px 0px 0px 0px; list-style: none; border-right: #757a82 1px solid; background-color: #003468;} #xnav li.page-item-386 { height: 28px; position:relative; float: left; padding: 8px 20px 0px 20px; margin: 0px 0px 0px 0px; list-style: none; border-right: #757a82 1px solid; background-color: #920f1e;} #nav li li { height:auto; position:relative; float: left; padding: 0px 0px 0px 0px; margin: 0px; list-style: none; border-right:none; display: none;} #nav li.active li { position:relative; float: left; padding: 0px 0px 0px 0px; margin: 0px; list-style: none; border-right:none; display: inherit ;} #nav li.active0 li { position:relative; float: left; padding: 0px 0px 0px 0px; margin: 0px; list-style: none; border-right:none; display: table-row ;} #nav li.current_page_ancestor li { position:relative; float: left; padding: 0px 0px 0px 0px; margin: 0px; list-style: none; border-right:none; display: inherit ;} #nav li li.active3 { position:relative; float: left; padding: 0px 0px 0px 0px; margin: 0px; list-style: none; border-right:none; display: none;} #nav li.active li.active3 { position:relative; float: left; padding: 0px 0px 0px 0px; margin: 0px; list-style: none; border-right:none; display: inherit;} #nav li.current_page_ancestor li.active3 { position:relative; float: left; padding: 0px 0px 0px 0px; margin: 0px; list-style: none; border-right:none; background:none; display: inherit;} /* nav li exceptions - beeindigde faissementen - */ #nav li.current_page_ancestor li.current_page_ancestor { position:relative; float: left; padding: 0px 0px 4px 0px; margin: 0px; list-style: none; border-right:none; display: inherit;} /* nav li exceptions - news - */ #nav li.page-item-2 { position:relative; float: left; padding: 8px 20px 0px 20px; margin: 0px 0px 0px 0px; list-style: none; border-right: #757a82 1px solid; } #nav li.page-item-2 li.page-item-35 { position:relative; float: left; padding: 0px 0px 0px 0px; margin: 0px; list-style: none; border-right:none; display: inherit ;} #nav li.page-item-2 li.active3 { position:relative; float: left; padding: 0px 0px 0px 0px; margin: 0px; list-style: none; border-right:none; display: none ;} #contentwider li.page_item { padding: 0px 0px 0px 0px; margin: 0px 0px 1px 0px; } #contentwider .ddsg-wrapper li { padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px; list-style: none; } #contentwider .ddsg-wrapper li li { padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; background: url(../images/arrow-blank.gif) center left no-repeat; list-style: none; } #contentwider .ddsg-wrapper li li li { padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; background: none; list-style: none; } #contentwider .ddsg-wrapper li li li li { padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; background: none; list-style: none; } #headertop-middle-right li { float: left; padding: 0px 4px 0px 5px; margin: 0px; list-style: none; height: 18px; background: url(../images/headertop-stripe.gif) bottom right no-repeat;} #headertop-middle-right li.arrow { padding: 0px 0px 0px 0px; background:none; } #content li { padding: 5px 0px 5px 0px; margin: 0px; list-style: disc; } #contentwider li { padding: 5px 0px 5px 0px; margin: 0px; list-style: disc; } #news li { font-size: 0.9em; color:#006699; width: 305px; padding: 0px 5px 0px 0px; margin: 1px 0px 0px 0px; list-style: none; background: url(../images/img_open1.gif) bottom right no-repeat; border-bottom: 1px solid #e3e3e3;} #faq li { height: 25px; width: 305px; padding: 0px 0px 0px 5px; margin: 0px; list-style: none; } #options li { height: 25px; width: 305px; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px; list-style: none; } #footer-left li { position:relative; float: left; padding: 3px 23px 0px 0px; margin: 0px; list-style: none;} #footer-right2 li { position:relative; padding: 0px; margin: 0px; list-style: none; } /* ------------------- A HREF styles -----------------------*/ /* general */ a img { border:none; outline:none; } a { padding: 0px; margin: 0px; color: #000; text-decoration: none; border-bottom: 1px solid #0bf; } a:hover { padding: 0px; margin: 0px; color: #0bf; } /* div */ #nav li a:link, #nav li a:visited { text-decoration:none; text-transform:lowercase; font-size:0.9em; color:#003468; font-weight:500; display:block; border-bottom:none; background: none; } #nav li a:hover { text-decoration:none; text-transform:lowercase; font-size:0.9em; color:#fff; font-weight:500; display:block; border-bottom:none;} #nav li.active a:link, #nav li.active a:visited { text-decoration:none; text-transform:lowercase; font-size:0.9em; color:#fff; font-weight:500; display:block; } #nav li.current_page_ancestor a:link, #nav li.current_page_ancestor a:visited { text-decoration:none; text-transform:lowercase; font-size:0.9em; color:#fff; font-weight:500; display:block; } #nav li.active0 a:link, #nav li.active0 a:visited { text-decoration:none; text-transform:lowercase; font-size:0.9em; color:#fff; font-weight:500; display:block; } #nav li.active0 a:hover { text-decoration:none; text-transform:lowercase; font-size:0.9em; color:#fff; font-weight:500; display:block; } #nav li.active li a:link, #nav li.active li a:visited { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#003468; font-weight:400; display:block; border-bottom:none; } #nav li.active li a:hover { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#fff; font-weight:400; display:block; } #nav li.current_page_ancestor li a:link, #nav li.current_page_ancestor li a:visited { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#003468; font-weight:400; display:block; border-bottom:none; } #nav li.current_page_ancestor li a:hover { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#fff; font-weight:400; display:block; } #nav li.current_page_ancestor li.active3 a:link, #nav li.current_page_ancestor li.active3 a:visited { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#003468; font-weight:400; display:block; border-bottom:none; } #nav li.current_page_ancestor li.active3 a:hover { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#fff; font-weight:400; display:block; } #nav li.current_page_ancestor li.current_page_ancestor a:link, #nav li.current_page_ancestor li.current_page_ancestor a:visited { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#fff; font-weight:400; display:block; border-bottom:none; } #nav li.current_page_ancestor li.current_page_ancestor a:hover { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#fff; font-weight:400; display:block; } #nav li.active li.active3 a:link, #nav li.active li.active3 a:visited { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#003468; font-weight:400; display:block; border-bottom:none; } #nav li.active li.active3 a:hover { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#fff; font-weight:400; display:block; } #nav li.active0 li a:link, #nav li.active0 li a:visited { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#003468; font-weight:400; display:block; border-bottom:none; } #nav li.active0 li a:hover { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#fff; font-weight:400; display:block; } #nav li li a:link, #nav li li a:visited { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#003468; font-weight:400; display:block; border-bottom:none; } #nav li li a:hover { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#003468; font-weight:400; display:block; } #nav li li.active1 a:link, #nav li li.active1 a:visited { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#fff; font-weight:400; display:block; border-bottom:none; } #nav li li.active1 a:hover { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#fff; font-weight:400; display:block; } /* nav li exceptions - news - */ #xnav li.page-item-2 a:link, #xnav li.page-item-2 a:visited, #xnav li.page-item-2 a:hover { text-decoration:none; text-transform:lowercase; font-size:0.8em; color:#fff; font-weight:400; display:block; } #headertop-middle-right li a:link, #headertop-middle-right li a:visited { padding:0px; margin: 0px; font-size:0.70em; color:#7a7a7a; font-weight:400; display:inline; text-decoration: none; text-transform:lowercase; } #headertop-middle-right li a:hover { height: 16px; padding:0px; margin: 0px;text-decoration:none; font-size:0.70em; color:#fff; font-weight:400; text-transform:lowercase; display:inline; background-color:#003468;} /* breadcrum - */ #bcrum a:link, #bcrum a:visited { padding:0px; margin: 0px; text-decoration: none; color:#000; font-weight:400; display:inline; border-bottom: 1px #00CCFF solid; vertical-align: bottom; } #bcrum a:hover { text-decoration: none; color:#fff; font-weight:400; display:inline; border-bottom: 1px #00CCFF solid; background-color:#003468;} #news li a:link, #news li a:visited { margin: -18px 0px 1px 0px; padding: 0px 0px 0px 42px; text-decoration:none; font-size:1.0em; color:#003468; font-weight:400; display: block; border-bottom:none; } #news li a:hover { text-decoration:none; font-size: 1.0em; color:#003468; font-weight:400; display: block; background-color: #e1ebf4; } #news-more a:link, #news-more a:visited { margin: 0px; padding: 0px; text-decoration: none; font-size:0.9em; color:#003468; display:inline; text-decoration: none; border-bottom: 1px solid #0bf; } #news-more a:hover { text-decoration:none; font-size: 0.9em; color:#fff; background-color:#003468; display:inline; border-bottom: 1px solid #0bf; } #faq li a:link, #faq li a:visited { margin: -26px 3px 0px 30px; padding: 2px 0px 3px 10px; text-decoration: none; font-size: 0.9em; color:#000; display: block; vertical-align: top; border-bottom:none; } #faq li a:hover { text-decoration:none; font-size: 0.9em; color:#000; background-color: #bac9d7; display: block;} #options li a:link, #options li a:visited { margin: -18px 8px 0px 25px; padding: 0px 0px 1px 10px; text-decoration: none; font-size: 0.9em; color:#000; display: block; vertical-align: top; border-bottom:none; } #options li a:hover { text-decoration:none; font-size: 0.9em; color:#000; background-color: #bac9d7; display: block;} #footer-left a { font-size:1.2em; color: #fff; text-decoration: underline;} #footer-left a:link, #footer-left a:visited { text-decoration:none; font-size:1.0em; color:#fff; font-weight:400; display:inline; } #footer-left a:hover { text-decoration:none; font-size:1.0em; color:#fff; text-decoration:none; font-weight:400; display:inline; background-color:#003468; } #footer-right2 li a { padding: 0px; margin: 0px; font-size:0.6em; color: #fff; text-decoration: underline;} #footer-right2 li a:link, #footer-right2 li a:visited { padding: 0px; margin: 0px; text-decoration:none; font-size:0.6em; color:#fff; font-weight:400; display:inline; } #footer-right2 li a:hover { padding: 0px; margin: 0px;text-decoration:none; font-size:0.6em; color:#fff; text-decoration:none; font-weight:400; display:inline; background-color:#003468;} /* ------------------- Class styles -----------------------*/ /* layout classes */ .alignright { float: right; } .alignleft { float: left; } .date { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #444444; } div#footer, .push { height: 200px; /* .push must be the same height as .footer */ } x.download { position: absolute; right: 0; top: 160px; } .reports { display: block; } .ddsg-wrapper { margin: 0px 0px 0px 0px; padding:0px; } /* style classes */ .lawyer { display:block; width: 800px; clear: both; padding-bottom: 10px;} /* images classes */ .img-block { display:block;} .img_arrow { display:inline; padding: 0px; padding-top: 5px; padding-right: 4px; margin:0px;} .img_eyecatcher { display:inline; padding: 0px 5px 0px 0px; margin:0px;} img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } ximg { display: block; border-width: 0px; margin: 0px; padding: 0px; } /* images Captions */ div#content .aligncenter, div#content div.aligncenter { display: inline; } div#content .wp-caption { background-color: #fff; padding: 4px 0px 4px 0px; margin: 0px 10px 10px 10px; } div#content .wp-caption img { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; } div#content .wp-caption p.wp-caption-text { font-size: 0.7em; color: #003468; padding: 3px 0px 0px 5px; margin: 0; text-align: left; } div#content .alignnone { display: block; float:left; margin: 10px 30px 10px 10px; padding: 5px 0px 5px 0px; } div#content .img_content { position: relative; } div#contentwider .aligncenter, div#contentwider div.aligncenter { display: inline; } div#contentwider .wp-caption { background-color: #f3f3f3; padding: 4px 0px 4px 0px; margin: 0px 10px 10px 10px; } div#contentwider .wp-caption img { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; } div#contentwider .wp-caption p.wp-caption-text { font-size: 0.7em; color: #003468; padding: 3px 0px 0px 5px; margin: 0; text-align: left; } /* End captions */ /* link classes */ /* form classes */ /* ------------------- OTHER STYLES -----------------------*/ strong { font-weight: normal; } /* select box */ #nav #lang.select ul.qtrans_language_chooser li.active { padding-top:18px; } #nav #lang.select ul.qtrans_language_chooser li { border-top: 1px solid #e4ef9d; width:96%; padding-left: 50px; } #nav #lang.select ul.qtrans_language_chooser li:hover { background-color:#0099FF; } #nav #lang.select ul.qtrans_language_chooser a { color:#727272; text-decoration:none; } #nav #lang.select ul.qtrans_language_chooser a:hover { text-decoration:underline; color:#444; }