@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Raleway-300.eot');                                      /* IE9 Compat Modes */
  src: url('../fonts/Raleway-300.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
       url('../fonts/Raleway-300.woff') format('woff'),                     /* Modern Browsers */
       url('../fonts/Raleway-300.ttf') format('truetype');                  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/Raleway-500.eot');                                      /* IE9 Compat Modes */
  src: url('../fonts/Raleway-500.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
       url('../fonts/Raleway-500.woff') format('woff'),                     /* Modern Browsers */
       url('../fonts/Raleway-500.ttf') format('truetype');                  /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Raleway-700.eot');                                      /* IE9 Compat Modes */
  src: url('../fonts/Raleway-700.eot?#iefix') format('embedded-opentype'),  /* IE6-IE8 */
       url('../fonts/Raleway-700.woff') format('woff'),                     /* Modern Browsers */
       url('../fonts/Raleway-700.ttf') format('truetype');                  /* Safari, Android, iOS */
}


html, body {
        text-align:left;
        font: 1em/170% 'Raleway', Arial, Verdana, Lucida, sans-serif;
        color: #345;
        width: 100%;
        height: 100%;
        margin:0px;
        padding:0px;
        background-color:#fff;

}


a:active {
        color: #409fff;
        font-weight: normal;
        text-decoration: none;
}

a:hover {
        color: #00afff;
        text-decoration: none;
}
a:visited {
        color: #70afff;
        text-decoration: none;
}
a {
        color: #409fff;
        text-decoration: none;
}
a IMG {border:none;}
A:hover .Bild_Rahmen {background-color: #f60;}
A .Bild_Rahmen {border:1px solid #ddd;}

P {margin:0; margin-bottom:10px;}

h1, h2, h3, h4        {
        font: 1em/1.2em 'Raleway', Verdana, Lucida, Arial, sans-serif;
        color: #060F2B;
        text-align:left;
        text-shadow: 2px 1px 1px #ccc;
        -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;  hyphens: none;

        }

h1        {
        font-size:160%;
        text-transform: uppercase;
        font-weight: 300;
        margin-top: 5px;
        margin-bottom: 0px;
         line-height:1.2em;
        padding-bottom: 0px;
        }
/*h1:first-letter {color:#B22D0D;font-weight: 400;        }*/


h2        {
        font-size: 110%;
        margin-top: 15px;
        margin-bottom: 5px;
         font-variant:small-caps;
        /*text-transform: uppercase;*/
        }

h3        {
        font-size: 100%;
        margin-top: 15px;
        margin-bottom: 5px;
        margin-left: 0px;
        text-transform: uppercase;
         letter-spacing: 1px;
        }
h4        {
        font-size: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
        font-weight:900;
        }
h5        {
        background-color: transparent;
        font-size: 100%;
        font-weight:400;
         color:#888;
         margin:0px;
         margin-bottom:8px;
        text-transform: uppercase;
        }

b { font-weight:500;text-shadow: 1px 1px 1px #666;
  letter-spacing: 0.1em;
  padding-left:2px;

}



HR{
        border:none;
        border-top:1px solid #415958;
         border-top:1px solid #519C37;
         border-top:1px solid #cccccc;
        height:0px; /*Hack, damit HR im  IE & FF gleich*/
}

UL,
.liste{
  margin-top:10px;
  margin-bottom:10px;
  margin-left:0px;
  padding-left:20px;
  list-style-image:url(../images/liste.gif);
  }

UL li UL {list-style-image:none}
UL li UL li{margin-bottom:5px;}

UL>li,
.liste li
{  margin-bottom:10px;
   padding-left:5px;
   margin-left:0px;
   line-height:150%;
}


/********************      Template-Klasssen     ********************************************/


#page-oben {
  position:relative;
  background-color:#fbfbfb;
}

#page-unten {
}

#page-inner {
  margin:auto;
  width:100%; max-width:1200px;
}


#page-inner{
  position:relative;

  background:#fff url(../images/design/ticket-shop.png) no-repeat top 0px right 10px;


  /*-moz-box-shadow:    3px 2px 6px 0px #666;
  -webkit-box-shadow: 3px 2px 6px 0px #666;*/
  box-shadow:         0px 0px 10px 0px #000;
  box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.2);

}

#header {
  min-height:250px;
  /*background-image:url('../images/design/logo.png');
  background-position:40px 5px;
  background-repeat:no-repeat;
  */
}

#contentzeile{width:100%;}

