/** * @site e-Grip demo site * @media screen * @revision $Revision: 1.2 $ * @styleguide: * colors { * white: #fff; * black: #000; * orange: #f60; * blue: #003384; * } * fonts { * logo: FF Unit - Medium; * headers: Verdana, Helvetica, sans-serif; * text: Verdana, Helvetica, sans-serif; * } */ /** * 'baseline' style sheet: resets browser styles * Don't forget to set a foreground and background color on the 'html' or 'body' element! */ body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: inherit; font-family: inherit; text-align: left; vertical-align: baseline; } a img, :link img, :visited img { border: 0; } table { border-collapse: collapse; border-spacing: 0; } ol, ul { list-style: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } a:focus, a:hover, a:active { outline: none; } strong { font-weight:bold; } p { margin:10px 0; } /** * Default style for content */ /* links */ #content a { padding: 0 0 1px 0; color: #cb0025; text-decoration: none; } #content a:visited { color: #cb0025; } #content a:active { color: #cb0025; } #content a:hover { color: #cb0025; text-decoration:underline; } #content #print-route { cursor: pointer; } /* headers */ #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #003384; font-weight: bold; } #content h1 { font-size: 1.2em; margin-bottom: 1em; } #content h2 { font-size: 1.1em; margin:0 0 5px 0; padding:0; } #content h2 a:hover {text-decoration:none;} /* this is needed for positioning elements inside the header */ #content h1 { position: relative; padding-right: 20px; display:block; background-repeat:no-repeat;} #content h1 span { visibility:hidden;} #content h2.portal { font-size:1.3em; color:#1f2020; } /* forms and input */ #content input { height:25px; border:0; background:url(/assets/bouman/images/default/bg_form_textfield.gif) left top no-repeat; } #content textarea { height:107px; border:0; background:url(/assets/bouman/images/default/bg_form_textarea.gif) left top no-repeat; } #content input, #content select, #content textarea { color: #4c4c4c;width:278px; padding: 0 0.2em; font: inherit 1em Verdana, Helvetica, sans-serif; } #content input:focus, #content textarea:focus { border-style: inset; } #content input[disabled], #content select[disabled], #content textarea[disabled] { cursor: default; background-color: #e8e8e8; } #content fieldset { border: 1px solid #003384; padding: 0 1em 1em 1em; } #content fieldset legend { margin: 0 0 .5em .4em; padding: .1em .7em; color: white; font-weight: bold; background-color: #003384; } #content label { cursor: pointer; color: #4c4c4c;} #content label:hover { color: #4c4c4c; } /* minimum height for iframes */ #content iframe { min-height: 35em; } /* more: paragraph with a "read more" link */ .more { clear: both; float:right; margin-top:0px !important;} .more a { color:#CB0025; padding: 0 0 0 20px !important; background: url(/assets/bouman/images/default/arrow_red.gif) center left no-repeat transparent; } .more a:hover { text-decoration:underline !important; } #content a.feed { position: absolute; top: 0; right: 0; border: 0; padding: 0; } #content a.permalink { clear: both; padding-left: 20px; background: url(/assets/demo1/images/default/i_permalink.gif) left center no-repeat; } #content .date { margin: 0; color: #999; } /* button: transforms a normal button to a styled button */ #content input[type='submit'] { width: auto; cursor: pointer; padding: 2px 1.5em; font-weight: bold; color: #4c4c4c; border:0; background:url(/assets/bouman/images/default/arrow_red.gif) left 8px no-repeat; } #content input[type='submit']:active { border-style: inset; } .route input.submit { border:0 none; color:#4C4C4C; cursor:pointer; font-size:0; height:17px; margin:3px 0 0 0px; width:25px !important; background:url(/assets/bouman/images/default/button_googlemaps.png) left top no-repeat !important; } /** * Page layout */ html { font: normal 0.75em/1.6 Arial, Helvetica, sans-serif; color: #444445; background-color: white; } #body { height: 100%; width:975px; position:relative; margin:0 auto; } #container { margin:0 auto; padding-top:342px; width:975px; } #container.portal { padding-top:376px;} #content-container { float:right; padding-bottom:2em; width:779px; } #content-container.subsite { float:left; padding:0; margin:0; width:100%;} #content { float:left; margin:0; min-height:100%; padding:0 0 0 25px; width:455px; } #content.subsite { padding:0; width:687px;} #content.list, #content.surveyform, #content.form, #content.searchengine, #content.sectionlist{ width:97%; } #content .contenttext ul { list-style:disc outside none; margin-left:25px; } #content .contenttext ol { list-style:decimal outside none; margin-left:25px; } #content .semicolumn.first { float:left; width:378px;} #content .semicolumn.second { float:right; width:266px; border-left:1px solid #e3e7d9; border-right:1px solid #e3e7d9; padding:0 18px;} #header { z-index:1; position: absolute; top: 10px; left: 0; width: 100%; border-top: 6px solid white; } #header.portal {height: 50px; } #header h2 {height:52px; width:221px; margin:0; } #header h2 a { display: block; height: 100%; text-decoration: none; } #header h2 a img { border:0; } #headertitle { background:url(/assets/bouman/images/default/header_title_red_corner.gif) no-repeat top left #df3804; height:50px; z-index:20; position:absolute; top:101px; right:0;} #headertitle a { margin-top:15px; margin-right:15px; background-repeat:no-repeat; background-position:right top; padding-left:35px; text-indent:-9000px; display:block;} #headervisual { z-index:1; background-color:transparent; background-position:left top; background-repeat:no-repeat; height:181px; left:0px; width:975px; position:absolute; top:135px; left:0;} #mainnav { float:left; width: 196px; } #mainnav h3 { width:196px !important; border-bottom:1px solid #e1e1e1; padding-bottom:5px; background-repeat:no-repeat;} #mainnav h3 span { visibility:hidden; } #mainnav h4 { background:url(/assets/bouman/images/default/menu_left_triangle.gif) left center no-repeat; padding-left:15px; margin-top:5px; } #mainnav h4 span { display:block; text-indent:-9000px;} #mainnav ul { margin-top:15px;} #mainnav ul li { margin-top:10px; } #mainnav li a { display: block; width: 100%; height: 100%; text-decoration: none; background-color: transparent; background-position: center left; background-repeat: no-repeat; } #mainnav li a span { visibility: hidden; } #mainnav ul li ul { margin:10px 0 0 24px; } #mainnav ul li ul li { margin:0;} #mainnav ul li ul li a { color:#4c4c4c; } .knowledge-refinements { } .knowledge-refinements dt { margin: .5em 0; padding-top: .5em; border-top: 1px solid #e1e1e1; background-color: transparent; background-repeat: no-repeat; background-position: 0 .5em; } .knowledge-refinements dt#relationtype-1 { margin-top: 0; } .knowledge-refinements dt span { visibility: hidden; } .knowledge-refinements dd { padding: 0 0 0 1em; } .knowledge-refinements dd.subitem { padding-left: 2em; } .knowledge-refinements dd:hover { background-color: #e1e1e1; } .knowledge-refinements dd a { color: black; border: 0; text-decoration: none; } .knowledge-refinements dd:hover a, .knowledge-refinements dd a:hover { text-decoration: underline; } #portalnav { position:absolute; left:0; top:75px; z-index:999; } #portalnav h3 { } #portalnav h3 span { visibility:hidden; } #portalnav ul { } #portalnav li.first-item { margin-left:0px; } #portalnav li {position:relative; float:left; margin-left:22px;} #portalnav li a { display: block; width: 100%; height: 100%; text-decoration: none; background-color: transparent; background-position: center left; background-repeat: no-repeat; } #portalnav li a span { position:absolute; top:165px; left:10px; } #quicksearch { float: left; padding: 3px 0px 4px 4px; background: none; position:absolute; right:0; top:33px; } #quicksearch h3 { float: left; color: #4c4c4c; margin: 0.3em 0.5em 0 0; padding-left:12px;} #quicksearch h3 label { font-weight: normal !important; color:#7a7a7a; } #quicksearch h3 label:hover { cursor: pointer; text-decoration: underline; } #quicksearch input { color:#7a7a7a; float: left; clear: none; margin:0; padding:0 0.5em 0 0.4em; border: 0; height: 24px; width:170px; background:url(/assets/bouman/images/default/quicksearchfield.gif); } #quicksearch input.submit { color: #4c4c4c; cursor: pointer; font-size: 0; margin: 3px 0 0 -22px; border: 0; width: 18px; height: 17px; background: white url(/assets/bouman/images/default/button_search.gif) no-repeat center center; } #aside { float:right; width: 267px; margin:0; padding: 0; } #aside a { border: 0; text-decoration:none;} #aside a:hover {} #aside img { margin-bottom: 6em; } #aside object { margin-bottom: 6em; } #breadcrumbs { z-index:30;position: absolute; top: 307px; left: 0px; height: 20px; } #breadcrumbs h2 { display: none; } #breadcrumbs ul { } #breadcrumbs ul li { margin-left: 15px; display: inline; font-size: .9em; color: #a0a0a0; } #breadcrumbs ul li.first-item {margin:0;} #breadcrumbs li a { font-weight: bold; color: #666; text-decoration: none; background:url(/assets/bouman/images/default/breadcrumb_spacer.gif) right 5px no-repeat; padding-right:20px;} #breadcrumbs li a:hover { text-decoration: underline; } #globalnav { position: absolute; top: 10px; right: 0; background-color: white; z-index:100; } #globalnav h2 { display: none; } #globalnav ul {float:left; margin-top:3px;} #globalnav ul li { float: left; padding: .3em; } #globalnav ul li a { display: block; text-decoration: none; color:#7a7a7a; font-family:Arial,Helvetica,sans-serif; background:url(/assets/bouman/images/default/top_menu_circle.gif) no-repeat left 7px; padding-left:12px;} #globalnav ul li a:hover {text-decoration:underline; } #globalnav ul li a span { } #addthis { position: absolute; top: 50px; right: 240px; z-index:200; } #addthis a { font-size:1em; float:left; color:#7c7c7c; font-weight:bold; text-decoration:none;} #addthis a.text {margin-right:12px; margin-top:-1px; } #topnavtabs {z-index:200; position:absolute; top: 84px; left: 0;} #topnavtabs h2 { display: none; } #topnavtabs ul li { float: left; padding-left:8px;} #topnavtabs ul li a { cursor: pointer; } #topnavtabs ul li.home { padding:0; margin-left:5px; width:20px; } #topnavtabs ul li.home a span { width:20px; background:url(/assets/bouman/images/default/portal_button.gif) left top no-repeat;} #topnavtabs ul li.selected { background: url(/assets/bouman/images/default/tab_top_left.gif) no-repeat left top; } #topnavtabs ul li a { padding-top:11px; padding-right:20px; display: block; text-decoration: none; color:#7D7D7D; font-family:Arial,Helvetica,sans-serif; font-size:1.2em; display:block; } #topnavtabs ul li.selected a { margin-left:19px; background: url(/assets/bouman/images/default/tab_top_right.gif) no-repeat right 1px; height:33px; } #topnavtabs ul li a span { display:block; text-indent:-9000px; background-repeat:no-repeat; } #topnav { z-index:10;position: absolute; top: 117px; left: 0; background-color: white; background:url(/assets/bouman/images/default/bg_menu_top.png) left top no-repeat; height:31px; width:100%; } #topnav h2 { display: none; } #topnav ul { } #topnav ul li { float: left; margin-left: .5em; padding:0.5em 10px 0.3em 0.3em; background:url(/assets/bouman/images/default/top_nav_divider.gif) right center no-repeat; padding-right:10px;} #topnav ul li a { display: block; text-decoration: none; color:#7D7D7D; font-family:Arial,Helvetica,sans-serif; font-size:1.2em;} #topnav ul li a span { } #props { position: fixed; bottom: 1em; left: 1em; } #props a { color: #afafaf; text-decoration: none; } #footer-container { clear:both; margin-top:25px; position:relative;} #footerlogo { z-index:100; position:absolute; top:10px; right:10px; width:111px; height:55px;background:url(/assets/bouman/images/default/bouman_logo_small.gif) no-repeat right top; } #footer { top:30px; width:100%; left:0; position:absolute;} #footer-content { margin:0; padding:0; clear;both;} #footerzone-1 { padding-bottom:20px; overflow:hidden; border-top:16px solid #b0b0b0; background-color:#e7e7e7; padding-top:25px; } #footerzone-1 .footer-section { margin-bottom:5px; } #footerzone-1 #twitterfeed .twtr-widget h3 { font-size:12px !important; } #footerzone-1 #twitterfeed .twtr-widget h4 { font-size:18px !important; } #footerzone-1 #twitterfeed .twtr-widget p { background-color:#f4f4f4; border:1px solid #c9c9c9; padding:13px 10px 10px 10px !important;} #footerzone-1 #twitterfeed .twtr-widget .twtr-ft { display:none; } #footerzone-1 #twitterfeed .twtr-widget .twtr-tweet { margin-bottom:-7px; } #footerzone-1 #footer-column1 .footer-section p { padding-left:68px; margin-top:0 !important; } #footerzone-1 #footer-column2 .footer-section p { padding-left:68px; margin-top:0 !important;} #footerzone-1 #footer-column3 .footer-section p { margin:1em 0 1em; } #footerzone-1 .footer-section a { color:#CB0025; text-decoration:none; } #footerzone-1 .footer-section a:hover { text-decoration:underline; } #footerzone-1 .footer-section a.item1 { font-size:0.9em; padding-left:25px; background:url(/assets/bouman/images/default/footer_icon_contact.gif) left center no-repeat; } #footerzone-1 .footer-section a.item2 { font-size:0.9em; padding-left:25px; background:url(/assets/bouman/images/default/footer_icon_route.gif) left center no-repeat; } #footerzone-1 .footer-section h2 { color:#4c4c4c; font-size:1.2em; font-weight:bold;} #footerzone-1 .footer-section h2 span { visibility:hidden; } #footerzone-1 .footer-section h2 a { display:block; text-decoration:none; } #footerzone-1 .footer-section h2 a span { visibility:hidden; } #footerzone-1 .footer-section ul { margin-top:10px; } #footerzone-1 .footer-section ul li { margin-top:10px; } #footerzone-1 .footer-section ul li a { } #footerzone-1 .footer-section ul li h3 a { font-size:1.1em; font-weight:bold; color:#cb0025; text-decoration:none; } #footerzone-1 .footer-section ul li h3 a:hover { text-decoration:underline;} #footerzone-1 .footer-section ul li h3 a img { display:block; border:1px solid #b0b0b0; float:left; margin:0.4em 0.8em 1em; overflow:hidden;} #footer-column1, #footer-column2, #footer-column3 { float: left; width: 300px; min-height: 10px; margin-right: 8px; margin-left:10px; } #footer-column3 { } #footer-column2 { margin-left:0;} #footer-column3 { margin-left:40px; } #footerzone-2 { margin:27px 0 12px; overflow:hidden; } #footerzone-2 .footer-section { float:left; width:180px; margin-left:10px; } #footerzone-2 .footer-section h2 { font-size:1.2em;} #footerzone-2 .footer-section h2.item1 { color:#816f5b;} #footerzone-2 .footer-section h2.item2 { color:#e6b800;} #footerzone-2 .footer-section h2.item3 { color:#df3804;} #footerzone-2 .footer-section h2.item4 { color:#cecd00;} #footerzone-2 .footer-section h2.item5 { color:#1493c0;} #footerzone-2 .footer-section ul { padding:0; border-right:1px solid #d5dbc5; min-height:108px; } #footerzone-2 .footer-section ul.item5 { border:0;} #footerzone-2 .footer-section ul li {} #footerzone-2 .footer-section ul li h3 a { color:#4c4c4c; text-decoration:none;} #footerzone-2 .footer-section ul li h3 a:hover { text-decoration:underline; } #footerzone-3 { height:40px; widht:100%; background-image:url(/assets/bouman/images/default/logo_hkz_footer.gif); background-repeat:no-repeat; background-position:931px center; background-color:#b0b0b0; position:relative;} #footerzone-3 #footerinfo { font-family:Arial,Helvetica,sans-serif; color:#666666; padding:13px 0 0 10px;} #footerzone-3 #footerinfo span.footertitle { width: 103px; background: url(/assets/bouman/images/default/footer_logo.gif) no-repeat top left; display:block; float:left; padding-top:5px; background-repeat:no-repeat; margin-right:10px;} #footerzone-3 #footerinfo span.footertitle span { visibility:hidden; } #footernav { position: absolute; top: 0; right: 0; margin: 8px 50px;} #footernav h2 { display: none; } #footernav ul { } #footernav ul li { float: left; padding: .3em; } #footernav ul li a { display: block; text-decoration: none; color:#666666; font-family:Arial,Helvetica,sans-serif; background:url(/assets/bouman/images/default/top_menu_circle_dark.gif) no-repeat left 7px; padding-left:12px;} #footernav ul li a:hover { text-decoration:underline; } #footernav ul li a span { } /** * Content types */ /* inline sections on the homepage */ .inline-sections { } .inline-section { margin-bottom:35px; position: relative; overflow:hidden;} .inline-section .imgbox { clear:both; } .inline-section h2 { margin:0 0 10px !important; display:block; background-repeat:no-repeat;} .inline-section h2 span { visibility:hidden;} .inline-section h2 a { display:block; padding: 0; border: 0 !important; padding:0 !important; } .inline-section h2 a span { visibility:hidden;} .inline-section h2 a:hover { border:0 !important; padding:0 !important;} .inline-section a.feed { position: absolute; top: 0; right: 0; } .inline-section ul { margin-left:0px !important; position:relative; clear:both !important; margin:0 !important; padding: 0 !important; } #content .contenttext .inline-section ul { margin-left:0px !important; position:relative; clear:both !important; margin:0 !important; padding: 0 !important; list-style-image:none !important; list-style-type: none !important; list-style-position: outside; } .inline-section ul li { clear:both !important; position:relative;} .inline-section ul li p { margin-top:0; } .inline-section ul li p.visual { margin-left:45px;} .inline-section ul li h3 { font-size:1.2em; font-weight:bold; color:#0d0d0d; clear:both; margin:0 !important; padding:0 !important; } .inline-section ul li .percentage { position: absolute; top: 5px; right: 0; font-weight:bold;} .inline-section ul li h3 a { color: #0d0d0d !important; display:block; text-align:left; margin:0 !important; padding:0 !important;} .inline-section ul li a { display:block; } .inline-section ul li a span { visibility:hidden; } .inline-section ul li .imgbox { float:left; margin:0.4em 0 0 0;} .inline-section ul li .imgbox img { margin:0 5px 0 0 !important;} .inline-section ul li .more { float:right; margin-top:.5em; } .inline-section ul li .more a {color:#cf0025; text-decoration:none; background:url(/assets/bouman/images/default/arrow_red.gif) left center no-repeat !important; padding-left:15px;} .inline-section ul li .more a:hover {text-decoration:underline !important; } a.allitems { clear:both;display:block; background-color:#e7e7e7; text-decoration:none; color:#cb0025; margin-top:50px; padding-left:5px !important; font-style:italic; } .inline-section a.allitems:hover {text-decoration:underline !important; } .inline-section ul.links { overflow:hidden; } .inline-section ul.links li { background:url(/assets/bouman/images/default/arrow_red.gif) left 2px no-repeat !important; padding-left:20px; } .inline-section ul.links li a {} .inline-section ul.links li a:hover {text-decoration:none !important; } .inline-section.portal-left { margin-top:20px; } .inline-section.portal-left ul li { margin-top:10px; background:url(/assets/bouman/images/default/portal_list.gif) no-repeat left 5px; padding-left:15px; } .inline-section.portal-left a.allitems { float:right; background:url(/assets/bouman/images/default/arrow_red.gif) no-repeat left 3px; padding-left:15px !important; font-style:normal; } .inline-section.portal-left a.allitems { margin-top:10px; } #aside .inline-section ul li p.visual { margin-top:0; } /* chapters in documents */ #chapters { clear: both; } #chapters h2 { margin-left:125px; color:#4c4c4c !important;} #chapters div.body { margin-top:-10px;} #chapters p { margin-left:125px;} #chapters ul.chapters { margin: 0 0 0 10px; padding: .5em 0; list-style-type: none !important; } #chapters li.chapter { background:url(/assets/bouman/images/default/arrow_red.gif) left center no-repeat; padding: 0; } #chapters li.chapter a { padding-left: 20px; color:#4c4c4c; } #chapters li a:hover { background-image: url(/assets/demo1/images/default/arrow_right_over.gif); } #chapters .imgbox { overflow: hidden; float:left;} #chapters .contenttext .linkbox { float:none; width:100%; border:0; margin-left:115px; } li.chapter { margin:0; } /* default and rich menu */ .menu-default { clear: both; margin: 0; padding: .5em 1em; list-style-type: none !important; background-color:#ececec; } .menu-default li { padding-left: 20px; margin-bottom: .5em; background:url(/assets/bouman/images/default/arrow_red.gif) left center no-repeat; } .menu-default li a { color:#4c4c4c !important;} .menu-default li a:hover { background-image: url(/assets/demo1/images/default/arrow_right_over.gif); } .menu-rich { overflow:hidden; background-color:#ececec; clear: both; margin: 0; padding: 1em 0.5em 0.5em; list-style-type: none !important; } .menu-rich li { margin:0 0 1em 0; padding:0;float: left; position: relative; width: 202px; height: 202px; text-align: right; } .menu-rich li.item1 { float:right } .menu-rich li img { margin: 0; } .menu-rich li a { border: 0; } .menu-rich span { position: absolute; top: 135px; left: 15px; right: 5px; margin: 0; padding-right: 15px; text-indent:-9000px; background-repeat:no-repeat;} /* Default and rich lists */ .list-default { clear: both; margin: 0; padding: 0; list-style-type: none !important; } .list-default li { min-height: 100px; margin-bottom: 1em; padding: .3em; } .list-default li h2 { font-size: 1.2em; margin:0 0 0px !important; } .list-default li h2 a { font-size:1.1em; text-decoration: none; border: 0; color:#191919 !important; } .list-default li p { margin-top:0;} .list-rich { clear: both; margin: 0; padding: 0; list-style-type: none !important;} .list-rich li { min-height: 100px; margin-bottom: 1em; padding: .3em; } .list-rich li h2 { padding-left:113px !important; font-size: 1.2em; margin:0 0 0px !important; } .list-rich li h2 a { font-size:1.1em; text-decoration: none; border: 0; color:#191919 !important; } .list-rich li p { padding-left:113px; margin-top:0;} .list-rich li img { margin: 0.5em 0 0 0; float:left } /* default and rich group */ dl.group { clear: both; } dl.group dt { margin: 1em 0 .5em 0; } dl.group dt a { font-weight: bold; } dl.group dd { margin-left: .3em; } .group-rich { clear: both; } .group-rich dt { clear: both; margin-top: 1em; padding: .3em; } .group-rich dt a { border: 0; margin-bottom: .2em; font-size:1.4em; font-weight:bold; } .group-rich h2 { margin-bottom: .2em; } .group-rich dd { clear:both; overflow:hidden; min-height: 150px; padding: 1em .5em 1em .5em; border-bottom: 2px solid #e8e8e8; } .group-rich img { float:left; vertical-align: top; border: 1px solid #afafaf; margin: 0 1em 1em 0em; } .group-rich dd p {margin:0 !important;} .group-rich dd p a {font-weight:bold; } /* enquete basicform */ .surveyform {} .surveyform .element { margin-top:20px; border-bottom:1px solid #e2e2e2; padding-bottom:20px;} .surveyform .element.header { margin-left:70px;} .surveyform .label { width:100%; font-weight:bold; margin-left:5px;} .surveyform .input { margin-left:10px; } .surveyform .group { margin-left:10px; margin-top:10px;} .surveyform .element.submit { border:0; float:right; border-top:1px solid; margin-top:30px; text-align:right; width:100%;} .surveyform .notice { margin-top:-1px; overflow:hidden; width:100%; display:block;} /* basicform styles form elements, marked up in a definition list */ #content.surveyform .basicform { border-top:none; } .basicform { border-top:6px solid; padding-top:20px } .basicform dl input, .basicform dl textarea, .basicform dl select { width: 100%; color: #003384; } .radio, .radio:hover, .checkbox, .checkbox:hover { height:auto !important; width: auto !important; border: 0 !important; margin-right:10px;} .basicform dl dt { clear: both; width: 40%; float: left; color: #003384; } .basicform dl dd { width: 60%; float: left; margin: 0 0 1em 0; color: #003384; } .errors { font-style: italic; color: red; } .header { margin: 1em 0; } .header.formpage { display: block; width: auto; float: none; border-bottom: 1px solid #003384; } .header.formpage+dd { display: none; } .basicform .element.top { height:10px;} .basicform .element.top .input { height:10px;} .basicform .notice { display:inline-block; position:relative; top:-32px; left:7px;} .basicform .input { float:left; padding:0.2em 10px; width:278px; border-left:4px solid white;} .basicform .element { clear:both; margin:0; overflow:hidden; padding:0;} .basicform .label { float:left; padding:0.2em 10px 1.3em 10px; width:200px; } .basicform .element .group {float:left; width:278px; padding:0.5em 10px; border-left:4px solid white;} .basicform .element .group div { clear:both; } .basicform .element .group label {display:block; margin-left:30px;} .basicform .element .group input {float:left;} .basicform .submit { text-align:right; border-bottom:2px solid; padding-bottom:8px;} .basicform .element.header { font-weight:bold; } .basicform .element .label label { } .basicform .input.datecal { width:300px;} #content .basicform .input.datecal input.hasDatepicker { } .basicform .input.datecal img { float:right;} .ui-datepicker-trigger { margin-top:3px; } .ui-datepicker-calendar { background-color:#efefef; width:200px;} .hasDatepicker { float:left; widht:40%; } .basicform .submit input { margin:0; background-color: transparent; } .replyform { border: 1px solid #e1e1e1; width: 455px; } .replyform .rating-element { float: left; margin-bottom: 1em; padding: 0 10px; width: 435px; background-color: #e1e1e1; } .replyform .rating-element .label { font-weight: bold; float: left; margin: 3px 0; width: 50% !important; } .replyform .rating-element .group { float: left; margin: 3px 0; width: 50%; } .replyform .rating-element .group div { float: left; margin-right: 1.5em; } #content .replyform .rating-element .group .radio { margin: 0; } #content .replyform .rating-element .group input { background: none; } .replyform .element { float: left; padding: 0 10px; } .replyform .element .label { float: left; width: 130px; } .replyform .element .input { float: left; width: 300px; } /* sitemap knowledge */ ul.knowledge {margin: 0; padding: 0em; list-style-type: none !important;} ul.knowledge a { color:#444445 !important; } ul.knowledge a:hover { color:#CB0025 !important;} ul.knowledge ul { padding: 0; list-style-type: none !important; padding-bottom:10px;} ul.knowledge li { margin:0; padding:0; border-bottom:1px solid #E1E1E1; } ul.knowledge li a { font-size:1.5em; } ul.knowledge li:hover { } ul.knowledge li ul { margin:0 0 0 20px !important; } ul.knowledge li ul li { border:0; } ul.knowledge li ul li a {font-size:1em !important; } /* sitemap */ ul.sitemap { border-left:1px solid #ebebeb; margin: 0; padding: 0em; list-style-type: none !important;} ul.sitemap a { color:#444445 !important; } ul.sitemap a:hover { color:#CB0025 !important;} ul.sitemap ul { border-left:1px solid #ebebeb; margin: .3em 1em 1em 0em; padding: 0; list-style-type: none !important; } ul.sitemap li { } ul.sitemap li a { padding-left: 40px !important; background: url(/assets/bouman/images/default/sitemap_line.gif) left center no-repeat; } ul.sitemap li:hover { } ul.sitemap ul li ul { margin: .3em 1em 1em 4em; } /* search styles: form, info and results */ #resultsinfo { margin-left:1em;} #resultsinfo p { margin: 0; font-size:0.9em;} #resultsinfo h2, #resultsinfo p { margin: 0; padding:0; color:#4C4C4C; } #searchform { margin: 1em 0; border-top:6px solid; padding-top:10px; } #searchform label { float: left; } #searchform div { clear:both; margin: 0 0 1em 1em; overflow:hidden;} #searchform div label { display: block; clear: both;} #searchform div label.title { font-weight:bold; font-size:1.1em; } #searchform div p { margin-left:20px;} #searchform div p.selection label {width:100%; margin-top:2px; margin-right:15px; margin-left:90px;} #searchform div p.selection input { margin-top:3px; margin-right:10px;} #searchform div input { margin: 0 0 0 15px; } #searchform div p { margin: 0 0 .5em 0; } #searchform input { float: left; clear: none; margin: 2px 0 0; padding:0 0 0 5px; height: 25px; } #searchform input.submit { color: #4c4c4c; cursor: pointer; font-size: 0; margin: 3px 0 0 -28px; border: 0; width: 18px; height: 17px; background: white url(/assets/bouman/images/default/button_search.gif) no-repeat center center; } #searchresults { clear: both; margin: 1.5em 0 0 0; border-top:2px solid;} #searchresults dt { margin: 2em 0 0 0em; } #searchresults dt a { color:black; font-size:1.2em; font-weight:bold;} #searchresults dt a:visited { color:black; } #searchresults dd { margin: -.1em 0 0 0em; } #searchresults dd small { border-bottom:1px solid #ecece4; padding-bottom:20px; display: block; } #searchresults dd a { background:url(/assets/bouman/images/default/arrow_red.gif) left center no-repeat; padding-left:20px;} #searchresults .highlight { background-color: #e8e8e8; } /** * Common objects */ /* text block on pages */ .contenttext { margin-bottom: 1em; overflow:hidden;} /* page visual box */ #pagevisual-box { margin-left:10px; padding-left:6px; border-left:1px solid #d8d8d8; text-align: center; overflow: hidden; float:right; } #pagevisual-box img { border-bottom:solid 6px;} #pagevisual { } /* imgbox */ .imgbox { margin:5px 0px 0;} .imgbox img { display: block; } .imgbox p { padding: .3em; font: bold .8em/1.2 Verdana, Helvetica, sans-serif; color: #003384; background-color: #e8e8e8; } /* linkbox */ .linkbox {list-style: none !important; border-left:1px solid #d8d8d8; clear: both; float: right; width: 180px; margin: 0 1em .5em 10px; padding: 6px 0 0 13px; } .linkbox li { padding: 0 .6em; overflow: hidden; background:url(/assets/bouman/images/default/arrow_red.gif) left 5px no-repeat; padding-left:20px;} .linkbox li:hover { background-color: transparent; } .linkbox li a { font-weight:bold; display: block; padding: 5px; padding-left: 15px; text-decoration: none; background: url(/assets/demo1/images/default/arrow_right.gif) 0 10px no-repeat; } #visuals a { margin-right:10px; } /* progress bar */ .progress { text-align: right; color: #003384; font-weight: bold; width: 93%; } .progresstext { color: #4c4c4c; font-weight: bold; margin:-3px 0 0; float:right;} .progressbar { height:17px; width: 99%; margin: 0 0 1em 0; border: 1px solid; border-left-width: 5px; background-color: white; } #progressfill { height: 80%; margin-top:2px; background-color:white; } /* navbox, for displaying next/previous/index links */ .navbox { margin-top: 2em; padding: .3em .2em; text-align: center; } .navbox a { border: 0; } .navbox .prev { float: left; background: url(/assets/bouman/images/default/arrow_red_back.gif) center left no-repeat transparent; padding-left:15px; } .navbox .prev span { } .navbox .next { float: right; background: url(/assets/bouman/images/default/arrow_red.gif) center right no-repeat transparent; padding-right:15px;} .navbox .pages { text-align:center; } .navbox .pages a { margin-right:5px; color:black !important;} .navbox .pages a.current { color:#CB0025 !important; font-weight:bold; } .navbox .index { } .navbox .page { margin: 0 .2em; } .navbox .page a { padding: 2px 6px; } /* forum list */ .forum, .topic, .pollarchive { width: 97%; margin: 0 0 2em 0; border: 1px solid #e8e8e8; } .forum thead th, .topic thead th, .pollarchive thead th { margin-bottom: .2em; color: #003384; background-color: #e8e8e8; } .forum tbody th, .forum tbody td, .pollarchive tbody th, .pollarchive tbody td { border-right: 1px solid #e8e8e8; } .forum tr, .topic tr, .pollarchive tr { border-bottom: 1px solid #e8e8e8; } .forum td, .forum th, .topic td, .topic th, .pollarchive td, .pollarchive th { vertical-align: top; padding: .3em; } .forum img, .topic img { vertical-align: top; } .forum p, .pollarchive p { margin-top: 0; } .forum a, .pollarchive a { font-weight: bold; color: #f60; border-color: #f60; } .post { } .post th { border-right: 1px solid #e8e8e8; } .author { } .postform { } .postform .basicform dt, .postform .basicform dd { float: none; width: auto; } .postform .basicform dt { font-weight: bold; margin-top: .5em; padding: .1em .3em; } .postform .basicform dd { margin: 0 0 1em 0; padding: 0; } .postform .basicform textarea { width: 100%; } .postform .basicform input.submit { width: auto; } td.first .date { color: #aaa; } /* special icons for announcements, sticky topics and locked topics */ td.announcement, td.sticky, td.locked, td.default { padding-left: 20px; background-position: 0 5px; background-repeat: no-repeat; } td.announcement { background-image: url(/assets/demo1/images/default/i_announce.gif); } td.sticky { background-image: url(/assets/demo1/images/default/i_sticky.gif); } td.locked { background-image: url(/assets/demo1/images/default/i_locked.gif); } .announcement { font-weight: bold; } .locked, .locked a { color: #afafaf; border-color: #afafaf; background-color: #e8e8e8; } .pollresults { width: 100%; } .pollresults tr { } .pollresults td { text-align: right; } .pollresults td span { float: left; } .pollresults dt, .pollresults dd { margin: .3em 0 0 0; padding: 0; float: left; } .pollresults dt { clear: both; width: 20%; } .pollresults dd { width: 20%; } .pollresult { width: 55% !important; background-color: #e8e8e8; } .pollresult div { border: 2px solid #003384; background-color: #ffdfca; } .pollresults, #pollform { margin-bottom: 2em; } /* jargon */ a#translate { display: block; margin-bottom: 1em; padding: .5em; background: url(/assets/demo1/images/default/b_nicetitle_bottom.gif) right bottom no-repeat white; } .jargonterm { cursor: help; font-weight: bold; border-bottom: dotted 1px #003384; } div.nicetitle { position: absolute; padding-top: 4px; top: 0px; left: 0px; border: 1px solid #e8e8e8; border-width: 1px 0 0 1px; color: #003384; background: url(/assets/demo1/images/default/b_nicetitle_bottom.gif) right bottom no-repeat #efefef; } div.nicetitle p { margin: 4px; padding: 4px; } .overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.2; background-color: #ffdfca; } .translation-status { position: absolute; width: 300px; height: 30px; top: 0; right: 1em; border: 2px solid white; padding: 1em; background-color: #ffdfca; } .close { position: absolute; top: 0; right: 0; color: red; font-weight: bold; background-color: white; } /* ecard styles */ #ecardlist { list-style: none !important; margin: 0; padding: 0; } #ecardlist li { float: left; margin: 1em; width: 150px; } #ecardform .header { font-weight: bold; margin: 1em 0; } .ecardview img { margin-bottom: 1em; } .ecardview h2, .ecardview p { padding: 0; margin: 0; } .ecardview p.message { margin: 0 0 1em 15px; } .ecardview .links a { font-weight: bold; padding-left: 15px; background: transparent url(/assets/demo1/images/default/arrow_right.gif) no-repeat left center; } .ecardview .links a:hover { background-image: url(/assets/demo1/images/default/arrow_right_over.gif); } /* slideshow */ .slideshow-title { text-align: center; } #slideshow-progress { margin-top: -2em; text-align: right; border-bottom: 1px solid #003384; color: #afafaf; } #slide { text-align: center; height: 300px; padding: 1em 0; } #slide.imgbox { float: none; margin: 0 auto; width: 100%; text-align: center; } #slide.imgbox a, #slide.imgbox a:hover { border-bottom: 0; } #slide.imgbox img { display: inline; } #nav-slideshow { clear: both; border-top: 2px solid #003384; margin-top: 1em; padding: .5em; text-align: center; background-color: #e8e8e8; } #nav-slideshow a { border-bottom: 0px; } /* feed */ ul.feed { margin: 0; padding: 0; list-style-type: none !important;} ul.feed li { margin-bottom: 2em; border-bottom: 1px solid #e8e8e8; } .feed-contents .summary { margin-bottom: 2em; font-style: italic; color: #aaa; } /* slimbox */ /* slimbox */ #lbOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #e3e3e3 ; cursor: pointer; z-index: 9999; } #lbTopContainer, #lbCenter, #lbBottomContainer { position: absolute; overflow: hidden; background-color: #fff; z-index: 9999; } #lbTopContainer { display:block; } #lbBottomContainer { } #lbImage { position: absolute; top: 0; left: 0; border-left: 10px solid #fff; border-right: 10px solid #fff; border-bottom: 10px solid #fff; border-top: 5px solid #fff;background-repeat: no-repeat; } #lbImage .lbImageSizer { position: relative; padding-bottom:10px;} #lbImage .lbImageSizer .lbImageButtons { padding:5px 0 0; width:78px; background: url(/assets/bouman/images/default/slide_button_bg.png) no-repeat; height:20px; position:absolute;bottom:0; right:10px; } #lbPrevLink, #lbNextLink {text-decoration:none; display:block !important; height:27px !important; width:27px !important; } #lbPrevLink span, #lbNextLink span { } #lbPrevLink:hover, #lbNextLink:hover { } #lbPrevLink { margin-left:10px; float:left; background: url(/assets/bouman/images/default/slide_button_left.gif) left top no-repeat; } #lbPrevLink span { visibility:hidden; } #lbNextLink { margin-right:10px;float:right;height:27px !important; text-align: right; background: url(/assets/bouman/images/default/slide_button_right.gif) no-repeat right bottom; } #lbNextLink span { right:0; visibility:hidden; } #lbTop { height: 15px; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbBottom { padding:0 0 10px 10px; min-height: 60px; text-align: left; border-top-style: none; background: url(/assets/bouman/images/default/logo.jpg) no-repeat 10px top #ffffff;} #lbCloseLink { padding-top:2px; text-decoration:none; font-weight:bold; padding-left:20px; color:grey; position: absolute; top: 0px; left: 10px; display: block; width: 100%; background: transparent url(/assets/bouman/images/default/lightbox_close.gif) no-repeat left 5px; outline: none; } #lbNumber { color:#4C4C4C; position: absolute; bottom: 5px; right: 10px; font-size: .9em; font-weight: bold; padding: 0 .3em 0 .2em; } #lbInfo { margin: 0 80px 0 95px; border-right: 1px dotted #ddd; } #lbCaption { } #lbCaption h3 {color:red; font-size:1.3em; font-weight:bold;} #lbCaption p { } /* preview bar */ #preview-bar { position: fixed; left: 0; right: 0; top: 0; margin: 0; padding: 0; border-bottom: 2px solid #003384; text-align: center; background-color: white; } #preview-bar #previewselect { margin: 0; padding: .5em 0; background-color: #ffa; opacity: .5; } #preview-bar:hover #previewselect { opacity: .8; } #preview-bar #previewselect input, #preview-bar #previewselect select { margin: 0 1em; } /* webshop */ table.articles { width: 100%; } table.articles thead { font-weight: bold; } table.articles tfoot { border-top: 1px solid black; } .cartview-options { margin-top: 1em; } .video { background-color:#ececec; overflow:hidden; padding:11px 0 2px 11px;} /** * Very often used classes */ /* positioning and visibility */ .clear-both { clear: both; } .inline { display: inline; } .block-level { display: block; } .nodisplay { display: none; } .show { visibility: visible; } .hide { visibility: hidden; } .float-left { float:left; } /* coloring and text decoration/transformation */ .no-border { text-decoration: none; } .back { padding-left: 15px !important; background: url(/assets/demo1/images/default/arrow_left.gif) center left no-repeat; } .back:hover { background-image: url(/assets/demo1/images/default/arrow_left_over.gif); } .red { color: red; } .req { color: #4C4C4C; } .err { color: red; font-weight: bold; } input.err { font-weight: normal; background-color: #ffbfbf; } .notice { color: #6d6d6d; padding: .3em; } .chosen { color: #f60; font-weight: bold; } /* odd, even and first for row coloring (zebra tables and distinctive first row) */ .odd { background-color: #fff; } .even { background-color: #ffdfca; } .first { background-color: #ffffff; } .second {}