@import "/_basics/styles/fancy.css";

body {
	margin: 0px;
	background-color: #F3F3F3;
}

#menuBar {
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

#menuBar td {
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	margin-top: 2px;
	margin-bottom: 3px;
}

#menuBar a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 19px;
	padding-left: 5px;
	padding-top: 3px;
}

#menuBar a.active {
	text-decoration: underline;
	display: block;
	color: #FFFFFF;
}

#menu1Content .options {
	background-color:#003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#menu1Content a {
	color:#FFFFFF;
	text-decoration:none;
	cursor: hand;
	padding-left: 5px;
	display: block;
	padding-top: 3px;
	padding-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#menu1Content a:hover {
	background-color:#4D7194;
}

#menu2Content .options {
	background-color:#175B9F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#menu2Content a {
	color:#FFFFFF;
	text-decoration:none;
	cursor: hand;
	padding-left: 5px;
	display: block;
	padding-top: 3px;
	padding-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#menu2Content a:hover {
	background-color:#5D8DBC;
}

#menu3Content .options {
	background-color:#6699FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#menu3Content a {
	color:#FFFFFF;
	text-decoration:none;
	cursor: hand;
	padding-left: 5px;
	display: block;
	padding-top: 3px;
	padding-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#menu3Content a:hover {
	background-color:#94B8FF;
}

#menu4Content .options {
	background-color:#99CCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#menu4Content a {
	color:#FFFFFF;
	text-decoration:none;
	cursor: hand;
	padding-left: 5px;
	display: block;
	padding-top: 3px;
	padding-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#menu4Content a:hover {
	background-color:#B8DBFF;
	color:#000066;
}

#menu5Content .options {
	background-color:#BADDFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#menu5Content a {
	color:#FFFFFF;
	text-decoration:none;
	cursor: hand;
	padding-left: 5px;
	display: block;
	padding-top: 3px;
	padding-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#menu5Content a:hover {
	background-color:#CFE7FF;
	color:#000066;
}

#menu6Content .options {
	background-color:#BADDFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

#menu6Content a {
	color:#FFFFFF;
	text-decoration:none;
	cursor: hand;
	padding-left: 5px;
	display: block;
	padding-top: 3px;
	padding-bottom: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#menu6Content a:hover {
	background-color:#CFE7FF;
	color:#000066;
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #373535;
}

.navbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #373535;
	font-weight: bold;
}

.head01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	font-weight: bold;
}

.head02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #373535;
	font-weight: bold;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #003366;
	text-decoration: underline;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #175B9F;
	text-decoration: underline;
}

#menuBar #act6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #373535;
}

#menuBar #act6:hover {
	text-decoration: underline;
}

.input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #373535;
	background-color: #FFFFFF;
	border: 1px solid #003366;
}

.formbtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #373535;
	border: 1px solid #003366;
	background-color: #FFFFFF;
}
.head03 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.text02 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
}
.head04 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.inputerror {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #373535;
	background-color: #BADDFF;
	border: 1px solid #003366;
}
.textkl {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #373535;
}
.head04:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #D0E5FA;
	font-weight: bold;
	text-decoration: none;
}
.textkl {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #373535;
}

.printButton {
	font-size:11px;
	text-decoration:none;
	background:url('/_images/print_off.gif') no-repeat 0px 3px;
	color:#000000;
	padding-left:13px;
}

.printButton:hover {
	text-decoration:none;
	background-image:url('/_images/print_on.gif');
}

ul {

	list-style-position: outside;
	list-style-image: url(../../_images/pfeil.gif);
	list-style-type: none;

}


ol {
list-style: demical;
margin: 0 0 0 30px; padding: 0;
}

