.mobile{
   display:none;
   visibility: hidden;
}

 .wrapper
 {
      position: absolute;
	margin: auto; 
    width: 950px;
    top: 0;
  right: 0;
  left: 0;

 }
 

.fees
{
    display: none;
}

 
 .loginicon{
 display:none;
 }
 
 #loginclick {
       display: none;
 } 

.plan table{
   font-size: 8px;
    
 } 

         @-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-90%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.ticker-wrap {
                            
  position: fixed;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 2.0rem;
  background-color: rgba(27, 42, 83, 0.9);
  padding-left: 100%;
  box-sizing: content-box;
   z-index:1;
}
.ticker-wrap .ticker {
  display: inline-block;
  height:  2.0rem;
  line-height:  2.0rem;
  white-space: nowrap;
  padding-right: 100%;
  box-sizing: content-box;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 710s;
  animation-duration: 710s;
}    

.ticker-wrap .ticker__item {
  display: inline-block;
  padding: 0 2rem;
    font-family:verdana;
  font-size: 0.9rem;
  color: white;
 
}

.ticker-wrap .ticker__item a{
  text-decoration:none;
  color:white;
}

.ticker-wrap .ticker__item a:hover{
color: #77ae34;
}

 .close {

 text-align:center;
   position: fixed;
  bottom: 2.0rem;
 display:block; 
   border-top-right-radius: 25px;  
     width:auto;

    
    left: 50%;
  
    margin-left: -100px;
     z-index:1;
}




 .close input {

 
 text-align:center;
 display:block;
   font-family:verdana;
     font-size:12px;
     line-height:20px;
 height:20px;
  background-color: rgba(27, 42, 83, 0.9);

  color: white;
  cursor: pointer;
  border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
     border:0px solid red;
      z-index:1;
 }
 
 .close input:hover{
     color: #77ae34;
      z-index:1;
 }











 .open {

 text-align:right;
   position: fixed;
  bottom: 0rem;
 display:block;
   border-top-right-radius: 25px;  
     width:120px;
    
     left: 50%;
  
    margin-left: -50px;
 z-index:1;   

}









  .open input {
 text-align:center;
 display:block;
   font-family:verdana;
     font-size:0.9rem;
     line-height:20px;
 height:20px;
  background-color: rgba(27, 42, 83, 0.9);
  border: none;
  color: white;
  cursor: pointer;
  border-bottom-left-radius: 0px;
   border-bottom-right-radius: 0px;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
    z-index:1;
 }
 
 .open input:hover{
     color: #77ae34;
      z-index:1;
 }



.plan table td {
   font-size: 9px;
   
 }


.logo
{
 display: inline-block ; 
 text-align:center; 
  width:240px; 
 height:70px; 

 position: relative;

} 
.logo img
{

 bottom: 0; left: 0; margin: auto; position: absolute; right: -3px; top: 4px;
vertical-align: middle;


}

.info
{
  font-family: Verdana;
  font-size:12px; 
  color:black;
  
  margin-top:-74px; 
   margin-left:-1px; 
  width:230px; 
 height:64px; 
  background-color:white; 
  display:none; 
  position:absolute;
  padding:5px;
  opacity: 0.9; 
  border:1px solid grey;  
}


.info_small
{
  font-family: Verdana;
  font-size:10px; 
  color:black;
  
    
  margin-top:-74px; 
   margin-left:-1px; 
  width:230px; 
 height:64px; 
  background-color:white; 
  display:none; 
  position:absolute;
  padding:5px;
  opacity: 0.9; 
  border:1px solid grey;
}

body
{
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;

}

#WebsiteControlPanel
{
    width: 999px;
    margin: 0px auto 0px auto;
    background-color: #ffffff;
}

#WebsiteHeader
{
    padding-top:30px;
    width:100%
    height: 140px;
    margin: 0 auto 0 auto;
    
}

#WebsiteHeader table{
  
   // border: 1px solid red;
    margin: 0 auto 0 auto;
}

