/** * @version $Id: import.css,v 1.2 2004/06/22 13:46:28 christof.hoeke Exp $ * main styles for current browsers */ /* for items only useful in js-version - overwritten in dhtml.css which will be included by js */ .jsOnly { display: none !important; } /* e.g. screenreader navigation */ .screenreader { display: none; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Buttonkleinweite { width:85px; background:#ffcc00; float:right; } .ButtonkleinweiteKarte { width:100px; background:#ffcc00; float:right; } htmlbody .buttonklein { line-height: 10px; } #MENU html>body .buttonklein { line-height: 10px; } .buttonklein:hover { padding: 2px 0px 0px 12px; background: url(art/arrow_w_r_mini.gif) 3px 3px no-repeat; height: 15px; he\ight: 12px; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; text-decoration: none; overflow: hidden; cursor: pointer; } #MENU .buttonklein:hover { padding: 2px 0px 0px 12px; background: url(art/arrow_w_r_mini.gif) 3px 3px no-repeat; height: 15px; he\ight: 12px; border-left: 1px solid #000000; border-top: 1px solid #000000; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; text-decoration: none; overflow: hidden; cursor: pointer; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .LISTEHEAD td { padding-left:6px; border: 1px solid #ffffff; } .LISTE td { border: 1px solid #ffffff; border-collapse:collapse; font-size:0.95em; padding-left:6px; } .PLZfehlerzeile { height:70px; } html>body .PLZfehlerzeile { height:70px; } .BSPLZfehlerzeile { height:58px; } html>body .BSPLZfehlerzeile { height:59px; } .BSORTfehlerzeile { height:95px; } html>body .BSORTfehlerzeile { height:96px; } .GAORTfehlerzeile { height:123px; } html>body .GAORTfehlerzeile { height:123px; } .GAPLZfehlerzeile { height:86px; } html>body .GAPLZfehlerzeile { height:86px; } .fehler { color:red; background-color:white; padding-left:5px; padding-right:5px; } .nofehler { background-color:#e7e7e7; } .textheadline { background-color:#e7e7e7; padding:10px; font-weight:bold; } #MAIN .text { background-color:#e7e7e7; padding:3px 6px 3px 6px; } #MAIN .text p { font-size:0.95em; padding:0px; padding-bottom:2px; margin:0px; } #MAIN .text02 { background-color:#cccccc; padding:3px 6px 3px 6px; } #MAIN .text02 p { font-size:0.95em; padding:0px; padding-bottom:2px; margin:0px; } .text095em{ font-size:0.95em; } .Vabstand01 { margin-bottom:1px; } .TEXTzentriert { text-align:center; } .kartenlegende table { width:300px; } .kartenlegende td { text-align:center; } .plzerrorspacer { height:80px; } .plzspacer { height:80px; } .auswahllistenspacer { height:80px; } html>body .plzerrorspacer { height:80px; } html>body .plzspacer { height:80px; } html>body .auswahllistenspacer { height:80px; } #stadtplanlegende { width:200px; height:20px; margin-left:35px; border:0px solid; } #stadtplanlegende td { text-align:center; padding:0px; margin:0px; } html>body #stadtplanlegende { margin-left:30px; } .dmcenterstadtpuldown { font-size: 0.95em; width:150px; } #MAIN .tabelle { background-color:#e7e7e7; border-bottom:1px solid white; padding-top:20px; } #MAIN .tabelle td { padding:9px 6px 0px 10px; align:right; } #MAIN .tabelle .nullpadding { padding:0px 0px 0px 0px; } .nullpadding { padding:0px 0px 0px 0px; } #reiterleft { display:block; width:84px; height:36px; background-color:#cecece; border-top:0px solid; border-right:0px solid; border-bottom:1px solid; border-left:1px solid; border-color: white white gray #cecece; padding:6px 2px 2px 5px; margin:6px 1px 0px 0px; float:left; } #reiterleft a { width:80px; height:34px; display:block; background-color:#cecece; border: 0px solid; padding:8px 5px 2px 4px; margin:-8px -5px -2px -4px; } html>body #reiterleft a { width:84px; height:36px; display:block; background-color:#cecece; border-top:0px solid; border-right:0px solid; border-bottom:1px solid; border-left:1px solid; border-color: white white gray gray; padding:6px 2px 2px 5px; margin:-6px 0px 0px -6px; } #reiter { width:84px; height:36px; background-color:#cecece; border-top:0px solid; border-right:0px solid; border-bottom:1px solid; border-left:1px solid; border-color: white white gray gray; padding:6px 2px 2px 5px; margin:6px 1px 0px 0px; float:left; } #reiter a { width:80px; height:34px; display:block; background-color:#cecece; border: 0px solid; padding:8px 5px 2px 4px; margin:-8px -5px -2px -4px; } html>body #reiter a { width:84px; height:36px; display:block; background-color:#cecece; border-top:0px solid; border-right:0px solid; border-bottom:1px solid; border-left:1px solid; border-color: white white gray gray; padding:6px 2px 2px 5px; margin:-6px 0px 0px -6px; } #reiterselected { display:block; width:84px; height:43px; background-color:#e7e7e7; border-top:0px solid; border-right:0px solid; border-bottom:1px solid; border-left:1px solid; border-color: #e7e7e7; padding:6px 2px 2px 5px; margin:0px 1px 0px 0px; float:left; font-weight:bold; } .aufzaehlung { margin:0px 0px 0px 30px; } html>body .aufzaehlung { margin:0px 0px 10px 0px; } #MEHR { /* left: 0; */ font-size: 0.95em; line-height: 1; text-align: left; width: 100%; z-index:10000; } html>body #MEHR { background-position: 0px 0px; } #MEHR a { text-align: left; display: block; width: 85px; height: 1em; padding: 2px 1px 1px 18px; border: 1px solid; border-color: white black black white; w\idth: 85px; he\ight: 11px; margin-left: auto; margin-right: 0; /* not IE < 6 */ o\verflow: hidden; background-color:#f00; } html>body #MEHR a { padding-top: 1px; height: auto; min-height: 1em; } #MEHR a:hover, #MEHR a:focus { border-color: black white white black; background-position: 0px 3px; } /* höhen */ #MAIN .vatop { vertical-align:top; } #MAIN .vabottom { vertical-align:bottom; } #MAIN .tacenter { text-align:center; } #MAIN .taleft { text-align:left; } #MAIN .taright { text-align:right; } #MAIN .h1 { height: 1px; } #MAIN .h2 { height: 2px; } #MAIN .h3 { height: 3px; } #MAIN .h4 { height: 4px; } #MAIN .h5 { height: 5px; } #MAIN .h10 { height: 10px; } #MAIN .h15 { height: 15px; } #MAIN .h20 { height: 20px; } #MAIN .h27 { height: 27px; } #MAIN .h25 { height: 25px; } #MAIN .h30 { height: 30px; } html>body #MAIN .h30 { height: 34px; } #MAIN .h35 { height: 35px; } #MAIN .h40 { height: 40px; } #MAIN .h45 { height: 45px; } #MAIN .h46 { height: 46px; } #MAIN .h47 { height: 47px; } #MAIN .h48 { height: 48px; } #MAIN .h49 { height: 49px; } #MAIN .h50 { height: 50px; } #MAIN .h51 { height: 51px; } #MAIN .h52 { height: 52px; } #MAIN .h53 { height: 53px; } #MAIN .h54 { height: 54px; } #MAIN .h55 { height: 55px; } #MAIN .h56 { height: 56px; } #MAIN .h57 { height: 57px; } #MAIN .h58 { height: 58px; } #MAIN .h59 { height: 59px; } #MAIN .h60 { height: 60px; } #MAIN .h65 { height: 65px; } #MAIN .h70 { height: 70px; } #MAIN .h80 { height: 80px; } #MAIN .h85 { height: 85px; } #MAIN .h90 { height: 90px; } #MAIN .h100 { height: 100px; } /* ----------------------------------------------------- */ /* ### main styles ### */ body { font: normal 75%/1.25 Arial, Helvetica, sans-serif; color: #000; background-color: #fff; padding: 0; margin: 0; } /* pages with menu */ .defaultLayout { } /* login pages */ .wideLayout { } a { color: #000; text-decoration: none; } h2, h3, h4, table { font-size: 1em; } textarea { font-family : Arial, Helvetica, sans-serif; } textarea, select, input { font-size: 0.95em; } div, h1, h2, h3, h4, p, ol, ul, form { margin: 0; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } tr.top { vertical-align: top; } th, td { text-align: left; padding: 0; } /* ### colors ### */ .bgBrand { background-color: #000; } .bgBlack { background-color: #000; } .bgWhite { background-color: #fff; } .bgPostalYellow { background-color: #fc0; } .bgPaleYellow { background-color: #ffe88a; } .bgMediumGray { background-color: #e4e4e4; } /* ### global styles ### */ .elementHeader, .wideElementHeader { color: #fff; background-color: #000; padding: 1px 4px; } a.text { font-weight: bold; padding-left: 9px; background: url(art/arrow_y_r_mini.gif) no-repeat 0 0.3em; } a.text:hover, a.text:focus { text-decoration: underline; background-image: url(art/arrow_b_r_mini.gif) } .frameblock a.text, .linetable a.text, .results a.text { background-image: url(art/arrow_b_r_mini.gif); } .frameblock a.text:hover, .frameblock a.text:focus, .linetable a.text:hover, .linetable a.text:focus, .results a.text:hover, .results a.text:focus { background-image: url(art/arrow_w_r_mini.gif); } .frameblock table a.text, .linetable .list a.text/* * */ { background-image: url(art/arrow_y_r_mini.gif); } .frameblock table a.text:hover, .frameblock table a.text:focus, .linetable .list a.text:hover, .linetable .list a.text:focus { background-image: url(art/arrow_b_r_mini.gif) } .product { font-style: italic; text-transform : uppercase; } .error { color:red; background-color:white; padding:0px 4px 0px 4px; /* z-index: 111; */ } html>body .error { color:red; background-color:white; padding:0px 4px 0px 4px; } /* table .error { font-weight: bold; } .corrected { font-weight: bold; } */ /* ### main container ### */ #TOP, #PRINT { font-size: 0.95em; line-height: 1; text-align: right; width: 100%; z-index:10000; } #TOP { height: 1em; background: #fc0; border-bottom: 1px solid white; } html>body #TOP { height: auto; min-height: 1em; } #PRINT { /* z-index: 2000000; */ position: absolute; left: 0; top: 84px; } html>body #PRINT { top: 85px; } #TOP a, #PRINT a { text-align: left; display: block; background: url(art/bg_close.gif) repeat-y; width: 85px; height: 1em; padding: 2px 1px 1px 18px; border: 1px solid; border-color: white black black white; w\idth: 64px; he\ight: 11px; margin-left: auto; margin-right: 0; /* not IE < 6 */ o\verflow: hidden; } #PRINT a { background-image: url(art/bg_print.gif); } html>body #TOP a, html>body #PRINT a { padding-top: 1px; height: auto; min-height: 1em; } #TOP a:hover, #TOP a:focus, #PRINT a:hover, #PRINT a:focus { border-color: black white #fc0 black; background-position: 1px 1px; } /* ### HEAD ### */ #HEAD { position: relative; } #HEAD h1 { font: bold 1.5em Arial, Helvetica, sans-serif; color: #fff; background-color: #000; height: 3.1em; padding: 0.3em 0 0.1em 14px; he\ight: 2.7em; font-weight: bold; } html>body { height: auto; min-height: 2.5em; } #HEAD div { position: absolute; left: 0; top: 0; text-align: right; background: url(art/bg_head_yellow_small.gif) no-repeat right top; padding-top: 27px; width: 100%; } body.wideLayout #HEAD div { background-image: url(art/bg_head_wide.gif); } #HEAD div img { margin-right: 85px; } body.wideLayout #HEAD div img { margin-right: 85px; } /* ### MENU ### */ #MENU { position: absolute; left: auto; right: 0; top: 121px; width: 168px; } #MENU .block01 { border-right: 1px solid #000; border-bottom: 1px solid #000; } #MENU p { font-size: 0.95em; background-color: #ffe88a; padding: 1px 4px; border-top: 1px solid #fff; } #MENU p.logout { text-align: right; } #MENU p.logout a { font-weight: bold; } #MENU ul, #MENU ol { font-size: 0.95em; padding: 0; list-style-type: none; } #MENU li { background-color: #ffe88a; border-top: 1px solid #fff; margin: 0; } #MENU li.current { background-color: #fc0; font-weight: bold; } #MENU ul li { padding: 1px 2px; line-height:13px; } #MENU ul li.current span { padding-left: 9px; } #MENU ol li { padding: 1px 4px; } #MENU ol li.done { background: #ffe88a url(art/done.gif) no-repeat center right; } #MENU a/* * */ { padding-left: 9px; background: url(art/arrow_b_r_mini.gif) no-repeat center left; } #MENU a:hover/* * */, #MENU a:focus/* * */ { background-image: url(art/arrow_w_r_mini.gif); text-decoration: underline; } #copyright { color: #999; font-size: 0.87em; text-align: right; margin-top: 1em; } /* ### MAIN ### */ #MAIN { width: 100%; padding: 47px 182px 0px 14px; w\idth: auto; } .defaultLayout #MAIN { } .wideLayout #MAIN { padding-right: 85px; } #MAIN .elementHeader { width: 168px; border-bottom: 1px solid #fff; w\idth: 160px; } #MAIN .wideElementHeader { width: 237px; border-bottom: 1px solid #fff; w\idth: 229px; } /* wider version */ #MAIN .uptoimg { width: 238px; width: 230px; } /* tables */ #MAIN .right { text-align: right; } #MAIN .center { text-align: center; } #MAIN .p3 { width: 3%; } #MAIN .p5 { width: 5%; } #MAIN .p10 { width: 10%; } #MAIN .p15 { width: 15%; } #MAIN .p18 { width: 18%; } #MAIN .p20 { width: 20%; } #MAIN .p25 { width: 25%; } #MAIN .p30 { width: 30%; } #MAIN .p33 { width: 33%; } #MAIN .p38 { width: 38%; } #MAIN .p40 { width: 40%; } #MAIN .p42 { width: 42%; } #MAIN .p45 { width: 45%; } #MAIN .p50 { width: 50%; } #MAIN .p55 { width: 55%; } #MAIN .p58 { width: 58%; } #MAIN .p60 { width: 60%; } #MAIN .results .p60 { width: 58%; } #MAIN .p75 { width: 75%; } /* BLOCKS */ #MAIN .errorblock { font-size: 1em; color: red; margin-bottom: 0.7em; } /* simple white textblock */ #MAIN .textblock { margin-bottom: 14px; } #MAIN .textblock h2, #MAIN .textblock h3, #MAIN .textblock h4 { margin-top: 1em; margin-bottom: 0.2em; } #MAIN p { margin-bottom: 0.8em; } /* simple b on w table 12px font-size */ #MAIN .simpletable { margin-bottom: 14px; } #MAIN .simpletable td div { padding-bottom: 2px; } /* COMPLEX BLOCKS - used TOGETHER with other XXXblock classes */ #MAIN .block { font-size: 0.95em; margin-bottom: 0px; } /* infos */ #MAIN .infoblock { background-color: #e4e4e4; padding: 4px 4px; } #MAIN .infoblock h3 { margin: 4px 0; } #MAIN .infoblock p { } /* gray frame with headline, white content */ #MAIN .frameblock { background-color: #e4e4e4; padding: 4px 4px 8px; } #MAIN .frameblock h3 { margin-bottom: 4px; } /* CONTENT IN BLOCKS */ #MAIN .linetable { background-color: #e4e4e4; margin-bottom: 0px; } #MAIN .linetable.list { margin-bottom: 0; } #MAIN .linetable.thintable { border-top: 2px solid #fff; border-bottom: 6px solid #fff; } #MAIN .frameblock .linetable { background-color: #fff; margin-bottom: 0; width: 98%; w\idth: 100%; } #MAIN .linetable th, #MAIN .linetable td { border-bottom: 1px solid #fff; } #MAIN .linetable tr.list th, #MAIN .linetable tr.list td { background: #fff; border-bottom: 1px solid #bcbcbc; } #MAIN .linetable th.noborder, #MAIN .linetable td.noborder { border-bottom: 0; } #MAIN .linetable div { padding: 2px 4px; } #MAIN .thintable div { padding: 0 4px; } #MAIN .linetable div.indentcell { padding-left: 14px; } #MAIN .linetable div.bordercell { border-right: 1px solid #fff; } #MAIN .frameblock th, #MAIN .frameblock td { border-bottom: 1px solid #e4e4e4; } #MAIN .frameblock .linetable th.noborder, #MAIN .frameblock .linetable td.noborder, #MAIN .thintable th, #MAIN .thintable td { border-bottom: 1px solid #fff; } #MAIN .frameblock .linetable div.bordercell { border-right: 1px solid #e4e4e4; } #MAIN .results { margin-bottom: 1px; } #MAIN .results h3 { background: #e4e4e4; padding: 4px; } #MAIN .results .dhtmlDisplay, #MAIN .results .dhtmlOpen { border-style: solid; border-color: #e4e4e4; border-width: 0 4px 4px; } html>body #MAIN .results .dhtmlDisplay, html>body #MAIN .results .dhtmlOpen { border-bottom-width: 8px; } #MAIN .results table { background-color: #fff; border-bottom: 9px solid #fff; border-top: 1px solid #e4e4e4; width: 98%; w\idth: 100%; } #MAIN .results table th, #MAIN .results table td { border-bottom: 0; } #MAIN .results table div { padding: 3px 4px; } #MAIN .okholder { position: relative; } #MAIN .okimage { position: absolute; left: -20px; top: 2px; } html>body #MAIN .okimage { left: -16px; } /* forms */ #MAIN .navbuttonbar { background-color: #e4e4e4; padding-top: 2.7em; } #MAIN .navbuttonbar .nB, #MAIN .navbuttonbar .bB { position: relative; top: -1.6em; } html>body #MAIN .navbuttonbar .nB, html>body #MAIN .navbuttonbar .bB { top: -1.4em; } #MAIN .buttonbar { clear: both; height: 26px; background-color:#e7e7e7; } /* safari does not like backButton nor nextButton ?! */ #MAIN .bB { float: left; } #MAIN .nB { float: right; } /* text and radio or checkbox */ #MAIN .nofloatinput { position: relative; margin-left: 24px; } #MAIN .nofloatinput input { left: 0; } /* ie5 only left: 0*/ #MAIN .nofloatinput input { position: absolute; left: 2px; top: 0; } #MAIN .nofloatinput input/* * */ { left: -24px; } html>body #MAIN .nofloatinput input { left: -20px; } /* ### buttons ### ...SubmitFOCUS only for IE (focus via JS) */ .nextSubmit, .nextSubmitFOCUS, .backSubmit, .backSubmitFOCUS { font-size: 0.8em; font-weight: bold; text-align: left; background : #fc0 url(art/arrow_b_r_subm.gif) no-repeat left center; height: 2.8em; border: 1px solid; border-color: #fff black black #fff; padding: 0 4px 0 12px; } html>body .nextSubmit, html>body .backSubmit { height: auto; min-height: 2.8em; min-width: 84px; padding: 0 4px 1px 10px; } .backSubmit, .backSubmitFOCUS { background-color: #e4e4e4; background-image: url(art/arrow_b_r_subm.gif); border-color: #fff black black #fff; } .nextSubmit:hover, .nextSubmit:focus, .nextSubmitFOCUS { background-image: url(art/arrow_w_r_subm.gif); border-color: black #fff #fff black; } .backSubmit:hover, .backSubmit:focus, .backSubmitFOCUS { background-image: url(art/arrow_w_r_subm.gif); border-color: black #fff #fff black; } .button, .backButton { white-space: nowrap; line-height: 1.1; font-size: 0.95em; font-weight: bold; display: block; background: #fc0 url(art/arrow_b_r_button.gif) no-repeat left center; width: 85px; height: 2.4em; padding: 0.7em 4px 0.1em 14px; border: 1px solid; border-color: #fff black black #fff; w\idth: 65px; he\ight: 1.6em; } .backButton { background-image: url(art/arrow_b_l_button.gif); } html>body .button , html>body .backButton { padding: 0.6em 4px 0.1em 14px; width: auto; min-width: 65px; height: 1.5em; } .button:hover, .button:focus, .backButton:hover, .backButton:focus { background-image: url(art/arrow_w_r_button.gif); border-color: black #fff #fff black; } .backButton:hover, .backButton:focus { background-image: url(art/arrow_w_l_button.gif); } .grayButton { background-color: #e4e4e4; } .smallButton, .smallBackButton { white-space: nowrap; line-height: 1.1; font-size: 0.95em; display: block; background: #e4e4e4 url(art/arrow_b_r_mini.gif) no-repeat 0.3em 0.4em; width: 85px; height: 1.2em; padding: 0.2em 4px 0.1em 14px; border: 1px solid; border-color: #fff black black #fff; w\idth: 65px; he\ight: 0.85em; } html>body .smallButton, html>body .smallBackButton { width: auto; min-width: 65px; he\ight: 1.2em; padding-top: 0; } .smallButton:hover, .smallButton:focus { background-image: url(art/arrow_w_r_mini.gif); border-color: black #e4e4e4 #e4e4e4 black; } .smallBackButton { background-image: url(art/arrow_b_l_mini.gif); border-color: #fff black black #e4e4e4; } .smallBackButton:hover, .smallBackButton:focus { background-image: url(art/arrow_w_l_mini.gif); border-color: black #fff #e4e4e4 black; } /* print output */ @media print { #TOP, #PRINT, #MENU, #HEAD div { display: none; } #MAIN { padding-left: 0; padding-right: 0; } }