/* Style Sheet für Internetauftritt Katrin Ganten*/

/* Katrinrot   #A50F35
   Katringürkis dunkel  #30A8C3
   Katringürkis Hell   #8BCDDD
   Katrin türkis ganz dunkel #0795af

   0096b5

#c7f253 #8BCDDD      menü helle farbe
#30A8C3      menü dunkle farbe
#c0e84f #0096B5     aktive
#a8cc46 peru   ränder
darkGrey darkgrey    topframe link

Alte H2 farbe: #A50F35

 */
textarea {resize: vertical}

h2 {color: #DD0064;  margin-top: 50px;  }
h3 {color: #30A8C2; margin-top: 30px; margin-bottom: 15px;}
h4 {color:  #30A8C2; rgb(81,116,33);  }
h5 {color: #DD0064;  margin-top: 25px; margin-bottom: 10px;  font-weight: bold;  }

.WuWFuchsia {color: #C91F1E; }
.WuWPink {color: #DD0064; }
.WuWGrey {color:  rgb(91, 84, 84); }
.blisstürkis  #30A8C3

a, a:visited,  a:focus, a:hover {
    font-weight: bold;
    text-decoration: underline;
    color:   rgb(91, 84, 84);
    background-color: transparent;
  }

@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1600px){.container{width:1170px}}

.WuWBody {
  background-color: #fffdf3; #fffaf2; #FDF8D5; white; wheat; #FFEEAA;  LemonChiffon ;
  overflow: auto;
  border: 1px;
  padding-bottom: 1px;
}

.WuWContainer, .WuWContainerWithColumns {
    background: white;
}
.WuWContainer {
    padding-left: 10px;
    padding-right: 10px;
  }
.WuWLeftColumn {
  padding-left: 10px;
}
.WuWRightColumn {
  background-color: #fafafa ;
  padding-right: 40px;
}

@media (min-width:768px){

.WuWContainer {
    padding-left: 40px;
    padding-right: 40px;
  }
  .WuWLeftColumn {
  padding-left: 40px;
}
}

.WuWTitleCell a {
  color: #e1ffa8; darkGrey;
}

.WuWTopFrame a, .WuWTopFrame a:visited,  .WuWTopFrame a:focus, .WuWTopFrame a:hover {
    font-weight: normal;
}
@media (min-width:768px){
 .WuWTopFrame a, .WuWTopFrame a:visited,  .WuWTopFrame a:focus, .WuWTopFrame a:hover  {}
}

.WuWNavBarImage  {
    float: left;
    height: 50px;
    width: 230px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(images/TopImageNavbar.png);
    background-color:  transparent;
    margin-left: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 5px;
 }
@media (min-width:768px){.WuWNavBarImage  {display: none; }}

.WuWTopFrame{
    text-align: right;
    color: #fffff2;
    padding-right: 10px;
    padding-top: 5px;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(images/TopImage.png);
    background-size: contain;
    display: none;
}

.WuWTopFrameLinks{
    display: none;
}
@media (min-width:768px){
  .WuWTopFrame, .WuWTopFrameLinks { display: block;}
}


@media (min-width:768px){.WuWTopFrame{min-height:160px; }}
@media (min-width:992px){.WuWTopFrame{ min-height:207px; padding-top: 10px;  padding-right: 20px; }}
@media (min-width:1600px){.WuWTopFrame{ min-height:250px; padding-right: 25px; }}

.WuWTopFrame a, .WuWTopFrame a:visited {
    color: darkGrey;
    text-decoration: underline;
   }

.WuWNoDisplayOnSmall{ display: none;}
@media (min-width:768px){.WuWNoDisplayOnSmall{ display: block;} }

.WuWNoDisplayOnBig{ display: block;}
@media (min-width:768px){.WuWNoDisplayOnBig{ display: none;} }


.WuWCitation {
    font-style:italic;
    font-family:  Arial, Verdana,HELVETICA, times,times new roman,serif;
  }

 .WuWScheduleTable{
    background-color: transparent;
    text-align: left;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align:top;
    color: rgb(51, 51, 51);
 }

 .WuWScheduleTableHeader{
    font-weight: bold;
    padding-right: 10px;
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: transparent;
    text-align: center;
    font-size: large;
    color: #C91F1E; #007F00;
 }

 .WuWLinkDarkNotBold {
    text-decoration: underline;
    color:   rgb(91, 84, 84);
    background-color: transparent;
   }

.WuWWarningNoJS {
     font-size: 13px;
     color: #C91F1E;
     text-align: left;
     padding-left: 50px;
     padding-right: 50px;
     padding-top: 40px;
     background-color: #f8dcea;
     padding-bottom: 20px;
 }
 .WuWBodySmall {
     font-size: 11px;
 }

.WuWContentText {
    text-align: left;
    font-size: 13px;
    color:  rgb(51, 51, 51);

  }
 .WuWContentTextFooter {
    font-size: 11px;
    font-family:  Arial, Verdana,HELVETICA, times,times new roman,serif;
    color: rgb(51, 51, 51);
 }

 .WuWRequired {
    font-weight: bold;
    text-decoration: none;
    color: red;
    background-color: transparent;
 }

 .WuWLinkExtern{
    font-weight: bold;
    text-decoration: underline;
    color:  rgb(91, 84, 84);
    background-color: transparent;
   }
 .WuWUpDownLink {
    font-weight: bold;
    font-size: 12px;
    color: rgb(91, 84, 84);
    text-decoration: underline;
    background-color: transparent;
   }

 .WuWContentTextFooter {
    font-size: 80%;
    font-family:  Arial, Verdana,HELVETICA, times,times new roman,serif;
    color: rgb(51, 51, 51);
   }

 .WuWImageShadow {
      box-shadow: 10px 10px 5px lightgrey;
  }

.WuWFormTextBox{
  display:block;
  width:80%;height:34px;
  padding:6px ;
  margin-left: 20px;
}

.WuWBottomBar{
  height: 50px;
  padding-left:    15px;
  padding-right:   15px;
  padding-top:     15px;
  padding-bottom:  15px;
  font-weight: normal;
  display: block;
  border-radius:4px;
}

@media (max-width:500px) {
  .WuWBottomBar {
    display: none;
  }
}

/*** Überschreiben der bootstrap.min.css Einstellungen **************************************************************/
 /* Abstand der Eingabefelder in Forms */
.form-group {margin-bottom: 10px;}

 /* Eingabefelder in Forms */
.form-control:focus{
   border-color:green;
   outline:0;
   -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px green;
   box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px green
}

/* Weiche Farbänderung der Menübuttons bei Hover */
  .navbar-default li, navbar-default li ul, navbar-default ul {
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}

/* Weiches Einblenden des Untermenus bei Hover */
@media (min-width:768px) {
  .navbar li ul{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .navbar li:hover  ul {
    display: block;
    opacity: 1;
  }

  .navbar li  ul {
    display: block;
    opacity: 0;
  }
}

/*** Überschreiben der bootstrap.min.css Einstellungen für das Menü  **************************************************************/
.navbar{min-height:10px;margin-bottom:0px;}
.nav > li > a{ padding-left:   6px;  padding-right: 10px; }

/* Sandwich button */
.navbar-toggle {
  float: left;
  background:   #8BCDDD;
  padding: 9px 10px;
  margin-top: 8px;       /* 8px;  (abzügl. der  2 aus WuWNavBarImage) */
  margin-bottom: 8px;    /* 8px;  (abzügl. der  2 aus WuWNavBarImage) */
  margin-left: 8px;       /* 8px;  (abzügl. der  2 aus WuWNavBarImage) */
}
.navbar-default .navbar-toggle{border-color:white}
.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color: transparent;#e73938;}
.navbar-default .navbar-toggle .icon-bar{background-color:white}    /* die drei Balken */

@media (max-width:687px) {

<!--  .nav > li > a {padding-right: 180px; padding-left: 10px;}    /* verändert Breite des Verticalen Menus */
 -->

}

/*** Menü SKIN (in erster Linie für Rahmen und Separatoren innerhalb des Menüs) **************************************************************/

 .WuWMenu {
         float:                left;
         margin-bottom:        0em;
 }
 .WuWMenu li a {
     font-weight: normal;
 }

 div .WuWMenu    {
         border-left:             1px solid #0795ae;
         border-right:            1px none blue;
         border-top:              1px none Orange;
         border-bottom:           1px none blue;
 }
 .WuWMenu a {
         border-left:             1px none Orange;
         border-right:            1px solid #0795ae;
         border-top:              1px none green;
         border-bottom:           1px none green;
         padding:                 3.0em 0.5em;
         text-decoration:none;
         text-align: left;
 }

 .WuWMenu .open > a, .WuWMenu .open > a:focus, .WuWMenu .open > a:hover {

        border-right:            1px solid #0795ae;
        border-left:             1px solid #0795ae;
        border-top:              1px none green;
        border-bottom:           1px none green;
 }


.WuWMenu li li a {   /* Normales Submenü*/
        border-left:             1px none blue;
        border-right:            1px none Orange;
        border-bottom:           1px none blue;
        border-top:              1px none Orange;
        padding:                 0.75em 0.5em;
        font-weight:             normal;
}

.WuWMenu ul {    /* Rahmen fürs Submenü*/
        position: absolute;
        padding: 0px;
        width:   10em; /* width submenus, need to match for all entries */
}

@media (max-width:768px) {
  .WuWMenu li a, .WuWMenu .open > a, .WuWMenu .open > a:focus, .WuWMenu .open > a:hover{
          font-weight: normal;
          border-left:             1px none blue;
          border-bottom:           1px none blue;
          border-top:              1px none Orange;
          border-right:            1px none Orange;
  }
  div .WuWMenu    {
         border-left:            none;
  }
}

/* Schriftfarben im  Menü + Buttonbar ------------------------------------------------------*/
 .WuWBottomBar, .WuWBottomBar a, .WuWBottomBar a:focus, .WuWMenu a:visited  {
    color: white;
}
.navbar-default{
  color: white;
  border-color: transparent;
}
.navbar-default .navbar-nav > li > a
, .navbar-default .navbar-nav > li > a:hover
, .navbar-default .navbar-nav > li > a:focus
, .navbar-default .navbar-nav .open .dropdown-menu > li > a
, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
{
  color:white;
}

.navbar-default a, .navbar-default a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color: white;
}

.dropdown-menu > li > a {
  color:white;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: white;
}
.dropdown-menu > li > a:hover, .navbar-nav > li > a:hover, .navbar-nav > li > ul > a:active{
  color:white;
}

/* ------------------ Farbgebung der Menu + Bottombar ------------------------------------------------------------------*/
.WuWBottomBar {
      background:  #30A8C3    ; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(#8BCDDD   , #30A8C3    ); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#8BCDDD   , #30A8C3    ); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#8BCDDD   , #30A8C3    ); /* For Firefox 3.6 to 15 */
      background: linear-gradient( #8BCDDD   , #30A8C3    ); /* Standard syntax (must be last) */
}

.WuWBottomBar a, .WuWBottomBar a:focus{
  background-color: transparent;
}
.navbar-default {
      background:  #0795ae; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(#8BCDDD   , #30A8C3    ); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#8BCDDD   , #30A8C3    ); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#8BCDDD   , #30A8C3    ); /* For Firefox 3.6 to 15 */
      background: linear-gradient( #8BCDDD   , #30A8C3    ); /* Standard syntax (must be last) */
}


@media (min-width:768px) {
  .navbar-default {
      background:  #0795ae; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(#8BCDDD   , #30A8C3    ); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#8BCDDD   , #30A8C3    ); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#8BCDDD   , #30A8C3    ); /* For Firefox 3.6 to 15 */
      background: linear-gradient( #8BCDDD   , #30A8C3    ); /* Standard syntax (must be last) */
  }
}

.WuWMenu li li a {   /* Normales Submenü*/
      background:  #0795ae; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(#8BCDDD   , #30A8C3    ); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#8BCDDD   , #30A8C3    ); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#8BCDDD   , #30A8C3    ); /* For Firefox 3.6 to 15 */
      background: linear-gradient( #8BCDDD   , #30A8C3    ); /* Standard syntax (must be last) */
}

.nav ul {                                  /* Rahmen fürs Submenü*/
  background: #0795af  ; ;
}

.nav li li.current a, .nav li.current a
{
  background: #0795af  ; ;
}

.dropdown-menu > li > a:active, .navbar-nav > li > a:active, .navbar-nav > li > ul > a:active{
  background-color: #0795af  ;
}

.dropdown-menu > li > a:hover, .navbar-nav > li > a:hover, .navbar-nav > li > ul > a:active{
  background-color: blue; #0795af  ;;
}
.nav li:hover{
      background: #0795af  ;    /* Farbe für hover effekt in allen Menüpunkten; changed by de */
}
.nav li:hover{
      outline:               0;
      color: white;
      text-color: white;
}
.nav li a:hover, .nav a:hover {    /* großes Menü Submenü */
      background: #0795af  ;     /* Farbe für hover effekt in allen Menüpunkten; changed by de */
}



 .nav a:focus,
  ,.navbar-default .navbar-nav > .open > a:focus
  ,.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      background: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    background-color: #0795af  ;
}

/*   für kleine Bildschirem                 ******************************************************* */
  .WuWMenu li li a {   /* Submenü im Kleinen Modus*/
        background:  transparent; /* For browsers that do not support gradients */
    }

  .nav li:hover{
      background: transparent   /* Farbe für hover effekt in allen Menüpunkten; changed by de */
  }

  .nav li a:hover
  {
      background-color: transparent;
  }

  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav > .open > a:hover {
      background-color: transparent;
  }

  /* Kennzeichnung des aktiven Menüs */
  .nav li li.current a,
  .nav li.current a,
  .nav ul.current,
  .nav li.current,
  .nav li li.current,.nav current{
        background-color: transparent;
  }

  .navbar-collapse{
      background: transparent;  /* Menühintergrund */
  }

  .navbar-collapse a,
  .navbar-default .navbar-nav >  li a,
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a
  {
       color: white; black;        /* Standardschriftfarbe im Menü */
  }

  .dropdownmenu li > a:hover,
  .navbar-default .navbar-nav li a:hover,
  .navbar-default .navbar-nav .dropdownmenu li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
  {
     color: aqua; #cbf260;    /* Schriftfarbe für Hoovereffekt */
  }

  .navbar-default .navbar-nav > li.current > a
   {
     color: #A50F34 ; ;   /* Schriftfarbe für aktiven Eintrag im Menü */
  }

  .navbar-default .navbar-nav .dropdown-menu li.current > a,
  .navbar-default .navbar-nav li.current a.dropdown-toggle,
  .navbar-default .navbar-nav .open .dropdown-menu > li.current > a
  {
     color: green; ;   /* Schriftfarbe für aktiven Eintrag im Menü */
  }

/*     für große Bildschirme               ******************************************************* */

@media (min-width:768px) {

 .WuWMenu li li a {   /* Normales Submenü*/
      background:  #0795ae; /* For browsers that do not support gradients */
      background: -webkit-linear-gradient(#0795ae, #30A8C3    ); /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#0795ae, #30A8C3    ); /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#0795ae, #30A8C3    ); /* For Firefox 3.6 to 15 */
      background: linear-gradient( #0795ae, #30A8C3    ); /* Standard syntax (must be last) */
}

  .nav li:hover{
      background: #0795af  ;;   /* Farbe für hover effekt in allen Menüpunkten; changed by de */
  }

  .nav li a:hover
  {
      background-color: #0795af  ;
  }

  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav > .open > a:hover {
      background-color: #0795af  ;
  }

  /* Kennzeichnung des aktiven Menüs */
  .nav li li.current a, .nav li.current a,
  .nav ul.current, .nav li.current, .nav li li.current,.nav current{
        background-color: #0795af  ;
  }


  .li.dropdown a.dropdown-toggle{
        background-color: green;
  }

  .navbar-collapse{
      background: transparent;  /* Menühintergrund */
  }

  .navbar-collapse a,
  .navbar-default .navbar-nav >  li a,
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a
  {
       color: white;        /* Standardschriftfarbe im Menü */
  }

  .dropdownmenu li > a:hover,
  .navbar-default .navbar-nav li a:hover,
  .navbar-default .navbar-nav .dropdownmenu li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover
  {
     color: white;    /* Schriftfarbe für Hoovereffekt */
  }

  .navbar-default .navbar-nav > li.current > a
  {
     color: white; ;   /* Schriftfarbe für aktiven Eintrag im Menü */
  }

  .navbar-default .navbar-nav .dropdown-menu li.current > a,
  .navbar-default .navbar-nav .open .dropdown-menu > li.current > a
  {
     color: white; ;   /* Schriftfarbe für aktiven Eintrag im Menü */
  }
}
  /** test ***/
.navbar-default .navbar-nav .dropdown-menu .open
{
  background: red; #0795af  ;
  color: blue;
}