body { padding: 0; margin: 0; color: #000000; background-color: #FFFFFF; font-size: 14px; line-height: 100%; font-family: Verdana, Arial, sans-serif; } form { margin: 0; } /* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/ * html body form { position: relative; } /* End hack */ h1 { margin: 0; line-height: 120%; font-size: 100%; line-height: 120%; } h2 { margin: 0; line-height: 120%; font-size: 100%; line-height: 120%; } h3 { margin: 0; line-height: 120%; font-size: 100%; line-height: 120%; } h4 { margin: 0; line-height: 120%; font-size: 100%; line-height: 120%; } h5 { margin: 0; line-height: 120%; font-size: 100%; line-height: 120%; } h6 { margin: 0; line-height: 120%; font-size: 100%; line-height: 120%; } h1 a { color: #000000 !important; } #content h1 { font-size: 140%; } #content h2 { font-size: 130%; } #content h2 { font-size: 120%; } /* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/ * html body h2.newsheadline { position: relative; } /* End hack */ h2.newsheadline { background-color: #EAEEF2; border-left: 3px solid #004080; border-top: 3px solid #004080; margin-bottom: 1em !important; clear: left; line-height: 120%; text-transform: uppercase; font-size: 76% !important; } h2.newsheadline span { display: inline-block; color: #FFFFFF; background-color: #004080; padding: 0 4px 2px 1px; } a { color: #004080; text-decoration: none; } a:hover { color: #757A16; text-decoration: underline; } a:focus { color: #757A16; text-decoration: underline; } a:active { color: #757A16; text-decoration: none; } a:visited { color: #004080; } p { margin: 0 0 1.5em 0; } hr { display: none; } img { border: 0; } img.legend { vertical-align: middle; margin-right: 0.2em; } address { margin-bottom: 2em; padding: 0.5em 1em; background-color: #EAEEF2; border: 2px dotted #004080; font-style: normal; } blockquote { font-variant: small-caps; font-style: normal; margin-bottom: 0.5em; margin-left: 0; } /* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/ * html body ul { position: relative; } /* End hack */ ul { list-style: none; padding: 0; margin: 0;} ul.bulletlist { margin-bottom: 1.5em; } ul.bulletlist li { padding-left: 16px; background: url("../images/icons/icon_bullet.gif") no-repeat 1px 8px; margin-bottom: 0.5em; } ol { padding: 0; margin: 0; margin-left: 24px; list-style-position: outside; } ol li { margin-bottom: 0.5em; } ol.char { list-style-type: lower-alpha; } table { padding: 0; margin: 0 0 2em 0; border: 0; } strong { font-weight: bold; font-style: normal; } em { font-style: italic; } #hiddenlinks { display:none; } /* logo */ div#sitelogo { width: 260px; height: 120px; position: absolute; left: 0px; top: 0px; z-index: 1; background-color: transparent; } div#sitelogo a { display: block; border-top: 5px solid #004080; } /* header */ div#headerblock { height: 125px; overflow: visible; } div#header { border-top: 5px solid #004080; margin-left: 260px; } div#headerimage { height: 120px; background-image: url("../images/header_title.jpg"); background-repeat: no-repeat; background-color: #BFCCD9; padding-right: 4px; } div#headerimage { padding-right: 0px; } /* reset, hide from IE Mac */ /* main menu */ div#servicenav { width: auto; padding: 2px 4px; float: right; color: #004080; background-color: #EDEDE8; font-size: 85%; } div#servicenav ul { display: inline; line-height: 160%; } div#servicenav ul li { display: inline; } div#servicenav li a { color: #004080; } div#servicenav li a:visited { color: #004080; } div#servicenav li a:active { color: #000000; text-decoration: none; } div#servicenav li a:hover { color: #000000; text-decoration: underline; } div#servicenav li a:focus { color: #000000; text-decoration: underline; } div#servicenav li.open a { color: #000000; } div#servicenav li.open a:visited { color: #000000; } /* path and date */ /* IE Win needs this to show background-color \*/ * html body div#pathblock { height: 1%; } /* End Hack */ #pathblock { background-color: #004080; color: #FFFFFF; line-height: 120%; width: 100%; padding: 0.5em 0; font-size: 76% !important; } #pathblock p { margin: 0 1em 0 1em; } #pathblock a { color: #D2D4BA; } #pathblock a:visited { color: #D2D4BA; } #pathblock a:hover { color: #FFFFFF; } #pathblock a:focus { color: #FFFFFF; } #pathblock a:active { color: #FFFFFF; } #path { float: left; padding-left: 4px; } #date { float: right; padding-right: 1em; } /* Layout boxes */ #Wrapper { width: 100%; min-width: 760px; background-image: url("../images/nav_bg.gif"); background-repeat: repeat-y; } #Wrapper.nomarginal { min-width: 99%; } #Wrapper.nomarginal #Outer { padding-right: 0; } #Wrapper.fullwidth #Outer { padding-right: 0; } #Wrapper > #footerblock[id] { margin-top: -1px; } #Wrapper.nomarginal #content { min-width: 5em; } #Wrapper.fullwidth #content { max-width: 100%; } #Outer { width: auto; padding-right: 20em; padding-left: 252px; } div#Outer > div#Inner[id] { border-bottom: 1px solid transparent; } #Inner { width: 100%; margin: 0; } div#marginal { width: 20em; margin-top: 2em; margin-right: -20em; float: left; position: relative; z-index: 11; } div#marginal * { margin-right: 1em; } div#marginal * * { margin-right: 0; } #marginal[id] { margin-left: 1px; } #contentblock[id] { margin: 0 -3px 0 -2px; } /* navigation */ div#navblock { width: 252px; margin-left: -252px; float: left; position: relative; z-index: 10; background-color: #BFCCD9; line-height: 120%; } #navblock[id] { margin-right: 1px; } /* IE Win code, position: relative causes rendering bug in IE Win \*/ * html body div#navblock { position: static; } /* backslash hack end */ /* IE Win needs this ... \*/ * html body ul#nav li { height: 1px; position: relative; } * html body ul#nav li a { height: 1px; position: relative; } /* End hack */ /* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/ * html body ul#nav { position: relative; } /* End hack */ ul#nav { border: 1px solid #757A16; margin-top: 2em; margin-left: 4px; margin-right: 4px; background-color: #D2D4BA; padding-bottom:1em; padding-left: 6px; padding-right: 6px; font-size: 85%; } ul#nav a { border-left: 2px solid transparent; color: #004080; background: transparent; text-decoration: none; } ul#nav a:visited { border-left: 2px solid transparent; color: #004080; background: transparent; text-decoration: none; } ul#nav a:hover { border-left: 2px solid #757A16; color: #000000; background: url("../images/icons/icon_link_hover.gif") no-repeat 4px 10px #EDEDE8; text-decoration: none; } ul#nav a:focus { border-left: 2px solid #757A16; color: #000000; background: url("../images/icons/icon_link_hover.gif") no-repeat 4px 10px #EDEDE8; text-decoration: none; } ul#nav a:active { border-left: 2px solid #757A16; color: #000000; background: url("../images/icons/icon_link_active.gif") no-repeat 4px 10px #EDEDE8; text-decoration: none; } ul#nav li { padding: 0; margin: 0; font-weight: normal; } ul#nav li a { display: block; padding-top: 0.4em; padding-bottom: 0.4em; padding-left: 18px; margin-right: 0; position: relative; } ul#nav li.open { border: 1px solid #757A16; background-color: #C5C7A3; font-weight: bold; } ul#nav li.open a.firstchild { padding-left: 16px; background: url("../images/icons/icon_nav_open.gif") no-repeat 5px 11px transparent; } ul#nav li.open a.firstchild:visited { padding-left: 16px; background: url("../images/icons/icon_nav_open.gif") no-repeat 5px 11px transparent; } ul#nav li.open a.firstchild:hover { padding-left: 16px; background: url("../images/icons/icon_nav_open.gif") no-repeat 5px 11px #EDEDE8; } ul#nav li.open a.firstchild:active { padding-left: 16px; background: url("../images/icons/icon_nav_open.gif") no-repeat 5px 11px #EDEDE8; } ul#nav li.open a.firstchild:focus { padding-left: 16px; background: url("../images/icons/icon_nav_open.gif") no-repeat 5px 11px #EDEDE8; } ul#nav li.current { border: 1px solid #757A16; background: transparent; font-weight: bold; } ul#nav li.current a.firstchild { border-left: 2px solid #757A16; padding-left: 16px; background: url("../images/icons/icon_nav_open.gif") no-repeat 5px 11px #EDEDE8; } ul#nav li.current a.firstchild:visited { border-left: 2px solid #757A16; padding-left: 16px; background: url("../images/icons/icon_nav_open.gif") no-repeat 5px 11px #EDEDE8; } ul#nav li.current a.firstchild:hover { border-left: 2px solid #757A16; padding-left: 16px; background: url("../images/icons/icon_nav_open.gif") no-repeat 5px 11px #EDEDE8; } ul#nav li.current a.firstchild:active { border-left: 2px solid #757A16; padding-left: 16px; background: url("../images/icons/icon_nav_open.gif") no-repeat 5px 11px #EDEDE8; } ul#nav li.current a.firstchild:focus { border-left: 2px solid #757A16; padding-left: 16px; background: url("../images/icons/icon_nav_open.gif") no-repeat 5px 11px #EDEDE8; } ul#nav li.current a { border: none; background-color: #E0E0D3; color: #2b477f; text-decoration: none; } ul#nav li.current a:visited { border: none; background-color: #E0E0D3; color: #2b477f; text-decoration: none; } ul#nav li.current a:active { border: none; background: url("../images/icons/icon_link_active.gif") no-repeat 4px 10px #EDEDE8; color: #000000; text-decoration: none; } ul#nav li.currentNoChild { font-weight: bold; } ul#nav li.currentNoChild a { border-left: 2px solid #757A16; color: #2b477f; background-color: #EDEDE8; text-decoration: none; } ul#nav li.currentNoChild a:visited { border-left: 2px solid #757A16; color: #000000; background-color: #EDEDE8; } ul#nav li.current li a { border-left: 2px solid transparent; color: #2b477f; background: transparent; text-decoration: none; } ul#nav li.current li a:visited { border-left: 2px solid transparent; color: #2b477f; background: transparent; text-decoration: none; } ul#nav li.current li a:hover { border-left: 2px solid #757A16; color: #000000; background: url("../images/icons/icon_link_hover.gif") no-repeat 4px 10px #EDEDE8; text-decoration: none; } ul#nav li.current li a:focus { border-left: 2px solid #757A16; color: #000000; background: url("../images/icons/icon_link_hover.gif") no-repeat 4px 10px #EDEDE8; text-decoration: none; } ul#nav li.current li a:active { border-left: 2px solid #757A16; color: #000000; background: url("../images/icons/icon_link_active.gif") no-repeat 4px 10px #EDEDE8; text-decoration: none; } ul#nav ul { background-color: #C5C7A3; padding-bottom:1em; padding-left: 6px; padding-right: 6px; } ul#nav ul li.open { background-color: #D2D4BA; } ul#nav ul li.current { background-color: #D2D4BA; } ul#nav ul ul { background-color: #D2D4BA; } ul#nav ul ul li.open { background-color: #EDEDE8; } ul#nav ul ul li.current { background-color: #EDEDE8; } ul#nav ul ul ul { background-color: #EDEDE8; } /* content... */ /* IE Win, IE Mac code for pages without right column */ * html body #content.fixedIEwidth { width: 34.5em; } /* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/ * html body div#content { position: relative; } /* End hack */ div#contentblock { width: 100%; float: left; position: relative; z-index: 12; } #content { margin: 2em 28px; max-width: 34.5em; line-height: 130%; } #content hr.minwidth { display: block; width: 100px; visibility: hidden; } #content p a { text-decoration: none; } #content p a:hover { color: #757A16 !important; text-decoration: underline; } #content p a:focus { color: #757A16; text-decoration: underline; } #content p a:active { color: #757A16; text-decoration: none; } #content p a:visited { color: #004080; } div#content p { margin-bottom: 1.5em; } div#content h1 { margin-bottom: 1.5em; } div#content h2 { margin-bottom: 1em; } div#content h3 { margin-bottom: 1em; margin-top: 1em; } div#content h4 { margin-bottom: 0.2em; } div#content h5 { margin-bottom: 0.2em; } div#content h6 { margin-bottom: 0.2em; } div.contentsection h2 { margin-bottom: 1em; } div.contentsection h3 { margin-bottom: 1em; } div.contentsection h4 { margin-bottom: 0.2em; } div.contentsection h5 { margin-bottom: 0.2em; } div.contentsection h6 { margin-bottom: 0.2em; } /* footer... */ /* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/ * html body div.featureteaser { position: relative; } /* End hack */ div#footerblock { line-height: 160%; font-size: 85%; } div#footerblock a { color: #2b477f; white-space: nowrap; } div#footerblock a:visited { color: #2b477f; white-space: nowrap; } div#footerblock a:hover { color: #000000; } div#footerblock a:focus { color: #000000; } div#footerblock a:active { color: #000000; } div#footerfunctions { padding-left: 252px; margin-left: 2.5em; text-align: left; padding-top: 2em; } div#footerfunctions img { margin-right: 3px; } div#footertopofpage { padding-right: 1em; text-align: right; text-align: right; padding-top: 2em; } div#footertopofpage img { margin-right: 3px; } div#footerdeco { height: 30px; margin-top: 0.1em; line-height: 30px; text-align: center; background: url("../images/footer_bg.gif") repeat-x #004080 left bottom; } div#footerdecoleft { width: 252px; height: 30px; } .hide { position: absolute; left: -1000em; width: 500em; line-height: 0px; } .print { display: none; } .clearer { height: 0px; clear: left; overflow: hidden; font-size: 0px; line-height: 0px; } div.divider { height: 1px; margin: 1em 0; clear: left; background-color: #8FA7BF; } div.divider { margin-bottom: 1.5em; margin-top: 2em; } /* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/ * html body div.functionbox { position: relative; } /* End hack */ /* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/ * html body form.linkselect { position: relative; } /* End hack */ /* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/ * html body h2.newsheadline { position: relative; } /* End hack */ /* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/ * html body div.anchornav h2 { position: relative; } /* End hack */ /* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/ * html body div.anchornav { position: relative; } /* End hack */ /* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/ * html body div.contentnav h2 { position: relative; } /* End hack */ /* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/ * html body div.contentnav { position: relative; } /* End hack */ /* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/ * html body ul.sitemap li a { position: relative; } /* End hack */ /* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/ * html body ul.sitemap li a { height: 1px; } /* End hack */ /* Teaser */ /* IE needs this... */ * html body div.teaser { height: 1%; } div#content div.teaser p { margin-bottom: 0; } div#content div.teaser h2 { margin-bottom: 0; } div.teaser { margin-bottom: 1em; line-height: 120%; } div#marginal div.teaser a:hover { color: #000000; } div#marginal div.teaser a:focus { color: #000000; } div#marginal div.teaser a:active { color: #000000; } div.teaser p { margin: 0; } /* Additional */ /* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/ * html body div.additional h1 { position: relative; } * html body div.additional h2 { position: relative; } * html body div.additional h3 { position: relative; } * html body div.additional h4 { position: relative; } * html body div.additional h5 { position: relative; } * html body div.additional h6 { position: relative; } /* End hack */ div.additional { border: 1px solid #004080; background-color: #EAEEF2; line-height: 130%; } div.additional p { font-size: 85%; } div.additional ul { font-size: 85%; } div.additional h1 { font-size: 76% !important; padding: 1px 2px 1px 2px; margin: 0 0 0.5em 0; color: #FFFFFF; background-color: #004080; font-weight: bold; line-height: 120%; text-transform: uppercase; } div.additional h2 { font-size: 76% !important; padding: 1px 2px 1px 15px; margin: 0.5em 0 0.5em 0; color: #004080; background-color: #BFCCD9; font-weight: bold; line-height: 120%; text-transform: uppercase; } div.additional h3 { font-size: 76% !important; padding: 1px 2px 1px 15px; margin: 0.5em 0 0.5em 0; color: #004080; background-color: #BFCCD9; font-weight: bold; line-height: 120%; text-transform: uppercase; } div.additional h4 { font-size: 76% !important; padding: 1px 2px 1px 15px; margin: 0.5em 0 0.5em 0; color: #004080; background-color: #BFCCD9; font-weight: bold; line-height: 120%; text-transform: uppercase; } div.additional h5 { font-size: 76% !important; padding: 1px 2px 1px 15px; margin: 0.5em 0 0.5em 0; color: #004080; background-color: #BFCCD9; font-weight: bold; line-height: 120%; text-transform: uppercase; } div.additional h6 { font-size: 76% !important; padding: 1px 2px 1px 15px; margin: 0.5em 0 0.5em 0; color: #004080; background-color: #BFCCD9; font-weight: bold; line-height: 120%; text-transform: uppercase; } /* IE Win needs this... \*/ * html body div.additional ul li a { height: 1%; } /* End hack */ div.additional ul li.nolink { display: block; padding-left: 30px; padding-right: 1ex; margin: 0.5em 0; } div.additional ul li a { display: block; padding-left: 30px; padding-right: 1ex; margin: 0.5em 0; } div.additional ul li a:hover { color: #000000; text-decoration: underline; } div.additional ul li a:focus { color: #000000; text-decoration: underline; } div.additional ul li a.pdf { background: url("../images/icons/icon_pdf.gif") no-repeat 15px 1px; } div.additional ul li a.pdf:hover { background: url("../images/icons/icon_pdf_hover.gif") no-repeat 14px 0px; } div.additional ul li a.pdf:focus { background: url("../images/icons/icon_pdf_hover.gif") no-repeat 14px 0px; } div.additional ul li a.pdf:active { background: url("../images/icons/icon_pdf_hover.gif") no-repeat 14px 0px; } div.additional ul li a.file { background: url("../images/icons/icon_file.gif") no-repeat 17px 1px; } div.additional ul li a.file:hover { background: url("../images/icons/icon_file_hover.gif") no-repeat 16px 0px; } div.additional ul li a.file:focus { background: url("../images/icons/icon_file_hover.gif") no-repeat 16px 0px; } div.additional ul li a.file:active { background: url("../images/icons/icon_file_hover.gif") no-repeat 16px 0px; } div.additional ul li a.link { background: url("../images/icons/icon_link.gif") no-repeat 15px 6px; } div.additional ul li a.link:hover { background: url("../images/icons/icon_link_hover.gif") no-repeat 14px 5px ; } div.additional ul li a.link:focus { background: url("../images/icons/icon_link_hover.gif") no-repeat 14px 5px ; } div.additional ul li a.link:active { background: url("../images/icons/icon_link_hover.gif") no-repeat 14px 5px ; } div.additional ul li a.newwindow { background: url("../images/icons/icon_new_window.gif") no-repeat 15px 3px; } div.additional ul li a.newwindow:hover { background: url("../images/icons/icon_new_window_hover.gif") no-repeat 14px 2px; } div.additional ul li a.newwindow:focus { background: url("../images/icons/icon_new_window_hover.gif") no-repeat 14px 2px; } div.additional ul li a.newwindow:active { background: url("../images/icons/icon_new_window_hover.gif") no-repeat 14px 2px; } div.additional ul li a.current { color: #000000; text-decoration: underline; } div.additional ul li a.current:visited { color: #000000; text-decoration: underline; } div.important-box { background-color: #EAEEF2; border-bottom: 3px solid #004080; margin-top: -1em; } div.important-box p { font-size: 90%; margin: -1em 0 0 0 !important; padding: 0.5em !important; } ul.linklist li { padding-left: 16px; margin-bottom: 0.5em; background-image: url("../images/icons/icon_link.gif"); background-position: 1px 0.5em; background-repeat: no-repeat; } ul.external li { padding-left: 16px; margin-bottom: 0.5em; background-image: url("../images/icons/icon_new_window.gif"); background-position: 1px 0.3em; background-repeat: no-repeat; } /* pictures... */ div.picMini, div.picSmall, div.picMedium, div.picMaxi { margin-right: 14px; margin-bottom: 0.5em; margin-top: 0.5em; float: left; overflow: hidden; } div.picMaxi { margin-right: 0px; } /* Opera code */ div.picMini > a:first-child, div.picSmall > a:first-child, div.picMedium > a:first-child, div.picMaxi > a:first-child { display: block; } div.picMini { width: 82px; /* includes 1px border-left/-right */ } div.picSmall { width: 142px; /* includes 1px border-left/-right */ } div.picMedium { width: 222px; /* includes 1px border-left/-right */ } div.picMaxi { width: 422px; /* includes 1px border-left/-right */ } div.picMini .annotation, div.picSmall .annotation, div.picMedium .annotation, div.picMaxi .annotation { padding-top: 0.5em; } img.pictureZoom { margin-left: 5px; float: right; display: block; border-width: 0 !important; } #content img.bordered, #content a img.bordered, #content a:visited img.bordered { border: 1px solid #8ca6a6; } #content a img, #marginal a img { border: 1px solid #FFFFFF; } #content a:visited img, #marginal a:visited img { border: 1px solid #FFFFFF; } #content a:hover img.bordered, #content a:focus img.bordered, #content a:hover img, #content a:focus img, #marginal a:hover img.bordered, #marginal a:focus img.bordered, #marginal a:hover img, #marginal a:focus img { border: 1px solid #2b477f; } .annotation { line-height: 120%; font-size: 76% !important; } .annotation a:link, .annotation a:visited, .annotation a:focus, .annotation a:hover { text-decoration: underline; } div#content div.teaser p, div#content div.teaserwithimg p { margin-bottom: 0; } div#content div.teaser h2, div#content div.teaserwithimg h2 { margin-bottom: 0.4em; } span.iconlink img, img.iconlink { margin: 0 4px 0 1px !important; float: none !important; vertical-align: middle; } span.iconlink a, span.iconlink a:visited { text-decoration: none !important; } span.iconlink a:focus, span.iconlink a:hover { text-decoration: underline !important; } span.iconlink a:active { text-decoration: none !important; } /* Forms */ div.formLabel { width: 10em; float: left; margin-right: 1em; } div.formLabel, div.formElem, div.formElemLarge { margin-bottom: 1ex; } div.formElemLarge label { display: block; margin-bottom: 3px; } fieldset { padding: 0; border: 1px solid #FFFFFF; /* Opera needs this */ margin: 0; margin-bottom: 1em; position: relative; /* Netspace 6 needs this */ } fieldset br.clearer{ display: block; /*for N6*/ font-size: 1px; /*for IE Mac*/ } div.formwrapper { padding: 0.5em 1em; border: 1px solid #497399; background-color: #EAEEF2; margin: -1px -0.6em; /* IE Mac needs this */ } /* Reset margin, hide from IE Mac \*/ div.formwrapper { margin: 0; } /* End of commented backslash hack */ div.formwrapper a:visited { color: #004080; } legend { padding: 0.07em 1em; margin: 0; color: #EAEEF2; background-color: #497399; text-transform: uppercase; font-weight: bold; position: relative; /* Safari needs this */ left: -10px; } /* Hide from Opera 6, hide from IE Mac \*/ head:first-child+body legend { left: -10px; } /* End of commented backslash hack */ /* Make available to IE Win, hide from IE Mac */ * html body legend { left: -7px; } /* End of commented backslash hack */ /* reset for modern browsers */ legend[class] { position: static; } div.formSubmit { padding: 0.5em 1em; border: 1px solid #004080; background-color: #8FA7BF; text-align: right; margin: -0.9em 3px 0 3px; /* Rule for IE Mac */ } /* Hide from IE Mac \*/ div.formSubmit { margin: -1em 1px 0 1px; } /* End of commented backslash hack */ div.formSubmit input { padding: 5px 10px; border: 1px solid #EAEEF2; color: #eaedf2; background-color: #004080; font-weight: bold; line-height: 100%; cursor: pointer; } div.formElem input, div.formElemLarge input, div.formElem select, div.formElemLarge select, div.formElem textarea, div.formElemLarge textarea { border: 1px inset #EAEEF2; } div.formElem input, div.formElem textarea { width: 20em; padding: 5px 5px; } div.formElem input.fourletters, div.formElem textarea.fourletters { width: 4em; } div.formElemLarge input, div.formElemLarge textarea { width: 94%; } div.formElem .noborder, div.formElemLarge .noborder { width: auto; border: 0; } div.formDesc { font-size: 80%; } div.tab1_5 { width: 1.5em; float: left; } div.formel { font-size: 120%; margin-bottom: 2em; padding: 0.5em 1em; background-color: #EAEEF2; border: 1px solid #004080; font-style: normal; text-align: center; } /* tables...*/ table.colored { border-bottom: 1px solid #004080; border-left: 1px solid #004080; border-spacing: 0px; border-collapse: collapse; } table.colored caption { padding: 0.2em 0; color: #004080; text-align: left; font-weight: bold; font-size: 120%; line-height: 1.2; } table.colored th, table.colored td { padding: 0.4em; margin:0; border-top: 1px solid #004080; border-right: 1px solid #004080; background-color: #EAEEF2; text-align: left; vertical-align: top; } table.colored th { background-color: #7996B3; color: #FFFFFF; font-weight: bold; } table.colored tr.even th { background-color: #A7BACC; } table.colored tr.even td{ background-color: #D5DDE5; } table.colored td.center { text-align: center; } table.colored td.right { text-align: right; } table.colored th.center { text-align: center; } table.colored th.right { text-align: right; } table.colored td.notcolored { background-color: #FFFFFF; border-top: #FFFFFF; border-left: #FFFFFF 1px solid; } table.colored th.notcolored { background-color: #FFFFFF; border-top: #FFFFFF; border-left: #FFFFFF 1px solid; } div.error_msg { border: 1px solid #CC0000; } div.error_msg li { color: #CC0000 !important; margin: 0; padding: 0.1em 0 0.1em 0.5em; } div.error_msg h4 { padding: 0.5em; background-color: #CC0000; color: #FFFFFF; } input.error, label.error { color: #FFFFFF !important; background-color:#CC0000 !important; border: 1px solid #CC0000; } a.link:after { content: "\2006\27A4"; } a.external-link:after { content: "\2006\2197"; } #content .welcome_pic { width: 100%; } #content .welcome_pic img { max-width: 100%; margin: 0; height: auto; border: 1px solid #000000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } main.content { margin: 1em; max-width: 1200px; } main.content h1 { font-size: 150%; margin-bottom: 1em; } main.content h2 { font-size: 135%; margin-bottom: 1em; margin-top: 2.5em; }