/* CSS Document */ * { margin: 0; padding: 0;} html, body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #666; margin: 0; padding: 0; background: #621A4B url(../img/bg_body.jpg) repeat 0 0; } #container, #top, #adres, #logo, #flashheader, #flashreplace, #nav, #spacer, #left, #subnav, #content, #minheight, #right, #footer, #sitelinks { margin: 0; padding: 0; text-align: left; } #container { width: 900px; margin: 0px auto; background: #FFF url(../img/bg_container.jpg) repeat-y 0 0;} #top { width: 900px; height: 150px; position: relative;} #logo { position: absolute; left: 20px; top: 20px;} #adres { position: absolute; right: 20px; top: 20px;} #flashheader { width: 900px; height: 75px; overflow: hidden;} #flashreplace { width: 900px; height: 75px; overflow: hidden;} #nav { width: 900px; height: 50px; overflow: hidden;} #spacer { width: 900px; height: 10px; overflow: hidden; background: url(../img/bg_spacer.jpg) no-repeat 0 0;} #left { width: 180px; float: left; display: inline; margin: 0px 25px 0 20px;} #subnav { padding: 25px 5px 25px 10px; background: #F5F5F5 url(../img/bg_F5F5F5.jpg) repeat 0 0;} #content { width: 450px; float: left; padding: 15px 0; overflow: hidden;} #minheight { width: 25px; height: 400px; float: left; } #right { width: 175px; float: left; padding: 15px 0;} #footer { width: 900px; height: 20px; clear: both; background: url(../img/bg_footer.jpg) no-repeat 0 0;} #sitelinks { width: 840px; margin: 0px auto; padding: 25px 0;} .clear { clear: both; width: 99%; height: 1px; line-height: 1px; font-size: 1px;} /* Typografie Styles, gelden voor de gehele website */ h1, h2, h3 { font-weight: normal; margin: 0; padding: 0; line-height: 130%; font-weight: bold;} p, address { font-weight: normal; margin: 0; padding: 0; line-height: 185%; font-style: normal;} img { margin: 0; padding: 0; border: 0;} ul, ol, li { margin: 0; padding: 0; line-height: 185%;} h1 { font-size: 18px; color: #621A4B; margin: 10px 0 10px 0;} h2 { font-size: 16px; color: #621A4B; margin: 0 0 4px 0;} h3 { font-size: 13px; color: #621A4B; margin: 0 0 4px 0; font-weight: bold;} p { margin: 0px 0px 12px 0px;} a { color: #333; text-decoration: none; border-bottom: 1px solid #CCC; } a:hover { color: #333; text-decoration: none; border-bottom: 1px solid #333; } #logo a { border: 0px none;} img { margin: 0; padding: 0; border: 0; } img.left { float: left; padding: 2px; margin: 4px 10px 5px 0px; border: 1px solid #CCC;} img.right { float: right; padding: 2px; margin: 4px 0px 5px 10px; border: 1px solid #CCC;} ul { margin: 0px 0px 12px 20px;} ul ul { margin: 0px 0px 0px 20px;} ul li { list-style-type: circle;} ul ul li { list-style-type: square;} ol { margin: 10px 0px 3px 25px;} ol ol { margin: 0px 0px 0px 25px;} hr { border: 0px none; border-top: 1px solid #CFD4E7;} tr, td, th { text-align: left;} #logos { width: 480px;} #logos a { border: 0px none;} #logos img { border: 1px solid #CCC; padding: 2px; margin: 3px 3px 0 0;} /* Quicknieuws */ h1.nieuws { width: 107px; height: 25px; text-indent: -9999px; background: url(../img/txt_NiksNieuws.jpg) no-repeat 0 0;} #quicknieuws ul { margin: 0; padding: 0; list-style: none; margin-bottom: 15px;} #quicknieuws li { margin: 0; padding: 0; line-height: 140%; list-style: none; background: none; padding-bottom: 10px;} #quicknieuws li a { margin: 0; padding: 0; line-height: 140%; text-decoration: none; font-size: 14px; color: #333; font-weight: bold; border: 0px none;} #quicknieuws li a:hover { color: #621A4B;} #quicknieuws span.cat { display: block; text-decoration: none; line-height: 130%; font-size: 11px; font-weight: normal; color: #621A4B; } #quicknieuws span.datum { display: block; text-decoration: none; line-height: 130%; font-size: 11px; font-weight: normal; color: #666666; font-style: italic;} a.meernieuws { color: #666; text-decoration: none; border-bottom: 1px solid #CCC;} a.meernieuws:hover { color: #666; text-decoration: none; border-bottom: 1px solid #333;} /* nieuwskort */ div.nieuwskort { padding-bottom: 20px;} div.nieuwskort h2 a { color: #333; text-decoration: none; border: 0px none;} div.nieuwskort p { margin: 0; padding: 0; line-height: 160%;} div.nieuwskort img.left { margin: 2px 8px 0 0; padding: 2px;} div.nieuwskort span.cat { font-size: 11px; color: #621A4B;} div.nieuwskort span.datum { font-size: 11px; color: #999999; font-style: italic;} a.leesverder { color: #333; text-decoration: none; border-bottom: 1px solid #999;} a.leesverder:hover { color: #333; text-decoration: none; border-bottom: 1px solid #333;} /* Pager styles */ #WsPager { clear: both; margin: 0; padding: 10px 0px; font-size: 11px; text-align: right;} #WsPager a { border: 0px none; padding: 2px 3px; margin: 0px 1px; color: #621A4B; font-weight: bold; line-height: 100%; text-decoration: none;} #WsPager span { padding: 2px 3px; margin: 0px 1px; color: #FFFFFF; font-weight: bold; line-height: 100%; background: #621A4B;} #WsPager a:hover { border: 0px none; background: #621A4B; color: #FFF; text-decoration: none; } /* Adres Block Top */ #adres th { text-align: right; line-height: 150%; padding-right: 8px;} #adres td { text-align: left; line-height: 150%; color: #999; padding-bottom: 5px;} #adres th a { color: #666; text-decoration: none; font-weight: bold; border-bottom: 1px solid #CCC;} #adres th a:hover { color: #666; text-decoration: none; font-weight: bold; border-bottom: 1px solid #333;} #adres td a { color: #999; text-decoration: none; border-bottom: 1px solid #CCC;} #adres td a:hover { color: #999; text-decoration: none; border-bottom: 1px solid #333;} #adres td span { display: block; float: left; width: 15px;} /* Sitelinks */ #sitelinks td { text-align: left; vertical-align: top;} #sitelinks td.col01 { width: 140px; padding-right: 40px;} #sitelinks td.col02 { width: 140px; padding-right: 40px;} #sitelinks td.col03 { width: 140px; padding-right: 40px;} #sitelinks td.col04 { width: 140px; padding-right: 20px;} #sitelinks td.col05 { width: 150px; padding-right: 0px;} #sitelinks td.col06 { width: 180px; padding-right: 0px;} #sitelinks ul { margin: 0; padding: 0; list-style: none; margin-bottom: 5px;} #sitelinks li { margin: 0; padding: 0; line-height: 130%; list-style: none; background: none;} #sitelinks li a { margin: 0; padding: 0; line-height: 130%; text-decoration: none; font-size: 11px; color: #999; border: 0px none;} #sitelinks li a span { color: #CCC; } /* Hoofdnavigatie */ #nav ul { margin: 0; padding: 0; list-style: none; } #nav li { margin: 0; padding: 0; list-style: none; background: none; float: left;} #nav a { margin: 0; padding: 0; text-decoration: none; display: block; float: left; border: 0px none;} #nav a span { display: none;} #nav a#nav_1 { width: 107px; height: 50px; background: url(../img/nav_home.jpg) no-repeat 0 0;} #nav a#nav_2 { width: 119px; height: 50px; background: url(../img/nav_advies.jpg) no-repeat 0 0;} #nav a#nav_3 { width: 132px; height: 50px; background: url(../img/nav_coaching.jpg) no-repeat 0 0;} #nav a#nav_4 { width: 141px; height: 50px; background: url(../img/nav_training.jpg) no-repeat 0 0;} #nav a#nav_5 { width: 148px; height: 50px; background: url(../img/nav_bemiddeling.jpg) no-repeat 0 0;} #nav a#nav_6 { width: 253px; height: 50px; background: url(../img/nav_evenementen.jpg) no-repeat 0 0;} #nav a#nav_1:hover { background-position: 0px -50px;} #nav a#nav_2:hover { background-position: 0px -50px;} #nav a#nav_3:hover { background-position: 0px -50px;} #nav a#nav_4:hover { background-position: 0px -50px;} #nav a#nav_5:hover { background-position: 0px -50px;} #nav a#nav_6:hover { background-position: 0px -50px;} #nav li.active a#nav_1 { background-position: 0px -50px;} #nav li.active a#nav_2 { background-position: 0px -50px;} #nav li.active a#nav_3 { background-position: 0px -50px;} #nav li.active a#nav_4 { background-position: 0px -50px;} #nav li.active a#nav_5 { background-position: 0px -50px;} #nav li.active a#nav_6 { background-position: 0px -50px;} /* Subnavigatie */ #subnav h2 { width: 100%; height: 20px; display: block; background-color: #FF0000;} #subnav h2 span { display: none;} #subnav h2#subnav_1 { background: url(../img/subnav_home.jpg) no-repeat 0 0;} #subnav h2#subnav_2 { background: url(../img/subnav_advies.jpg) no-repeat 0 0;} #subnav h2#subnav_3 { background: url(../img/subnav_coaching.jpg) no-repeat 0 0;} #subnav h2#subnav_4 { background: url(../img/subnav_training.jpg) no-repeat 0 0;} #subnav h2#subnav_5 { background: url(../img/subnav_bemiddeling.jpg) no-repeat 0 0;} #subnav h2#subnav_6 { background: url(../img/subnav_evenementen.jpg) no-repeat 0 0;} #subnav h2#nieuwscat { background: url(../img/subnav_nieuwscat.jpg) no-repeat 0 0;} #subnav ul { margin: 0; padding: 0; list-style: none; } #subnav li { margin: 0; padding: 0 0 7px 0; list-style: none; background: none; line-height: 150%;} #subnav a { margin: 0; padding: 0; text-decoration: none; color: #333; border-bottom: 1px solid #CCC; } #subnav a:hover { text-decoration: none; color: #333; border-bottom: 1px solid #333;}