@charset "UTF-8";

/* ---allgemein---*/
html {
	font-size: 14px;
  	font-family: arial; }


html, body {
  	height: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,71869b+100 */
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MTg2OWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #ffffff 0%, #71869b 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#71869b)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left,  #ffffff 0%,#71869b 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left,  #ffffff 0%,#71869b 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left,  #ffffff 0%,#71869b 100%); /* IE10 preview */
background: linear-gradient(to right,  #ffffff 0%,#71869b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#71869b',GradientType=1 ); /* IE6-8 */}

.container {
	z-index: 1;
  	position: relative;
  	margin: 0 auto;}

/* ---header--- */
header a {
  text-decoration: none;
  color:white; }

@media screen and (max-width:625px) {
	header h1>a {
		color: #71869b;}}
  
.head1 {
	float:left;
	width: 33%; 
	position:relative;
	z-index: 5;}
	
.logo {
	width: 80% !important;
	float: left;
  	padding: 3% 0 1% 3%;
  	height: auto;}
  		@media screen and (max-width: 768px) {
    		.logo {
      			padding: 1.5em 0 1.5em 2em; } }
      	@media screen and (max-width: 625px) {
      		.logo {
      		display: none;}}
      	
i {
	color:#71869b;
	}
	
#icon {
	display: none;}	
	@media screen and (max-width: 601px){
		#icon {
			display: block;
			clear:left;
			margin-left:2.2em;
			padding-top:40%;
			width: 6em; } }
	@media screen and (max-width: 450px){
		#icon {
			padding-top:50%;} }

.head2 {
	float:left;}
	@media screen and (max-width: 625px;) {
		.head2 {
			z-index:200;
			position: absolute;
			clear:left;  }}

header h1 {
  	font-size: 2em;
  	color: white;
  	position: absolute;
  	top: 0.5em;
  	left: 45%;
  	width: 10em; }
  	@media screen and (max-width: 1440px) {
    	header h1 {
      		font-size: 1.8em; } }
  	@media screen and (max-width: 1200px) {
    	header h1 {
      		font-size: 1.6em; } }
 	@media screen and (max-width: 1020px) {
    	header h1 {
      		font-size: 1.4em;
      		top: 1em; } }
    @media screen and (max-width: 768px) {
    	header h1 {
      		font-size: 1.3em;
      		top: 1em; } }
 	@media screen and (max-width: 625px) {
    	header h1 {
      		font-size: 1.5em;
      		left:5%;} }
	@media screen and (max-width: 550px) {
		header h1 {
    		font-size: 1.2em;
    		/*top: 12%;
    		clear:both;*/} }
   	@media screen and (max-width:450px) {
   		header h1 {
   			font-size: 1em;
   			/*top:7%;
   			left:35%;*/}	}
   	@media screen and (max-width:360px) {
   		header h1 {
   			font-size: 1em;
   			/*top:8%;
   			left:35%;*/}	}

aside {
	float: right;
	width: 40%;
	min-height:100%;
	text-align:right;}
	@media screen and (max-width:625px) {
		aside {
			width:60%;}}

h2 {
  color: white;
  font-size: 2.3em;
  font-weight: bold;
  float: right;
  margin: 0.5em 4em 0 0; }
  @media screen and (max-width: 1440px) {
    h2 {
      font-size: 2em;
      /*margin: 1.5em 4em 0 0;*/ } }
  @media screen and (max-width: 1200px) {
    h2 {
      font-size: 1.6em;
      /*margin: 1em 2em 0 0;*/ } }
   @media screen and (max-width: 1020px) {
    h2 {
      font-size: 1.4em;
      margin: 1em 2em 0 0; } }
   @media screen and (max-width: 625px) {
    h2 {
      font-size: 1.2em;
      /*margin: 1em 1em 0 0;*/ } }
   @media screen and (max-width: 550px){
   	h2 {
   		font-size:1.1em;
   		margin:0.8em;
   		display: block;
   		min-width:45%;
   		text-align:right; } }
		
h2 a {
	color:white;
}

.ueber {
  	position: relative; 
    font-size: 1.2em;
    color: white;
    margin: 4em 7.8em 0 0; }
  	@media screen and (max-width: 1440px) {
    .ueber {
    	font-size: 1em;
    	margin: 4em 8em 0 0; } }
  	@media screen and (max-width: 1200px) {
    .ueber {
      	font-size: 0.9em;
      	margin: 4em 7em 0 0; } }
 	@media screen and (max-width: 1020px) {
    .ueber {
      	font-size: 0.9em;
      	margin: 4em 3em 0 0; } }
 	@media screen and (max-width: 625px) {
    .ueber {
      	font-size: 0.8em; } }    
    @media screen and (max-width: 550px) {
    .ueber {
      	    margin: 4em 1.2em 0 0;
      	    font-size: 0.8em; } }
   	@media screen and (max-width: 360px) {
    .ueber {
      	    margin: 4em 1.2em 0 0;
      	    font-size: 0.7em; } }

.clear {
  clear: both; }

.navi-top {
  margin-bottom: 2em;
  text-align:left; }

.navi-top ul {
 	position: relative;
    z-index: 50;
    margin: 1em 9.4em 0 0;
    padding-bottom: 1em; }
  	@media screen and (max-width: 1440px) {
    	.navi-top ul {
      		margin: 1em 8em 0 0; } }
  	@media screen and (max-width: 1200px) {
    	.navi-top ul {
     		margin: 1em 6.5em 0 0; } }
  	@media screen and (max-width: 1020px) {
    	.navi-top ul {
      		margin: 1em 3em 0 0; } }
	@media screen and (max-width: 768px) {
    	.navi-top ul {
      		margin: 0.5em 3em 0 0; } }
 	@media screen and (max-width: 625px) {
    	.navi-top ul {
      		margin: 1em 2.5em 0 0; } }
  	@media screen and (max-width: 550px) {
    	.navi-top ul {
      		margin: 1.5em 1em 0 0; } }
     @media screen and (max-width: 450px) {
    	.navi-top ul {
    		font-size:0.8em;
      		margin: 1.5em 1em 0 0; } }
      		 
.navi-top li {
  display: inline-block;
  float: right;
  padding-left: 1em; }
  @media screen and (max-width: 1440px) {
    .navi-top li {
      padding-left: 0.6em; } }

.navi-top a {
  color: white;
  text-decoration: none; }
  @media screen and (max-width: 1440px) {
    .navi-top a {
      font-size: 0.9em; } }
 
.navi-top a:hover {
  color: #a22c1c;
  font-weight: bold; }

.aktuell {
  color: #a22c1c; 
  font-weight: bold;}
  @media screen and (max-width: 1440px) {
    .aktuell {
      font-size: 0.9em;
      padding-top: 0.15em; } }

.arab {
  direction: rtl; }

nav {
  float: left;
  width: 20%; }
  @media screen and (max-width: 768px) {
	nav 
	{width: 30%;}}
@media screen and (max-width: 601px) {
	nav {
		display: none;
		z-index: 700;
		position: absolute;
		background-color:white;
		width:100%;
		padding-bottom:5em;
		padding-top:1em;
		border-width: 1px;
		border-color:#71869b;
		border-style: solid;
		line-height: 3em; } }
		
nav li {
  padding-bottom: 0.5em; }

nav ul {
	margin: 0 0 0 2.3em;
  	font-size: 1.5em; }
  	@media screen and (max-width: 1440px) {
    	nav ul {
      	font-size: 1.1em; } }
	@media screen and (max-width: 1019px) {
    	nav ul {
      	font-size: 1em; } }
    @media screen and (max-width: 601px) {
    	nav ul {
      	font-size: 1.4em; } }
       
nav hr {
  width: 8em;
  margin: 1em 0 0.6em 0;
  text-align:left;  }

.navi_main {
  color: #71869b;
    font-size: 1.4em;
    font-weight: bold;
    float: none; }

nav a {
  color: #71869b;
  font-size: 0.9em;
  text-decoration: none; }

nav a:hover {
  color: #a22c1c;
  font-weight: bold; }

nav img {
    width: 60%;
    padding: 2em 0 2em 3.4em;}
    @media screen and (max-width: 601px) {
    nav img {
      width: 40%; } }
 
.navdl {
	padding-left:3em;}
	
.fb-share-button {
	float:left;
	padding:1em 0 0 3em;}
	
.twitter {
	float:left;
	padding:1em 1em 0 1em;}
	
.menue-aktuell {
  	color: #a22c1c;
  	font-size: 1em;
  	font-weight: bold; }
  	@media screen and (max-width: 601px) {
  		.menue-aktuell {
  			font-size: 1.4em; }}

.mobile {
	width: 80%;
	background-color:white;
	color:black;
	float:right;}
  	@media screen and (max-width: 768px) {
    	.mobile {
    		width: 70%; 
      		margin-bottom: 2em;} }
  	@media screen and (max-width: 601px) {
  		.mobile {
  			width:95%; } }
      
.mobile_start { 
		width: 80%;
		background-color:white;
		color:black;
		float:right;}
 @media screen and (max-width: 768px) {
    .mobile_start {
    	width: 70%;  } }
  	@media screen and (max-width: 601px) {
  		.mobile_start {
  			width:95%; } }

@media screen and (max-width: 1200px) {
	.mobile_start br {
		display:none;}}

.left {
 	float: left;
  	width: 39%;
  	margin: 2em; }
  	@media screen and (max-width: 1200px) {
    	.left {
		      width: 35%;
		      position: relative;
		      z-index: 10; } }
	@media screen and (max-width: 1019px) {
    	.left {
    		float:none;
    		width: 95%;
		      position: relative;
		      z-index: 10; } }      
  @media screen and (max-width: 768px) {
  	.left {
  		margin:1em; } }
	@media screen and (max-width: 380px){
		.left br {
			display: none;}}
.main {
  float: left;
  width: 90%;
  padding: 1% 2.5% 0 1.5%; }
  
.main h2 {
  color: #71869b;
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 1em;
  float: none;
  margin: 0 0 0.8em 0;
  text-align: left; }
  @media screen and (max-width: 1440px) {
    .main h2 {
      font-size: 1.6em; } }
  @media screen and (max-width: 1200px) {
    .main h2 {
      font-size: 1.2em; } }

.main h3 {
  color: #71869b;
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 0.5em; }
  @media screen and (max-width: 1440px) {
    .main h3 {
      font-size: 1em; } }
  @media screen and (max-width: 1200px) {
    .main h3 {
      font-size: 0.9em; } }

.left p {
  font-weight: bold;
  font-size: 1.4em;
  line-height: 1em;
  margin-bottom: 1.4em; }
  @media screen and (max-width: 1440px) {
    .left p {
      font-size: 1.2em; } }
 
 .start-text p {
 	font-size: 1.2em;
  	line-height: 1em;
  	margin-bottom: 1.4em;
  	padding-right:2em;
  	padding-left:1.6em; }
  	@media screen and (max-width: 1019px) {
  		.start-text p {
  			font-size: 1em;	} } 

.part1 {
	float:left;
	width:45%;}
	@media screen and (max-width:635px) {
		.part1 {
			float:none;
			width: 100%; }}
			
.part2 {
	float:right;
	width:45%;
	padding-right:8%;}
	@media screen and (max-width:635px) {
		.part2 {
			float:none;
			width: 100%; }}

.main p {
  font-size: 1em;
  line-height: 1em;
  margin-bottom: 1.4em; }
  @media screen and (max-width: 1440px) {
    .main p {
      font-size: 0.9em; } }
  @media screen and (max-width: 1200px) {
    .main p {
      font-size: 0.8em; } }

.karte {
  padding: 5% 5% 5% 0;
  width: 40% !important;
  float:right; }
 @media screen and (max-width: 1019px) {
    .karte {
    	width:65% !important;
      position: relative;
      margin: 0 0 0 4%;
      float:none; } }*/
  
footer {
  min-height: 3em;
  clear: both; }

footer p {
	float: right;
  	margin: 1em 10em 1em 0; }
  	@media screen and (max-width: 1440px) {
    	footer p {
      	margin: 0.9em 7em 0.9em 0; } }
 	@media screen and (max-width: 625px) {
    	footer p {
      	margin: 0.9em 2em 0.9em 0; } }

footer a, .weiss {
  color: white;
  text-decoration: none;
  font-size: 1.2em; }
  @media screen and (max-width: 1440px) {
    footer a, .weiss {
      font-size: 1em; } }
  @media screen and (max-width: 1020px) {
    footer a, .weiss {
      font-size: 1em; } }    
	@media screen and (max-width: 360px) {
    footer a, .weiss {
      font-size: 0.8em; } }
footer a:hover {
  color: #a22c1c;
  font-weight: bold; }

.logodown {
	display:none;
	}
	@media screen and (max-width: 625px) {
		.logodown {
			display:inline;
			width:30%;
			padding:1em 0 1em 1em;}}
			
abbr {
  border-bottom: 1px dotted; }

#spalte1 {
  	width: 30%;
  	float: left;
  	padding: 1% 2.5% 0 1.5%;
  	min-height:45em;}
  	@media screen and (max-width: 1440px) {
  		#spalte1 { 
  			min-height:42em;}}
  	@media screen and (max-width: 625px) {
  		#spalte1 {
  			min-height:0em;
	  		width:95%;
	  		float:none;
	  		padding:1% 5% 0 2%; } }

