/* RESET */
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

ul{list-style: none;}
a{text-decoration: none;}

/* ALLGEMEIN */
body{font-family: Helvetica, Arial, sans-serif;
}
.container{
	width: 1000px;
	margin: auto;
}
/*adler UN*/
.container_nw{
	padding-top: 50px;
	width: 1300px;
	margin: auto;
}

.clearfix:after{
	display: block;
	content: '';
	clear: both;
}

/* HEADER */
header{
	background-color: #c0c0c0;
	height: 60px;
	line-height: 60px;
	
/* Fixierter Header */
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

header img{
	float: left;
	padding-top: 17px;
}
/*Navigation Header*/
header nav{
	float: right;
	}

header nav li{
	float: left;
}

header nav a{
	display: block;
	padding: 0 10px;
	color: #fff;
}
header nav a:hover{
	color: #fff;
	text-shadow: 5px -5px 5px #fff;
}
/*Kontakt*/

.textarea{
	width: 300px;
	height: 90px;
	background: #fff;
	text-align: left;
	border-radius: 5px;
	margin-bottom: 3px;
	
}

.email{
	display: block;
	font-family: Verdana;
	font-size: 15px;
	color: #000;
}
.email:hover{
	text-decoration: underline #333;
	
}

/* Kontakt Code*/

#sec2{
	background: #fff;
	background: linear-gradient(135deg, #92df31, rgba(255,255,255,0.2));
	padding: 100px 0 100px 0;
}

#sec2 div div{
	float: left;
	width: 50%;
	padding: 40px 0 40px 40px;
}
#sec2 h3{
	width: 400px;
	border: 1px solid #000;
	padding: 10px;
	text-align: center;
	margin: 20px auto;
}
#sec2 h1{
	font-size: 30px; 
	color: #fff;
	padding: 15% 0 2% 4%;
}
#sec2 span{
	color: #000;
	font-weight: bold;
	line-height: 18px;
}

/*ufo-start*/
#news{
	padding: 220px 0 0;
	background: url(../images/news/med.jpg) no-repeat 50% #fff;/*1% 50%*/
	width: 120%;
}

.info{
	display: block;
	margin: auto;
	background: yellow;
	font-size: 24px;
	text-align: center;
	color: #000;
}	

#news .info:hover{
	display: block;
	margin: auto;
	background: white;
	font-size: 24px;
	text-align: center;
	color: red;
}

   
/*
.info{
    width: 100%;
    overflow: hidden;
    background-image: url(../img/slider/2.jpg);
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
*/
#home h1{
	font-size: 60px;
}
#home{
	background: url(../images/spring1.jpg) no-repeat 50% top #bddae0; /* 20%*/
	background-size: cover; /*auto*/
	padding: 110px 0 350px 0;/* 110px oben 350px unten*/
	
}
#home h2{
	color: #fff;
}
#home .box{
	width: 100%;
	text-align: center;
	/*border: 1px solid #fff;
	background: rgba(255, 255 ,255 ,0.1);*/
	padding: 20px;
	margin: auto;
	color: rgba(255, 255 ,255 ,0,9);
	float: left;
	margin: 2% 0 0 2%;/*5% 00 5%*/
}
#home h2:hover{
	color: rgba(255, 255 ,255 ,0.9);	
}
#home .box p{
	color: #fff;
}

/* Literatur-Artikel Buttons*/

#sec1{
	background-color: #fff;/*#6699ff;*/
	text-align: center;
	padding: 120px 0 90px 0;

}
#sec1 article:hover{
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 2px 2px 5px rgba(146, 223, 49, 0.8);
}
#sec1 article{
	float: left;
	width: 32%;
	background-color: #fff;
	border: 1px dotted rgb(146, 223, 49);
}
#sec1 p{
	margin-bottom: 30px;
}

#sec1 .middle{
	margin: 0 2%;
}

#sec1 img{
	border-radius: 100%;
	border: 10px solid /*rgb(146, 223, 49);*/#8eb4ff;
	margin: 30px 0;
}


/*Themenübersicht*/

#sec3{
	background: url(../images/sky.png) no-repeat 50%;
	background-size: cover;
	text-align: center;
	padding: 200px 0 200px 0;
}
#sec3 article{
	float: left;
	width: 32%;
	background: rgba(255, 255, 255, 0.3);/*#8eb4ff;*/
	padding: 10px;
	margin-bottom: 15px;
	border-radius: 5px;
}

#sec3 article:hover{
	background-color: rgba(102, 153, 255, 0.1);/*#8eb4ff;*/
}
#sec3 .middle{
	margin: 0 2%;
}

/*Infoübersicht*/

#sec4{
	background-color: #eaeff2;
	text-align: center;
	padding: 100px 0;
	
}
#sec4 .middle{
	margin: 0 3%;
}
#sec4 article{
	float: left;
	width: 31%;
	background: rgb(255, 255, 255);
	padding: 40px;
}
#sec4 a article:hover{
	border: 1px solid #333;
	background-color: #eaeff2;
	}
