You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1081 lines
20 KiB
CSS

/* Basis CSS */
body {
color: white;
background-color: #899fa9;
font-family: Verdana;
font-size: 11px;
min-width: 60em;
margin: 0px;
padding: 0px;
overflow: hidden;
}
#scrollContent {
position: absolute;
top: 121px;
left: 0px;
width: 100%;
height: 100%;
overflow: auto;
/* Scrollbars für scrollfähigen DIV-Container zulassen */
/* IE-Scrollbars formatieren
scrollbar-base-color: #000010;
scrollbar-3d-light-color: #aabbcc;
scrollbar-arrow-color: #aabbcc;
scrollbar-darkshadow-color: #000010;
scrollbar-face-color: #000010;
scrollbar-highlight-color: #8899aa;
scrollbar-shadow-color: #8899aa;
scrollbar-track-color: #000010;
*/
}
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);
}
div#NavTop {
background: url(header/under_Header_shadow_rightfield.png) top repeat-x;
height: 26px;
}
div#NavTopLeft {
background: url(header/under_Header_shadow_left.png) left top repeat-y;
margin-left: 185px;
height: 26px;
}
div#NavTopMiddle {
background: url(header/under_Header_shadow_corner_middle.png) left top no-repeat;
height: 26px;
}
div#NavBarHeader {
float: right;
padding-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: relative;
float: left;
width: 177px; /* 8 pixel weniger wegen scroll balken */
width: 185px;
height: 100%;
left: 0px;
top: 0px;
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;
}
/* 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: 88px;
}
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.png) left center no-repeat;
color: #d6f0da;
padding-left: 38px;
}
.nav_ebene_1_offen_hover {
/*background: url(navbar/open.gif) left center no-repeat;*/
background: url(navbar/Lmenu_back1.png) left center no-repeat;
color: #00ff00;
font-weight: bold;
padding-left: 38px;
}
/* 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: 38px;
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;
padding-left: 11px;
color: #00ff00;
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/noitems.gif) left center no-repeat;
padding-left: 14px;
}
/* kugel, das item kann nicht aufgeklappt werden */
.nav_ebene_1_hover {
background: url(navbar/noitems.gif) left center no-repeat;
padding-left: 14px;
color: #0000ff;
font-weight: bold;
}
.nav_ebene_1_active {
background: url(navbar/noitems.gif) left center no-repeat;
padding-left: 14px;
color: #0000ff;
font-weight: bold;
}
/* kugel, das item kann nicht aufgeklappt werden */
.nav_ebene_1_active_hover {
background: url(navbar/noitems.gif) left center no-repeat;
padding-left: 14px;
color: #00ff00;
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: 14px;
margin: 0 0 0 10px;
}
/* kugel, das item kann nicht aufgeklappt werden */
.nav_ebene_2_hover {
background: url(navbar/ebene2.gif) left center no-repeat;
padding-left: 14px;
margin: 0 0 0 10px;
color: #0000ff;
font-weight: bold;
}
.nav_ebene_2_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_2_active_hover {
background: url(navbar/close_2.gif) left center no-repeat;
padding-left: 14px;
margin: 0 0 0 10px;
color: #0000ff;
font-weight: bold;
}
/* kugel, das item kann nicht aufgeklappt werden Admin*/
.nav_ebene_2a {
background: url(navbar/aebene2.gif) left center no-repeat;
padding-left: 14px;
margin: 0 0 0 10px;
}
/* kugel, das item kann nicht aufgeklappt werden Admin*/
.nav_ebene_2a_hover {
background: url(navbar/aebene2.gif) left center no-repeat;
padding-left: 14px;
margin: 0 0 0 10px;
color: #0000ff;
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;
padding-left: 14px;
margin: 0 0 0 14px;
}
/* kugel, das item kann nicht aufgeklappt werden Admin*/
.nav_ebene_3_hover {
background: url(navbar/ebene3.gif) left center no-repeat;
padding-left: 14px;
margin: 0 0 0 14px;
color: #0000ff;
font-weight: bold;
}
/* 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;
left: 200px;
top: 121px;
}
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;
}
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;
font-style: italic;
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;
font-style: italic;
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 {
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: 13px;
}
/* kleines dreieck, zeigt an das man aufklappen kann */
.include_zu {
background: url(navbar/close.gif) left center no-repeat;
padding-left: 11px;
}
.include_offen_hover {
background: url(navbar/open.gif) left center no-repeat;
padding-left: 13px;
color: #0000ff;
font-weight: bold;
}
.include_zu_hover {
background: url(navbar/close.gif) left center no-repeat;
padding-left: 13px;
color: #0000ff;
font-weight: bold;
}
.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;
font-style: italic;
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;
font-style: italic;
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
{
font-size: 11px;
background-color: #eeeeee;
}
div#AuswahlSprache {
padding-left: 30px;
}
div#Inhalt ul {
font-size: 12px;
margin: 0px; padding: 0em 1em 1em 4em;
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 {
position: relative;
left: 0px;
top: 0px;
height: 26px;
width: 50px;
}
.NavBarHeader_Btn_Info_Hover {
background: url(header/nav_bar_header_hover.png);
}
div#NavBarHeader_Btn_Suche {
position: relative;
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 {
position: relative;
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 {
position: relative;
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 {
position: relative;
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 {
position: relative;
left: 386px;
top: -130px;
height: 26px;
width: 67px;
}
.NavBarHeader_Btn_Support_Hover {
background: url(header/nav_bar_header_hover.png);
background-position: -386px 0px;
}