#content {
  box-sizing: border-box;
  position:relative;
  float:right;
  width:100%;
  text-align:justify;
  -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;  hyphens: auto;
  padding:40px;
  padding-right:50px;
  padding-left:60px;

  min-height:500px;
  /*border:1px solid;*/
}
#menuspalte{float: left; box-sizing: border-box; padding-left:15px;padding-top:40px; margin-bottom:50px; width:220px;/*border:1px solid;*/}

.content-mit-menu #content{
  width: calc(100% - 220px);

}


#content-footer{
  /*background-image:url(../images/design/logo.png);
  background-position:right 20px bottom 20px;
  background-repeat:no-repeat;*/
  height:120px
}
#content-footer .druck{clear:both;padding-top:25px;margin-bottom:10px;text-align:center;}
#content-footer .logofusszeile{position: absolute;right:15px;bottom:15px}

#footer{
  background: url(../images/design/footer.jpg) no-repeat top center,url(../images/design/footer-x.jpg) top repeat-x;
  background-color:#060f2c;
  box-sizing: border-box;
  margin-top: -40px;
  min-height:235px;
  line-height:150%;
  font-size:110%;
  color:#fff;
}
#footer>DIV{margin:auto; max-width:1200px;  padding-top:60px; box-sizing: border-box;
  padding-left:40px;
  padding-right:40px;
  padding-bottom:40px;
}

/*
@keyframes titelImgZoom {
    from {  background-size: auto 100%; }
    to   {  background-size: auto 110%; }
}

@keyframes titelZoom {
    from {  transform: scale(1.0); }
    to   {  transform: scale(1.1); }
}
*/

#TitelZeile {
  box-shadow:         0px 5px 10px 0px #aaa;
  box-shadow:         0px 5px 10px 0px rgba(0, 0, 0, 0.4);
  height:131px;
  position:absolute;
  top:100px;
  width:100%;
  /*max-width:1200px;*/
  overflow:hidden;
  background-image: url('../images/design/titel.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #030a1d;
}
#TitelZeile>.TitelBGimg{
  height:131px;
  background-image:url('../images/design/Logo-Titel-c2.png');
  background-repeat:   no-repeat;
  /*background-position: center left 40px;*/
  background-position: bottom 0px left 20px;
  max-width:1200px;
  margin:auto;

  /*
  background-size:     cover;

  animation-name: titelZoom;
  animation-duration: 30s;
  animation-iteration-count: 1;
  animation-fill-mode:forwards;
  animation-timing-function: ease-out;
  */
  /*animation-play-state: running;*/
  /*animation-delay: 10s;*/

}

#TitelZeile .TitelText{
  box-sizing: border-box;
  margin:auto;
  margin-top:-160px;
  width:100%;
  max-width:1200px;
  height:120px;
  position:relative;
}

#TitelZeile .TitelText>DIV{ width:0px; height:120px; display: inline-block; vertical-align: middle;}
#TitelZeile .TitelText>SPAN{  display: inline-block; vertical-align: middle;
  padding-left:40px;
}
#TitelZeile .TitelText H1{
  display:inline;
  font-size:35px;
  line-height:100%;
  color:#fff;
  text-shadow: 2px 2px 4px #000,2px 2px 5px #000,2px 2px 6px #000,2px 2px 7px #000;
  font-weight:600;
  font-variant:small-caps;
  text-transform: none;
}





/**************************************************************/
#top-link        { display:none; position:fixed; z-index:9999; right:5px; bottom:25px; }
#top-link IMG        { width:5em;height:5em;}




.content-footer-menu {
  position:absolute;
  left:40px;
  bottom:30px;
  color:#ccc;
}

