/*####################*/
/*      Top Navigation           */
/*####################*/

 #nav {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.1em;
   width: 100%;
   height: 50px;

   margin: 0;
   padding: 3px;
   background: #2980b9;
   line-height:3em;

   border-radius: 1em;
   -webkit-border-radius: 2em;
   -moz-border-radius: 2em;

   -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
   -moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
 }


 #nav li {
  /* margin: 2px 2px;
   padding: 3px 3px;   */
   float: left;
   position: relative;
   list-style: none;
   border-right:1px solid #FFF;
 }


 /* main level link */
 #nav a {
   font-weight: bold;
   color: #FF0000;
   text-decoration: none;
   display: block;
   padding: 10px 10px;      /*8px 15px; */ /* Abstand der Links */
   margin: 0;

   -webkit-border-radius: 1.6em;
   -moz-border-radius: 1.6em;
   border-radius: 0.5em; /*für Firefox jk ###############*/
/* text-shadow: 0 1px 1px rgba(0,0,0, .3); */
   text-shadow: 1px 1px 0px #000, 2px 2px 0px rgba(0,0,0,0.15);

 }

 #nav a:hover {
   background: #39A6EF;
   color: #FFF;
 }

 /* main level link hover */
 #nav .current a, #nav li:hover a {
   background: #39A6EF; /* url(../images/gradient.png) repeat-x 0 -40px; */
   color: #FFF;
   /* border-top: solid 1px #f8f8f8; */

 /*
   -webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
   -moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
   box-shadow: 0 1px 1px rgba(0,0,0, .2);
*/
 /*    text-shadow: 0 1px 0 rgba(255,255,255, 1);
   width:30px; geht nicht */
 }


 /* sub levels link hover */
 #nav ul li:hover a, #nav li:hover li a {
    background: none;
    border: none;
    color: #000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    width:164px;

}

#nav ul a:hover {
        background: #2980b9 url(../images/gradient.png) repeat-x 0 -100px !important;
        color: #FFF !important;

        -webkit-border-radius: 0;
        -moz-border-radius: 0;

        text-shadow: 0 1px 1px rgba(0,0,0, .1);
   /*    width:80px;      */

}

/* dropdown */
#nav li:hover > ul {
        display: block;
        z-index: 10;
}

/* level 2 list */
#nav ul {
        display: none;
        margin: 0;
        padding: 0;
        width: 185px; /*Breite subnavi und Abstand der 2. Navigationsebene von der 1. */
        position: absolute;
        top: 35px; /*Abstand der 1. Navigationsebene vom oberen Link */
        left: 0;
        background: #DFDFDF url(../images/gradient.png) repeat-x 0 0;
        border: solid 1px #b4b4b4;

        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px; /*Radius Aufklappmenu */

        -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
        box-shadow: 0 1px 3px rgba(0,0,0, .3);

        line-height: 5px; /* Abstand einzelner Links im Untermenu */
}

#nav ul li {
        float: none;
        margin: 0;
        padding: 0;
}

#nav ul a {
        font-weight: normal;
        text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
        left: 181px;
        top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
        -webkit-border-top-left-radius: 9px;
        -moz-border-radius-topleft: 9px;

        -webkit-border-top-right-radius: 9px;
        -moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
        -webkit-border-bottom-left-radius: 9px;
        -moz-border-radius-bottomleft: 9px;

        -webkit-border-bottom-right-radius: 9px;
        -moz-border-radius-bottomright: 9px;
}

/* clearfix */
#nav:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
}
#nav {
        display: inline-block;
}
html[xmlns] #nav {
        display: block;
}

* html #nav {
        height: 1%;
}



 /*########################*/
 /*     jquery Bereich     */
 /*########################*/

 /* Dialog Box */
 .ui-dialog-titlebar { border:0; background-color: #2980b9; color:#FFF; text-align:center; }

 .ui-widget-overlay{
  opacity: .50 !important;
  filter: Alpha(Opacity=50) !important;
  background-color: rgb(50, 50, 50) !important;
 }


 .ui-dialog-titlebar-close {
    visibility: visible; /*hidden;  */
    background-color:#FFF;
    color:#000;
 }

 .ui-dialog-titlebar-close:hover{
  background-color:#FF0000;
  color:#FFF;
 }


 /*
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 21px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
*/




 /* /Dialog Box */


 /* accordion boxen */
 #accordion .ui-accordion-content {
  width: 148px;
  background-color:#EFEFEF;
  color: #777;
  font-size: 16px;
  line-height: 15px;
  padding:5px;
 }

 #accordion .ui-accordion-header {
  background-color: #2980b9; /* #64A92C;   */
  border:0;
  margin-bottom: 5px;
  height:14px;
  color:#FFF;
  font-size:13px;
  text-shadow: 1px 1px 0px #000, 2px 2px 0px rgba(0,0,0,0.15);
  padding:5px;
 }

 #accordion a{color:#64A92C}
 #accordion a:hover{color:red}

 /* //accordion boxen */