/* Basis CSS */ body { color: white; background-color: #899fa9; font-family: Verdana; font-size: 11px; min-width: 810px; margin: 0px; padding: 0px; overflow: hidden; } #scrollContent { margin: 0 0 0 0; padding: 0; position: relative; top: 0px; left: 0px; width: 100%; height: 0px; overflow: auto; } div#Header { background: url(header/Header_middle.png) left top repeat; height: 95px; } div#HeaderLeft { background: url(header/Header_left.png) left top no-repeat; height: 95px; } div#HeaderRight { background: url(header/Header_right.png) right top no-repeat; height: 95px; } div#HeaderRightBtnImpressum { float:right; position: relative; left: -75px; top: 66px; height: 29px; width: 81px; } .HeaderRightBtnImpressumHover { background: url(header/btn-oben_Impressum_klicked.png); } div#HeaderRightBtnLicense { float:right; position: relative; left: 68px; top: 66px; width: 61; height: 29px; } .HeaderRightBtnLicenseHover { background: url(header/btn-oben_Licence_klicked.png); } /* Schatten im top bereich der navigation, wird nicht mitgescrollt*/ div#NavShadow { background: url(header/under_header_nav_shadow.png) left top repeat-x; position: absolute; top: 95px; left: 0px; width: 185px; height: 26px; margin: 0 px; padding: 0 px; } div#NavTop { background: url(header/under_Header_shadow_leftfield.png) repeat-x; height: 26px; } #ShadowNavTop { /* heul, bug in ie, NavTopShadow geht nicht dafür ShadowNavTop*/ position: absolute; top: 95px; left: 185px; width: 15px; height: 26px; margin: 0px; padding: 0 px; background: url(header/under_Header_shadow_corner_middle.png) top left; } div#NavBarHeader { float: right; /*padding-right: 0px; mit padding-right funktionierts nur im ff */ margin-right: 146px; height: 26px; width: 459px; background: url(header/nav_bar_header.png) left top no-repeat; } .Transparent { background: transparent; } h1 { font-size: 1.5em; text-align: left; } /* NAVIGATIONS MENU */ div#Nav { color: black; font-family: Arial, Helvetica, sans-serif; font-size: 11px; position: absolute; float: left; /* width: 177px; /* 8 pixel weniger wegen scroll balken */ width: 185px; height: 0px; left: 0px; top: 95px; margin: 8px 0 0 0px; padding-top: 8px; padding-left: 0px; border-left-style: none; border-top-style: none; border-bottom-style: none; white-space:nowrap; cursor: pointer; overflow: auto; background-color: #758A94; } ul#Navigation { font-size: 0.83em; float: left; width: 185px; margin: 0; padding: 0; } ul#Navigation ul { font-size: 12px; font-style: normal; padding: 0; margin: 2 0 0 0.8em; } ul#Navigation li { font-size: 10px; list-style: none; margin: 0; padding: 0; margin: 0 0 0 0.8em; } ul#Navigation a { display: block; padding: 0.2em; font-weight: bold; } ul#Navigation a:link { color: black; background-color: #eee; } ul#Navigation a:visited { color: #666; background-color: #eee; } ul#Navigation a:hover { color: black; background-color: #0000ff; } ul#Navigation a:active { color: white; background-color: gray; } /* Editstyles */ .EditAktiv { color: #0000ff; font-weight: bold; } .EditMover { color: red; font-weight: bold; } .EditNormal { color: black; font-weight: normal; } .EditOriginal { color: green; font-weight: normal; } /* kleines dreieck das nach unten zeigt */ .nav_ebene_1_offen { /*background: url(navbar/open.gif) left center no-repeat;*/ /* background: url(navbar/Lmenu_back1_hover.png) left center no-repeat;*/ background: url(navbar/Lmenu_back1.png) left center no-repeat; color: #E4AE2A; padding-left: 30px; } .nav_ebene_1_offen_hover { /*background: url(navbar/open.gif) left center no-repeat;*/ background: url(navbar/Lmenu_back1_hover.png) left center no-repeat; color: #E4AE2A; padding-left: 30px; font-weight: normal; } /* kleines dreieck das nach unten zeigt Admin */ .nav_ebene_1a_offen { background: url(navbar/aopen.gif) left center no-repeat; } /* kleines dreieck das nach unten zeigt Admin */ .nav_ebene_1a_offen_hover { background: url(navbar/aopen.gif) left center no-repeat; padding-left: 13px; color: #0000ff; font-weight: bold; } /* kleines dreieck, zeigt an das man aufklappen kann */ .nav_ebene_1_zu { background: url(navbar/Lmenu_back1.png) left center no-repeat; padding-left: 30px; color: #d6f0da; } /* kleines dreieck, zeigt an das man aufklappen kann */ .nav_ebene_1_zu_hover { /*background: url(navbar/Lmenu_back1.png) left center no-repeat;*/ /*background: url(navbar/close.gif) left center no-repeat;*/ background: url(navbar/Lmenu_back1_hover.png) left center no-repeat; padding-left: 30px; color: #E4AE2A; /*font-weight: bold;*/ } /* kleines dreieck, zeigt an das man aufklappen kann Admin*/ .nav_ebene_1a_zu { background: url(navbar/aclose.gif) left center no-repeat; padding-left: 11px; } /* kleines dreieck, zeigt an das man aufklappen kann Admin*/ .nav_ebene_1a_zu_hover { background: url(navbar/aclose.gif) left center no-repeat; padding-left: 11px; color: #0000ff; font-weight: bold; } /* kugel, das item kann nicht aufgeklappt werden */ .nav_ebene_1 { background: url(navbar/Lmenu_back1.png) left center no-repeat; color: #d6f0da; padding-left: 30px; font-weight: bold; /* background: url(navbar/noitems.gif) left center no-repeat; padding-left: 14px;*/ } /* kugel, das item kann nicht aufgeklappt werden */ .nav_ebene_1_hover { background: url(navbar/Lmenu_back1_hover.png) left center no-repeat; padding-left: 30px; color: #E4AE2A; font-weight: bold; } .nav_ebene_1_active { background: url(navbar/Lmenu_back1.png) left center no-repeat; color: #d6f0da; padding-left: 30px; font-weight: bold; } /* kugel, das item kann nicht aufgeklappt werden */ .nav_ebene_1_active_hover { background: url(navbar/Lmenu_back1_hover.png) left center no-repeat; color: #E4AE2A; padding-left: 30px; font-weight: bold; } /* kugel, das item kann nicht aufgeklappt werden Admin*/ .nav_ebene_1a { background: url(navbar/anoitems.gif) left center no-repeat; padding-left: 14px; } /* kugel, das item kann nicht aufgeklappt werden Admin*/ .nav_ebene_1a_hover { background: url(navbar/anoitems.gif) left center no-repeat; padding-left: 14px; color: #0000ff; font-weight: bold; } .nav_ebene_1a_active { background: url(navbar/anoitems.gif) left center no-repeat; padding-left: 14px; color: #4444ff; font-weight: bold; } .nav_ebene_1a_active_hover { background: url(navbar/anoitems.gif) left center no-repeat; padding-left: 14px; color: #00ff00; font-weight: bold; } /* kugel, das item kann nicht aufgeklappt werden */ .nav_ebene_2 { /* background: url(navbar/ebene2.gif) left center no-repeat; padding-left: 12px; */ margin: 0 0 0 40px; } /* kugel, das item kann nicht aufgeklappt werden */ .nav_ebene_2_hover { /* background: url(navbar/ebene2.gif) left center no-repeat; padding-left: 12px; */ margin: 0 0 0 40px; color: #E4AE2A; font-weight: bold; } .nav_ebene_2_active { background: url(navbar/close_2.gif) left center no-repeat; padding-left: 10px; margin: 0 0 0 30px; /* color: #d6f0da;*/ /*font-weight: bold;*/ } .nav_ebene_2_active_hover { background: url(navbar/close_2.gif) left center no-repeat; padding-left: 10px; margin: 0 0 0 30px; color: #E4AE2A; font-weight: bold; } /* kugel, das item kann nicht aufgeklappt werden Admin*/ .nav_ebene_2a { background: url(navbar/aebene2.gif) left center no-repeat; color: #d6f0da; padding-left: 10px; margin: 0 0 0 40px; } /* kugel, das item kann nicht aufgeklappt werden Admin*/ .nav_ebene_2a_hover { background: url(navbar/aebene2.gif) left center no-repeat; color: #E4AE2A; padding-left: 10px; margin: 0 0 0 40px; font-weight: bold; } .nav_ebene_2a_active { background: url(navbar/close_2.gif) left center no-repeat; padding-left: 14px; margin: 0 0 0 10px; color: #0000ff; font-weight: bold; } .nav_ebene_2a_active_hover { background: url(navbar/close_2.gif) left center no-repeat; padding-left: 14px; margin: 0 0 0 10px; color: #00ff00; font-weight: bold; } /* kugel, das item kann nicht aufgeklappt werden Admin*/ .nav_ebene_3 { background: url(navbar/ebene3.gif) left center no-repeat; color: #d6f0da; padding-left: 10px; margin: 0 0 0 40px; } /* kugel, das item kann nicht aufgeklappt werden Admin*/ .nav_ebene_3_hover { background: url(navbar/ebene3.gif) left center no-repeat; padding-left: 10px; margin: 0 0 0 40px; color: #0000ff; font-weight: bold; color: #E4AE2A; } /* Seitliches INFO FENSTER */ div#Info { color: black; background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 10px; float: right; width: 149px; margin: 0; padding: 0; border: 0px; background-color: #758a94; background: url(infobox_shadow_left.png) left top repeat-y; } div#Info strong { font-size: 12px; margin: 0.2em 0.5em; } div#Info p { padding-left: 0px; border-style: solid; border-left-width: 0px; border-right-width: 0; border-top-width: 0; border-bottom-width: 0; font-size: 10px; margin: 0.5em; padding: 0px; border-style: none; } /* HAUPTFENSTER */ div#Hauptseite { margin: 0 0 0 185px; } div#InhaltContentEnde { padding-top: 8px; background: url(header/under_header_nav_shadow.png) left top repeat-x; } div#Inhalt { background:url(header/under_Header_shadow_left.png) left repeat-y; color: #d6f0da; font-family: Verdana; font-size: 11px; /*padding: 0 4px 4px 1em;*/ padding: 0px 5px 5px 25px; left: 200px; top: 121px; } div#Inhalt a { color: #e4ae2A; text-decoration: none; } div#Inhalt a:hover { /*color: #e4ae2A;*/ color: #88ff88; /*font-weight: bold;*/ } div#PopupInhalt { color: black; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 0px 0px 0em; border: 1px dashed silver; border-left-style: none; border-top-style: none; border-bottom-style: none; /* position: absolute; */ left: 0px; top: 0px; } div#Inhalt h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; border-color: #999999; border-style: solid; border-left-width: 0; border-right-width: 0; border-top-width: 0; border-bottom-width: thin; background: none; padding-top: 5px; } div#PopupInhalt h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; border-color: #999999; border-style: solid; border-left-width: 0; border-right-width: 0; border-top-width: 0; border-bottom-width: thin; background: none; } div#Inhalt h2 { font-family: Verdana; font-size: 1.7em; border-color: #eee; border-style: solid; border-left-width: 0; border-right-width: 0; border-top-width: 0; border-bottom-width: 0; } div#PopupInhalt h2 { font-family: Arial, Helvetica, sans-serif; font-size: 1.7em; border-color: #eee; border-style: solid; border-left-width: 0; border-right-width: 0; border-top-width: 0; border-bottom-width: 12; } div#Inhalt p { /* font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 32px; border-color: #eee; border-style: solid; border-left-width: 8px; border-right-width: 0; border-top-width: 0; border-bottom-width: 0; */ } div#PopupInhalt p { /* font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-left: 32px; border-color: #eee; border-style: solid; border-left-width: 8px; border-right-width: 0; border-top-width: 0; border-bottom-width: 0; */} div#PopupInhalt ul { font-size: 12px; margin: 0px; padding: 0em 1em 1em 4em; border: 2px solid #94927E; font-style: normal; width: 50%; background-color: transparent; } div#Inhalt li { list-style-image: url(ul_dot.gif); font-style: normal; font-size: 13px; margin: 4px 0 0 0; } div#PopupInhalt li { font-style: normal; font-size: 13px; margin: 4px 0 0 0; } /* FUSSZEILE */ p#Fusszeile { color: black; background-color: white; font-family: Arial, Helvetica, sans-serif; clear: both; font-size: 0.9em; /* margin: 0; padding: 0.1em; */ text-align: center; background-color: #fed; border: 1px solid silver; } /* INFO VIDEO */ .vid { width: 120px; margin: 0; padding: 0; border: 1px dashed silver; background-color: #eee; padding: 5px; } .vid table { width: 100%; text-align: center; caption-side: bottom; border: 1px dotted silver; border-spacing: 0; border-collapse: collapse; } table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 100%; text-align: left; caption-side: bottom; border-spacing: 0; border-collapse: collapse; } td { border: 1px dotted gray; } caption { font-size: 0.9em; caption-side: bottom; } .totop { text-align: right; } .img { float: right; margin: 0 0 0 1px; border-style: outset; border-width: thin; border-color: #9C9C74 #D3D3D3 #D3D3D3 #9C9C74; } .img1 { } .img2 { margin: 0 0 0 0px; border-style: outset; border-width: thin; border-color: #9C9C74 #D3D3D3 #D3D3D3 #9C9C74; width: 10em; } .img9 { margin: 0 0 0 0px; border-style: solid; border-width: thin; border-color: red; width: 10em; } .imgwl { margin: 4px 4px 0 0px; border-style: none; border-width: thin; border-color: red; } /* word Farbe für DEFINE */ .wD { color: #A000A0; } /* grüner Kommentar Text */ .wK { color: green; } /* SuperScript (grauer kleiner Text) */ .wS { color: gray; font-size: 9px; vertical-align: super; } /* Fetter Text (Bold) */ .wB { font-weight: bolder; } /* Fetter Text (Bold) */ .wG { font-weight: bolder; font-size: medium; } /* word Farbe für Typ */ .wT { color: #0000ff; } /* word Farbe für Funktionsnamen */ .wF { color: brown; } /* word HIGHLIGHT, gelber Marker */ .wH { background-color: #FCFE04; } /* word Farbe für globale Variable */ .wV { color: #666; /*font-weight: bold;*/ } pre { color: black; margin: 0.5em 2em; padding: 2px; background-color: #DFD7C2; border-style: solid; border-width: 1px; border-color: #C90000 #A90000 #A90000 #C90000; } tt { padding: 0px; background-color: lightgray; } img { vertical-align: bottom; border-style: none; } /* rtf farben \red0\green0\blue0; \red0\green0\blue119; \red0\green0\blue255; \red0\green128\blue0; \red0\green153\blue0; \red128\green0\blue0; \red128\green128\blue128; \red136\green0\blue0; \red160\green0\blue160;} */ .rtfcol0 { color: rgb(0,0,0);} .rtfcol1 { color: rgb(0,0,119);} .rtfcol2 { color: rgb(0,0,255);} .rtfcol3 { color: rgb(0,128,0);} .rtfcol4 { color: rgb(0,153,0);} .rtfcol5 { color: rgb(128,0,0);} .rtfcol6 { color: rgb(128,128,128);} .rtfcol7 { color: rgb(136,0,0);} .rtfcol8 { color: rgb(160,0,160);} /* Menüleiste CSS */ div#Winleiste { margin:0; overflow: hidden; } .WinLeiste_inhalt { color: black; /* background-color: white; */ font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0; padding: 8px; top: 0px; left: 0px; width: 100%; white-space: nowrap; overflow: auto; } .PopupLeiste_inhalt { color: black; /* background-color: #bfbca2; */ background-color: #dfdec4; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 0 4px; padding: 0px; top: 0px; left: 0px; width: 100%; /* white-space: nowrap; */ overflow: scroll; /* overflow: auto; */ } .WinLeiste_ro_blau { background:url(../images/winleiste/rand/winleiste_ro_blau.gif) top right no-repeat; } .WinLeiste_lo_blau { background:url(../images/winleiste/rand/winleiste_lo_blau.gif) top left no-repeat; } .WinLeiste_ru_blau { background:url(../images/winleiste/rand/winleiste_ru_blau.gif) bottom right no-repeat; } .WinLeiste_lu_blau { background:url(../images/winleiste/rand/winleiste_lu_blau.gif) bottom left no-repeat; } .WinLeiste_ro_gelb { background:url(../images/winleiste/rand/winleiste_ro_gelb.gif) top right no-repeat; } .WinLeiste_lo_gelb { background:url(../images/winleiste/rand/winleiste_lo_gelb.gif) top left no-repeat; } .WinLeiste_ru_gelb { background:url(../images/winleiste/rand/winleiste_ru_gelb.gif) bottom right no-repeat; } .WinLeiste_lu_gelb { background:url(../images/winleiste/rand/winleiste_lu_gelb.gif) bottom left no-repeat; } .WinLeiste_ro_gruen { background:url(../images/winleiste/rand/winleiste_ro_gruen.gif) top right no-repeat; } .WinLeiste_lo_gruen { background:url(../images/winleiste/rand/winleiste_lo_gruen.gif) top left no-repeat; } .WinLeiste_ru_gruen { background:url(../images/winleiste/rand/winleiste_ru_gruen.gif) bottom right no-repeat; } .WinLeiste_lu_gruen { background:url(../images/winleiste/rand/winleiste_lu_gruen.gif) bottom left no-repeat; } .WinLeiste_ro_turquoise { background:url(../images/winleiste/rand/winleiste_ro_turquoise.gif) top right no-repeat; } .WinLeiste_lo_turquoise { background:url(../images/winleiste/rand/winleiste_lo_turquoise.gif) top left no-repeat; } .WinLeiste_ru_turquoise { background:url(../images/winleiste/rand/winleiste_ru_turquoise.gif) bottom right no-repeat; } .WinLeiste_lu_turquoise { background:url(../images/winleiste/rand/winleiste_lu_turquoise.gif) bottom left no-repeat; } .WinLeiste_ro_grau { background:url(../images/winleiste/rand/winleiste_ro_grau.gif) top right no-repeat; } .WinLeiste_lo_grau { background:url(../images/winleiste/rand/winleiste_lo_grau.gif) top left no-repeat; } .WinLeiste_ru_grau { background:url(../images/winleiste/rand/winleiste_ru_grau.gif) bottom right no-repeat; } .WinLeiste_lu_grau { background:url(../images/winleiste/rand/winleiste_lu_grau.gif) bottom left no-repeat; } .WinLeiste_innen_links{ padding: 10 10 0 10; font-weight: bold; float:left; overflow: hidden; } .WinLeiste_innen_rechts{ padding: 10 10; overflow:hidden; } /* define block */ .wx { font-family: courier; font-size: 9px; } /* kleines dreieck das nach unten zeigt */ .include_offen { background: url(navbar/open.gif) left center no-repeat; padding-left: 15px; font-weight: bold; } /* kleines dreieck, zeigt an das man aufklappen kann */ .include_zu { background: url(navbar/close.gif) left center no-repeat; padding-left: 11px; font-weight: normal; } .include_offen_hover { background: url(navbar/open.gif) left center no-repeat; padding-left: 15px; color: #40f040; font-weight: bold; } .include_zu_hover { background: url(navbar/close.gif) left center no-repeat; padding-left: 11px; color: #40f040; font-weight: normal; } .include_block_offen { border-left: 2px solid gray; padding-left: 1em; position: static; visibility: visible; } .include_block_zu { position: absolute; left:0px; top:0px; visibility: hidden; } /* * Aussehen muss wie div#h2 */ div#h2_menue_link td { border: 0px; white-space: nowrap; } div#h1_menue_link td { border: 0px; white-space: nowrap; } div#h2_menue_link a { color: #d6f0da; font-family: Verdana; font-weight: bold; font-size: 17px; text-decoration: none; } div#h2_menue_link a:link { text-decoration: none; } div#h2_menue_link a:visited { text-decoration: none; } div#h2_menue_link a:hover { color: #40f040; text-decoration: none; } div#h2_menue_link a:active { text-decoration: none; } div#h1_menue_link a { color: #d6f0da; font-family: Verdana; font-weight: bold; font-size: 20px; text-decoration: none; } div#h1_menue_link a:link { text-decoration: none; } div#h1_menue_link a:visited { text-decoration: none; } div#h1_menue_link a:hover { color: #40f040; text-decoration: none; } div#h1_menue_link a:active { text-decoration: none; } /* Spalten Bei Lowlevellib übersicht */ div#Inhalt .spalte1 { width: 33%; float: right; } div#Inhalt .spalte2 { width: 33%; float: right; } div#Inhalt .spalte3 { width: 33%; } .function_small { margin-top: 1em; font-size: 11px; background-color: #9FB1B9; } div#AuswahlSprache { padding-left: 30px; } div#Inhalt ul { font-size: 12px; margin: 0px; padding: 10px 15px 15px 30px; border: 1px solid; /* #a7b2ff*/ border-color: #C90000 #A90000 #A90000 #C90000; font-style: normal; width: 594px; background-color: #758A94; } /* * * NAVBAR HEADER [info] [suche] [favoriten] [menüleiste] [Fensteranordnen] [support] * */ div#NavBarHeader_Btn_Info { float: left; left: 0px; top: 0px; height: 26px; width: 50px; } .NavBarHeader_Btn_Info_Hover { background: url(header/nav_bar_header_hover.png); } div#NavBarHeader_Btn_Suche { float: left; left: 50px; top: -26px; height: 26px; width: 56px; } .NavBarHeader_Btn_Suche_Hover { background: url(header/nav_bar_header_hover.png); background-position: -50px 0px; } div#NavBarHeader_Btn_Favoriten { float: left; left: 106px; top: -52px; height: 26px; width: 74px; } .NavBarHeader_Btn_Favoriten_Hover { background: url(header/nav_bar_header_hover.png); background-position: -106px 0px; } div#NavBarHeader_Btn_Menuleiste { float: left; left: 180px; top: -78px; height: 26px; width: 84px; } .NavBarHeader_Btn_Menuleiste_Hover { background: url(header/nav_bar_header_hover.png); background-position: -180px 0px; } div#NavBarHeader_Btn_Fensteranordnen { float: left; left: 264px; top: -104px; height: 26px; width: 122px; } .NavBarHeader_Btn_Fensteranordnen_Hover { background: url(header/nav_bar_header_hover.png); background-position: -264px 0px; } div#NavBarHeader_Btn_Support { float: left; left: 386px; top: -130px; height: 26px; width: 67px; } .NavBarHeader_Btn_Support_Hover { background: url(header/nav_bar_header_hover.png); background-position: -386px 0px; } .h_h2 { padding-top: 8px; padding-bottom: 1px; }