html
     {
      margin: 0;
      /*width: 100%;
      height: 100%;*/
     }
     
body 
     {
      margin: 0;
      /*width: 100%;
      height: 100%;*/
      /*position: absolute;*/
      /*background: #1564C1;*/
      background-color: #929ACD;
     } 

/*     
a, a:hover
     {
      color:#FFFFFF;
      text-decoration: none;
      outline: none;
     }
*/     

.Mantel0a
     {
      position: fixed;
      top : 0;
      left: 0;
      right: 0;
      background-color: #929ACD;
      font-family: Arial, Helvetica, sans-serif;
      color:#ffffff;
      height: 110px;
      padding: 0px 0px 0px 0px;
      z-index: 10;
     }

.Mantel0aIn
     {
      margin-left: auto;
      margin-right: auto;
      width: 900px;
      height: inherit;
      background-image: url(../OutImg/logo01.png);
      background-repeat: no-repeat;
      background-position: 20px 20px;
      background-size: auto 65px;
      padding-left: 110px;
      box-sizing: border-box;
     	
     }
     
.Mantel0b
     {
     	position: fixed;
     	top : 110px;
     	left: 0;
     	right: 0;
      height: 44px;
      background-color: #929ACD;
      font-family: Arial, Helvetica, sans-serif;
      color:#542283;
      padding: 0px 0px 0px 0px;
      z-index: 10;
     }
     
.Mantel0bIn
     {
     	margin-left: auto;
     	margin-right: auto;
      width: 900px;
     	height: 100%;
     }
     
.Mantel0d
     {
      height: 150px;
      /*background-color: #929ACD;*/
      padding-top: 25px;
      padding-bottom: 25px;
     }
     
.Mantel0dIn
     {
     	margin-left: auto;
     	margin-right: auto;
      width: 900px;
      font-family: Arial, Helvetica, sans-serif;
     	line-height: 180%;
      font-size: 0.9em;
      text-decoration: none;
      outline: none;
     }

.Mantel0dIn a
     {
      color:#9CEDF4;
      text-decoration: none;
      outline: none;
     }
     
.Mantel0s
     {
     	box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.4);
     }
          
.Mantel0bIn
     {
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box;
     }
     
.Mantel0dIn
     {
      padding-left: 25px;
      padding-right: 25px;
      box-sizing: border-box;
     }
          
.Mantel1
     {
      margin-top: 110px;
      padding: 0px 0px 0px 0px;
      background-image: url('../OutImg/road.jpg');
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
     }
     
#Mantel3
     {
      background-color: #f4fbfb;
     }
     
#Mantel2, #Mantel4
     {
      background-color: #FFFFFF;
     }
     
#Mantel1Title
     {
      font-size: 50px;
      font-weight: bold;
      color: #000;
      /*background-color: rgba(255,255,255,0.7);*/
      padding: 50px 15px 20px 15px;
      text-shadow: 0px 0px 8px rgba(244,251,251,1), 2px 2px 0px rgba(244,251,251,1);
      text-align: left;
     }
     
#Mantel2Title, #Mantel4Title
     {
      font-size: 30px;
      font-weight: bold;
      color: #000000;
      /*background-color: rgba(255,255,255,0.7);*/
      padding: 50px 15px 30px 15px;
/*      text-shadow: 0px 0px 8px rgba(0,0,0,1), 2px 2px 0px rgba(0,0,0,1);*/
      text-align: center;
     }
     
#Mantel5Title
     {
      font-size: 30px;
      font-weight: bold;
      color: #000;
      /*background-color: rgba(255,255,255,0.7);*/
      padding: 20px 0px 0px 0px;
      text-align: center;
     }
     
#ImgPort
     {
      margin: 15px 0px 10px 0px;
     }      
    
#Mantel1, #Mantel2, #Mantel3, #Mantel4
     {
      font-family: Arial, Helvetica, sans-serif;
      /*height: 500px;*/
      color: #716C6C;
     }

#Mantel1In
     {
      font-size: 22px;
      font-weight: bold;
      text-shadow: 0px 0px 4px rgba(244,251,251,1), 2px 2px 0px rgba(244,251,251,1);
      text-align: center;
     }
     
#Mantel2In, #Mantel4In, #Mantel3Ina
     {
      font-size: 16px;
      /*font-weight: bold;*/
      /*padding: 0px 15px 0px 15px;*/
      /*text-shadow: 0px 0px 4px rgba(0,0,0,1), 2px 2px 0px rgba(0,0,0,1);*/
      text-align: center;
     }
     
#Mantel4In
     {
      padding: 0px 80px 0px 80px;
     }
          
.Mantel4Arrow
     {
     	margin: auto;
      width: 0; 
      height: 0; 
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 10px solid #929ACD;
     }
         
