/** * @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; } em { font-style: italic; } u { text-decoration: underline; } #content ul { margin: 1em 0; list-style: disc inside none;} #content ol { margin: 1em 0; list-style: decimal inside none; } #content .contenttext p { margin: 0 0 1em 0; } /** * Default style for content */ /* links */ #content a, .contenttext a { color: #e41819; text-decoration: none; } #content a:visited, .contenttext a:visited { color: #e41819; text-decoration: none; } #content a:active, .contenttext a:active { color: #e41819; text-decoration: underline; } #content a:hover, .contenttext a:hover { color: #e41819; text-decoration: underline; } /* headers */ #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { margin-bottom: .5em; color: #000000; font-weight: bold; } #content h1, .contenttext h1 { clear: both; font-size: 2.5em; font-weight: normal; line-height: 1; color: black; } #content h2, .contenttext h2 { font-size: 1.5em; font-weight: normal; color: black; } #content h3, .contenttext h3 { font-size: 1.2em; font-weight: bold; color: black; } /* this is needed for positioning elements inside the header */ #content h1 { position: relative; padding-right: 20px; } #content h1.action-page { font-size: 4.5em; padding: .2em 0 .5em 0; border-top: 1px solid black; border-bottom: 1px solid #aaaaaa; } /* forms and input */ #content input, #content select, #content textarea { padding: .2em 0; font: normal 1em Georgia, Times New Roman, 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; } #content label:hover { color: #003384; } /* minimum height for iframes */ #content iframe { min-height: 35em; } /* more: paragraph with a "read more" link */ #content .more { clear: both; margin: .5em 0; } #content .more a { padding: 0 10px 0 0; background: transparent url(/assets/axioma/images/default/arrow_red_small.gif) 100% 4px no-repeat; } #content a.feed { position: absolute; top: 0; right: 0; border: 0; padding: 0; } #content a.permalink { clear: both; padding-left: 20px; background: url(/assets/axioma/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: 100%; border: 0; cursor: pointer; padding: 2px 0; font-weight: bold; font-style: italic; color: black; background: transparent url(/assets/axioma/images/default/arrow_black.gif) no-repeat 60% 50%; } #content input[type='submit']:active { border-style: inset; } #content input[type='submit']:hover { color: #e41819; background-image: url(/assets/axioma/images/default/arrow_red.gif); } /** * Page layout */ html { font: normal .7em/1.6 Georgia, Times New Roman, serif; color: #666666; background-color: white; } #body { } #container { margin: 0 auto; width: 860px; } #content-pane { position: relative; float: right; margin-bottom: 5em; padding-top: 40px; width: 615px; } #content { float: left; padding-top: 60px; width: 376px; } #aside { float: right; padding-top: 8px; width: 216px; } #aside #addthis { float: right; margin-bottom: .5em; } #aside #addthis span { float: left; font-family: Verdana, sans-serif; font-size: .9em; margin-right: .5em; } #aside #addthis div { float: left; } #aside #addthis div span { margin: 0; } #aside #style-icon { margin: 0 0 0 100px; } #aside-content { margin-top: 54px; } #aside-content .aside-mailingtopics { margin-top: 44px; } #aside-content .aside-mailingtopics h2 { color: black; font-weight: bold; font-size: 1.4em; margin-bottom: .5em; } #aside-content .aside-mailingtopics .list-inline { } #aside-content .aside-mailingtopics .list-inline h3 { font-size: 1.2em; font-weight: bold; } #aside-content .aside-mailingtopics .banner { clear: both; margin-top: 2em; } #breadcrumbs { position: absolute; top: 58px; left: 0; width: 376px; } #breadcrumbs h2 { display: none; } #breadcrumbs ul { } #breadcrumbs ul li { display: inline; font-size: 1em; color: #b5b5b5; padding-right: .5em; } #breadcrumbs ul li.first-child { padding-left: 0; background: none; } #breadcrumbs li a { color: #b5b5b5; text-decoration: none; } #breadcrumbs li a:hover { text-decoration: underline; } #content-refinement { float: left; margin-bottom: 5em; padding-top: 30px; width: 222px; } #logo { margin: 1em 0 2.2em 0; } #mainnav { float: left; width: 222px; } #mainnav ul { } #mainnav li { } #mainnav li a { font-size: 1.2em; color: #b5b5b5; display: block; padding-left: 25px; text-decoration: none; background-color: transparent; background-position: 0 3px; background-repeat: no-repeat; } #mainnav li a span { } #mainnav li a:hover, #mainnav li a.selected { color: black; } #content-refinement .banner { clear: both; } #content-block { clear: both; float: left; margin: -20px 0 0 0; width: 860px; } #header { display: none; position: absolute; top: 0; left: 0; height: 94px; width: 100%; border-top: 6px solid white; text-indent: -9000px; background-color: #68ade4; background-repeat: no-repeat; background-position: top left; } #header h2 a { display: block; height: 100%; text-decoration: none; } #globalnav-container { position: absolute; top: 0; left: 0; right: 0; border-top: 6px solid black; height: 18px; background-color: #cccccc; } #globalnav-content { font-family: Verdana, sans-serif; font-size: .9em; margin: 0 auto; width: 860px; } .phonenumber { float: left; } #globalnav { float: right;} #globalnav h2 { display: none; } #quicksearch { float: right; margin: 0 0 0 1.5em; } #quicksearch input { float: left; font-family: Verdana, sans-serif; font-size: 1em; color: #828282; margin: 0; padding: 1px 20px 2px .5em; border: 1px solid #cccccc; } #quicksearch input.submit { font-size: 0; margin: 1px 0 0 -17px; padding: 0; width: 16px; height: 16px; border: 0; background: transparent url(/assets/axioma/images/default/arrow_black.gif) no-repeat left 1px; } #quicksearch input.submit:hover { background-image: url(/assets/axioma/images/default/arrow_red.gif); cursor: pointer; } #globalnav ul { float: right; } #globalnav ul li { float: left; margin-left: 1.5em; padding-left: 1.5em; background: transparent url(/assets/axioma/images/default/globalnav_divider.gif) no-repeat left center; } #globalnav ul li a { color: #3e3e40; text-decoration: none; } #globalnav ul li a span { } #globalnav ul li a:hover { text-decoration: underline; } #supplementary-content-container { float: left; font-size: .95em; clear: both; margin-top: 5em; padding: 2em 0 4em 0; width: 100%; background-color: #666666; } #supplementary-content { margin: 0 auto; width: 860px; } #supplementary-navigation { float: left; width: 540px; } .site-description { height: 89px; overflow: hidden; } .site-description h2 { font-size: 1.2em; font-weight: bold; color: #ffffff; } .site-description p { color: #cccccc; } .inline-sections-supp { margin-top: 2em; } .inline-section-supp { float: left; margin-right: 30px; width: 150px; } .inline-section-supp h2 { position: relative; font-size: 1.2em; font-weight: bold; color: #ffffff; line-height: 1.2; padding-right: 25px; } .inline-section-supp h2 a { font-size: 1.2em; font-weight: bold; color: #ffffff; padding: 0; border: 0; text-decoration: none; } .inline-section-supp h2 a:hover { text-decoration: underline; } .inline-section-supp h2 a.feed { position: absolute; top: 0; right: 0; } #content .inline-section-supp ul { margin: 0; padding: 0; list-style-type: none; } .inline-section-supp ul li { } .inline-section-supp ul li a { font-weight: normal; color: #cccccc; text-decoration: none; } .inline-section-supp ul li a:hover { text-decoration: underline; } #supplementary-contactpanel { float: right; width: 242px; } #supplementary-contactpanel h2 { font-size: 1.2em; font-weight: bold; color: #ffffff; } .subscribeform { float: left; clear: both; color: #cccccc; margin-bottom: 2em; width: 100%; } .subscribeform input { float: left; font-size: 1em; color: #828282; margin: 0; padding: 1px 20px 2px .5em; border: 1px solid #cccccc; width: 150px; } .subscribeform input.submit { font-size: 0; margin: 1px 0 0 -17px; padding: 0; width: 16px; height: 16px; border: 0; background: transparent url(/assets/axioma/images/default/arrow_black.gif) no-repeat left 1px; } .subscribeform input.submit:hover { background-image: url(/assets/axioma/images/default/arrow_red.gif); cursor: pointer; } .subscribeform .select { display: none; } .subscribeform .req { display: none; color: #cccccc; } .subscribeform .notice { display: none; clear: both; color: #cccccc; padding: 0; border: 0; background-color: transparent; } .site-contact { margin-top: 87px; } .site-contact h2 { font-size: 1.2em; font-weight: bold; color: #ffffff; } .site-contact p { color: #cccccc; } .site-contact p a { color: #cccccc; text-decoration: none; } .site-contact p a:hover { text-decoration: underline; } #supplementary-nav { margin-top: 2em; } #supplementary-nav ul { } #supplementary-nav ul li { } #supplementary-nav ul li a { color: #cccccc; text-decoration: none; } #supplementary-nav ul li a span { } #supplementary-nav ul li a:hover { text-decoration: underline; } #footer-container { float: left; clear: both; padding: 1.5em 0; width: 100%; background-color: #828282; } #footer { margin: 0 auto; width: 860px; } #props { float: left; width: 430px; } #props p { color: #cccccc; } #props p.props-subtitle { font-size: .9em; } #props p a { color: #cccccc; text-decoration: none; } #props p a:hover { text-decoration: underline; } #extranav { float: right; width: 430px; } #extranav ul { float: right; } #extranav ul li { float: left; margin-left: .5em; padding-left: .5em; background: transparent url(/assets/axioma/images/default/extranav_divider.gif) no-repeat left center; } #extranav ul li a { color: #cccccc; text-decoration: none; } #extranav ul li a span { } #extranav ul li a:hover { text-decoration: underline; } #extranav #memberof { display: block; float: left; margin: -2px 0 0 100px; color: #cccccc; top: -50px;} #style-icon { clear: both; float: left; display: block; margin-top: 4em; width: 77px; height: 91px; background-color: transparent; background-repeat: no-repeat; background-position: left top; } #follow-button { position: fixed; top: 100px; right: 0; display: block; width: 35px; height: 90px; background: transparent url(/assets/axioma/images/default/follow_button.gif) no-repeat left top; text-decoration: none; } #follow-button span { visibility: hidden; } .container-subsite-default #mainnav { margin-top: 110px; } .container-subsite-default #logo { margin-top: 1.6em; margin-bottom: .7em; } .container-subsite-default #content-pane { margin-bottom: 0; } .container-subsite-default #content { padding-top: 0; width: 615px; } .container-page-default #aside #aside-content { margin-top: 0; } .container-file-default #content { width: 612px; } .container-file-default #aside { display: none; } /** * Content types */ /* homepage */ .default-block { } .default-block .imgbox { float: left; margin-top: 5px; width: 100px; } .default-block .default-block-content { float: right; width: 110px; } .subsite-column1 { float: left; width: 222px; } .subsite-column1 .list-inline li h2 { padding-bottom: 0; border-bottom: 0; } .subsite-column1 .list-inline li h3 { font-size: 1.1em; } .subsite-column1 .default-block h3 { color: #e41819; } .subsite-column1 .default-block h3 a { color: #e41819; } .subsite-column1 .default-block p { color: #e41819; } .subsite-column2 { position:relative; float: left; margin: 51px 0 0 23px; width: 338px; } .subsite-column2 .list-inline li { padding-bottom: 0; border-bottom: 0; } .subsite-column2 .list-inline li a.pretty-photo-link #layer { background: transparent url(/assets/axioma/images/default/transparency.png); height:316px; width:300px; position:absolute; top:0; left:0; z-index:9999;} .subsite-column2 .list-inline li a.pretty-photo-link #layer:hover { cursoer:pointer; } .subsite-column2 .list-inline li a.pretty-photo-link #layer object { position:absolute; top:0; left:0; z-index:1;} .subsite-column3 { float: right; margin-top: 47px; width: 251px; } .subsite-column3 #addthis { float: left; margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px solid #aaaaaa; width: 100%; } .subsite-column3 #addthis span { float: left; font-family: Verdana, sans-serif; font-size: .9em; margin-right: .5em; } .subsite-column3 #addthis div { float: left; } .subsite-column3 #addthis div span { margin: 0; } .subsite-column3 .list-inline li h2 { padding-bottom: 0; border-bottom: 0; } #content-block .subsite-column3 .list-inline li h3 { font-size: 1.1em; } .subsite-column3 .default-block .default-block-content { width: 140px; } .subsite-column3 #twitterfeed { margin-top: 1em; background-color: #ebedef; } .subsite-column3 #twitterfeed .twtr-hd { display: none; } .subsite-column3 #twitterfeed .twtr-widget .twtr-tweet { margin-bottom: .5em; } .subsite-column3 #twitterfeed .twtr-widget .twtr-tweet .twtr-timestamp { color: #666666 !important; font-style: italic; } .subsite-column3 #twitterfeed .twtr-ft div { padding: .5em; } .subsite-column3 #twitterfeed .twtr-ft span { display: none; } /* chapters in documents */ #chapters { clear: both; } #chapters ul.chapters { margin: 0; padding: 1em 0; border-top: 1px solid #aaaaaa; list-style-type: none; } #chapters li.chapter { margin: 0; padding: 0; } #chapters li.chapter a { font-size: 1.1em; padding-right: 10px; background: url(/assets/axioma/images/default/arrow_red_small.gif) 100% 4px no-repeat; } #chapters li a:hover { text-decoration: underline; } #chapters .imgbox { overflow: hidden; } li.chapter { margin: 1em 0 1em 0; } /* contactpage */ .contact-page-column1 { float: left; width: 450px; } .contact-page-column1 .email { margin-bottom: 1em; } .contact-page-column1 .email a { font-size: 1.1em; color: #e41819; padding-right: 10px; text-decoration: none; background: url(/assets/axioma/images/default/arrow_red_small.gif) 100% 4px no-repeat; } .contact-page-column1 .email a:hover { text-decoration: underline; } .contact-page-column2 { float: left; margin: 0 20px; width: 160px; } .contact-page-column2 .linkbox { margin-top: 0; } .contact-page-column3 { float: right; width: 210px; } #content-block .contact-page-column3 h2 { font-size: .9em; color: #9c9d9f; margin-bottom: 1em; text-transform: uppercase; } #content .contact-page-visual { list-style-type: none; } .contact-page-visual li { float: left; margin: 0 0 10px 10px; width: 40px; } .contact-page-visual li.first-row-item { margin-left: 0; } /* informationsheet */ .informationsheet-slideshows { clear: both; float: left; margin: 2em 0 0 0; padding: 0; width: 100%; list-style-type: none; } .informationsheet-slideshows li { float: left; margin: 0 0 2em 33px; width: 190px; min-height: 150px; cursor: pointer; } .informationsheet-slideshows li.first-row-item { margin-left: 0; } .informationsheet-slideshows li img { margin: 0; } .informationsheet-column1 { float: left; width: 430px; } #content-block .informationsheet-column1 h2 { font-size: 2.5em; font-weight: normal; color: black; margin-bottom: .5em; line-height: 1; } .informationsheet-column2 { float: right; margin-top: 12px; width: 375px; } #content-block .informationsheet-column2 h2 { font-size: 1em; padding-bottom: 1em; border-bottom: 1px solid #aaaaaa; font-weight: normal; } .informationsheet-column2 .linkbox { margin-top: 1em; } /* .informationsheet-column2 .linkbox { float: left; clear: both; list-style-type: none; } .informationsheet-column2 .linkbox li { float: left; margin-top: 1em; padding: 0; overflow: hidden; } .informationsheet-column2 .linkbox li a { display: block; font-size: 1.1em; color: black; margin: 0 12px 0 13px; padding: 50px 0 0 0; width: 100px; background: transparent url(/assets/axioma/images/default/i_default.jpg) no-repeat center top; text-align: center; } .informationsheet-column2 .linkbox li a.file-pdf { background-image: url(/assets/axioma/images/default/i_pdf.jpg); } .informationsheet-column2 .linkbox li a.file-movie { background-image: url(/assets/axioma/images/default/i_movie.jpg); } */ /* default and rich menu */ #content .menu-default { clear: both; margin: 0; padding: .5em 1em; list-style-type: none; } .menu-default li { margin-bottom: .5em; } .menu-default li a { padding-left: 15px; background: url(/assets/axioma/images/default/arrow_right.gif) left center no-repeat; } .menu-default li a:hover { background-image: url(/assets/axioma/images/default/arrow_right_over.gif); } #content .menu-rich { clear: both; float: left; margin: 2em 0 0 0; padding: 0; width: 100%; list-style-type: none; } .menu-rich li { float: left; margin: 0 0 2em 33px; width: 190px; min-height: 220px; } .menu-rich li.first-row-item { margin-left: 0; } .menu-rich li .placeholder { position: relative; display: block; } .menu-rich li .placeholder .item-slide { position: absolute; top: 0; display: block; height: 150px; cursor: pointer; z-index: 2; } .menu-rich li .placeholder .slide-bg { position: absolute; top: 0; width: 190px; height: 150px; z-index: 1; background-color: transparent; background-repeat: no-repeat; background-position: left top; } #content-block .menu-rich li h2 { font-size: 1.3em; font-weight: bold; color: #666666; } .menu-rich li h2 a { color: #666666; text-decoration: none; } .menu-rich li h2 a:hover { text-decoration: underline; } #content-block .menu-rich li h3 { font-size: 1em; font-weight: normal; color: #666666; } .menu-rich li h3 a { color: #666666; padding-right: 15px; text-decoration: none; background: transparent url(/assets/axioma/images/default/arrow_black.gif) no-repeat right top; } .menu-rich li h3 a:hover { text-decoration: underline; } #content .menu-blog { clear: both; float: left; margin: 0 0 1em 0; padding: 0; width: 100%; list-style-type: none; } .menu-blog li { float: left; margin-top: 1em; padding-top: 1em; border-top: 1px solid #aaaaaa; width: 100%; } #content-block .menu-blog li h2 { font-size: 1.2em; } #content .menu-blog li h2 a { color: black; text-decoration: none; border: 0; } #content .menu-blog li h2 a:hover { text-decoration: underline; } .menu-blog li img { float: left; } .menu-blog li .blog-item-extrainfo { float: right; margin-top: -5px; width: 316px; } .menu-blog li .blog-item-extrainfo-large { float: right; margin-top: -5px; width: 100%; } .menu-blog li .blog-item-extrainfo .author { color: #98831a; } .menu-blog li .blog-item-extrainfo .num-posts { font-size: .9em; color: #9c9d9f; } .menu-blog li p { clear: both; } #content .menu-twocolumn { clear: both; float: left; margin: 0 0 1em 0; padding: 0; border-bottom: 1px solid #aaaaaa; width: 100%; list-style-type: none; } .menu-twocolumn li { float: left; margin-top: 1em; padding-top: 1em; border-top: 1px solid #aaaaaa; width: 100%; } .menu-twocolumn li .date { font-size: .9em; } #content-block .menu-twocolumn li h2 { font-size: 1.2em; } #content .menu-twocolumn li h2 a { color: black; text-decoration: none; border: 0; } #content .menu-twocolumn li h2 a:hover { text-decoration: underline; } .menu-twocolumn li p { clear: both; } .menu-combi-column1 { float: left; width: 400px; } .menu-combi-column2 { float: left; margin: 0 20px; width: 210px; } #content .menu-combi-textual { list-style-type: none; } .menu-combi-textual li { margin-bottom: 1em; } #content-block .menu-combi-textual li h2 { font-size: 1.2em; font-weight: bold; } .menu-combi-textual li h2 a { color: black; text-decoration: none; } .menu-combi-textual li h2 a:hover { text-decoration: underline; } .menu-combi-column3 { float: right; width: 210px; } #content-block .menu-combi-column3 h2 { font-size: .9em; color: #9c9d9f; margin-bottom: 1em; text-transform: uppercase; } #content .menu-combi-visual { list-style-type: none; } .menu-combi-visual li { float: left; margin: 0 0 10px 10px; width: 40px; } .menu-combi-visual li.first-row-item { margin-left: 0; } /* Default and rich lists */ #content .list-default { clear: both; margin: 0; padding: 0; list-style-type: none; } .list-default li { float: left; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #aaaaaa; width: 100%; } #content-block .list-default li h2 { font-size: 1.2em; } #content .list-default li h2 a { color: black; text-decoration: none; border: 0; } #content .list-default li h2 a:hover { text-decoration: underline; } .list-default li .item-content { } #content .list-rich { clear: both; margin: 0; padding: 0; list-style-type: none; } .list-rich li { float: left; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #aaaaaa; width: 100%; } #content-block .list-rich li h2 { font-size: 1.2em; } #content .list-rich li h2 a { color: black; text-decoration: none; border: 0; } #content .list-rich li h2 a:hover { text-decoration: underline; } .list-rich li img { float: left; } .list-rich li .item-content { float: right; width: 256px; } #content .list-blog { clear: both; margin: 0; padding: 0; list-style-type: none; } .list-blog li { float: left; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #aaaaaa; width: 100%; } #content-block .list-blog li h2 { font-size: 1.2em; } #content .list-blog li h2 a { color: black; text-decoration: none; border: 0; } #content .list-blog li h2 a:hover { text-decoration: underline; } .list-blog li img { float: left; } .list-blog li .item-content { clear: both; width: 100%; } #content .list-inline { clear: both; margin: 0; padding: 0; list-style-type: none; } .list-inline li { float: left; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #aaaaaa; width: 100%; } .list-inline li.list { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } #content-block .list-inline li h2 { font-size: .9em; padding-bottom: 8px; border-bottom: 1px solid #aaaaaa; text-transform: uppercase; } .list-inline li h2 a { color: #9c9d9f; text-decoration: none; border: 0; } .list-inline li h2 a:hover { text-decoration: underline; } #content-block .list-inline li h3 { font-size: 1.2em; font-weight: bold; } .list-inline li h3 a, .list-inline li h3 a:visited { color: black; text-decoration: none; border: 0; } .list-inline li h3 a:hover { text-decoration: underline; } .list-inline li img { float: left; } .list-inline li .more { clear: both; } .list-inline li span.more { margin-left: .5em; } .list-inline li .more a { color: #e41819; padding: 0 10px 0 0; background: transparent url(/assets/axioma/images/default/arrow_red_small.gif) 100% 4px no-repeat; text-decoration: none; } .list-inline li .more a:hover { text-decoration: underline; } .list-inline li .blog-author { font-size: .9em; color: #9c9d9f; margin: .5em 0 .5em 0; } .list-inline li .blog-author .blog-author-name { color: #98831a; } .container-list-map .contenttext { margin-bottom: 1em; border-bottom: 1px solid #aaaaaa; } #map { margin: 1em 0; } #map .markerheader { margin: 0; font-family: Arial, sans-serif; font-size: 1.5em; font-weight: bold; color: #e41819; letter-spacing: 0; text-transform: uppercase; } #map .route { } #map .route label { } #map .route input { float: left; padding-right: 19px; border: 0; width: 200px; background-color: #ebedef; } #map .route input.submit { font-size: 0; margin-left: -19px; width: 19px; height: 19px; } #route { padding-top: 1em; border-top: 1px solid #aaaaaa; } /* 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; background-color: #e8e8e8; } .group_rich dt a { border: 0; margin-bottom: .2em; } .group_rich h2 { margin-bottom: .2em; } .group_rich dd { min-height: 150px; margin: 0 0 0 1em; padding: 1em .5em 0em .5em; border-bottom: 2px solid #e8e8e8; } .group_rich img { vertical-align: top; border: 1px solid #afafaf; margin: .2em 0 1em 1em; padding: 5px; } /* basicform styles form elements, marked up in a definition list */ .basicform { width: 100%; } .basicform input, .basicform textarea, .basicform select { width: 100%; background-color: transparent; } .radio, .radio:hover, .checkbox, .checkbox:hover { width: auto !important; } .basicform .element { color: black; clear: both; float: left; margin-bottom: .5em; padding: 5px; width: 366px; } .basicform .element.submit { padding: 0 5px; border-top: 1px solid #aaaaaa; width: 366px; background-color: transparent; text-align: center; } .basicform .label { clear: both; float: left; font-weight: bold; width: 40%; } .basicform .input, .basicform .group { float: left; width: 60%; } .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 .notice { font-size: .9em; font-style: italic; color: #9c9d9f; margin: 1.5em 0 .5em 0; padding: 0; border: 0; background-color: transparent; } /* sitemap */ #content ul.sitemap { margin: 1em 1em 1em 0; padding: 1em 0; border: 1px solid #aaaaaa; border-width: 1px 0; list-style-type: none; } ul.sitemap li { } #content ul.sitemap li a { font-size: 1.1em; color: #666666; padding-left: 20px; } #content ul.sitemap li ul { margin: .3em 1em 1em 0; padding: 0; list-style-type: none; } ul.sitemap li ul li ul li { margin-left: 3em; } /* search styles: form, info and results */ #resultsinfo { float: left; clear: both; margin-bottom: 1em; padding: 0 10px; border-bottom: 1px solid #aaaaaa; width: 100%; } #resultsinfo p { margin: 0; padding: .5em 0; } #searchform { margin: 1em 0; padding-bottom: 1em; } #searchform div { float: left; padding: 5px 10px; width: 356px; background-color: #ebedef; } #searchform div label { float: left; font-size: 1.2em; font-weight: bold; } #searchform div input { float: left; margin: 0 0 0 .5em; padding: 5px; border: 0; background-color: transparent; } #searchform div .button { font-size: 0; width: 16px; height: 25px; } #searchresults { clear: both; margin: 1.5em 0 0 0; } #searchresults dt { font-size: 1.7em; margin: 0; } #searchresults dt a { color: black !important; } #searchresults dd { margin: 0; } #searchresults dd small a { color: #e41819; padding-right: 10px; background: transparent url(/assets/axioma/images/default/arrow_red_small.gif) no-repeat 100% 4px; } #searchresults dd small a:hover { color: #e41819; } #searchresults dd.bottom-row { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #aaaaaa; } #searchresults .highlight { background-color: #e8e8e8; } /** * Common objects */ /* title on blogpage */ #container .blogtitle { float: left; clear: both; margin: 8px 0 1em 0; border: 1px solid #aaaaaa; border-width: 1px 0; width: 100%; } #container .blogtitle img { float: left; } #container .blogtitle h2 { float: left; font-size: 2.3em; font-weight: normal; color: #98831a; margin: .6em 0 0 .5em; } .blog-date { margin: 0 0 1em 0; } .blog-end { font-weight: bold; font-style: italic; color: black; margin: 1em 0; width: 100%; background-color: #cccccc; text-align: center; } #content .blog-comments { list-style-type: none; } .blog-comments li { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #aaaaaa; } .blog-comments li .blog-comment-footer { font-size: .9em; color: #9c9d9f; margin-top: .5em; } .blog-commentform-title { font-size: 1.7em; } /* text block on pages */ .contenttext { margin-bottom: 1em; } /* page visual box */ #pagevisual-box { clear: both; padding-bottom: .5em; border-bottom: 1px solid #aaaaaa; } #pagevisual { } /* imgbox */ .imgbox { } .imgbox img { display: block; } .imgbox p { padding: .3em; color: #003384; background-color: #e8e8e8; } /* linkbox */ .linkbox-header { color: #b5b5b5; margin-bottom: .5em; border-bottom: 1px solid #aaaaaa; text-transform: uppercase; } #content .linkbox { margin-top: .5em; list-style-type: none; } .linkbox li { padding: 0; overflow: hidden; } .linkbox li a { font-size: 1.1em; color: #e41819; padding-right: 15px; text-decoration: none; background: url(/assets/axioma/images/default/arrow_red.gif) 100% 1px no-repeat; } .linkbox li a:hover { text-decoration: underline; } .linkbox-rich { clear: both; padding: 10px 9px; border: 1px solid #666666; } .linkbox-rich ul { list-style-type: none; text-align: center; overflow: hidden; } .linkbox-rich ul li { float: left; } .linkbox-rich ul li .linkbox-item { margin: 0 auto; width: 180px; } .linkbox-rich ul li .linkbox-item img { display: block; margin-bottom: 1em; } .linkbox-rich ul li .linkbox-item h2 { line-height: 1; } .linkbox-rich ul li .linkbox-item h2 a { color: black; font-size: 1.8em; font-weight: bold; text-decoration: none; } .linkbox-rich ul li .linkbox-item p { margin: 5px 0 0 0; } .linkbox-rich ul li .linkbox-item p a { float: right; font-size: 1.1em; color: #e41819; padding-right: 15px; text-decoration: none; background: url(/assets/axioma/images/default/arrow_red.gif) 100% 1px no-repeat; } .linkbox-rich ul li .linkbox-item p a:hover { text-decoration: underline; } /* progress bar */ .progress { text-align: right; color: #003384; font-weight: bold; width: 93%; } .progresstext { color: #003384; font-weight: bold; } .progressbar { width: 92%; height: .7em; margin: 0 0 1em 0; border: 1px solid #f60; border-left-width: 5px; background-color: white; } #progressfill { height: 100%; background-color: #f60; } /* navbox, for displaying next/previous/index links */ .navbox { margin: 1em 0 2em 0; padding: 0; text-align: center; background-color: white; } .navbox a { border: 0; } .navbox .prev { display: block; float: left; font-size: 0; width: 16px; height: 16px; background: transparent url(/assets/axioma/images/default/arrow_black_left.gif) no-repeat left bottom; } .navbox .prev:hover { background-image: url(/assets/axioma/images/default/arrow_red_left.gif); } .navbox .prev a { display: block; width: 100%; height: 100%; } .navbox .next { display: block; float: right; font-size: 0; width: 16px; height: 16px; background: transparent url(/assets/axioma/images/default/arrow_black.gif) no-repeat left bottom; } .navbox .next:hover { background-image: url(/assets/axioma/images/default/arrow_red.gif); } .navbox .next a { display: block; width: 100%; height: 100%; } .navbox .index { } #content .navbox .pages a { color: #666666; padding: 2px 10px; } #content .navbox .pages a:hover { color: #e41819; } /* 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/axioma/images/default/i_announce.gif); } td.sticky { background-image: url(/assets/axioma/images/default/i_sticky.gif); } td.locked { background-image: url(/assets/axioma/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/axioma/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/axioma/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; 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/axioma/images/default/arrow_right.gif) no-repeat left center; } .ecardview .links a:hover { background-image: url(/assets/axioma/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 */ #content ul.feed { margin: 0; padding: 0; list-style-type: none; } ul.feed li { margin-bottom: 2em; border-bottom: 1px solid #e8e8e8; } .feed-contents .summary { margin-bottom: 2em; font-style: italic; color: #aaa; } /* slimbox */ #lbOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #a0a0a0; cursor: pointer; z-index: 9999; } #lbCenter, #lbBottomContainer { position: absolute; overflow: hidden; background-color: #fff; z-index: 9999; } #lbBottomContainer { } #lbImage { position: absolute; top: 0; left: 0; border: 10px solid #fff; border-width: 38px 10px 10px 10px; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { position: absolute; top: 200px; padding: 8px 10px 8px 5px; color: black; font-weight: bold; display: block; border: 0; width: 25%; outline: none; text-decoration: none; } #lbPrevLink span, #lbNextLink span { visibility: hidden; } #lbPrevLink:hover, #lbNextLink:hover { text-decoration: none; } #lbPrevLink:hover span, #lbNextLink:hover span { } #lbPrevLink { left: 0; background: url(/assets/axioma/images/default/lightbox_prev.png) no-repeat left top; } #lbPrevLink:hover { } #lbNextLink { right: 0; text-align: right; background: url(/assets/axioma/images/default/lightbox_next.png) no-repeat right top; } #lbNextLink:hover { } #lbBottom { height: 72px; text-align: left; border: 10px solid #fff; border-top-style: none; background: transparent url(/assets/axioma/images/default/lightbox_logo.jpg) no-repeat left top; } #lbCloseLink { position: absolute; top: -28px; left: 0; display: block; padding-left: 23px; height: 18px; background: transparent url(/assets/axioma/images/default/lightbox_close.gif) no-repeat left top; outline: none; font-size: .9em; color: #b5b5b5; text-decoration: none; text-transform: uppercase; } #lbCloseLink:hover { text-decoration: underline; } #lbNumber { position: absolute; top: 30px; right: 35px; font-size: .9em; color: black; padding: 0 .3em 0 .2em; } #lbInfo { margin: 0 80px 0 95px; border-right: 1px dotted #ddd; } #lbCaption { visibility: hidden; } /* pretty-photo */ .pp_gallery { display: none; } .pp_close{display: block; padding-left: 23px; height: 18px; background: transparent url(/assets/axioma/images/default/lightbox_close.gif) no-repeat left top; outline: none; font-size: .9em; color: #b5b5b5; text-decoration: none; text-transform: uppercase; } div.pp_pic_holder a:focus{outline:none;} div.pp_overlay{background:#a0a0a0;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;} div.pp_pic_holder{ display: none;position:absolute;width:100px;z-index:10000; background-color: white;} .pp_top{height:20px;position: relative;} * html .pp_top{padding:0 20px;} .pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;} .pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;} * html .pp_top .pp_middle{left:0;position: static;} .pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;} .pp_content{height:40px;} .pp_content .ppt{left:auto;margin-bottom:5px;position: relative;top:auto;} .pp_fade{display: none;} .pp_content_container{position: relative;text-align: left;width:100%;} .pp_content_container .pp_left{padding-left:20px; margin-top:5px;} .pp_content_container .pp_right{padding-right:20px;} .pp_content_container .pp_details{ display: none; margin:1px 0 2px 0;} .pp_description{display: none;margin:0 0 5px 0;} .pp_nav{clear: left;float: left;margin:3px 0 0 0;} .pp_nav p{float: left;margin:2px 4px;} .pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;} a.pp_next{background: url(/assets/axioma/images/default/lightbox_next.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;} a.pp_previous{background: url(/assets/axioma/images/default/lightbox_prev.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;} a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;} a.pp_close{display:block; margin-left:20px; margin-top:10px;} .pp_bottom{height:20px;position: relative;} * html .pp_bottom{padding:0 20px;} .pp_bottom_logo { height:72px; margin-left:20px; margin-top:-20px; padding-bottom:10px; background: transparent url(/assets/axioma/images/default/lightbox_logo.jpg) no-repeat left top; } .pp_bottom .pp_left{left:0;position:absolute;width:20px;} .pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;} * html .pp_bottom .pp_middle{left:0;position: static;} .pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;} .pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;} #pp_full_res{line-height:1 !important;} #pp_full_res .pp_inline{text-align: left;} #pp_full_res .pp_inline p{margin:0 0 15px 0;} div.ppt{color:#fff;nextlay: none;font-size:17px;left:0;position:absolute;top:0;z-index:9999;} .clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height:1%;} .clearfix {display:block;} /* 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; } /** * 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; } /* coloring and text decoration/transformation */ .no-border { text-decoration: none; } .back { padding-left: 15px !important; background: url(/assets/axioma/images/default/arrow_left.gif) center left no-repeat; } .back:hover { background-image: url(/assets/axioma/images/default/arrow_left_over.gif); } .red { color: red; } .req { } .err { color: red; font-weight: bold; } input.err { font-weight: normal; background-color: #ffbfbf; } .notice { float: left; clear: both; font-style: italic; border: 1px dashed #ebedef; margin: .5em 0; padding: .3em; width: 100%; } .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: #ffdfca; border: solid #e8e8e8; border-width: 0 1px; }