#WebsiteHeader .headerimages{
       
}

#WebsiteHeader table .nwglogo{
 
   padding-bottom:10px;
   width:220px;
}

#WebsiteHeader table .banner{
padding-left: 20px;
  margin-top: 0px;
  padding-bottom: 40px;
}

#WebsiteHeader table .mobiltitle{
  visibility:hidden;
}




#WebsiteContents
{
    width:1000px;
    margin: 0 auto 0 auto;
    position: relative;
}

#WebsiteNavigation
{
    width: 220px;
    position: relative;
    margin-left: 10px;
    float: left;
    margin-top:60px;
}

#WebsiteContentPane
{
    width: 600px;
    position: relative;
    margin-left: 40px;
    float: left;
}

#WebsiteFooter
{
    width: 98.5%;
    height: 80px;
    position: relative;
    bottom:0;
	background-image: url(/2027/layout/WebsiteFooter.png);
	background-position: top;
	background-repeat: repeat-x;
    margin-left: 8px;
}

#WebsiteFooterContents
{
background-image: url(/2027/layout/WebsiteFooter.png);
    /*width: 1000px;*/
    position: relative;
    margin: 0 auto 0 auto;
    height: 80px;
}

 #linksbot
{
	width: 150px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	top: 40px;
	left: 500px;
}

 #linksbot a{
    color: #d9e4ec; 
    text-decoration:none; 
 }
.linksbot    
{
    font-family: Verdana;
    font-size: 10px;
    color: #d9e4ec;
}

#Copyright
{
	width: 360px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: left;
	position: absolute;
	top: 40px;
	left: 70px;
}

.Copyright
{
    font-family: Verdana;
    font-size: 10px;
    color: #d9e4ec;
}

#PoweredBy
{
	display: block;
    width: 200px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: right;
	position: absolute;
	top: 40px;
	right: 70px;
}

.PoweredBy
{
    font-family: Verdana;
    font-size: 10px;
    color: #d9e4ec;
}

.PoweredBy a:link, .PoweredBy a:active, .PoweredBy a:visited
{
    font-family: Verdana;
    font-size: 10px;
    color: #d9e4ec;
    font-weight: bold;
    text-decoration: none;
}

.PoweredBy a:hover
{
    font-family: Verdana;
    font-size: 10px;
    color: #d9e4ec;
    font-weight: bold;
    text-decoration: underline;
}

#Clear
{
    clear: both;
}

#WebsiteLoginButton
{
	width: 140px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	position: absolute;
	left: 40px;
	top: 14px;
	background-color: #ffffff;
}

#WebsiteLoginButtonImage
{
	width: 20px;
	position: absolute;
	left: 10px;
	top: 3px;
}

#WebsiteLoginButtonCaption
{
	position: absolute;
	left: 35px;
	top: 0px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #747474;
}

#WebsiteLoginModule
{
	position: absolute;
	top: 40px;
	left: 40px;
}

#LogoDFG
{
	position: absolute;
	top: 50px;
	left: 40px;
}





.login
{
    font-family: Verdana;
    //font-size:11.4px;
    font-size:0.7em;
    font-weight: normal;
    color: #fff;
	  padding-left:10px;
     padding-right:15px;
}

.login_input
{

     border: 1px solid #96bd58; 
    width: 100%;
    margin-bottom: 10px;
    border-radius: 3px 3px 3px 3px;  
  
}



.login_button
{
  //background-color: #999;
  background-color: #4b588c;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  vertical-align: middle;
  // border-bottom: solid 1px #6c9b32;
  // border-right: solid 1px #6c9b32;
  // border-top: solid 1px #6c9b32;
  // border-left: solid 1px #6c9b32;
  margin-bottom: 10px;
  width: 50%;
  border-radius: 4px 4px 4px 4px;
  margin-top: 10px;
  height: 30px;
  border: 0;  
}

.login_error
{
    font-family: Verdana;
    font-size: 0.7em;
    font-weight: normal;
    color: #be0627;
    padding-top: 10px;
    padding-left: 10px;
}