#Mantel1Ina
     {
     /*	
      font-size: 24px;
      font-weight: bold;
      color: #FFFFFF;
      padding: 0px 15px 0px 15px;
      text-shadow: 0px 0px 4px rgba(0,0,0,1), 2px 2px 0px rgba(0,0,0,1);
     */      
      width: 60%;
      float:left;
      box-sizing: border-box;
      text-align: left;
      padding-left: 35px;
      
     }

#Mantel1InaList
     {
      text-align: left;
      width: 400px;
      /*
      margin-left: 40px;
      margin-right: 10px;
       */
      margin-bottom: 50px;
     }
     
#DivRegLink
     {
      text-align: left;
      padding: 25px 25px 25px 100px;
     }     
     
#Mantel1Inb
     {
      width: 40%;
      min-height: 500px;
      float: left;
      box-sizing: border-box;
      position: relative;
     }
     
#Mantel1InbIMG     
     {
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -150px;
      margin-top: -160px;
     }
     
     
#Mantel3Ina
     {
      min-height: 500px;
      width: auto;
      margin: 30px auto 30px auto;
      overflow: auto;
      box-sizing: border-box;
      
     }
     
#Mantel3Img1D
     {
        /*
     	display: inline-block;
     	float: left;
     	*/
     	width: 100%;
     	min-height: 450px;
     	overflow: auto; 
        box-sizing: border-box;
     }
     
#Mantel3Img1D
     {
     	margin: 0px 0px 0px 0px;
     }

#Mantel3Img2D
     {
      display: none;
     /*	float: left;*/
     }
     


                    
.MantelIn
     {
      min-height: 500px;
     	margin-left: auto;
     	margin-right: auto;
      width: 900px;
      overflow: auto;
      /*background-color: rgba(255,255,255,0.7);*/
      padding: 0px 15px 0px 15px;
      box-sizing: border-box;
     }
          
#PageWrap
     {
     	margin-left: auto;
     	margin-right: auto;
      width: 900px;
      /*background-color: rgba(255,255,255,0.8);*/
      font-family: Arial, Helvetica, sans-serif;
	   /*width: 100%;*/
      display: table;
     }
 
#PageTitle1
     {
      display: none;
      height: 40px;
      /*width: 50%;*/
      line-height: 40px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 30px;
      font-weight: bold;
      color: #ffffff;
      text-align: left;
      /*padding: 35px 35px 35px 90px
      vertical-align: text-bottom;*/
      box-sizing: border-box;
     }   
       
#PageTitle2
     {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 30px;
      font-weight: bold;
      color: #ffffff;
     }     
     
    
#Header, #MenuTop2, #Content2, #FooterT, .TableContactRow
     {
      display: table-row;
     }
     
#HeaderC, #MenuTop2C, #Content2C, #FooterC, .TableContactCell1, .TableContactCell2
     {
      display: table-cell;
     }
     
.TableContactCell1
     {
      width: 80px;
      text-align: left;
     }
     
.TableContactCell2
     {
      width: 150px;
      text-align: left;
     }
     
.TableContactCell2 a
     {
      white-space: nowrap;
      font: 20px/135% Arial, Helvetica, sans-serif;
      color: #275DD1;
     }
     
.feedTable
     {
	   width: 100%;
      display: table;
      margin: 0;
     }
     
.feedRow
     {
      display: table-row;
     }
     
.feedCel
     {
      display: table-cell;
      font-size: 1.0em;
      line-height: 1.1em;
     }
     
#FooterC, #HeaderC
     {
      vertical-align: middle;
     }
     
#MenuTop2C
     {
      margin: 0;	 
      padding: 1.5%;
      height: 100%;
      background-color: #D2E3FA;
     }
     
#HeaderC
     {
      /*padding: 2.5%;
      background: transparent url(../OutImg/HeaderImg2.png) no-repeat top left / auto 100%;*/      
     }     
     
#FooterC
     {
      padding: 0.5%;
      font-size: 0.9em;
      text-decoration: none;
      outline: none;
      background-color: #D2E3FA;
     }
     
#FooterC a, #FooterC a:hover
     {
      color:#542283;
      text-decoration: none;
      outline: none;
     }
     
     
.SpanFoot
     {
      padding-left: 20px;     	
     }
          
#CreateClub1, #ClubHeaderTable2
     {
     	display: table;
     }
     
#ClubHeaderTable4, #TableContact
     {
      display: table;
     }
     
#TableContact
     {
      margin-left: auto;
      margin-right: auto;
      margin-top: 20px;
      margin-bottom: 45px;
     }
   
     
     
#ClubHeaderTable3
     {
      display: table;
      background-color: #929ACD;
     }

#ClubHeaderTable2, #ClubHeaderTable3, #ClubHeaderTable4
     {
      height: 100%;
      width: 100%;
      margin: 0;
      border-spacing: 0;
      border-collapse: collapse;
      overflow: hidden;
      /*background-color: #929ACD;*/
     }
     
