/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto-v30-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/roboto-v30-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v30-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/roboto-v30-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

.shortText {
    position:relative;
            top:20px;
            padding-left: 5%;
            padding-right:5%;
            overflow: hidden;
            line-height: 1.5;
            padding-top:15px;
}

  .shortText.small {
          position:relative;
            top:20px;
            padding-left: 5%;
            padding-right:5%;
            overflow: hidden;
            line-height: 1.5;
            padding-top:15px;
        }
        
        .wichtig{
                display: block;
    width: 100%;
    padding: 0.5em;
    text-align: center;
    color:white;
    background-color: #1e90ff;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    
        } 
        
        .moreless-btn {
            position:relative;
            top:10px;
            margin-left: 5%;
            margin-right:5%;
            padding-left: 2%;
            padding-right:2%;
            padding-top: 5px;
            padding-bottom:4px;
            overflow: hidden;
            line-height: 1.5;
            margin-top:20px;
            background: #4096ee;
            color: white;
            border-radius:5px 0px 15px;
            box-shadow:3px 3px 4px #8CA0B2;
	
        } 
        
        .shortText span.more {
            display: inline;
            
        }
        .shortText.small span.more {
            display: none;
            
        }
        .shortText:not(.small) span.dots {
            display: none;
            position:relative;
            top:20px;
            padding-left: 5%;
            padding-right:5%;
            overflow: hidden;
            line-height: 1.5;
            padding-top:15px;
        }

.iframed{
position:relative;
tops:-540px;left:-5px
}
.iframeholder{
width:100px;
}
.iframeholder div{
position:relative;
width:100px;
height:100px;
overflow:auto;
}

* {
  margin: 0;
  padding: 0;
      font-family: Georgia, Times New Roman, serif;
  box-sizing: border-box;
}

body {
  	background-color: #a9b8ca;
  	background-image: url("BilderAllg/03.jpg");
  	background-repeat: repeat;
  	background-size:100% auto;
  	background-attachment:fixed;
  	
  	color: black;
font-family: Georgia, Times New Roman, serif;
  	-font-weight: 400;
	position: relative;
}

.startseite{
	z-index:1;
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;
	width: 100px;
}

.logo{
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	
	width: 50%;
	z-index:2;
	padding-top: 15px;
	padding-bottom: 15px;
	
}

.logo2{
width: 90%;
top: 20px;
padding-right: 20px;
position: relative;
}

.logo3{
width: 90%;
top: 50px;
padding-right: 20px;
position: relative;
}

.logo7{
width: 100%;
top: 20px;
padding-right: 20px;
position: relative;
}

.box1{
    -position:relative;
    float:left;
    width:75%;
    padding-right:8px;
    box-sizing:border-box;
}

.box2{
    
    float:left;
    width:25%;
    
    box-sizing:border-box;

}

.textRechts{
    width: 90%;
top: 40px;
padding-right: 15px;
position: relative;
}

.logo4{

width: 90%;

top: 75px;
padding-right: 20px;
position: relative;
}

.logo6{

width: 90%;

top: 95px;
padding-right: 20px;
position: relative;
}


.logo5{
width: 100%;

top: 15px;

padding-right: 20px;
position: relative;
}



#video{
	
width: 100%;
right: 10px;
top: 30px;
padding-top: 10px;
padding-right: 20px;
position: relative;
}

#linie{
text-align: center;

}

#oben{
font-size: smaller;
}


.weih{
width: 27%;
margin-left: 20%;


}

#weih{
width: 50%;
margin-left: 6%;


}

.col1{
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;

cursor: zoom-in;
}

nav {
    
 box-sizing: border-box;
display:block;
text-align:center;
  float: left;
  width: 100%;
  background: #3a3a3a;
  font-size: 16px;
   border-style:solid;  
  border-color: black;
 

border-width: 2px;

    color: black;

}

nav ul {
  margin: 0;
  padding: 0;
}

nav a {
  display: block;
  color: #fff;
  text-decoration: none;
}

nav a:link{
    text-decoration:none;
    color: white;
}

nav ul li a:link {
    text-decoration:none;
  color:white;
}

nav ul li {
  position: relative;
  float: left;
  list-style: none;
  
}

.internerBereich{
    position:relative;
    float:right;
    text-decoration:none;
  color:white;
}


.aktuelleSeite{
    color:white;
    background: #4096ee;
}

nav ul li:hover {
  background: #4096ee;
}

