html, body, h1, h2, h3, ul, li, a, article, footer, header, main, nav, section {
  		padding: 0;
  		margin: 0 auto;
	}

	html, body {
		height: 100%;
	}
    body {
  		font-family: Verdana, 'Lucida Sans Unicode', sans-serif;
    }

    nav {
    	background-image: linear-gradient(to bottom, #BAD4F4 0%, #A9C8F6 100%);
  		text-align:center;
  		z-index:1;
       justify-content: center;
    }

    header {
       height:35px;
       z-index:2;
       background-image: linear-gradient(to bottom, #BAD4F4 0%, #A9C8F6 100%);
    }

    #login{
  	margin: 5px auto;
    text-align: center;
	width: 400px;
    height:250px;
	border: 2px solid #fff;
	background: rgba(55,55,185,0.5);
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

	#logout{
	  position:absolute;
	  top:0px;
	  right:0px;
	  padding:5px;

	  color: #fff;
	  border:1px solid #fff;
	   -o-border-radius: 5px;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	  border-radius: 5px;
	  background: rgba(55,55,155,0.5);

	}

    main {
 	  overflow:hidden;
 	  display: -webkit-flex;
 	  display: -ms-flexbox;
  	  display: flex;
  	  flex-wrap:  wrap;   /*nowrap | wrap | wrap-reverse;*/
  	  justify-content: center;
    }

    footer {
        position: absolute;
    	bottom: 0px;
    	width: 100%;
   	 	left:0;
     	padding: 10px 0px 10px 0px;
   	 	background-image:linear-gradient(to bottom, #1E68C2 0%, #1F1D89 100%);
 		justify-content: center;
  	}

  	#wrapper{
  		position: relative;
  	    min-height: 100%;
    	height: auto !important;
    	height: 100%;
  	}
  	#content {
	  	padding-bottom: 30px;
	}

    #logodiv{
	    position: absolute;
	    top:0;
		left:25px;
		z-index: 1000;
    }


   	.art_n3{
   	    cursor:pointer;
   	    margin:5px;
        width:330px;
        overflow:hidden;
   	}

   	.more{
   	    display:none;
   	}

   	.tmore_1{
   		display:none;
   	}

  	.header{
   		background-image:linear-gradient(to bottom, #eee 0%, #fff 100%);
   		padding: 10px;
   	    border:1px solid #ccc;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

   	.news{
   		background-image:linear-gradient(to bottom, #eee 0%, #fff 100%);
   		padding: 10px;
   	    border:1px solid #ccc;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		box-shadow: 2px 2px 1px #777;
		display: -webkit-flex;
 	    display: -ms-flexbox;
  	    display: flex;
  	    flex-wrap:  wrap;   /*nowrap | wrap | wrap-reverse;*/
  	    justify-content: center;
	}
	.banner {
   		margin: 0 auto;
   		display: -webkit-flex;
  		display: flex;
   	}


   	.art30 {
   		margin: 0 auto;
   		max-width:30%;
   		background-image:linear-gradient(to bottom, #fff 0%, #eee 100%);
   		padding: 10px;
   	    border:1px solid #ccc;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
   	}
   	.art50 {
   		margin: 0 auto;
   		width:47%;
   		background-image:linear-gradient(to bottom, #fff 0%, #eee 100%);
   		padding: 10px;
   	    border:1px solid #ccc;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
   	}
   	.art100 {
   		margin: 5px; auto;
   		width:98%;
   		background-image:linear-gradient(to bottom, #fff 0%, #eee 100%);
   		padding: 10px;
   	    border:1px solid #ccc;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
   	}

   	#art_title{
   	    width:99%;
   		font-size:1.2em;
   	}
   	#art_1{
   	    padding:10px;
   		font-size:1em;
   		text-align:  justify;
   	}
   	#art_2{
   	    padding:10px 0px 15px 0px;
   		font-size:0.8em;
   	}

   	#maintab{
	  	margin: 0 auto;
	  	width:100%;
	  	height: 100%;
	}
  	#container1 {
  		margin: 0 auto;
  		max-width:1200px;
  	  	height: auto;

  	}
  	#container2 {
  	    margin: 0 auto;
  	    width:200px;
		padding-top:80px;
		padding-left:20px;
		text-align:right;
		display:none;
   }

  	#overlay_back{
  	   position:fixed;
  	   top:25px;
  	   left:0px;
  	   width:100%;
       height:100%;
       background: rgba(0,0,0,0.8);
  	   display:none;
	}
	#overlay{
	  margin: 0 auto;
      position: relative;
      top:36px;
      width:100%;
      max-width:1000px;
      height:100%;
      display:none;
   }

   #video1{
      margin: 0 auto;
      position: absolute;
      top:0px;
      left:0px;
      width:100%;
      max-width:1000px;
      height:100%;
      display:none;
      z-index:100;
   }

   #video{
      width:100%;
      height:auto;
   }

   #vplay {
   		position:absolute;
   		left:42%;
   		top:60%;

   }
   #vplay:hover {
   	  -webkit-transform:scale(1.08); /* Safari and Chrome */
    	-moz-transform:scale(1.08); /* Firefox */
    -ms-transform:scale(1.08); /* IE 9 */
    -o-transform:scale(1.08); /* Opera */
     transform:scale(1.08);
     opacity: 0.8;
   }

   #vtitle {
  		position:absolute;
  		left:10%;
  		top:20%;
  		width:80%;
  		padding:10px;
  		font-size:2em;
  		color:#fff;
  		background: rgba(120,120,255, 0.5);
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
	}
	#vinfo{
	    margin:10px;
	    padding:8px;
		font-size:1.1em;
		background: rgba(120,120,255, 0.5);
		color:#fff;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		border:1px solid #66d;
		box-shadow: 3px 3px 2px #339;

	}

  		#inhalt, #kontakt {
	  		margin: 5px auto;
	  		margin-bottom: 15px;
	  		width:90%;
	  		min-height:600px;
	  		padding:20px;
	  		color:darkblue;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+15,c4e9fc+100 */
			background: rgb(255,255,255); /* Old browsers */
			background: -moz-linear-gradient(top,  rgba(255,255,255,1) 15%, rgba(196,233,252,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 15%,rgba(196,233,252,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(255,255,255,1) 15%,rgba(196,233,252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4e9fc',GradientType=0 ); /* IE6-9 */
			border:1px solid #44f;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;
			box-shadow: 7px 7px 5px #44a;

		}

		#kontakt {
	  		width:600px;
		}

  		#info
		{
			text-align: center;
			/*border:1px solid;*/
		}

		#navi {
			position:fixed;
			top:10px;
			left:20px;
			/*border: 1px solid;*/
		}
		#ue1{
		        padding-left:30px;
				text-shadow: 2px 2px 2px #666;
	  			font-family: Verdana;
	  			color: #a00;
	  			font-size: 1.5em;
	  			font-weight: bold;
		}