#ClubHeaderTable2 a, #ClubHeaderTable3 a, #ClubHeaderTable4 a, #ClubHeaderTable2 a:hover, #ClubHeaderTable3 a:hover, #ClubHeaderTable4 a:hover
     {
      white-space: nowrap;
      display: inline-block;
      /*margin-left: 10px;
      margin-right: 10px;*/
      color:#9CEDF4;
      text-decoration: none;
      outline: none;
     }
     
#HeaderC, #MenuTop2C, #Content2C, #FooterC, #ClubHeaderTableR1C1, #ClubHeaderTableR1C2, #ClubHeaderTable2R1C1, #ClubHeaderTable2R1C2, #ClubHeaderTable2R1C3, #ClubHeaderTable2R1C4, #ClubHeaderTable2R1C5, #ClubHeaderTable3R1C1, #ClubHeaderTable3R1C2, #ClubHeaderTable3R1C3, #ClubHeaderTable3R1C4, #ClubHeaderTable3R1C5, #ClubHeaderTable4R1C1, #ClubHeaderTable4R1C2, #ClubHeaderTable4R1C3, #ClubHeaderTable4R1C4   
     {
      display: table-cell;
     }

#ClubHeaderTable2R1C2, #ClubHeaderTable2R1C3, #ClubHeaderTable2R1C4, #ClubHeaderTable2R1C5, #ClubHeaderTable3R1C1, #ClubHeaderTable3R1C2, #ClubHeaderTable3R1C3, #ClubHeaderTable3R1C4, #ClubHeaderTable3R1C5, #ClubHeaderTable4R1C1, #ClubHeaderTable4R1C2, #ClubHeaderTable4R1C3, #ClubHeaderTable4R1C4
     {
      vertical-align: text-bottom;
      text-align: center;
      padding: 35px 25px 35px 25px;
     }
     
#ClubHeaderTable2R1C1, #ClubHeaderTable3R1C1, #ClubHeaderTable4R1C1
     {
      width: 70%;
      vertical-align: text-bottom;
      text-align: left;
      padding: 35px 35px 35px 0px;
     }
     
#ClubHeaderTable2R1C2, #ClubHeaderTable2R1C3, #ClubHeaderTable2R1C4, #ClubHeaderTable2R1C5, #ClubHeaderTable3R1C2, #ClubHeaderTable3R1C3, #ClubHeaderTable3R1C4, #ClubHeaderTable3R1C5, #ClubHeaderTable4R1C2, #ClubHeaderTable4R1C3, #ClubHeaderTable4R1C4
     {
     	width: 10%;
	   color: #FFFFFF;
	   cursor: pointer;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
     }
     
#ClubHeaderTable2R1C2 span, #ClubHeaderTable2R1C3 span, #ClubHeaderTable2R1C4 span, #ClubHeaderTable2R1C5 span, #ClubHeaderTable3R1C2 span, #ClubHeaderTable3R1C3 span, #ClubHeaderTable3R1C4 span, #ClubHeaderTable3R1C5 span, #ClubHeaderTable4R1C2 span, #ClubHeaderTable4R1C3 span, #ClubHeaderTable4R1C4 span
     {
      display: inline-block;	   
     	/*height: 100%;*/
     	margin: 0 10px 0 10px;
     }

.Content1
     {
     	min-height: 420px;
     }
     
#ContSub1
     {
     	height: 270px;
      /*background-color: #AA33FF;*/
      width: 60%;
      float: left;
      
      background: radial-gradient(150px 125px at 35% 50% , rgba(245,230,250,0.5) 120px, transparent 140px),
                  radial-gradient(150px 125px at 65% 50% , rgba(253,246,215,0.5) 120px, transparent 140px);
      display: flex;
      align-items: center;
                  
     }
     
#ContSub1 p
     {
      width: 100%;
      text-align: center;
      font-size: 50px;
      font-weight: bold;
     }

#ContSub2
     {
     	height: 270px;
      width: 40%;
      float: left;
      display: flex;
      align-items: center;
     }
     
#ContSub2 p
     {
      width: 100%;
      text-align: center;
     }
     