.login_anmeldeinfo
{
    font-family: Verdana;
     font-size:0.7em;
    font-weight: normal;
    color: #fff;
    padding-bottom: 5px;
    padding-left: 10px;
}


.ContentPane_modultitel
{
    font-family: Verdana;
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.ContentPane_modultitel_titel
{
    font-family: Verdana;
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.HeadlinePane_modultitel
{
    font-family: Verdana;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}


.ueberschrift
{
    font-family: Verdana;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
}

.Supporters
{
    font-family: Verdana;
    font-size: 14px;
    color: #345c7c;
    font-weight: bold;
}

.ContentPane_normal
{
    font-family: Verdana;
   font-size: 12px;
    //font-size: 0.7em;
    color: #2d2c2c; /*#4e4e4e;*/
    font-weight: normal;
    
    
}

.normal
{
    font-family: Verdana;
    font-size: 12px;
    color: #4e4e4e;
    font-weight: normal;
}

td
{
    font-family: Verdana;
    font-size: 12px;
    color: #4e4e4e;
    font-weight: normal;
}

.program_small
{
    font-family: Verdana;
    font-size: 11px;
    color: #4e4e4e;
    font-weight: normal;
}

.ContentPane_normal a:link, .ContentPane_normal a:active, .ContentPane_normal a:visited
{
    font-family: Verdana;
    font-size: 12px;
    color:#5a82ca;
    font-weight: normal;
    text-decoration: none;
}

.ContentPane_normal a:hover
{
    font-family: Verdana;
    font-size: 12px;
    color: #5a82ca;
    font-weight: normal;
    text-decoration: underline;
}

.ContentPane_normal h2
{
    font-family: Verdana;
    font-size: 12px;
    color: #01599c;
    font-weight: bold;
    margin-bottom: 10px;
}

h2
{
    font-family: Verdana;
    font-size: 12px;
    color: #01599c;
    font-weight: bold;
    margin-bottom: 10px;
}

.ContentPane_button
{
    background-color: #4b5e82d1;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    vertical-align: middle;
   
}

.ContentPane_button2
{
    background-color: white;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #000;;
    vertical-align: middle;
     //border:none;

}

.ContentPane_input
{
    border: solid 1px #31507c; 
}

.ContentPane_TextInput
{
    background-color: #dcdcdc;
    border: solid 1px #01589b; 
    font-family: Verdana;
    font-size: 12px;
}

.ContentPane_TextInputError
{
    background-color: #ff9494;
    border: solid 1px red; 
    font-family: Verdana;
    font-size: 12px;
}

.ContentPane_error
{
    font-family: Verdana;
    font-size: 12px;
    color: #be0627;
    font-weight: normal;
}

img
{
	border: 0px;
}





@media only screen and (max-width: 767px) {
 
.mobile{
   display:block;
   visibility: visible;
   //margin-bottom:10px; 
} 
 
 .desktop{
   display:none;
   visibility: hidden;
}


.login_input
{
    border: 1px solid #96bd58; 
    width: 100%;    
    border-radius: 3px 3px 3px 3px;    
    height:30px;
}




.banner {
    position: relative;
    width: 100%;
}

.banner img {
    width: 100%;
    height: auto;
    display: block;
}

/* klickbarer Bereich */
.banner-link {
    position: absolute;
    top: 0;
    right: 0;

    /* Größe des klickbaren Bereichs */
width: 15%;
    border: 0px solid red;
    height: 12%;
}


img {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none;     /* IE 10+ und Edge */
    user-select: none;         /* Standard */
}


.ContentPane_normal
{
    font-family: Verdana;
 
    font-size: 0.7em;
    color: #4e4e4e;
    font-weight: normal;
    
    
}
 
 .wrapper {
  position: absolute;
  margin: auto;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
}
 
.largetable{
   display: none;
} 
 
.fees
{
    display: block;    
}

.early-fee, .late-fee, .onsite_all, .onsite_day 
{
    color:black;
    font-size: 12px;
}
 
 #loginclick {
       display: none;
 } 
 
table.loginbox {
       display: none; color: white;
 }  
  
#loginclick:checked + table.loginbox {
    display: block;  
    width: 100%; 
    position: fixed; 
    z-index:5;
    color: white;
    top: 100px;
}  

.loginicon{
display:block;
position: fixed;
  text-align: right;
  right: 5px;

  height: 40px;
  width: 3.5em;
  z-index:1;
}


 



  

#loginclick:checked + label .loginicon img {transform: rotate(180deg); transition:transform 0.5s;}






#WebsiteHeader{
  padding-top: 0px;
   z-index:5; 
}