#spalte2 {
	width: 30%;
  	float:left;
  	padding: 1% 1% 0 1.5%; }
 	@media screen and (max-width:625px) {
  		#spalte2 {
  		width:95%;
  		margin: 0;
  		padding:1% 5% 0 2%; } }

#spalte3 {
	width: 30%;
	float: right;
	padding: 1% 1% 0 1.5%; }
	@media screen and (max-width: 625px) {
  		#spalte3 {
  		width:95%;
  		float:none;
  		padding:1% 5% 0 2%; } }

.box1 h2, .box4 h2, .box7 h2 {
	font-size: 2em;
  	font-weight: bold;
  	color: #71869b;
  	margin:0 0 0.8em 0;
  	float:none; }
  	@media screen and (max-width: 1440px) {
    	.box1 h2, .box4 h2, .box7 h2 {
    		font-size: 1.6em; } }
  	@media screen and (max-width: 1200px) {
    	.box1 h2, .box4 h2, .box7 h2 {
      		font-size: 1.2em;
      		margin-bottom:0.5em; } }
  	@media screen and (max-width: 625px) {
    	.box1 h2, .box4 h2, .box7 h2 {
    		font-size: 1.1em;
    		text-align:left; } } 	

.russisch {
  font-size: 1.8em !important;}
  @media screen and (max-width: 1440px) {
    .russisch {
      font-size: 1.4em !important; } }
  @media screen and (max-width: 1200px) {
    .russisch {
      font-size: 1.2em !important; } }
  @media screen and (max-width: 625px) {
    .russisch {
      font-size: 1.2em !important;} }
  