#RegLink
     {
      background-image: -webkit-linear-gradient(top, #FCC88B, #FEB156);
      background-image: -moz-linear-gradient(top, #FCC88B, #FEB156);
      background-image: -ms-linear-gradient(top, #FCC88B, #FEB156);
      background-image: -o-linear-gradient(top, #FCC88B, #FEB156);
      background-image: linear-gradient(to bottom, #FCC88B, #FEB156);
      -webkit-border-radius: 28;
      -moz-border-radius: 28;
      border-radius: 28px;
      font-family: Arial;
      color: #ffffff;
      font-size: 20px;
      padding: 10px 20px 10px 20px;
      text-decoration: none;
      text-shadow: none;
     }

#RegLink:hover
     {
      background-image: -webkit-linear-gradient(top, #FEB156, #FCC88B);
      background-image: -moz-linear-gradient(top, #FEB156, #FCC88B);
      background-image: -ms-linear-gradient(top, #FEB156, #FCC88B);
      background-image: -o-linear-gradient(top, #FEB156, #FCC88B);
      background-image: linear-gradient(to bottom, #FEB156, #FCC88B);
      text-decoration: none;
      text-shadow: none;
     }

     
#ContSub3
     {
     	height: 160px;
      width: 60%;
      float: left;
      padding: 0px 10px 0px 25px;
      box-sizing: border-box;
     }
     
#ContSub4
     {
     	height: 160px;
      width: 40%;
      float: left;
      padding: 0px 25px 0px 10px;
      box-sizing: border-box;
     }
     
.Liste1, .Liste2
     {
     	padding-left: 16px;
     }

.Liste1 li, .Liste2 li
     {
      margin-top: 10px;   
     }
     
.Content2
     {
/*
      background: linear-gradient(45deg, transparent 50%, #fff 50%), 
                  linear-gradient(-45deg, transparent 50%, #fff 50%), 
                  linear-gradient(to bottom, #ccc, #000);
      background: linear-gradient(45deg, white 90%, blue 90%), linear-gradient(-45deg, white 90%, blue 90%);
*/
      background: linear-gradient(-135deg, transparent 90%, #EDFDEF 90%),
                  linear-gradient(45deg, transparent 90%, #EDFDEF 90%);
      padding:  15px 25px 15px 25px;
      box-sizing: border-box;
     }

.overlay3
     {
      background: rgba(0,0,0,0.7);
      position: fixed;
      top: 0;
      left: 0;
      width: 100%; height: 100%;
      z-index: 10;
      display: none;
     }
     
#ShowCont
     {
      height: 100%;
      max-height: 500px;
      width: 100%;
      max-width: 600px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-left: -300px;
      margin-top: -250px;
      z-index: 11;
      background: rgb(125,125,125);
     }	
     
#ImagS, #MovS
     {
     	display: none;
     }	

#aktimg
     {
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-position: center;
    }

.Content3
     {
      background: linear-gradient(-135deg, transparent 90%, #F7EDFD 90%),
                  linear-gradient(45deg, transparent 90%, #F7EDFD 90%);
      padding:  15px 25px 15px 25px;
      box-sizing: border-box;
     }
     
.Content4, .Content5
     {
      font-family: Arial, Helvetica, sans-serif;
      min-height: 500px;
     }
     
.Content4s1
     {
      box-sizing: border-box;
      font-size: 16px;
      padding: 15px 25px 15px 25px;
      text-align: center;
      color: #716C6C;
      width: 80%;
      margin-left: auto;
      margin-right: auto;
      /*
     	width: 60%;
     	float: left;
      */
     }
       
.Content5s1
     {
      box-sizing: border-box;
      font-size: 16px;
      padding: 15px 25px 15px 25px;
      color: #716C6C;
     } 
      
.Content5s1 a
     {
      color: #275DD1;
     }
     
.Content4s2
     {
      box-sizing: border-box;
     	width: 40%;
     	float: left;
     } 

       
#ContentM5a, #ContentM6a
     {
      height: 100%;
      width: 30%;
      float:left;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      padding: 0;
      margin: 0;
     }
     
#ContentM5b, #ContentM6b
     {
      width: 70%;
      height: 100%;
      float:left;
      padding: 0;
      margin: 0;
      background-color: #CCC3FA;
     }

#tourbox1
     {
      /*background-color: #FFC3FA;*/
     }
     
#tourbox1a
     {
      /*background-color: #22B3FA;*/
      float: left;
      width: 55%;
      padding: 65px 20px 20px 20px;
      box-sizing: border-box;
     }
     
#tourbox1b
     {
      /*background-color: #22CCCC;*/
      float: left;
      width: 45%;
     }
     
.tourimg1
     {
      display: block;
      margin: auto;
     }

#tourbox1Line
     {
     	clear: both;
      height: 1px;
      border-bottom: 1px dotted #C5C0C0;
     }

#tourbox2
     {
      /*background-color: #BAB3FA;*/
      padding: 25px 15px 15px 15px;
      display: none;
     }

#tourbox3
     {
      /*background-color: #BABCCC;*/
      width: 100%;
      display: none;
     }

#tourbox4
     {
      /*background-color: #FF23FA;*/
      height: 140px;
      width: 50%;
      float: left;
      padding: 15px 20px 15px 20px;
      box-sizing: border-box;
     }
     
#tourbox5
     {
      /*background-color: #DD55FA;*/
      height: 140px;
      width: 50%;
      float: left;
      padding: 15px 20px 15px 20px;
      box-sizing: border-box;
     }
     
#tourbox6
     {
      /*background-color: #A8C32A;*/
      height: 140px;
      width: 50%;
      float: left;
      padding: 15px 20px 15px 20px;
      box-sizing: border-box;
     }
     
#tourbox7, #tourbox8, #tourbox9
     {
      /*background-color: #D111FA;*/
      height: 140px;
      width: 50%;
      float:left;
      padding: 15px 20px 15px 20px;
      box-sizing: border-box;
     }
     
.TextInput1
     {
      border: 1px solid black; 
      padding: 5px;
      background: rgba(255,255,255,0.9);
      font: 0.9em/135% Arial, Helvetica, sans-serif;
      box-shadow: 0px 0px 8px 2px rgba(255, 255, 255, 1); 
      width: 260px; 
     }
     
.StartBut5 
     {
      background: none repeat scroll 0% 0% rgb(255, 255, 255);
      border: 1px solid #542283;
      color: #6774B4;
      line-height: 22px;
      font-size: 16px;
      font-family: Arial, sans-serif;
      /*font-weight: bold;*/
      text-align: center;
      -webkit-border-top-left-radius: 15px 50%;
      -moz-border-radius-topleft: 15px 50%;
      border-top-left-radius: 15px 50%;
      -webkit-border-bottom-left-radius: 15px 50%;
      -moz-border-radius-bottomleft: 15px 50%;
      border-bottom-left-radius: 15px 50%;
      -webkit-border-top-right-radius: 15px 50%;
      -moz-border-radius-topright: 15px 50%;
      border-top-right-radius: 15px 50%;
      -webkit-border-bottom-right-radius: 15px 50%;
      -moz-border-radius-bottomright: 15px 50%;
      border-bottom-right-radius: 15px 50%;
      display: inline-block;
      text-decoration: none;
      padding: 7px 10px 7px 10px;
      outline: none;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      /*box-shadow: 0px 0px 8px 2px rgba(255, 255, 255, 1);*/      
     }

.StartBut5:hover
     {
      text-decoration: none;
      outline: none;
      color: #6774B4;
     }
     
.StartBut3 
     {
      background: none repeat scroll 0% 0% rgb(255, 255, 255);
      border: 1px solid #542283;
      color: #6774B4;
      line-height: 18px;
      font-size: 16px;
      font-family: Arial, sans-serif;
      /*font-weight: bold;*/
      text-align: center;
      margin: 5px 25px 5px 0px;
      display: inline-block;      
      -webkit-border-top-left-radius: 13px 50%;
      -moz-border-radius-topleft: 13px 50%;
      border-top-left-radius: 13px 50%;
      -webkit-border-bottom-left-radius: 13px 50%;
      -moz-border-radius-bottomleft: 13px 50%;
      border-bottom-left-radius: 13px 50%;
      -webkit-border-top-right-radius: 13px 50%;
      -moz-border-radius-topright: 13px 50%;
      border-top-right-radius: 13px 50%;
      -webkit-border-bottom-right-radius: 13px 50%;
      -moz-border-radius-bottomright: 13px 50%;
      border-bottom-right-radius: 13px 50%;
      text-decoration: none;
      padding: 4px 6px 4px 6px;
      outline: none;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: default;
    }
    
.StartBut3:hover 
    {
     text-decoration: none;
     outline: none;
     color: #6774B4;
    }
     
#StartBox1
     {
      max-width: 220px;
      margin-left: auto;
      margin-right: auto;
     }
     
.RegStartBox1
     {
     	width: 100%;
     	/*float: left;
     	padding: 20px 40px 40px 40px;
      box-sizing: border-box;*/
     } 
     
.RegStartBox2
     {
     	width: 100%;
     	/*float: left;
     	padding: 30px 40px 40px 40px;
      box-sizing: border-box;*/
     }
     
#ueberBox, #ueberBox2
     {
     	/*padding: 30px 15px 40px 15px;
      box-sizing: border-box;*/
      font-size: 1.0em;
      line-height: 120%;
     }
     
#feedBox
     {
     	padding: 30px 40px 0px 40px;
      box-sizing: border-box;
      font-size: 1.0em;
      line-height: 1.1em;
     }
     
.DivReg
     {
     	width: 300px;
     	float:left;
      margin-bottom: 20px;
     } 
     
.DivReg2
     {
     	width: 300px;
     	float:left;
      margin-bottom: 15px;
      overflow: hidden;
      text-overflow: ellipsis;
     } 
              
#RegMess1, #RegMess2
     {
     	display: none;
      color: #FFA500;
     }
     
.DivFeedBack1
     {
      background-color: #E9E2EE;
     }
      
.DivFeedBack2
     {
      background-color: rgba(255,255,255,0.5);
     }
      
.DivFeedBack3
     {
      background-color: rgba(255,255,255,0.7);
     } 
     
     
.DivFeedSize1
     {
     	padding: 1%;
     	width: 23%;
     }
      
.DivFeedSize2
     {
     	padding: 1%;
      width: 48%;
     }
     
#Mantel3Img1D
     {
     
      position:relative;
      width: inherit;
      height: inherit;
      z-index: 9;
     }

#Mantel3Img2D
     {
      position:relative;
      width: 100%;
      height: auto;
      /*z-index: 9;
      background-color: #E9E2EE;*/
      
     }

/*
 #Mantel3Img2D img
     {

      position: absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
     }
*/ 
 
/*
#Mantel3Img1a{
                 animation: fadeInOut1 10s linear infinite;
            }
            
#Mantel3Img1b{
                 animation: fadeInOut2 10s linear infinite;
            }
            
#Mantel3Img1c{
                 animation: fadeInOut 8s linear 4s infinite;
            }

*/
@keyframes fadeInOut1
            {

             0% { opacity: 1; } 
             50% { opacity: 1; }
             60% { opacity: 0; }
             90% { opacity: 0; }
             100% { opacity: 1; }

            }

@keyframes fadeInOut2
            {

             0% { opacity: 0; } 
             40% { opacity: 0; }
             50% { opacity: 1; }
             90% { opacity: 1; }
             100% { opacity: 0; }

            }

#Mantel3Img1D img {



    position:absolute;
    top: 0;
    left: 50%;
    margin-left: -350px; /* Half the width */
    
    
/*    
    left:0;
    top:0;
    right:0;
    bottom:0;
*/    
    -webkit-animation-name: fade;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 6s;
      height: auto;
      width: 700px;
}

@-webkit-keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}

#Mantel3Img1a {
}
#Mantel3Img1b {
    -webkit-animation-delay: -4s;
}
#Mantel3Img1c {
    -webkit-animation-delay: -2s;
}


@media screen and (min-height: 1000px)
     {
/*
      .Mantel1
          {
           margin-top: 254px;
          }
      .Mantel0a
          {
           height: 210px;
          }
      .Mantel0aIn
          {
           background-position: 0px 145px;
          }
*/          
      .Mantel0b
          {
           top: 210px;
          }
     }

@media screen and (min-height: 1201px)
     {
/*
      .Mantel1
          {
           margin-top: 354px;
          }

      .Mantel0a
          {
           height: 310px;
          }
          
      .Mantel0aIn
          {
           background-position: 0px 245px;
          }
*/          
      .Mantel0b
          {
           top: 310px;
          }
     }


@media screen and (max-height: 900px)
     {
      .Mantel1
          {
        /*   top: 5%;*/
          }


      .Mantel0a
          {
           /*margin-top: 3%;*/
          }


     }

@media screen and (max-height: 800px) and (min-width: 700px)
     {
      .Mantel1
          {
           /* margin-top: 109px;*/
           background-image: url('../OutImg/roadS.jpg');
          }
          
/*
      .Mantel0a
          {
           height: 65px;
          }
          
      .Mantel0aIn
          {
           background-position: 0px 20px;
          }
*/
          
      .Mantel0b
          {
           top: 65px;
          }
          
          
     }
     
@media screen and (max-height: 500px)
     {
     
      .Mantel1
          {
           margin-top: 80px;
          }

      #Mantel1, #Mantel2, #Mantel3, #Mantel4
          {
           height: auto;
          }
          

      .MantelIn
          {
           min-height: 0;
           height: auto;
           padding: 20px 15px 30px 15px;
          }
          
      #Mantel4In
          {
           padding: 20px 15px 30px 15px;
          }
          

      #Mantel1Title
          {
           font-size: 30px;
           padding: 30px 10px 20px 10px;
           text-shadow: 0px 0px 4px rgba(244,251,251,1), 1px 1px 0px rgba(244,251,251,1);
          }
          
      #Mantel1In
          {
           font-size: 14px;
           font-weight: bold;
           text-shadow: 0px 0px 2px rgba(244,251,251,1), 1px 1px 0px rgba(244,251,251,1);
          }
          

      #Mantel2Title, #Mantel4Title
          {
           font-size: 18px;
           padding: 25px 15px 15px 15px;
          }

      #Mantel5Title
          {
           font-size: 18px;
          }	

      #Mantel2In, #Mantel4In, #Mantel3Ina
          {
           font-size: 14px;
           /*font-weight: bold;*/
           text-align: center;
          }


      .Mantel0a
       {
        height: 80px;
       }

      .Mantel0aIn
       {
        padding-top: 10px;
        background-position: 10px 10px;
        background-size: auto 50px;
        padding-left: 75px;
       }

      #PageTitle1
       {
        height: 30px;
        line-height: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 22px;
       } 
       
      #ClubHeaderTable2
       {
        height: 40px;
       }
      
      #ClubHeaderTable2R1C1
       {
        display: none;
       }
       
      #ClubHeaderTable2R1C2, #ClubHeaderTable2R1C3, #ClubHeaderTable2R1C4, #ClubHeaderTable2R1C5
       {
        padding: 10px 0px 10px 0px;
        text-align: left;
       }
         
         
         
       #Header
          {
           background-color: #D2E3FA;
          }
          
       #MenuTop2
          {
           display: none;	
          }
          
       .Mantel0b
          {
           display: none;	
          }
          
      #RegLink
          {
           -webkit-border-radius: 22;
           -moz-border-radius: 22;
           border-radius: 22px;
           font-size: 16px;
           padding: 6px 12px 6px 12px;
          }
          
      .Content4s1, .Content5s1
          {
           box-sizing: border-box;
           padding: 25px 15px 15px 15px;
           font-size: 14px;
          }

          
          
     }


@media screen and (max-width: 979px)
     {
      .Mantel0a
          {
           /*background: url('../OutImg/BackAktuells.jpg') no-repeat center center;
           background-size: cover;*/
          } 

      .Mantel1
          {
           background-image: url('../OutImg/roadS.jpg');
          }

      .MantelIn
          {
           width: auto;
          }

      #Mantel3Ina
          {
           height: auto;
           width: 650px;
           overflow: auto;
          }
          
      #Mantel3Img1D img
          {
           width: 650px;
           height: auto;	
          }	
     
      #Mantel3Img2D
          {
     	     display: none;
          }
     
      #Mantel3Img1D
          {
     	     margin: 0;
          }
          	
      #PageWrap, .Mantel0aIn, .Mantel0bIn, .Mantel0dIn, .Mantel0sIn
          {
           width: 100%;
          }
     }


@media screen and (max-width: 979px) and (min-height: 700px)
     {
      .Mantel0a
          {
           /*background: url('../OutImg/BackAktuells.jpg') no-repeat center center;
           background-size: cover;*/
          } 
     }

@media screen and (max-width: 850px)
     {
      #PageTitle1
       {
        display: block;
       } 
       
      #ClubHeaderTable2
       {
        height: 50px;
       }
      
      #ClubHeaderTable2R1C1
       {
        display: none;
       }

     }


@media screen and (max-width: 850px) and (min-height: 500px)
     {

      #tourbox1a
       {
        padding: 35px 15px 15px 15px;
       }
       
      #ImgPort
       {
        width: 80%;
       }      
 
      .Mantel0aIn
       {
        padding-top: 20px;
       }
       
      #ClubHeaderTable2R1C2, #ClubHeaderTable2R1C3, #ClubHeaderTable2R1C4, #ClubHeaderTable2R1C5
       {
        padding: 15px 0px 15px 0px;
        text-align: left;
       }

    }


     
@media screen and (max-width: 700px)
     {

      #Mantel1, #Mantel2, #Mantel3, #Mantel4
          {
           height: auto;
          }

      .MantelIn
          {
           min-height: 0;
           height: auto;
           padding: 20px 15px 30px 15px;
          }
          
      #Mantel4In
          {
           padding: 20px 15px 30px 15px;
          }
          

      #Mantel1Title
          {
           font-size: 30px;
           padding: 30px 10px 20px 10px;
           text-shadow: 0px 0px 4px rgba(244,251,251,1), 1px 1px 0px rgba(244,251,251,1);
          }
          
      #Mantel2Title, #Mantel4Title
          {
           font-size: 18px;
           padding: 25px 0px 15px 0px;
          }
          
      #Mantel5Title
          {
           font-size: 18px;
           padding: 25px 0px 0px 0px;
          }	

      #Mantel1In
          {
           font-size: 16px;
           font-weight: bold;
           text-shadow: 0px 0px 2px rgba(244,251,251,1), 1px 1px 0px rgba(244,251,251,1);
          }
          
      #Mantel1Ina
          {
           width: auto;
           float: none;
           text-align: center;
           padding: 0px;
          } 
          
      #Mantel1Title
       {
        text-align: center;
       }
         
      #DivRegLink
       {
        text-align: center;
        padding: 25px 0px 25px 0px;
       }     
                   
      #Mantel1InaList
       {
        text-align: center;
        list-style-type:none;
        padding: 5px;       
        width: 300px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
       }

          
      #Mantel1Inb
          {
           display: none;
          }          
          
      #Mantel2In, #Mantel4In, #Mantel3Ina
          {
           font-size: 14px;
           text-align: center;
          }
          

      #Mantel1Ina
          {
     	   /*
           font-size: 14px;
           font-weight: bold;
           padding: 0px 5px 0px 5px;
           text-shadow: 0px 0px 2px rgba(0,0,0,1), 1px 1px 0px rgba(0,0,0,1);
           */
          }
          
      #Mantel3Ina
          {
           width: 100%;
           min-height: 260px;
          }
     
      #Mantel3Img1D
          {
     	     display: none;
          }
      #Mantel3Img1D img
          {
     	     display: none;
          }
	
     
      #Mantel3Img2D
          {
     	     display: inline-block;
     	     margin: 0;
          }
      #Mantel3Img2a
          {
           display: block;
           width: 300px;
           height: auto;
           margin-left: auto;
           margin-right: auto;
          }
          
      #Mantel3Img2b{
                 animation: fadeInOut2 10s linear infinite;
            }
/*
      .Mantel0aIn, .Mantel0sIn
          {
           background-image: url(../OutImg/HeaderImgS.png);
          }
*/       
      .Mantel0d
          {
           height: 100px;
           padding-top: 15px;
           padding-bottom: 15px;
          }
          
      .Mantel0dIn
          {
           font-size: 0.8em;
           line-height: 180%;
           padding-left: 10px;
           padding-right: 10px;
          }
          
      #ContSub1, #ContSub2
          {
           width: auto;
           float: none;
          }
          
      #ClubHeaderTable2, #ClubHeaderTable3
          {
           font-size: 0.8em;
          }
/*
      #ClubHeaderTable2 a, #ClubHeaderTable3 a, #ClubHeaderTable2 a:hover, #ClubHeaderTable3 a:hover
          {
           margin-left: 5px;
           margin-right: 5px;
          }
*/
     .Content1
          {
     	     min-height: 400px;
          }
          
     .Content2, .Content3
          {
           padding: 10px 10px 10px 10px;
          }

      .Content1, .Content2, .Content3
          {
           font-size: 0.8em;
          }

      #ContSub1
          {
     	     height: 190px;
           background: radial-gradient(120px 95px at 35% 50% , rgba(245,230,250,0.5) 90px, transparent 120px),
                       radial-gradient(120px 95px at 65% 50% , rgba(253,246,215,0.5) 90px, transparent 120px);
          }
     
      #ContSub1 p
          {
           font-size: 35px;
          }
          
      #ContSub2
          {
     	     height: 70px;
          }
          
      #ContSub3
          {
     	     height: 140px;
           padding: 0px 10px 0px 10px;
          }
          
      #ContSub4
          {
     	     height: 100px;
           padding: 0px 10px 0px 10px;
          }
              
      #RegLink
          {
           -webkit-border-radius: 22;
           -moz-border-radius: 22;
           border-radius: 22px;
           font-size: 16px;
           padding: 6px 12px 6px 12px;
          }

      .Content4s1, .Content5s1
          {
     	     width: auto;
     	     float: none;
           padding: 25px 15px 15px 15px;
           font-size: 14px;
          }  
     
      .Content4s2
          {
     	     display: none;
     	     float: none;
          } 
           
       .TextInput1
          {
           padding: 3px;
           font: 0.9em/135% Arial, Helvetica, sans-serif;
           width: 220px; 
          }
          
       .StartBut3 
          {
           margin: 5px 6px 0px 0px;
           padding: 4px 4px 4px 4px;
           line-height: 16px;
           font-size: 14px;
          }
          
       #tourbox1
          {
           display: none;
          }
          
       #tourbox1Line
          {
           display: none;
          }
          
       #tourbox2
          {
           display: block;
           font-size: 0.9em;
          }
          
       #tourbox2 h1
          {
           font-size: 1.6em;
          }
          
       #tourbox3
          {
           display: block;
          }
              
       #tourbox4, #tourbox5, #tourbox6, #tourbox7, #tourbox8, #tourbox9
          {
           width: 100%;
           clear: both;
           font-size: 0.9em;
          }


/*

      .Mantel1
          {
           margin-top: 44px;
          }
      .Mantel0a
          {
           background: #929ACD;
           height: 44px;
          }
          
      .Mantel0aIn
          {
           background-color: #929ACD;
           background-size: auto 44px;
           background-position: 0px 0px;
          }

      #ClubHeaderTable2
          {
           display: table;
          }
*/          
       #Header
          {
           background-color: #D2E3FA;
          }
          
       #MenuTop2
          {
           display: none;	
          }
          
       .Mantel0b
          {
           display: none;	
          }
          
       #Content2
          {
          }
          
       #Footer
          {
          }



     
    }
    
    
@media screen and (max-width: 500px)
     {


      .Mantel0a
       {
        height: 80px;
       }

      .Mantel0aIn
       {
        padding-top: 10px;
        background-position: 10px 10px;
        background-size: auto 50px;
        padding-left: 75px;
       }
       
      .Mantel1
        {
         margin-top: 80px;
        }
       

      #PageTitle1
       {
        height: 30px;
        line-height: 30px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 22px;
       } 
       
      #ClubHeaderTable2
       {
        height: 40px;
       }
      
      #ClubHeaderTable2R1C1
       {
        display: none;
       }
       
      #ClubHeaderTable2R1C2, #ClubHeaderTable2R1C3, #ClubHeaderTable2R1C4, #ClubHeaderTable2R1C5
       {
        padding: 10px 0px 10px 0px;
        text-align: left;
       }


     }