nav ul li a {
  padding: 20px;
  margin-right:auto;
  margin-left:auto;
}


.submenu{
    color:white;
}

nav ul ul {
  position: absolute;
  z-index:100;
  top: -9999px;
  left: -9999px;
  background: #333;
  text-align:left;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.6);
}
 
nav ul ul li {
  float: none;
  width: 250px;
  border-bottom: 1px solid #555;
}
 


nav ul ul li a {
 padding: 10px 20px;
 
}

nav ul ul li a:link {
 color:white;
}


nav ul li:hover > ul {
  top: 100%;
  left: 0;
  
}

nav ul ul li:hover > ul {
  top: 0;
  left: 200px;
}

nav ul li.submenu > a {
    color:white;
}

nav ul li.submenu > a:after {
   position: relative;
  float: right;
  content: '';
  margin-left: 10px;
    margin-top: 5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  border-bottom: 5px solid transparent;
}

-nav ul ul li.submenu a:after {
  margin-left: auto;
  margin-right: -10px;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

nav ul ul li:last-child {
  border-bottom: none;
}

figure,
figcaption {
	margin: 2px;
	padding: 0;
}



figure.einzel {
	position: relative;
	display: inline-block;
	
}

figure img {
	
	display: block;
}

.einzelBild{
    position:relative;
    -width:90%;
    display: block;
    text-align:center;
    -height:auto;
    padding-right:2px;
    

    
}

-img { width: 100%; height: auto }

figcaption {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 3em;
	color: white;
	background: rgba(0, 0, 0, 0.5);
}

.gesamt {
	position: relative;
	color: black;
	background: white;
}


#vorstandtab{
border: 0;
border-collapse: inherit;
text-align: left;
line-height: 1.5;

}

.tabohnerand{
    position:relative;
border: none;
border-color: white;
border: 0px;

}	

#tabohnerand{
    position:relative;
border: none;
border-color: white;
border: 0px;
padding: 0px;
text-align: left;
padding-right:25px;

}

table {
  border-collapse: collapse;
  padding-bottom:20px;
  
}

#tabelleBreit{
    position:relative;
    padding:1em;
    font-size: 80%;
    border-color:white;
    display:block;
     -border-collapse: separate;
}


table, th, td {
    
  border: 1px solid black;
}

#tabmitrand{
border: 1px;
border-color: black;
text-align: left;
padding-right:25px;

}

#tabohnerandmargin{
border: none;
border-color: white;
border: 0px;
padding: 2px;
text-align: left;
padding-right:25px;
margin-left: 20px;

}

#tabohnerandpadding{
border: none;
border-color: white;
border: 0px;
padding: 4px;
text-align: left;
padding-right:25px;

}





#linkerRand{
	border: 2px double #000000;
text-align: left;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
padding-top: 5px;
margin: 0px;
}



td{
border: 2px double #000000;
text-align: center;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
padding-top: 5px;
margin: 0px;
}

#zeile1{

font-weight: bold;
background-color: #6699FF	;
color: white;
}

#zeileungerade{
background-color: #CCCCCC;	
}

#zeilegerade{

}

tr{
border: 2px double #000000;
text-align: center;
}

a:visited{
color: blue;

}

a:link{
color: blue;
text-decoration: none;
}



#bilsil{
    position:relative;
padding-left: 3%;


}

#bilsilar{
padding-left: 3%;
padding-right: 3%;

}

.bilsil{
border-color:black;
border: 2px double #000000;
cursor: zoom-in;
}

figure {
    position:relative;
    display: inline-block;
    background: #3a3a3a;
    border: 1px solid black;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 8px 8px 12px grey;
}
figure img {
    display: block;
    margin: 1px;
    padding: 1px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    
}

figure:hover a img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    transform: scale(1.2);
    opacity: .8;
    filter: alpha(opacity=80);
}

#linietext{
    position:relative;
    top:10px;
width: 65%;
padding-left: 2%;
overflow: hidden;

}

#textog{
-text-align: justify;
padding-left: 40px;
padding-right: 35px;
line-height: 1.5;
}

#text{
-width: 90%;
position:relative;
top:20px;
padding-left: 5%;
padding-right:5%;
overflow: hidden;
line-height: 1.5;
padding-top:15px;
}

#textmittig{
-width: 80%;
position:relative;
-text-align:center;
top:40px;
padding-left:5%;
padding-right:2%;
margin-left: 10%;
margin-right:15%;
margin-bottom:45px;
overflow: hidden;
line-height: 1.5;
padding-top:15px;
border-width: 1px;
border-color:black;
border-style:solid;
box-shadow: 6px 6px 6px 10px grey;
}

