/* MAIN */ * { padding:0px; margin:0px; font-family:Verdana,Arial,sans-serif; } body { font-size:1em; text-align:center; } a { color:#005DA8; } a:hover { color:#005DA8; } /* FRAMEWORK */ #frame { z-index:0; position:relative; top:0px; left:0px; width:952px; height:570px; margin:0px auto 0px auto; background-image:url('/ioeb/startioeb.nsf/bg_main.gif'); background-repeat:repeat-y; border-top:1px solid #CCCCCE; text-align:left; } #frame-inner { z-index:1; position:absolute; top:0px; left:1px; width:950px; height:570px; } #logo { z-index:4; position:absolute; top:19px; left:19px; width:auto; height:auto; } #header { z-index:3; position:absolute; top:0px; left:0px; width:100%; height:128px; background-color:#ffffff; } #headerimage { z-index:2; position:absolute; top:0px; right:0px; width:auto; height:auto; } #metamenu { z-index:5; position:absolute; top:128px; left:0px; width:100%; height:21px; background-image:url('/ioeb/startioeb.nsf/bg_metamenu.gif'); background-repeat:repeat-x; } .meta-content { width:380px; float:right; } .meta-left { float:left; width:200px; } .meta-right { float:right; width:160px; } #content { z-index:6; position:absolute; top:149px; left:-1px; width:952px; min-height:420px; height:auto; background-image:url('/ioeb/startioeb.nsf/bg_main.gif'); background-repeat:repeat-y; border-bottom:1px solid #CCCCCE; } #hmenu { z-index:7; float:left; position:relative; top:0px; left:0px; width:146px; height:auto; } #main-feed { position:relative; top:0px; left:0px; width:600px; height:auto; float:left; margin:45px 0px 0px 20px; } #infobox-feed { position:relative; top:0px; left:0px; width:155px; float:right; margin:16px 5px 0px 0px; } #popup-frame { position:absolute; top:0px; left:0px; width:100%; height:100%; } #popup-frame #popup-content { position:absolute; top:0px; left:0px; width:95%; margin:20px 20px 20px 20px; text-align:left; } #footer { margin:40px 0px 0px 0px; clear:both; } #footer .ruler { border-top:1px solid gray; } /* VMENU */ #hmenu ul { list-style:none; border-bottom:1px solid #909092; } #hmenu .ebene-1 { display:block; width:146px; height:auto; border-top:1px solid #909092; } #hmenu .ebene-1 a { width:auto; height:19px; display:block; color:#666471; font-size:70%; text-decoration:none; padding:3px 0px 0px 15px; background-color:none; } #hmenu .ebene-1 a:hover { color:#055BA4; background-color:#ffffff; background-image:url('../media/bg_vmenu_eb1_act.gif'); background-repeat:no-repeat; } #hmenu .active1-sub a { color:#055BA4; background-color:#ffffff; border-bottom:1px solid #909092; background-image:url('../media/bg_vmenu_eb1_act.gif'); background-repeat:no-repeat; } #hmenu .ebene-2 { display:block; width:146px; height:auto; } #hmenu .ebene-2 a { width:auto; _height:19px; display:block; color:#666471; font-size:70%; text-decoration:none; padding:3px 0px 0px 22px; background-color:none; } #hmenu .ebene-2 a:hover { color:#055BA4; background-color:none; } #hmenu .active2-sub { color:#ffffff !important; background-color:#0072BB; background-image:url('../media/bg_vmenu_eb2_act.gif'); background-repeat:no-repeat; background-position:10px 5px; } #hmenu .ebene-3 { display:block; width:146px; height:auto; background-color:#ffffff; margin:0px 0px 2px 0px; } #hmenu .ebene-3 a { width:auto; _height:19px; display:block; color:#666471; font-size:70%; text-decoration:none; padding:3px 0px 0px 22px; background-color:none; } #hmenu .ebene-3 a:hover { color:#055BA4; background-color:none; } #hmenu .active3-sub { color:#055BA4 !important; background-color:none; } #hmenu .ebene-4 { display:block; width:146px; height:auto; } #hmenu .ebene-4 a { width:auto; _height:14px; display:block; color:#666471; font-size:65%; text-decoration:none; padding:3px 0px 0px 34px; background-color:#ffffff; background-image:url('../media/bg_vmenu_eb4.gif'); background-repeat:no-repeat; background-position:28px 8px; margin:0px 0px 2px 0px; } #hmenu .ebene-4 a:hover { color:#055BA4; background-color:none; } #hmenu .active3 a { color:#055BA4; background-color:none; } /* TEXT */ #metamenu a { color:#ffffff; font-size:60%; font-weight:bold; text-decoration:none; margin:0px 0px 0px 10px; } #main-feed h1, #popup-content h1 { color:#666666; font-weight:bold; font-size:80%; margin:0px 0px 15px 0px; } #main-feed .bodytext, #main-feed p, #popup-content .bodytext { width:auto; color:#666666; font-size:80%; margin:0px 0px 15px 0px; } .csc-uploads-fileName a { font-size:12px !important; color:#4D4D4D !important; } .text-orange { color:#F17420; display:inline; } #main-feed ul { list-style:square; margin:0px 0px 0px 10px; padding:0px 0px 20px 10px; } #main-feed ol { margin:0px 0px 0px 10px; padding:0px 0px 20px 10px; } #main-feed ul li, #main-feed ol li { color:#666666; font-size:12px; padding:4px 0px 0px 0px; } .browsebox { margin:15px 0px 15px 0px; } .tx-indexedsearch-title a, .browsebox a { color:#4D4D4D; font-size:70%; font-weight:bold; } .tx-indexedsearch-text-item-path, .tx-indexedsearch-text-item-size, .tx-indexedsearch-text-item-mtime, .tx-indexedsearch-text-item-crdate { color:#4D4D4D; font-size:70%; font-weight:normal; } #infobox-feed h1 { width:134px; color:#747476; font-weight:bold; font-size:80%; padding:4px 15px 4px 15px; background-color:#ffffff; margin:0px 0px 15px -5px; } #infobox-feed .bodytext { width:145px; color:#4D4D4D; font-size:70%; margin:0px 5px 10px 10px; } #infobox-feed img { margin:0px 0px 0px 10px; } .csc-textpic-caption { font-size:70%; font-style:italic; padding:5px 0px 0px 0px; } .csc-uploads-fileName a { font-size:80%; } .csc-uploads-icon img { width:80px; height:15px; margin:0px 10px 0px 0px; } #footer a { color:gray; font-size:85%; } /* FORMULAR & SUCHE */ .important { font-size: 13px; color: #4D4D4D; font-family: arial; font-weight: bold; } .csc-textpic-imagewrap { margin:0px 0px 5px 0px; } .tx-indexedsearch-searchbox { font-size:80%; } .tx-indexedsearch-searchbox-sword { border:1px solid gray; width:200px; height:19px; margin:7px 0px 0px 0px; padding:0px; } .tx-indexedsearch-searchbox-button { border:1px solid gray; height:19px; } .formtable td { padding:0px 0px 10px 0px; } .input-t01 { border:1px solid gray; width:300px; height:18px; background-color:#ffffff; margin:00px 0px 0px 15px; } .input-t02 { border:1px solid gray; width:300px; height:100px; background-color:#ffffff; overflow:auto; margin:0px 0px 0px 15px; } .input-t03 { border:1px solid gray; width:auto; height:18px; background-color:#ffffff; font-size:90%; margin:0px 0px 0px 15px; } .meta-search-field { width:120px; height:14px; border:1px solid white; background-color:#8F9092; color:#ffffff; font-size:70%; padding:0px 0px 0px 3px; } .meta-search-submit { width:auto; height:17px; border:0px; background-color:#8F9092; color:#ffffff; font-size:70%; } /* FLEXFORM 2 COLS */ .flex_two_cols { float:left; width:600px; height:auto; } .flex_two_cols .flex_two_cols_left { float:left; width:290px; height:auto; } .flex_two_cols .flex_two_cols_right { float:right; width:290px; height:auto; } .flex_two_cols_clearer { clear:both; margin:0px; padding:0px; } /* FLEXFORM 2 COLS // KARTE */ .flex_two_cols_karte { float:left; width:600px; height:auto; } .flex_two_cols_karte .flex_two_cols_karte_left { float:left; width:400px; height:auto; } .flex_two_cols_karte .flex_two_cols_karte_right { float:right; width:190px; height:auto; } .flex_two_cols_karte .flex_two_cols_karte_right h1 { font-size:70% !important; font-weight:bold !important; color:#0272BA !important; margin:0px 0px 5px 0px !important; } .flex_two_cols_karte .flex_two_cols_karte_right .bodytext { font-size:70% !important; } /* FLEXFORM 3 COLS */ .flex_three_cols { float:left; width:600px; height:auto; } .flex_three_cols .flex_three_cols_left, .flex_three_cols .flex_three_cols_center, .flex_three_cols .flex_three_cols_right { float:left; width:180px; height:auto; } .flex_three_cols .flex_three_cols_left, .flex_three_cols .flex_three_cols_center { margin:0px 20px 0px 0px; } .flex_three_cols_clearer { clear:both; margin:0px; padding:0px; } .flex_three_cols .bodytext { padding:3px 0px 0px 0px; } .flex_three_cols a { color:#3A3A3C; font-size:80%; text-decoration:none; } .flex_three_cols a:hover { color:#0E69B0; } /* FLEXFORM STARTANIMATION */ .flex_startanimation { position:relative; top:-31px; left:0px; width:638px; height:auto; margin:-46px 0px 0px -18px; } .flex_startanimation_content { z-index:999; position:absolute; top:45px; left:20px; width:300px; height:auto; } .flex_startanimation_animation { position:relative; bottom:0px; right:0px; width:638px; height:300px; } /* TANGRAM SETUP */ #main-feed h2, #main-feed h3, #main-feed h4, #main-feed h5, .header-typ3-horizontal, .header-typ3-vertikal, .header-typ4-horizontal, .header-typ4-vertikal, .header-typ5-horizontal, .header-typ5-vertikal, .header-typ6-horizontal, .header-typ6-vertikal, .header-typ7-horizontal, .header-typ7-vertikal, .header-typ8-horizontal, .header-typ8-vertikal, .header-typ9-vertikal { color:#666666; font-weight:bold; font-size:110%; background-repeat:no-repeat; display:block; } #main-feed h2 { padding:0px 0px 0px 30px; background-image:url('../media/tangram_typ1.gif'); } #main-feed h3 { padding:33px 0px 0px 0px; background-image:url('../media/tangram_typ1.gif'); } #main-feed h4 { padding:0px 0px 0px 30px; background-image:url('../media/tangram_typ2.gif'); } #main-feed h5 { padding:33px 0px 0px 0px; background-image:url('../media/tangram_typ2.gif'); } .header-typ3-horizontal { padding:0px 0px 0px 30px; background-image:url('../media/tangram_typ3.gif'); } .header-typ3-vertikal { padding:33px 0px 0px 0px; background-image:url('../media/tangram_typ3.gif'); } .header-typ4-horizontal { padding:3px 0px 0px 30px; background-image:url('../media/tangram_typ4.gif'); } .header-typ4-vertikal { padding:37px 0px 0px 0px; background-image:url('../media/tangram_typ4.gif'); } .header-typ5-horizontal { padding:0px 0px 0px 30px; background-image:url('../media/tangram_typ5.gif'); } .header-typ5-vertikal { padding:38px 0px 0px 0px; background-image:url('../media/tangram_typ5.gif'); } .header-typ6-horizontal { padding:0px 0px 0px 30px; background-image:url('../media/tangram_typ6.gif'); } .header-typ6-vertikal { padding:33px 0px 0px 0px; background-image:url('../media/tangram_typ6.gif'); } .header-typ7-horizontal { padding:3px 0px 0px 30px; background-image:url('../media/tangram_typ7.gif'); } .header-typ7-vertikal { padding:33px 0px 0px 0px; background-image:url('../media/tangram_typ7.gif'); } .header-typ8-horizontal { padding:3px 0px 0px 30px; background-image:url('../media/tangram_typ8.gif'); } .header-typ8-vertikal { padding:31px 0px 0px 0px; background-image:url('../media/tangram_typ8.gif'); } .header-typ9-vertikal { padding:0px 0px 30px 0px; } /*----KONTAKT FORM----*/ .formtable { width:500px; } .formtable .tr-even, .formtable .tr-odd { background-color:#E6E6E6; } .formtable td { padding:5px; font-size:80%; } .formtable .input-1 { height:16px; width:260px; border:1px solid #666666; } .formtable .input-2 { height:100px; width:260px; border:1px solid #666666; overflow:auto; } .formtable .submit { width:auto; height:auto; font-size:80%; border:1px solid #666666; background-color:white; } /* 4. EBENE */ .csc-menu { list-style:square; margin:0px 0px 0px 10px; padding:0px 0px 20px 10px; } .csc-menu li { color:#666666; font-size:12px; padding:4px 0px 0px 0px; } /* STYLESHEETS FÜR MEHRFACH VERWENDETE INHALTE */ .data-list { width:100%; height:auto; padding:5px; background-color:#DBE0ED; } .legende a { padding:0px 5px 0px 0px; font-weight:bold; font-size:110% } .data-detail { width:100%; height:auto; padding:5px; } .data-detail h1 { float:left; padding:40px 0px 0px 0px; display:block; } .data-detail .data-detail-description-image img { float:right; margin:0px 0px 15px 0px; display:inline; } .data-detail .data-detail-description { width:100%; position:relative; background-color:#E9F1F6; padding:0px; margin: 0px 5px 0px 0px;; float:left; } .data-detail .data-detail-sektor { width:100%; float:left; display:block; margin:10px 0px 10px 0px; } .data-detail .sektor-label { background-color:#D8E7F0; padding:3px 5px 3px 5px; font-size:80%; font-weight:bold; color:#666666; } .data-detail .data-detail-description-text { position:relative; background-color:#D8E7F0; width:575px; float:left; padding:5px; } .list-button { width:auto; height:auto; padding:5px; /* background-color:#DBE0ED; */ margin:15px 0px 0px 0px; font-size:70%; letter-spacing: 0px; } .pfeile { letter-spacing: -1px; } .list-button a { text-decoration: none; }