.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9 {
	width:100%; }	

.box1, .box4, .box7 {
	min-height:4em;}
	@media screen and (max-width: 1440px) {
		.box1, .box4, .box7 {
			min-height:3em;	}}
	@media screen and (max-width: 625px) {
		.box1, .box4, .box7 {
			min-height:1.5em;	}}

.box2, .box3, .box5, .box6, .box8, .box9 {
	min-height:25em;}
	@media screen and (max-width:1440px) {
		.box2, .box3, .box5, .box6, .box8, .box9 {
			min-height:21em;}}
	@media screen and (max-width:1200px) {
		.box2, .box3, .box5, .box6, .box8, .box9 {
			min-height:20em;}}
	@media screen and (max-width:625px) {
		.box2, .box3, .box5, .box6, .box8, .box9 {
			min-height:0;}}

.box2 p, .box3 p, .box5 p, .box6 p, .box8 p, .box9 p {
	font-weight: normal;
  	font-size: 1.2em;
  	margin-bottom: 1.4em; }
  	@media screen and (max-width: 1440px) {
  		.box2 p, .box3 p, .box5 p, .box6 p, .box8 p, .box9 p  {
      		font-size: 1em; } }
  	@media screen and (max-width: 1200px) {
    	.box2 p, .box3 p, .box5 p, .box6 p, .box8 p, .box9 p {
      		font-size: 0.9em; } }
    @media screen and (max-width: 768px) {
    	.box2 p, .box3 p, .box5 p, .box6 p, .box8 p, .box9 p {
      		font-size: 0.8em; } }

.rot {
  color: #a22c1c;
  font-weight: bold !important; }

.illu {
  width: 45% !important; }
  @media screen and (max-width: 601px) {
  	.illu {
  		width: 40% !important;} }

.illu1 {
  width: 35% !important; }
  @media screen and (max-width: 601px) {
  	.illu {
  		width: 25% !important;} }

figure {
  text-align: center;
  padding-bottom: 2em;
  padding-top: 1em; }

.not-left img {
  width: 30% !important; }
  @media screen and (max-width: 1440px) {
    .not-left img {
      width: 20% !important; } }

.not_left {
  float: left;
  margin-bottom: 2em; }

.not_right p {
  margin: 0 0 0 5em;
  padding-top: 0.5em;
  font-size: 2em; }
  @media screen and (max-width: 1440px) {
    .not_right p {
      font-size: 1.6em; } }
  @media screen and (max-width: 450px) {
		.not_right p {
  font-size: 1.2em; } }