/* css fuer die Website www.compumed.de                 */
/* Copyright .TRIPLE.ORANGE - Thomas Schürmann                 */

/* Stilvorgaben speziell für die Klappmenüs                */


                                /* ganz allgemein den Stil der Listen aendern */

ul#nav {
        list-style: none;
        padding: 0;
        margin: 0;
        display:block;
}

#nav li  {
        float: left;
        position: relative;
        text-align: left;
        cursor:default;
}

                                /* den Stil der Links innerhalb der Liste festlegen - hier fuer die obere Ebene in der Navigationsleiste */

#nav a {
        color: #FFE8E8;
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        letter-spacing: 0.01em;
        font-weight: bold;
        text-decoration: none;
}

                                /* den Stil der Links innerhalb der Liste festlegen - hier fuer die unter Ebene in den Klappmenues */
#nav li li a {
        display: block;
        color: #FFFFFF;
        padding: 3px 10px 0px 20px;
        background-color: #CC0000;
        font-size: 11px;
        height: 18px;
        margin-left: -10px;
        border-bottom-style: dotted;
        border-bottom-color: #FF9393;
        border-bottom-width: 1px;
        font-weight: normal;
}

                                /* Wechsel der Hintergrundfarben bei Mouseover in den Klappmenues */
#nav li li a:hover {
        padding: 3px 10px 0px 20px;
        background-color: #FF2F2F;

}

                                /* allgemeine breite des elements der Liste li hier festlegen  */



                                /* Standardklasse Breite fuer die Klappmenues festlegen  */
.drop {
        color: #FFFFFF;
        width: 180px;
        margin-top: -1px;
}


                                /* Sonderklasse Breite groesser fuer  Klappmenues */

li.breit {
        width: 220px;
}

                                /* ab hier werden individuell alle Menüpunkte der Navigationsleiste mit einer individuellen Breite versehen */


li#eins {
        padding-left:11px;
        width: 62px;
        }

/* (FEN)
li#zwei {
        width: 145px;
        }

li#drei {
        width: 140px;
        }

li#vier {
        width: 150px;
        }

li#letztes {
        border-right-width: 0px;
        width:100px;
        }
*/

/* fuer alle elemente der gleiche abstand nach oben, weitere listenpunkte muessen wie z.B. li#fuenf auch hier eingetragen werden  */

li#eins, li#zwei, li#drei, li#vier, li#letztes, li#news {
        padding-top: 4px;
        height: 21px;
        }

                                /* alle untermenues verstecken und die positionierung angeben */
ul#nav li ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        font-weight: normal;
        padding: 0px 0px 0px 0px;
        /*background-color: #CC0000;*/
        margin-top: -2px;
}

*html ul#nav li ul { margin-top: -1px; }


li>ul {
        top: auto;
        left: auto;
        padding-left: 0px;
}

                                /* die listenpunkte der untermenues positionieren */
ul#nav li li {
        float: none;
        background-color: transparent;
        border: 0;
        display: block;
        padding-left: 0px;
}

                                /* die art und weise der darstellung der klappmenues festlegen */
ul#nav li:hover ul, ul#nav li.over ul {
        display: block;
}








#throwaway {
        margin: auto;
}
p {
        clear: left;
}
.top {
        height: 19px;
        margin-bottom: 0px;
}
.pipe {
        height: 21px;
        margin-bottom: 1px;
        color: #FFFFFF;
        width: 10px;
}
li.middle {
        padding-top: 4px;
        height: 21px;
        width: 15px;
}

.inhalt ul, .inhalt_noborder ul, #movie ul {
        width: auto;
        margin: 1em 0 1em 0;
        padding: 0 0 0 2em;

        position: relative;
}



.inhalt ul li, .inhalt_noborder ul li, #movie ul li {
        font-size: 90%;
        width: auto;
        float: none;
        clear: all;
        padding: 0.5em;
}



/* FEN */
/* Anzeigen der Horizontalen Untermenüs*/
#submenu:hover ul li a{
    display: block;
    width: 215px;
    position:relative;
    left:191px;
    top:-20px;
}

/* Ausblenden der Horizontalen Untermenüs */
#submenu ul li a{
    display: none;
}
/* FEN */