.pics {height:170px;width:250px;padding:0;margin:0;float:left;} 
.pics img {background-color:#eee;width:250px;height:170px;top:0;left:0;}

#slideshow { width: 250px; height: 170px;margin:33px 37px 0 0;float:left; }
#slideshow div { width: 250px; height: 170px; top: 0; left: 0;position:absolute;}
#slideshow a img {border:none;}
#slideshow img { width: 250px; height: 170px; }

.video{width:250px; height:230px; margin-right:37px; float:left;}

a.lnk {color: #003366;text-decoration:underline;}
a.lnk:hover {color: #175b9f;}
      div#countdown-clock {
        display: block;
        text-align: center;
        width:365px;
        position:relative;
        float:left;
        margin-left:-8px;
        margin-bottom:5px;
      }
      div#countdown-clock .date 
      {
          background:url(/_images/dates.gif) no-repeat 0 0;
          position:absolute;left:0px;top:25px;
          width:390px;height:10px;z-index:5;}
 
      div#countdown-text {
        width: 500px;
      }

 
      .flipclock-plate {
        background: transparent url(/_images/flipper-l.png) left top no-repeat;
        padding-left: 3px;
        line-height: 64px;
        height: 64px;
 
        display: inline-block;
        position: relative;
        overflow: hidden;
      }
      .flipclock-plate .flipclock-plate-r {
        background: transparent url(/_images/flipper-r.png) right top no-repeat;
        padding-right: 3px;
        line-height: 64px;
        height: 64px;
 
        display: inline-block;
      }
      .flipclock-plate .flipclock-plate-c {
        padding: 0 4px 0 1px;
        line-height: 69px;
        height: 64px;
 
        color: #fff;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 39px;
        font-style: normal;
        font-weight: bold;
      }
 
      .flipclock-plate .flipclock-plate-c,
      .flipclock-plate .flipclock-plate-upper,
      .flipclock-plate .flipclock-plate-lower {
        background: transparent url(/_images/flipper-c.png) left top repeat-x;
        display: inline-block;
      }

      .flipclock-plate .flipclock-plate-blind {
        background: transparent url(/_images/flipper-top.png) left -2px repeat-x;
        line-height: 64px;
        height: 64px;
 
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
       }
       * html .flipclock-plate .flipclock-plate-blind {background-image:none;}

      .flipclock-plate .flipclock-plate-upper {
        position: absolute;
        height: 34px;
        overflow: hidden;
      }
 
      .flipclock-plate .flipclock-plate-lower {
 
      }
      
      .crome-clock {
        background: transparent url(/_images/chrome-clock-left.png) no-repeat left top;
        padding-left: 39px;
        display: inline-block;
        height: 113px;
      }
      * html .crome-clock {
        background: transparent url(/_images/chrome-clock-left.gif) no-repeat left top;
        padding-left: 29px;
        display: inline-block;
        height: 113px;
      }


      .crome-clock .crome-clock-wr2 {
        background: transparent url(/_images/chrome-clock-right.png) no-repeat right top;
        padding: 0 39px 0 0;
        display: inline-block;
        height: 113px;
      }
      * html .crome-clock .crome-clock-wr2 {
        background: transparent url(/_images/chrome-clock-right.gif) no-repeat right top;
        padding: 0 29px 0 0;
        display: inline-block;
        height: 113px;
      }


      .crome-clock .crome-clock-wr3 {
        background: transparent url(/_images/chrome-clock-center.png) repeat-x left top;
        padding: 0;
        display: inline-block;
        height: 113px;
      }

      * html .crome-clock .crome-clock-wr3 {
        background: transparent url(/_images/chrome-clock-center.gif) repeat-x left top;
        padding: 0;
        display: inline-block;
        height: 113px;
      }


      .crome-clock .crome-clock-wr4 {
        color: white;
        position: relative;
        top: 20px;
        margin-left: -44px;
        left: 22px;
 
        display: inline-block;
      }
      * + html .crome-clock .crome-clock-wr4 {left:-22px;}
      * html .crome-clock .crome-clock-wr4 {left:-22px;}

      .crome-clock .flipclock-plate-c {
        width: 40px;
      }
      * + html .crome-clock .flipclock-plate-c {width:43px;}
      * html .crome-clock .flipclock-plate-c {width:44px;}
      
      .animation-1 .flipclock-plate-blind {
        background: transparent url(/_images/flipper-anim-1.png) left top repeat-x;
        line-height: 64px;
        height: 64px;
        opacity: .5;
      }
      .animation-1 .flipclock-plate-upper {
        height: 20px;
      }
 
      .animation-2 .flipclock-plate-blind {
        background: transparent url(/_images/flipper-anim-2.png) left top repeat-x;
        line-height: 64px;
        height: 64px;
        opacity: .6;
      }
      .animation-2 .flipclock-plate-upper {
        height: 34px;
      }
 
      .animation-3 .flipclock-plate-blind {
        background: transparent url(/_images/flipper-anim-3.png) left top repeat-x;
        line-height: 64px;
        height: 64px;
        opacity: .7;
      }
      .animation-3 .flipclock-plate-upper {
        height: 38px;
      }