/* =============================================
   fuv.css
   Style definitions for www.firma-und-verein.de
   
   Using relative font sizes where posible (em),
   fixed sizes where needed (pt)
   ÜÖÄßüäö
   ============================================= */

/* ---------------------------------------------
   BODY: it's important that all margins are set to zero
   --------------------------------------------- */
body {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;

    background-image: url(images/bgr-gradient.png);
    background-repeat: repeat-x;
    background-color: #D2D6DB;

    color: #000030;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
}

/* ---------------------------------------------
   Standard paragraphs, headings, lists
   --------------------------------------------- */
p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: normal;
    text-align: left;

    color: #000030;
    
    margin-top: 0;
    margin-bottom: 0.25em;
    margin-left: 1em;
    margin-right: 1em;
}

h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.95em;	/* Fits to size of black triangle */
    font-weight: bold;
    
    text-transform: uppercase;
    text-align: left;

    color: #000000;
    
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    margin-left: 0.3em;
    margin-right: 1em;
}

h2, h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    
    text-transform: uppercase;
    text-align: left;

    color: #000000;

    margin-top: 0.25em;
    margin-bottom: 0.25em;
    margin-left: 0.3em;
    margin-right: 1em;
}

ul {
    margin-top: 0px;
    margin-bottom: 0.25em;
    margin-left: 1.7em;
    margin-right: 1em;

    list-style-type: none;
    list-style-position: outside;
    list-style-image: url(images/ulbullet-blue.gif);
}

ul.redbullet {
    margin-top: 0;
    margin-bottom: 0.25em;
    margin-left: 1.7em;
    margin-right: 0;

    list-style-type: none;
    list-style-position: outside;
    list-style-image: url(images/ulbullet-red.gif);
}

ol {
    margin-top: 0;
    margin-bottom: 0.25em;
    margin-left: 2.4em;
    margin-right: 1em;

    list-style-type: decimal;
    list-style-position: outside;
}

li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    font-weight: normal;

    color: #000030;

    text-align: left;
}

/* ---------------------------------------------
   Hyperlinks within standard content
   --------------------------------------------- */
