/* 
    Document   : menue
    Created on : 08.10.2010, 15:21:47
    Author     : Gregor Feige
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
.menu a{
    font-size: 10px;
}

.menu ul{
    padding: 0;
    margin:0;
    padding-top: 20px;
}


.menu ul li{
    padding-left: 20px;
    list-style-type: none;
    text-transform: uppercase;
    float: left;
    text-align: left;
    font-weight: bold;
}

.menu li ul {
    position: absolute;
    display: none;
    padding-top: 6px;
}

.menu li ul li {
    width: 12em;
    margin: 0;
    padding: 0;
    font-weight: normal;
    padding-bottom: 4px;
    background: #FFF;
}

.menu li ul a {
    padding: 2px 8px 2px 8px;
    display: block;
}

.menu li ul a:hover {
    font-weight: normal;
}

.menu li:hover ul, .menu li a:focus ul, .menu li.subMenu ul {display: block;}
.menu li:hover ul ul, .menu li.subMenu ul ul {display: none;}


/* Positioning the Pop-out Drops */
.menu li {position: relative;}

.menu ul ul ul {
        position: absolute;
        left: 100%;
}

.menu ul li.menu-current a.m3, .menu ul li.menu-parent a.m3, .menu ul li a.m3:hover{
    color: #cd0062;
    padding-bottom: 9px;
}

.menu ul li.menu-current a.m12, .menu ul li.menu-parent a.m12, .menu ul li a.m12:hover{
    color: #60378a;
    padding-bottom: 9px;
}

.menu ul li.menu-current a.m9, .menu ul li.menu-parent a.m9, .menu ul li a.m9:hover{
    color: #a4c400;
    padding-bottom: 9px;
}


.menu ul li.menu-current a.m10, .menu ul li.menu-parent a.m10, .menu ul li a.m10:hover{
    color: #0f696a;
    padding-bottom: 9px;
}

.menu ul li.menu-current a.m11, .menu ul li.menu-parent a.m11, .menu ul li a.m11:hover{
    color: #f3e517;
    padding-bottom: 9px;
}


.menu li ul a.m2{background-image: url(img/all/menu/magenta_30.gif);} /*background-image: url(img/violett_hg.png); */
.menu li ul a.m8{background-image: url(img/all/menu/magenta_40.gif);}
.menu li ul a.m75{background-image: url(img/all/menu/magenta_50.gif);}
.menu li ul a.m58{background-image: url(img/all/menu/magenta_60.gif);}
.menu li ul a.m17{background-image: url(img/all/menu/magenta_70.gif);}
.menu li ul a.m18{background-image: url(img/all/menu/magenta_80.gif);}

.menu li ul a.m13{background-image: url(img/all/menu/lila_30.gif);}
.menu li ul a.m14{background-image: url(img/all/menu/lila_40.gif);}
.menu li ul a.m19{background-image: url(img/all/menu/lila_50.gif);}
.menu li ul a.m20{background-image: url(img/all/menu/lila_60.gif);}
.menu li ul a.m21{background-image: url(img/all/menu/lila_70.gif);}
.menu li ul a.m82{background-image: url(img/all/menu/lila_80.gif);}

.menu li ul a.m22{background-image: url(img/all/menu/hell_gruen_30.gif);}
.menu li ul a.m23{background-image: url(img/all/menu/hell_gruen_40.gif);}
.menu li ul a.m70{background-image: url(img/all/menu/hell_gruen_50.gif);}
.menu li ul a.m25{background-image: url(img/all/menu/hell_gruen_60.gif);}

.menu li ul a.m26{background-image: url(img/all/menu/tuerkis_40.gif);}
.menu li ul a.m27{background-image: url(img/all/menu/tuerkis_40.gif);}
.menu li ul a.m28{background-image: url(img/all/menu/tuerkis_50.gif);}
.menu li ul a.m29{background-image: url(img/all/menu/tuerkis_60.gif);}
.menu li ul a.m30{background-image: url(img/all/menu/tuerkis_60.gif);}

.menu li ul a.m31{background-image: url(img/all/menu/gelb_30.gif);}
.menu li ul a.m32{background-image: url(img/all/menu/gelb_40.gif);}
.menu li ul a.m33{background-image: url(img/all/menu/gelb_50.gif);}
.menu li ul a.m34{background-image: url(img/all/menu/gelb_60.gif);}
.menu li ul a.m35{background-image: url(img/all/menu/gelb_70.gif);}
.menu li ul a.m94{background-image: url(img/all/menu/gelb_80.gif);}

