/* 
    Document   : navigation
    Created on : 18.11.2008, 15:50:05
    Author     : muebjosius
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/* Hauptmenü/Seiten */
#seitenmenu {
        position:relative;
        top:0px;
        left:10px;
        width:100%;
        height:56px;
        }

ul.seiten, .seiten ul{
        /*Remove all spacings from the list items*/
        margin:0;
        padding:0;
        list-style-type:none;
        display:inline;
        height:56px;
        }

ul.seiten{
        display:table;
        }
ul.seiten>li {
        display:table-cell;
        position:relative;
        padding:14px 6px;
	}

ul.seiten>li:hover  {
        padding-right:6px;
        }

ul.seiten li>ul {
        /*Make the sub list items invisible*/
        display:none;
        position:absolute;
        max-width:40ex;
        margin-left:-6px;
        margin-top:2px;
        padding-top:5px;
        padding-bottom:5px;

        /*Schlagschatten*/
        -webkit-box-shadow: 2px 2px 1px #000000;
        -moz-box-shadow: 5px 5px 11px #000000;
        box-shadow:  2px 2px 1px #000000;

        /*Runde Ecken*/
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -khtml-border-radius-bottomleft: 5px;
        -khtml-border-radius-bottomright: 5px;
        -webkit-border-radius-bottomleft: 5px;
        -webkit-border-radius-bottomright: 5px;
        -opera-border-radius-bottomleft: 5px;
        -opera-border-radius-bottomright: 5px;
        }

ul.seiten li:hover>ul{
        /*When hovered, make them appear*/
        display:table;
        }

.seiten ul li a {
        /*Make the hyperlinks as a block element, sort of a hover effect*/
        display:table;
        padding:5px 10px;
        }

/*** Menu colors (customizable) ***/
ul.seiten, .seiten ul, .seiten ul li a {
        }


ul.seiten li:hover, .seiten ul li a:hover {
        }

ul.seiten li:active, .seiten ul li a:active{
        }

ul.seiten, .seiten ul{
        }

.seiten a{
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-weight:bold;
        font-size:12px;
        }


/*** Hauptmenü/Kategorien ***/
#kategorienmenu {}

ul.kategorien, .kategorien ul {
        /*Remove all spacings from the list items*/
        margin:0;
        padding:0;
        list-style-type:none;
        display:inline;
        }
ul.kategorien {
        display:table;
        }
ul.kategorien>li {
        display:table-cell;
        position:relative;
        padding:0px 6px;
        }