a { 
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

a:link    { color:#00ABBE; text-decoration:none; }
a:visited { color:#A50002; text-decoration:none; }
a:hover   { color:#00ABBE; text-decoration:underline; }
a:active  { color:#A50002; text-decoration:underline; }

/* ---------------------------------------------
   Inline
   --------------------------------------------- */
em {
    font-style: italic; /* generally unnecessary because the default style of em tends to be italic */
    color: #000000;
}

span.redalert {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: #A50002;
}

span.skyblue {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: #ADD0DA;
}

span.aqua {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
    color: #00ABBE;
}

span.heavy {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #000000;
}

/* ---------------------------------------------
   Form and form elements
   font-size of inputs is inherited by their
   container, usually <td class="forminput">
   --------------------------------------------- */
form {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

label {
    cursor: pointer;
}

textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
}

input.fuvinput {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
}

/* applicable for radios and checkboxes */
input.radiocheck {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
}

/* applicable for buttons such as submit and reset */
input.fuvbutton {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
}

select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
}

/* td for the label column in data entry mode*/
td.formlabeldata {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;

    text-align: right;
    vertical-align: top;

    padding-right: 6px;
    padding-left: 6px;
    padding-top: 6px;
    padding-bottom: 0;
}

/* td for the label column in confirm mode (matches forminput class)*/
td.formlabelconfirm {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;

    text-align: right;
    vertical-align: top;

    padding-right: 6px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}


/* td for the controls column in data entry mode*/
td.forminput {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;

    text-align: left;
    vertical-align: top;

    padding-right: 6px;
    padding-left: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* td to hold standard text */
td.text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;

    text-align: left;
    vertical-align: top;

    padding-right: 1em;
    padding-left: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.25em;
}

/* ---------------------------------------------
   Table and table data elements for
   download items (download page)
   Table width should be 760px
   --------------------------------------------- */
table.dwnld {
    margin-right: 14px;
    margin-left: 14px;
    margin-top: 0px;
    margin-bottom: 0px;  
}

td.dwnld {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.8em;
    vertical-align: top;

    border-color: #ADD0DA;
    border-style: dotted;
    border-top-width: 1px;
    border-left-width: 0;
    border-bottom-width: 0;
    border-right-width: 0;

    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 6px;
}

/* ---------------------------------------------
   Invisible table for display of data items
   or pictures with regular spacing.
   --------------------------------------------- */
table.regdisplay {
    margin: 6px;
    border-style: none;
}

td.regdisplay {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 0.8em;

    vertical-align: middle;
    text-align: center;

    border-style: none;
    padding: 12px;
}

/* ---------------------------------------------
   Table and table data elements for
   order positions / invoice items
   Table width should be no more than 720px
   A table within a table; check font size
   inheritance.
   --------------------------------------------- */
table.orderpos {
    margin-right: 0;
    margin-left: 14px;
    margin-top: 0;
    margin-bottom: 0;
}

th.orderpos {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #00ABBE;
    font-weight: normal;
    vertical-align: top;

    border-style: none;

    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

th.orderpos-border-r {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #00ABBE;
    font-weight: normal;
    vertical-align: top;

    border-color: #00ABBE;
    border-style: dotted;
    border-top-width: 0;
    border-left-width: 0;
    border-bottom-width: 0;
    border-right-width: 1px;

    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

td.orderpos {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    vertical-align: top;

    border-color: #00ABBE;
    border-style: dotted;
    border-top-width: 1px;
    border-left-width: 0;
    border-bottom-width: 0;
    border-right-width: 0;

    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

td.orderpos-border-r {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    vertical-align: top;

    border-color: #00ABBE;
    border-style: dotted;
    border-top-width: 1px;
    border-left-width: 0;
    border-bottom-width: 0;
    border-right-width: 1px;

    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

td.orderposfootnote {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    vertical-align: top;

    border-style: none;

    padding-right: 2px;
    padding-left: 2px;
    padding-top: 6px;
    padding-bottom: 6px;
}
    
/* ---------------------------------------------
   Suckerfish stuff
   --------------------------------------------- */
#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 775px;  /* Total width of top level menu */

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    font-variant: small-caps;
    line-height: 8px;
  
    background-color: transparent;
    border-style: none;
}

#nav a {
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    padding: 0.25em 0.25em;
}

#nav a:hover {
    color: #A50002; /* Turns red when hovering over top level item */
}

#nav li {
    float: left;
    width: 155px; /* = single item width in top level menu. There are 5 items in all */
    padding: 0;
    text-align: left;
}


#nav li:hover, #nav li.sfhover {
    /* Strange: on IE, you must set the background color for this "event" or else
       the second level menus will NOT disappear after a mouse click anywhere else
       in the window but the menu. Sorry, I can't explain this :-(

       All this does is set the background color when hovering over a top
       level menu item. */
    background-color: #C6CED9; /* #B6BEC9; */
}


#nav li ul {
    position: absolute;
    width: 155px; /* If width not set, second level menu becomes horizontal */
    left: -999em; /* This makes second level menues invisible */
    z-index: 10;  /* Makes sure, that divs that follow later in the file will be covered be menu */

    background-color: #FFFFFF;
    text-align: left;

    font-variant: normal;
    line-height: 1em;

    border: solid #A50002;
    border-width: 1px 1px;
}

#nav li:hover ul, #nav li.sfhover ul {
    left: auto;  /*  This makes a second level menu visible */
}


#nav li ul li {
    text-align: left;  /* This left-aligns second level items */
}

#nav li ul li:hover, #nav li ul li.sfhover {
    background-color: #D2D6DB;	/* Changes background when hovering over second level item */
}

/* ---------------------------------------------
   Ticker
   --------------------------------------------- */
input.scrdisplay{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;

    color: #A50002;
    background-color: #D2D6DB;
    /* background-color: #FFF;  DEBUG only */

    border-style: none;

    margin-top: 4px;
    margin-bottom: 0;
    margin-left: 33px;
    margin-right: 0;
}

/* ---------------------------------------------
   Quick Nav - form elements
   --------------------------------------------- */
.qnselect {
    width:220px;
    
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 9pt;
    font-weight: normal;

    /* color: #A50002; */
    color: #000000;
    background-color: #FFFFFF;

    border:1px solid #ADD0DA;
}