.menu li ul a.m2:hover, .menu li ul a.m8:hover, .menu li ul a.m75:hover, .menu li ul a.m58:hover, .menu li ul a.m17:hover, .menu li ul a.m18:hover
{background: #d20055;}

.menu li ul a.m13:hover, .menu li ul a.m14:hover, .menu li ul a.m19:hover, .menu li ul a.m20:hover, .menu li ul a.m21:hover, .menu li ul a.m82:hover
{background: #732d82; }

.menu li ul a.m22:hover, .menu li ul a.m23:hover, .menu li ul a.m70:hover, .menu li ul a.m25:hover
{background: #afc700; }

.menu li ul a.m26:hover, .menu li ul a.m27:hover, .menu li ul a.m28:hover, .menu li ul a.m29:hover, .menu li ul a.m30:hover
{background: #0f6969; }

.menu li ul a.m31:hover,.menu li ul a.m32:hover, .menu li ul a.m33:hover, .menu li ul a.m34:hover, .menu li ul a.m35:hover, .menu li ul a.m94:hover
{background: #ffef2d; }



.bottommenu {
    position: relative;
    height: 45px;
    width: 900px;
    left: 50%;
    margin-left: -450px;
}

.bottommenu ul.menu-top{
	margin:0;
	padding:0;
        text-align: center;
}

.bottommenu ul.menu-top li{
    	padding: 0;
	margin: 0;
        padding-right: 10px;
        padding-top: 10px;
        list-style-type: none;
        display: inline-block;
}

.bottommenu a{
    font-size: 10px;
    font-weight: bold;
}

.workermenu {
    margin: 0;
    padding: 0px;
    position: absolute;
    margin-left: 600px;
    margin-top: 40px;
    float: left;
}

.workermenu ul {
    padding: 0;
    margin: 0;
}

.workermenu ul li{
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-transform: uppercase;
}

.workermenu a {
    display: block;
    background-repeat: no-repeat;
    width: 236px;
    padding-bottom: 20px;
    padding-top: 15px;
    padding-left: 35px;
    font-weight: bold;
}

.workermenu a.m42 {
    background: url(img/company/ceo.png);
    background-repeat: no-repeat;
}

.workermenu a.m43 {
    background: url(img/company/sales.png);
    background-repeat: no-repeat;
}

.workermenu a.m48 {
    background: url(img/company/marketing.png);
    background-repeat: no-repeat;
}

.workermenu a.m49 {
    background: url(img/company/backoffice.png);
    background-repeat: no-repeat;
}

.workermenu a.m50 {
    background: url(img/company/it.png);
    background-repeat: no-repeat;
}

.workermenu ul li.menu-current a.m42, .workermenu ul li.menu-parent a.m42, .workermenu ul li a.m42:hover{
    color: #cd0062;
}

.workermenu ul li.menu-current a.m43, .workermenu ul li.menu-parent a.m43, .workermenu ul li a.m43:hover{
    color: #a4c400;
}

.workermenu ul li.menu-current a.m48, .workermenu ul li.menu-parent a.m48, .workermenu ul li a.m48:hover{
    color: #60378a;
}


.workermenu ul li.menu-current a.m49, .workermenu ul li.menu-parent a.m49, .workermenu ul li a.m49:hover{
    color: #0f696a;
}

.workermenu ul li.menu-current a.m50, .workermenu ul li.menu-parent a.m50, .workermenu ul li a.m50:hover{
    color: #f3e517;
}

.workersubmenu {
    position: absolute;
    margin-top: 375px;
    margin-left: 40px;
    list-style-type: none;

}

.workersubmenu ul{
    padding: 0;
    margin:0;
}


.workersubmenu ul li{
    list-style-type: none;
    text-transform: uppercase;
    float: left;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px #000000 solid;
    font-size: 10px;
}

.workersubmenu ul li.menu-current a{
    font-weight: bold;
}

.refmenu  {
    font-family:helvetica,arial,non-serif;
    font-size:12px;
    left:750px;
    list-style-type:none;
    position:relative;
    top:0;
    width:100px;
}

.refmenu ul{
    padding: 0;
    margin:0;
        text-align: right;
}


.refmenu ul li{
    list-style-type: none;
    text-transform: uppercase;
    display:inline-block;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px #000000 solid;
}

.refmenu ul li.menu-current a{
    font-weight: bold;
}