/* * #index: body element on the front-page * #doc: body element on the sub pages */ /* Body markup */ body, td { font-family: Arial, sans-serif; color:#284885; font-size: x-small; voice-family: "\"}\""; voice-family:inherit; font-size: small; } html>body, html>body td { font-size: small; } body { text-align: center; background: #FFF; } /* IPS content style */ #cmsContent { margin: 0; padding: 0; background: none; text-align: left; } /* #doc { background-image: url(../img/follow/women_margin.jpg); background-position:bottom center; background-repeat: no-repeat; } */ /* Center div */ /*#center { left: 50%; position:absolute; } #index #center { width: 730px; margin-left: -365px; } #doc #center { width: 800px; margin-left: -400px; }*/ #center { margin: 0 auto; text-align: left; position: relative; } #index #center { width: 730px; } #doc #center { width: 800px; } /* HTML elements */ a, a:visited, a:link { text-decoration: none; color: #284885; padding:0;margin: 0; } a:hover { text-decoration: underline; } img { border: 0; padding:0; margin: 0;} h1 { font-size: 115%; } h2 { font-size: 105%; } h3 { font-size: 100%; } hr { border: 0; height: 1px; color: #284885; background-color: #284885 ; } /* IE uses color; FF uses background-color */ p { margin: 0;} ul { list-style: disc; margin: 0; margin-top: 0.5em; padding: 0; padding-left: 1.5em; } li { margin-bottom: .3em; } #content u { text-decoration: none;} .clear { clear: both; } /* Menu box */ #left-box { float:left; clear:left; } #index #left-box { width:187px; } #doc #left-box { height:100%; width: 169px; } /* Top navigation */ #top-nav { letter-spacing: 1px; position:absolute; width:220px; height:20px; right: 0; font-size: 10px; } #index #top-nav { top: 30px; } #doc #top-nav { top: 15px; } #top-nav a { font-size: 10px; } #top-nav #subsubmenu_2 { position: absolute; top: 16px; left: 0; display:none; z-index:2; } #top-nav #subsubmenu_2 a { text-decoration: none; } #top-nav img { margin-right: 5px; vertical-align: middle; } /* Page header */ #yellow-corner { height:21px; width:20px; left:198px; top: 127px; position:absolute; } #top-img, #project, #index #content {float: right;position:relative; } #index #top-img { width:509px; height:254px; top: 50px; /* background-image: url(../img/photos/header/home_top_bg.jpg);*/ } #doc #top-img { width:599px; height:112px; } #project { display:block; width: 188px; height:34px; clear:right; text-align: left; font-weight: bold; font-size: 13px; background:url(../img/follow/top_project_bg.gif) no-repeat; } #project form { padding: 0 !important; padding-top: 2px !important; margin: 0 !important; } * html #project form { padding-top: 3px !important; } #project input { margin-top: 3px; } #project #searchinput { margin: 0; margin-left: 12px; margin-right: 4px; padding: 2px; font-size: 11px; border: 1px solid #C9D1E0; border-bottom: 1px solid #E4E8F0; border-right: 1px solid #E4E8F0; } #doc .breadcrumbs { margin: 15px 0 5px 32px; font-size: 10px; letter-spacing:1px; float: left; width: 360px; } #doc .breadcrumbsunder { letter-spacing: 1px; font-size: 11px; } #doc .breadcrumbsunder a, #doc .breadcrumbsunder a:link, #doc .breadcrumbsunder a:visited { text-decoration: none; font-size: 10px; color: #284885; } #doc .breadcrumbsunder a:hover { text-decoration: underline; } /* Page content */ #content { /* line-height: 14px; */ } #index #content { width: 308px; margin-top: 10px; top:50px; float:right; /* line-height: 22px; */} #doc #content { width: 390px; margin: 10px 0 0 30px; float: left; } #content a, #content a:visited, #content a:link { text-decoration: underline; color: #5E76A4; } #content a:hover { text-decoration: underline; color: #284885;} #content h2 a, #content h2 a:visited, #content h2 a:link { color: #284885;} #content #print { text-align: right; width: 390px; } #content #print a, #content #print a:link, #content #print a:visited { text-decoration: none; } #content #print a:hover { text-decoration: underline; } #content #print a img { margin-right: 3px; } /* Right Menu */ #index #rightmenu a.button { padding:5px; height: auto; border: 1px solid #C7D0E0; width: 192px; voice-family: "\"}\""; voice-family: inherit; width: 180px; } html>body #index #rightmenu a.button { width: 180px; } #doc #rightmenu { width: 153px; position: absolute; right: 33px; top: 180px; margin-top: 1em; float:right; line-height:0; border-width: 1px; border-style: solid;border-color: #C7D0E0; padding-top: 0px;} #index #rightmenu { width: 190px; float: right; line-height:14px; top:50px; position:relative; margin: 10px;} #rightmenu a { display: block; width: 153px; border-bottom: 1px solid #C7D0E0;} #index #rightmenu a#firstLink { border-bottom: 0; border-top: 1px solid #C7D0E0; } #index #rightmenu a.button { display: block; position:relative; background:url(../img/buttons/rightmenu_bg.gif) repeat-x left bottom; border-bottom: 1px solid #C7D0E0; float: left; clear: left; text-transform: capitalize;} #doc #rightmenu a.button { display: block; position:relative; background:url(../img/buttons/rightmenu_bg.gif) repeat-x left bottom; border: none; border-bottom: 1px solid #C7D0E0; float: left; clear: left; line-height: normal; text-transform: none; text-align: center; margin: 0; padding: 10px; height: auto; width: 153px; voice-family: "\"}\""; voice-family: inherit; width: 133px; } html>body #doc #rightmenu a.button { width: 133px; } #rightmenu a.button:hover { background:url(../img/buttons/rightmenu_bg_over.gif) repeat-x left bottom; } #doc #rightmenu a i { font-style:normal; } #index #rightmenu a:hover { color: #284885;} /* (Right menu) Theme buttons */ #index #rightmenu #newsletter { font-weight: bold; background:url(../img/home/newsletter_bg.gif) no-repeat left top; padding: 2px 0 0 10px; height: 18px; border: 0; text-transform: uppercase;} /* Bottom banner and texts */ #titel-map { margin: 0 363px 0 200px; height: 18px; position:relative; float:right; top:50px; } #contentbottom { margin: 0; padding: 0; height: 95px; position: relative; float: right; top:50px; width: 508px; border: 1px solid #C7D0E0;} #contentbottom img, #contentbottom span { margin: 0; padding: 0; border: none; position: relative; display:block; float:left; /*border-top: 1px solid #C7D0E0; border-bottom: 1px solid #C7D0E0;*/ } #contentbottom img { border-left: 1px solid #C7D0E0; } #contentbottom span { color: #284885; height: 95px; border-left: 1px solid #C7D0E0; background-image: url(../img/home/bottom_bg.gif); width: 103px; voice-family: "\"}\""; voice-family: inherit; width: 112px; } html>body #contentbottom span { width: 112px; } #contentbottom span a { display: block; /* height: 14px; */ padding-left: 5px; font-weight: bold; width: 100px; voice-family: "\"}\""; voice-family: inherit; width: 95px; } html>body #contentbottom span a { width: 95px; } #contentbottom span a.bottomheadline { font-weight: normal; /* height: 67px; */} #contentbottom span .more { text-align: right; position: absolute; left: 0; top: 80px; white-space: nowrap;} #contentbottom a, #contentbottom a:visited, #contentbottom a:link { text-decoration: none; } #contentbottom a:hover { text-decoration: underline; color: #284885; } /* Maps */ #index #mapcontainer { position: relative; margin: 0; padding: 0; width: 190px; height: 95px; float: left; } #doc #mapcontainer { position: relative; margin: 0; padding: 0; width: 153px; height: 122px; } #mapheading { position: absolute; top: 0; left: 0; } #mapheading img { border: none; } /* Logos / labels */ #lables { width: 120px; left: -150px; bottom:-3px; position:absolute; } #lables img { border: 0; margin-top: 15px; } /* Projectoverview */ #projectenoverzicht img { position: relative; float:left; margin-right:10px; width:100px; /*height:100px;*/ } #projectenoverzicht { position: relative; width:100%; } #projectenoverzicht div { display: block; line-height: 14px; position:relative; width:255px; float:left; } #projectenoverzicht a strong { color: #284885;} #projectenoverzicht hr { height: 1px; border: none; color: #7C94BF; background: #7C94BF; margin: 8px 0px;} /* Little interactive map */ #index #imgContinents { border:0; } /* Bottom navigation */ #bottom-nav { letter-spacing:1px; display:block; position:relative; text-align: left;} #bottom-nav a, #bottom-nav a:visited, #bottom-nav a:link {font-size: 9px; color: #284885; text-decoration: none;} #bottom-nav a:hover { text-decoration: underline; } #doc #bottom-nav { width: 400px; margin: 2em 0 3em 0; float: left;} #index #bottom-nav { width: 500px; text-align: right; float: right; padding: 10px 0; top:43px; } /* Menus */ #navmenu { font-size: 11px; } #navmenu ul { margin: 0; padding: 0; list-style: none; text-align: right; } #navmenu li { margin: 0; padding: 4px 0px; } #navmenu li ul { margin: 0; padding: 0; } #navmenu li ul li { margin: 0; padding: 2px 0px; } #navmenu li.currentlist { margin: 0; padding: 0; padding-bottom: 1px; border-right: 1px solid #6D82A7; background: #FFF url(../img/menu_background.gif) no-repeat right top; } #navmenu li li.currentlist { margin: 0; padding: 0; border-right: none; background: #FFF; } /* 2 */ #navmenu ul li ul { padding-bottom: 8px; width: 100%; background: #FFF; margin-top: -3px; padding-top: 3px;} #navmenu ul li ul li { padding: 0; } /* 3 */ #navmenu ul li ul li ul { padding-bottom: 8px; } #navmenu ul li ul li ul li { padding: 1px 0px; } /* 4 */ #navmenu ul li ul li ul li ul { padding-bottom: 8px; } #navmenu ul li ul li ul li ul li { padding: 0; } #index #navmenu { margin-top: 10px; } /* LEFTNAV LEVEL 1 */ #navmenu ul li a, #navmenu ul li a:visited, #navmenu ul li a:link { font-size: 12px; padding: 5px 5px; display: block; color: #284885; text-decoration: none; text-transform: uppercase; } #navmenu ul li a:hover { color: #7388B0; } #navmenu ul li a.current, #navmenu ul li a.current:visited, #navmenu ul li a.current:link { font-size: 12px; padding: 4px 5px; padding-bottom: 1px; display: block; margin-bottom: 3px; color: #284885; font-weight: bold; text-decoration:none; text-transform: uppercase; background: url(../img/menu_background_heading.gif) no-repeat right top; } * html #navmenu ul li a.current, * html #navmenu ul li a.current:visited, * html #navmenu ul li a.current:link { padding-bottom: 0px; } #navmenu ul li a.current:hover { color: #284885; } /* LEFTNAV LEVEL 2 */ #navmenu ul li ul li a, #navmenu ul li ul li a:visited, #navmenu ul li ul li a:link { font-size: 12px; padding: 3px 5px; padding-right: 18px; display: block; text-transform: none; background: url(../img/menu_arrow_02.gif) no-repeat right top; } #navmenu ul li ul li a:hover { color: #7388B0; } #navmenu ul li ul li a.current, #navmenu ul li ul li a.current:visited, #navmenu ul li ul li a.current:link { font-size: 12px; display: block; padding: 2px 5px; padding-right: 18px; margin-bottom: 0; font-weight: bold; text-transform: none; background: none; background: url(../img/menu_arrow_02_c.gif) no-repeat right top;} #navmenu ul li ul li a.current:hover { color: #284885; } /* LEFTNAV LEVEL 3 */ #navmenu ul li ul li ul li a, #navmenu ul li ul li ul li a:visited, #navmenu ul li ul li ul li a:link { font-size: 11px; padding: 1px 5px; padding-right: 18px; display: block; text-transform: none; color: #7186AF; background: url(../img/menu_arrow_03.gif) no-repeat right top; } #navmenu ul li ul li ul li a:hover { color: #284885; } #navmenu ul li ul li ul li a.current, #navmenu ul li ul li ul li a.current:visited, #navmenu ul li ul li ul li a.current:link { font-size: 11px; display: block; padding: 1px 5px; padding-right: 18px; margin-bottom: 0; font-weight: bold; text-transform: none; background: none; background: url(../img/menu_arrow_03_c.gif) no-repeat right top; color: #536D9D; } #navmenu ul li ul li ul li a.current:hover { color: #284885; } /* LEFTNAV LEVEL 4 */ #navmenu ul li ul li ul li ul li a, #navmenu ul li ul li ul li ul li a:visited, #navmenu ul li ul li ul li ul li a:link { font-size: 10px; padding: 1px 5px; padding-right: 18px; display: block; text-transform: none; color: #93A3C2; background: none; } #navmenu ul li ul li ul li ul li a:hover { color: #284885;} #navmenu ul li ul li ul li ul li a.current, #navmenu ul li ul li ul li ul li a.current:visited, #navmenu ul li ul li ul li ul li a.current:link { font-size: 10px; display: block; padding: 1px 5px; padding-right: 18px; margin-bottom: 0; font-weight: bold; text-transform: none; background: none; } #navmenu ul li ul li ul li ul li a.current:hover { color: #284885; } .talenmenu { font-size: 10px; width:67px; margin-left:142px; line-height: 20px; text-align:center; position: absolute; top: 15px; letter-spacing: 1px; left:-21px; } .talenmenu a { display:block; width: 67px; border:solid 1px #C9D1E0; background-color:#FFFFFF; } .talenmenu a:hover { background-color:#E9ECF3; font-style:normal; color: #284885;} #newsmenu { line-height: 18px; width: 380px; left: 210px; position:absolute; top:158px; z-index:3; text-align:right; } #navmenu ul li#li5496, #navmenu ul li#li5496 a, #navmenu ul li#li5496 a:link, #navmenu ul li#li5496 a:visited { margin-bottom: 0; padding-bottom: 0; } #navmenu ul li#li6243, #navmenu ul li#li6243 a, #navmenu ul li#li6243 a:link, #navmenu ul li#li6243 a:visited { margin-bottom: 0; padding-top: 0; padding-bottom: 0; text-transform: none; } #navmenu ul li#li6244, #navmenu ul li#li6244 a, #navmenu ul li#li6244 a:link, #navmenu ul li#li6244 a:visited { margin-bottom: 0px; padding-top: 0; padding-bottom: 0; text-transform: none; } #navmenu ul li#li624x, #navmenu ul li#li624x a, #navmenu ul li#li624x a:link, #navmenu ul li#li624x a:visited { margin-bottom: 10px; padding-top: 0; padding-bottom: 0; text-transform: none; } /* Sitemap */ #sitemap ul { margin-top: .5em; color: #5E76A4;} #sitemap li { margin-bottom: 0.5em; } #sitemap ul li a, #sitemap ul li a:visited, #sitemap ul li a:link { font-weight: bold; text-decoration: none; color: #284885; } #sitemap ul li a:hover { text-decoration: underline; } #sitemap ul li ul { color: #93A3C2; } #sitemap ul li ul li a, #sitemap ul li ul li a:visited, #sitemap ul li ul li a:link { font-weight: normal; text-decoration: none; color: #5E76A4; } #sitemap ul li ul li a:hover { text-decoration: underline; } /* News */ #news ul { list-style: none; margin-left: 0; padding-left: .2em; } #news li { color: #4B6699; margin: 12px 0px; } #news li a, #news li a:visited, #news li a:link { color: #284885; font-weight: bold; margin: 0; padding: 0; display:block; } #news a:hover { text-decoration: underline; } #news li br { display: none; } /* FAQ */ #newstxt ul { list-style: none; margin: 0; margin-left: 0; padding: 0; padding-left: .2em; } #newstxt li { color: #4B6699; margin: 12px 0px; padding: 0;} #newstxt li a, #newstxt li a:visited, #newstxt li a:link { color: #284885; font-weight: bold; margin: 0; padding: 0; display:block; } #newstxt a:hover { text-decoration: underline; } #newstxt span { margin: 0; margin-top: -12px; margin-bottom: 5px; padding: 0; } #newstxt span a, #newstxt span a:visited, #newstxt span a:link { display: inline; font-weight: normal; color: #7C94BF; } #newstxt span a:hover { text-decoration: underline; color: #284885; } /* Areas */ table.table_area { background: url(../img/area_background_300.gif) repeat-x center bottom; border: 1px solid #C7D0E0; } table.table_area td { padding: 10px; } .div_area { float: left; background: url(../img/area_background_300.gif) repeat-x center bottom; border: 1px solid #C7D0E0; margin: 0; padding: 10px; margin-right: 10px; margin-bottom: 10px; width: 33%; } td .div_area { width: auto; } /* FORMS */ .button { border: 1px solid #C7D0E0; border-right: 1px solid #A9B1BF; border-bottom: 1px solid #A9B1BF; background: transparent url(../img/buttons/button_background.gif); cursor: pointer; height: 24px; width: 100px; color: #284885; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; } /* BANNERS */ #doc div.banner_leftmenu { margin-top: 2em; }