#sec4 .middle article a:hover{
	border: 1px solid #333;
	background-color: #eaeff2;
}
#sec4 span{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: #333;
}

/*Geschichte über UN*/

#sec5{
	text-align: center;
	background: linear-gradient(0deg, #92df31, rgba(255,255,255,0.2));
	color: #fff;
	padding-top: 100px;
}
#sec5 p{
	font-family: Heletica, Arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	padding: 15px 0;
}
#sec5 span{
	font-weight: 700;
	font-size: 24px;
	color: rgb(146, 223, 49);
	
}
#sec5 .uns{
	border: 1px solid #000;
	color: #000;
	padding: 10px;
	width: 600px;
	margin: 20px auto;
	line-height: 55px;
}
/*            */

#sec10{
	background: #333;	
	text-align: center;
	padding: 100px 0 100px 0;
}
#sec1 article{
	float: left;
	width: 32%;
	background: rgb(255, 255, 255);
	padding: 10px;
	margin-bottom: 15px;
}
#sec10 .middle{
	margin: 0 2%;
}

/*newsletterscript*/
/*Newsletter*/

#secnw{
	background-color: #fff;/*#ffe996;*/
	background-image:
	radial-gradient(white, rgba(255,255,255,.2) 2px, transparent 40px),
	radial-gradient(white, rgba(255,255,255,.15) 1px, transparent 30px),
	radial-gradient(white, rgba(255,255,255,.1) 2px, transparent 40px),
	radial-gradient(rgba(255,255,255,.4), rgba(255,255,255,.1) 2px, transparent 30px);
	background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px; 
	background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;
	padding: 100px 0 100px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	border-top: 1px solid rgba(255, 255, 255, 1);
	
}
#secnw img{
	width: 80%;
	height: 50%;
}
#secnw divdiv{
	float: left;
}
#secnw form div{
	color: #333;
	padding-bottom: 10px;
}
#secnw input{
	width: 400px;
	height: 30px;
	color: #333;
}
#secnw .button{
	width: 200px;
	height: 40px;
	color: #333;
	
}
.rechteck{
	width: 350px;
	height: 30px;
	border-radius: 5px;
	background: #fff;
	text-align: left;
	margin-bottom: 3px;
}

#secnw input:focus{
	background-color: #c3c379;
	color: #333;
}

/*Prophezeiungen*/
#sec14{
	background: #eaeff2;
	padding: 100px 0;
}
#sec14 h3{
	width: 400px;
	border: 1px solid #000;
	padding: 10px;
	text-align: center;
	margin: 20px auto;
}
#sec14 a{
	font-size: 24px;
	display: block;
	color: #eaeff2;
	background: rgb(192, 192, 192);
	padding: 15px;
	margin: 2.5%;
	width: 40%;
	float: left;
	text-align: center;
}
#sec14 a:last-child{
	color: orange;
}
#sec14 a float{
	float: right;
}
#sec14 a img{
	display: block;
	margin: 0 0 2% 2%;
}

#sec17{
	background: #c7c7c3;
	padding: 100px 0 100px 0;
}
#sec17 div{
	width: 400px;
	background: #fff;
	padding: 10px;
	text-align: center;
	margin: auto;
}
/* Weitere Infos*/
#sec20{
	background: #c7c7c3;
	padding: 100px 0 150px 0;
}
#sec20 h3{
	width: 400px;
	border: 1px solid #000;
	/*background-color: rgba(121, 44, 78, 1);*/
	padding: 10px;
	text-align: center;
	margin: 20px auto;
	color: #000;
}
#sec20 .round{
	font-size: 20px;
	color: #fff;
	display: block;
	width: 20%;
	height:20%;
	line-height: 100%;
	border-radius: 100%;
	border: 5px solid rgba(255, 255, 255, 0.5);
	padding: 20px;
	margin: 4% 4%;
	float: left;
}
#sec20 .cartoon{
	padding: 50px 0 100px 0;
}
#sec20 article{
	float: left;
	width: 33%;
}
#sec20 img{
	width: 70%;
}


/* FOOTER */
footer{
	background-color: #c0c0c0;
	padding: 10px 0;

	
}

footer nav{
	float: right;
}

footer nav li{
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #000;
}

footer nav li:last-child{
	border: none;
	padding: 0;
	margin: 0;
}

/*Allgemein, Statischer Button*/
imp h1{
	background: #000;
	color: #333;
}

#botfix a{
	display: inline-block;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	transform: rotate(90deg) translate(-2px, -5px);
	font-weight: 700;
	font-size: 40px;
	
}
#botfix a:hover{
	color: #333;

}
#botfix a:active{
	color: #fff;
}

#botfix{
	display: block;
	width: 50px;
	height: 50px;
	background-color: rgba(146, 223, 49, 0.8);
	position: fixed;
	bottom: 50px;
	right: 50px;
	border-radius: 100%;
	z-index: 100;
	line-height: 50px;
	text-align: center;
	color: #fff;
}