#WebsiteHeader table{
  //border: 0px solid red;
        margin-left: -3px;
    width: 101%;
}

#WebsiteHeader .headerimages{
    z-index:5; 
}

#WebsiteHeader table .nwglogo{
 
   display:none;
   width:0;
}

#WebsiteHeader table .banner{

      width: 100%;
   padding-left: 0px;
   padding-bottom: 10px;
   margin-top: 40px;
}

#WebsiteHeader table .mobiltitle{
   position:fixed;
visibility: visible;
    color: white;
    text-align: center;
     /*padding-top: 5px;
   background-color: #32689b;*/
    
    background-color: #5f7b96;
    width: 100%;
    height: 3.0em;
    font-family: Verdana;
    /*font-size: 1em;
    line-height: 2.5em;*/
    font-size: 1.15em;
    line-height: 2.8em;
    
     z-index:1; 
    left: 0;
}


#WebsiteContents
{
    width:100%;
    margin: 0 auto 0 auto;
    position: relative;
}

#WebsiteNavigation
{
    margin-left: 0px;
    width: 100%;
}


#WebsiteContentPane
{
    width: 96%;
    margin-left: 8px;
    margin-top: -100px; 
}

#WebsiteFooter
{  
    width: 100%;
    height: 55px;   
    bottom:0;
    position: fixed;
}

#WebsiteFooterContents
{
    background-image: none;
     background-color: #5f7b96;
    width: 100%;
    margin: 0 auto 0 auto;
    height: 80px;
   margin-left: -9px;
}

.ContentPane_normal
{
    font-family: Verdana;  
    font-size: 0.9em;
    color: #4e4e4e;
    font-weight: normal;
    padding-bottom: 30px;
    
}

#linksbot
{
	width: 100%;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	position: unset;
	top: 40px;
	left: 500px;
}

 #linksbot a{
 	text-align: center;
    color: #d9e4ec; 
    text-decoration:none; 
 }
.linksbot    
{
	text-align: center;
    font-family: Verdana;
    font-size: 10px;
    color: #d9e4ec;
}

#Copyright
{
    padding-top: 5px;
	width: 100%;;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	text-align: center;
	position: unset;
}

.Copyright
{
    font-family: Verdana;
    font-size: 10px;
    color: #d9e4ec;
}

#PoweredBy
{
display: none;
}

.PoweredBy
{
    font-family: Verdana;
    font-size: 10px;
    color: #d9e4ec;
}

.PoweredBy a:link, .PoweredBy a:active, .PoweredBy a:visited
{
    font-family: Verdana;
    font-size: 10px;
    color: #d9e4ec;
    font-weight: bold;
    text-decoration: none;
}

.PoweredBy a:hover
{
    font-family: Verdana;
    font-size: 10px;
    color: #d9e4ec;
    font-weight: bold;
    text-decoration: underline;
}

.mobile span.text
{
    font-family: Verdana;
    line-height: 1.7em;
    font-size: 1.1em;
    color: #4e4e4e;
    font-weight: normal;
}

#itinerary_menue{
  padding: 8px;
  width: 100%;
  background-color: #e6e6e6;
  border-radius: 5px 5px;
  border: 1px solid darkgray;
  margin-bottom: 10px;
}
}