#textog1{
    
 top:30px;
position:relative;
-text-align: justify;
padding-left: 25px;
padding-right: 30px;
line-height: 1.5;


}

#boxUnten{
    bottom:20px;
position:absolute;
-text-align: justify;
padding-left: 25px;
padding-right: 30px;
line-height: 1.5;
}

#laufendeLinks{
    top:20px;
position:relative;
padding-left: 10px;
padding-right: 10px;
}

p {
width: 60%;
overflow: hidden;
}
.header{
width:900px;
height:60px;
display:block;
text-align:center;
}

.bildleiste{
    top:10px;
    -display:block;
-text-align:center;
z-index:2;
-margin-left:10%;
-margin-right: 10%;
-margin-bottom: 50px;
border-color: black;
border-style:solid;  
border-width:2px;
font-size: medium;
max-width: 1500px;
min-width: 450px;
width:100%;
-height:auto;
position:relative;
}

#wrapper {
display:block;
text-align:center;
z-index:2;
margin-left:10%;
margin-right: 10%;
margin-bottom: 50px;
border-color: black;
border-width:1px;
font-size: medium;
max-width: 1500px;
min-width: 450px;
width:75%;
height:58px;
position:relative;
}

#Bilder{
	top: 0px;
	left:0px;
height: 130px;

background-color: transparent;
margin-left: 0%;
margin-right: 0%;
}

.bild1{
	position: relative;
	
	height: 130px;
	
}

.bild2{
position: relative;	
	
}

.bild3{
	
	position: relative;
}

.bild4{
	
	position: relative;
}

.bild5{
	
	position: relative;
}

.bild6{
	
	position: relative;
}

.bild7{
	
	position: relative;
}

#main{
	

   z-index:2;

    border-color: black;
display: block;
	text-align: center;
	padding-left: auto;
	padding-right: auto;
        max-width: 1500px;
min-width: 450px;
width:100%;
}

#sponsor{
	display: block;
text-align: center;


}
	
p{
    margin-bottom:5px;
    margin-top:5px;
}
	

#right {
	position: absolute;
	min-width: 260px;

padding-left: 10px;
padding-right: 10px;

width: 25%;

box-shadow: 1px 1px 6px #292929;
top: 0;
margin-top: 38%;
margin-left: 70%;
margin-right: 3%;


float: right;
display: block;
text-align: center;
}




#textgross{
    position:relative;
-width:90%;
font-size: 17px;
-padding-left: 2%;
overflow: hidden;
text-align: left;
text-decoration: underline;
text-transform: inherit;
-padding-top: 20px;
}


#rechtsausrichten{
display: block;
text-align: right;
padding-right: 100px;
padding-top: 0px;	
}


#ueberschrift{
-width: 90%;
position:relative;
top:20px;
padding-left: 2%;
overflow: hidden;
text-align: left;
color: blue;
text-transform: inherit;
padding-top:15px;
}

#block{
position: relative;
max-width: 1500px;
min-width: 450px;
width:100%;
top:15px;
z-index:2;
padding-top: 15px;
    padding-left:15px;
display: block;
text-align: center;
height: auto;
min-height: 900px;
border-color: #000;

border-width: 2px;
border-style: solid;

left: 0px;
-padding-left: 10px;
padding-right: 15px;
-padding-top: 10px;
padding-bottom: 50px;
background-color: white;
font-family: Georgia, Times New Roman, serif;
float: left;
margin-bottom: 50px;
text-align: left;


}



h1{
text-align: center;
}

#wichtig{-text-shadow: 0.1em 0.1em 0.2em black;
         background-image: url("BilderAllg/pfeil.png");
         background-repeat: no-repeat;
  	background-size:100%;
 -background: #009fe3;
 -opacity: 0.7;
color: white;
margin-right: 10%;
position: relative;
padding: 5% 1% 5% 3%;
}
#wichtig a{
    text-shadow: 0.1em 0.1em 0.2em black;
   color:white;
   margin-right: 10%;
position: relative;
padding: 5% 1% 5% 3%;
 }

#mittig{
display: block;
text-align: center;
z-index:100;
}

.details{
    
   cursor:pointer; 
      position:relative;
}

details{
    
    border: 1px solid gainsboro;
	margin-bottom: 1em;
}