.content-footer-menu A,
.content-footer-menu A:visited,
.content-footer-menu A:active {color:#999;}

.content-footer-menu A:hover {color:#666;text-decoration:underline;}

#fancybox-title-over{line-height:130%;}

/*default.css override*/
table.Tabelle_Hintergrund {background-color:#E1ECF2;border:1px solid #cccccc; border-spacing: 1px;padding:1px;
  border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;
  -moz-box-shadow:    2px 2px 6px 0px #666;
  -webkit-box-shadow: 2px 2px 6px 0px #666;
  box-shadow:         2px 2px 6px 0px #666;
}
table.Tabelle_Hintergrund> TBODY > TR  TH {background-color: #060f2b;}

table.Tabelle_Hintergrund> TBODY >TR.Tabelle_Titel TD {background-color:#060F2B; color:#ffffff;}
table.Tabelle_Hintergrund> TBODY >TR>TD.Tabelle_Titel {background-color:#060F2B; color:#ffffff;}
TD.Tabelle_Titel A{color:#ffffff;}
TR.Tabelle_Titel A{color:#ffffff;}

TR.Tabelle_Vordergrund1 {background-color:#F4F8F9;}
TD.Tabelle_Vordergrund1 {background-color:#F4F8F9;}

TR.Tabelle_Vordergrund2 {background-color:#ffffff;}
TD.Tabelle_Vordergrund2 {background-color:#ffffff;}

#fl{position:absolute; left:10px; bottom:3px;  width:99px; height:24px; overflow:hidden;z-index:1;}
#fr{position:absolute; right:10px;bottom:3px;width:50px; height:18px; overflow:hidden;z-index:1;}

.CONTENT_MENUSPALTE {font-size:90%;line-height:130%;}

.Presse {
  padding-top:70px;
  padding-left:0px;padding-right:0px;line-height:1.2em;
  font-size:85%; line-height:1.3em;
  color:#888;
}
.Presse A,.Presse A:visited,.Presse A:active,.Presse A:hover{ color:#70a0b0;  text-shadow: 1px 1px 1px #aaa;}
.Presse A:hover { color:#00afff;}

.Presse .ueberschrift{
  background-color:#060F2B;
  font-weight:500;
  padding:3px;
  padding-left:6px;
  margin-left:0;
}
.Presse .ueberschrift A{
  color:#fff;
  display:block;
  width:100%;
  text-shadow: 1px 1px 2px #fff;
}

.Presse .eintrag{
  padding:10px;
  border-bottom:1px solid #e0e0e0;
}
.Presse .eintrag .titel{padding-bottom:4px;}
.Presse .eintrag .pic{padding-right:3px;margin:2px; }
.Presse .eintrag .pic .Bild_Rahmen{border-top:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;padding:2px;background-color:#dddddd;}


/*
.DBArtikelHeader{
  border:1px solid #CCCCCC;
  margin-bottom:20px;
  margin-top:3px;
}
.DBArtikelHeader TD{
  background-color:#FFE5AD;
  background-color:#F2ECE1;
  padding:5px;
}
*/

.nivoSlider{
  border:5px solid #fff;
}

/* jquery _Korrekturen */
.ui-widget{font-family:"Raleway",Arial,Verdana,Lucida,sans-serif;}
.ui-icon {
    position: absolute;
    /*margin-left:-1em;*/
    margin-top:0.2em
}
.ui-accordion .ui-accordion-header {
    padding-left: 1.5em;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #124;
    background: #24346B url("images/ui-bg_gloss-wave_50_6eac2c_500x100.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}



.galerie { margin-bottom:-3px;display:block;}



DIV.err{ border:1px solid #ff2222;  background-color:#ff9999;
         padding-left:10px; padding-right:10px;
         display:none;
         text-align:left;
         margin-top:10px;
         margin-bottom:3px;
       }


.clear {float:left;width:100%;}


.news {
        letter-spacing:-1px;
        font-size: 80%;
         line-height:1.3em;
        text-decoration: none;
        text-align:left;
        color: #415958;
}
.news a,.news a:hover, .news a:active, .news a:visited {
/*        letter-spacing: 0px;
        text-decoration: none;*/
        color: #14457D;
        }
.news a:hover {
         color: #400000;
}


.Spalten {
  padding-left:10px;padding-right:20px;padding-top:10px;
  -moz-column-width: 500px;
  -moz-column-width: 750px;
  -moz-column-gap: 40px;
  -moz-column-rule: 1px dashed #415958;

  -webkit-column-width: 750px;
  -webkit-column-gap: 40px;
  -webkit-column-rule: 1px dashed #415958;

  column-width: 750px;
  column-gap: 40px;
  column-rule: 1px dashed #415958;
}

/*.wichtig {
        letter-spacing: 0.1em;
        padding-left:2px;
}
*/

.blocksatz{
        text-align:justify;
}

/*
.black11, .black11 a, .black11 a:hover, .black11 a:active, .black11 a:visited {
         font-size: 80%;
         line-height:1.2em;
}


.small, .small a,.small a:hover, .small a:active, .small a:visited {
        font-size: 1em;
         line-height:1.2em;
        }
*/

.klein {
         font-size: 80%;
         line-height:1.2em;
         }
.grau   {
         color: #909999;
         }


.hinweis{
         color: #909999;
         font-size: 80%;
         line-height:1.2em;
}
.BildUntertitel{margin-left:7px;margin-top:0px;margin-bottom:8px; padding-right:-0px; }

/*********** Formulare *****************************************************************************************************/

input, textarea, select{
        background-color: #FFFFFF;
         border: 1px solid #cccccc;
         font-size: 1em;
         font-family: 'Droid Sans', arial, verdana;
         color: #857E7E;
         padding-left:5px;
        border: 1px solid #c7c7c7;
}


select {
        border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px;
        border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px;
}

textarea {padding:5px;background-color: #f3f3f3;
  border:1px solid #ccc;
  border-top:1px solid #aaa;
  border-left:1px solid #bbb;
        -moz-box-shadow:    1px 1px 6px 0px #999;
        -webkit-box-shadow: 1px 1px 6px 0px #999;
        box-shadow:         1px 1px 2px 0px #999;
}
input{        background: #ededed url(../images/input-bg30-3.png) repeat-x;
         padding:5px;
         line-height:1.2em;
  border:1px solid #ccc;
  border-top:1px solid #999;
  border-left:1px solid #bbb;
        outline: none; /*Remove Chrome and Safari glows on focus*/
         cursor:pointer;
        -moz-box-shadow:    1px 1px 6px 0px #999;
        -webkit-box-shadow: 1px 1px 6px 0px #999;
        box-shadow:         1px 1px 2px 0px #999;
}
input:hover{background: #ededed url(../images/input-bg30-aktiv.png) repeat-x;}
input:hover, textarea:hover{
  -moz-box-shadow:    0px 0px 6px 3px #fff;
  -webkit-box-shadow: 0px 0px 6px 3px #ffF;
  box-shadow:         0px 0px 6px 3px #ffF;
}
textarea:hover, textarea:focus{background-color: #fff; }
input:focus{background: #ededed url(../images/input-bg30-aktiv.png) repeat-x;}
input:focus, textarea:focus{
  -moz-box-shadow:    0px 0px 6px 3px #fFC;
  -webkit-box-shadow: 0px 0px 6px 3px #fFC;
  box-shadow:         0px 0px 6px 3px #fFC;
}

INPUT.button {
        font-weight:700;
         padding-right:15px;
         padding-left:15px;
        margin-bottom:2px;
        margin-right:2px;
        margin-top:0px;
        margin-left:0px;
        -moz-box-shadow:    3px 2px 6px 0px #666;
        -webkit-box-shadow: 3px 2px 6px 0px #666;
         box-shadow:         3px 2px 6px 0px #666;
}
INPUT.button:hover{
        margin-top:2px;
        margin-left:2px;
        margin-bottom:0px;
        margin-right:0px;
  -moz-box-shadow:    0px 0px 6px 3px #ffA;
  -webkit-box-shadow: 0px 0px 6px 3px #ffA;
  box-shadow:         0px 0px 6px 3px #ffA;
}



@-webkit-keyframes KlickMichPulse {
0%  { -webkit-box-shadow: 3px 2px 6px 0px #666, 0px 0px 2px 0px #ffA;
              box-shadow: 3px 2px 6px 0px #666, 0px 0px 15px 5px #ffA;
}
50% {
      -webkit-box-shadow: 3px 2px 6px 0px #666, 0px 0px 15px 5px #ffA;
              box-shadow: 3px 2px 6px 0px #666, 0px 0px 15px 5px #ffA;
}
100%{ -webkit-box-shadow: 3px 2px 6px 0px #666, 0px 0px 2px 0px #ffA;
              box-shadow: 3px 2px 6px 0px #666, 0px 0px 2px 0px #ffA;
   }
}

@keyframes KlickMichPulse {
0%  { box-shadow: 3px 2px 6px 0px #666, 0px 0px 2px 0px #ffA;
}
50% { box-shadow: 3px 2px 6px 0px #666, 0px 0px 15px 5px #ffA;
}
100%{ box-shadow: 3px 2px 6px 0px #666, 0px 0px 2px 0px #ffA;
   }
}

INPUT[type=submit] {
  -webkit-animation-name: KlickMichPulse;
  -webkit-animation-duration: 2s;               /* Dauer der Animation*/
  -webkit-timing-timing:ease-in-out;     /*linear, ease*/
  -webkit-animation-iteration-count: infinite;  /* Anzahl der Wiederholungen*/

  -moz-box-animation-name: KlickMichPulse;
  -moz-box-animation-duration: 2s;               /* Dauer der Animation*/
  -moz-box-timing-timing:ease-in-out;     /*linear, ease*/
  -moz-box-animation-iteration-count: infinite;  /* Anzahl der Wiederholungen*/

  animation-name: KlickMichPulse;
  animation-duration: 2s;               /* Dauer der Animation*/
  timing-timing:ease-in-out;     /*linear, ease*/
  animation-iteration-count: infinite;  /* Anzahl der Wiederholungen*/
}
INPUT[type=submit]:hover {
  animation-duration: 0.5s;               /* Dauer der Animation*/
  background-color: #F05030;
}

.schatten{  -moz-box-shadow:    3px 2px 6px 0px #666;
            -webkit-box-shadow: 3px 2px 6px 0px #666;
            box-shadow:         3px 2px 6px 0px #666;
}




.pulse{
  animation-name: KlickMichPulse;
  animation-duration: 1s;               /* Dauer der Animation*/
  timing-timing:ease;     /*linear, ease*/
  animation-iteration-count: infinite;  /* Anzahl der Wiederholungen*/

  display:block;
  width:250px; padding:10px;
  border:1px solid;

  box-shadow: 1px 1px 4px 0px rgba(0,50,255,0.5);
  -webkit-transition: all 1.5s ease; -moz-transition: all  1.5s ease; -o-transition: all  1.5s ease;  transition: all  1.5s ease;

}


.c:hover{
  animation-name: pulse;
  animation-duration: 1s;               /* Dauer der Animation*/
  timing-timing:ease-in-out;     /*linear, ease*/
  animation-iteration-count: infinite;  /* Anzahl der Wiederholungen*/
}


.vcard{
  background-color:#fff;
  border:5px solid #f0f0f0;
  float:left;
  margin-right:40px;margin-bottom:40px;
  padding:10px;
  width:320px;
  height:100px;
  line-height:1.3em;
  -moz-box-shadow:    3px 2px 6px 0px #666;
  -webkit-box-shadow: 3px 2px 6px 0px #666;
  box-shadow:         3px 2px 6px 0px #666;
}
.rubrik{
  float:left;
  width:100%;
  /*border:1px solid;*/
}

A.button {
  border:1px solid;
  padding:5px;
  padding-right:10px;
  padding-left:10px;
  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
  background-color:#f60;
  color:#fff;
  font-weight:500;
  -moz-box-shadow:    3px 2px 6px 0px #666;
  -webkit-box-shadow: 3px 2px 6px 0px #666;
  box-shadow:         3px 2px 6px 0px #666;

}
A.button:hover {
  background-color:#a30;
}










/************************/
.flipcard{
  /*border:1px solid #eee; */
  box-sizing: border-box;
  width:100%;  height:230px;
  display:block;
  float:left;
  margin-bottom:20px;
  position:relative;
}

.flipcard>DIV{
  /*border:1px solid #f00;*/
  position:absolute;  bottom:20px;  top:0px;  left:20px;  right:30px;
}


.flipcard .Titel{
  z-index:21;
  position:absolute;  bottom:0px;  top:0px;  left:0px;  right:0px;
  overflow:hidden;
  transform: translateZ(200px);
}

.flipcard .Titel A{
  position:absolute;  bottom:0px;  top:80%;  left:0px;  right:0px;
}
.flipcard .Titel A>DIV{
  position:absolute;  bottom:10px;  left:0px;  right:0px;
  font-size:1.8em;
  line-height:110%;
  color:#fff;
   text-shadow: 1px 1px 2px #468, 1px 1px 3px #000, 1px 1px 5px #000, 1px 1px 4px #000;
   text-align:center;
  hyphens: auto;
  /*font-weight:550;*/
}

.flipcard .SeiteA,
.flipcard .SeiteB{
  box-sizing: border-box;
  position:absolute;  bottom:0px;  top:0px;  left:0px;  right:0px;
  border:1px solid #888;
   -webkit-transition: all 0.6s ease; -moz-transition: all  0.6s ease; -o-transition: all  0.6s ease;  transition: all  0.6s ease;
  transform-origin: 50% 50%;
  position:absolute;
  z-index:20;
}

.flipcard .SeiteA{ border-top-left-radius: 30px;  transform: perspective(1000px) rotateX(0deg) translateZ(2px);}
.flipcard .SeiteB{ border-top-right-radius: 30px; transform: perspective(1000px) rotateY(179.99deg) translateZ(2px);}


.flipcard .SeiteB{
  z-index:10;
}

.flipcard>DIV:hover .SeiteA {
  transform: perspective(1000px) rotateY(-179.99deg) translateZ(2px);
  -webkit-transform: perspective(1000px) rotateY(-179.99deg) translateZ(2px);
  z-index:10;
}
.flipcard>DIV:hover .SeiteB {
  transform: perspective(1000px) rotateY(0deg) translateZ(2px);
  -webkit-transform: perspective(1000px) rotateY(0deg) translateZ(2px);
  z-index:20;
}

.flipcard .SeiteA{
 background:url("../images/index/Bestuhlung.jpg") no-repeat center center;
 background-size:cover;
}
.flipcard .SeiteB{
 background:url("../images/design/weiss_80.png") no-repeat center center;
 background-size:cover;
 padding:20px;padding-top:15px;
 text-align:left;
 color:#135;
 font-weight: 501;
 line-height:130%;
 text-shadow: 0px 0px 1px #fff,0px 0px 2px #fff,0px 0px 4px #fff,0px 0px 8px #fff,0px 0px 9px #fff,0px 0px 10px #fff;
 h2{font-weight: 900;}
}
.flipcard .SeiteB H2{
  text-shadow: 0px 0px 4px #fff,0px 0px 2px #fff,0px 0px 1px #fff,1px 0px 1px #666;
  margin-top:0px;
  margin-bottom:0px;
 color:#135;
}
/*************************************/
/********Haupt-Buttonmen�*************/
/*************************************/

.menu{/*background-image:url(../images/design/menu-y.jpg);background-position:left;background-repeat:repeat-y;*/}
.menu>div{/*background-image:url(../images/design/menu-o.jpg);background-position:top left;background-repeat:no-repeat;padding:0px;*/}
.menu>div>div{/*background-image:url(../images/design/menu-u.jpg);background-position:bottom left;background-repeat:no-repeat; min-height:100px;padding-top:25px; padding-bottom:150px;*/}

/* ********************
Hauptmen� -CSS Liststyle Men� <ul><li>
******************** */
.menu1-level1 LI,.menu1-level3 LI,.menu1-level3 LI
{list-style: none; margin:0px;padding:0px; }


.menu1-level1,.menu1-level2,.menu1-level3 {margin:0px;padding:0px;}
.menu1-level1{padding-left:8px;padding-right:0px;}
.menu1-level2{padding-left:0px;padding-right:0px;}
.menu1-level3{padding-left:0px;padding-right:0px;}

/*** Ebene 1 ******/
.menu1-level1-no A,.menu1-level1-yes A{
        display:block;
        text-decoration: none;
        font: 100%/1.2em 'Raleway', Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: 400;
        /*color: #633;*/
        color: #060F2B;
        background-image:url(../images/design/weiss75.png);
        border-bottom:1px solid #ccc;
        padding-left:5px;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:5px;
         margin-top:5px;
        letter-spacing:0px;  //-1
}
.menu1-level1-yes A{
         font-weight:600;
         font-style:italic;
         text-shadow: 1px 1px 1px #ccc;
}
.menu1-level1-no A:hover, .menu1-level1-yes A:hover{
        color: #060F2B;
         text-shadow: 1px 1px 1px #aaa;
         background-color:#eeF0f5;
}

/*** Ebene 2 *****/
.menu1-level2-no A,.menu1-level2-yes A{
        display:block;
        text-decoration: none;
        font: 90%/1.3em 'Raleway', Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: 400;
        color: #567;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:15px;
         margin-top:5px;
        letter-spacing:0px;  //-1
}
.menu1-level2-yes A{
        color: #633;
         font-weight:500;
         font-style:italic;
}
.menu1-level2-no A:hover, .menu1-level2-yes A:hover{
        color: #f60;
}


/*** Ebene 3 *****/
.menu1-level3-no A,.menu1-level3-yes A{
        display:block;
        text-decoration: none;
        font: 90%/1.2em 'Raleway', Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: 400;
        color: #5E6858;
        background-image:url(../images/design/weiss75.png);
        /*border:1px solid #DAE0D0;*/
        padding-left:3px;
        padding-top:2px;
        padding-bottom:2px;
        padding-left:5px;
         margin-top:5px;
        letter-spacing:0px;  //-1
}
.menu1-level3-yes A{
        color: #004E61;
        background-image:url(../images/design/weiss30.png);
}
.menu1-level3-no A:hover, .menu1-level3-yes A:hover{
        color: #004E61;
        background-color: #fff;
}