.zoomimg {
    -webkit-transition: all 0.2s ease; /* Safari and Chrome */
    -moz-transition: all 0.2s ease; /* Firefox */
    -ms-transition: all 0.2s ease; /* IE 9 */
    -o-transition: all 0.2s ease; /* Opera */
    transition: all 0.2s ease;

}
.zoomimg:hover {
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
     transform:scale(1.05);
}
/**/






	.video_bg {
		margin:2px;
		padding:3px;
		background-color:#006;
		border:1px solid #004;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		color:darkblue;
		box-shadow: 7px 7px 5px #227;
 	}
	 .btn {
	  background: #3498db;
	  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	  background-image: -o-linear-gradient(top, #3498db, #2980b9);
	  background-image: linear-gradient(to bottom, #3498db, #2980b9);
	  -webkit-border-radius: 28;
	  -moz-border-radius: 28;
	  border-radius: 28px;
	  text-shadow: 2px 3px 3px #666666;
	  font-family: Arial;
	  color: #ffffff;
	  font-size: 29px;
	  padding: 10px 20px 10px 20px;
	  text-decoration: none;
	}
	.btn:hover {
	  background: #3cb0fd;
	  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	  text-decoration: none;
	}

	.bild {
    max-width: 100%;
    height: auto;
}



/*  hauptklasse a (Verweise) */
a {
font-family:verdana;
font-size:11px;
text-decoration:none;
}


 	input,textarea {
 	 	margin:3px;
		background-color:#eef;
	    font-size:1.0em;
	    font-family:Verdana,sans-serif;
	    border:1px solid #88a;
	    padding:2px;
		 -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
		 border-radius: 3px;
	 }

        input, select, textarea { color:#004; }
        input:focus { background-color:#fff; }
        textarea:focus { background-color:#fff; }

  		.button:hover{
  		    position:relative;
			top:5px;
  		    left:1px;
        }
        .button:active{
			top:5px;
        }
        .button:visited{
			top:5px;
        }

	li.imp { width: 110px; padding-left:50px; list-style: none;  float:left;  color:#fff;  }
	#imp  {  padding-left:25px; list-style: none; }