body {
	margin:0px;
	font-family:'verdana','tahoma','helvetica','arial',sans-serif;
	font-size:11px; 
	color:#ffffff;
	line-height:15px;
  background-color:#339900;
} 



a   {
	color:#ffffff;
	font-style:normal;
	text-decoration:none;
}

a:hover {
	color:#99ffcc;
}



#bgimg:after {
	display:block;
	position:fixed;
	width:100%;
/*	min-width:1024px; */ s
	z-index:0;       
	   content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      background: url("backg_img/10_entdecken.jpg") center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

#bigwrap {
	display:block;
	position:absolute;
	width:867px;
	margin-left:-433px;
	left:50%;
	z-index:1;
}           

#entdecken {
	display:block;
	position:absolute;
	
	top:70px;
	left:-42px;
	
	width:83px;
	height:83px;
	overflow:hidden;
	
	background-image:url("./images/kreis_gross.png");
	background-position:0px 0px; 
	background-repeat:none;
}                          

#entdecken:hover {
	background-position: 0 83px;
}  

#entdecken span {
	display:none;
}                              

#logo {
	display:block;
	position:absolute;      
	width:204px;
	height:124px;
	top:40px; 
	right:-45px;
	background-image:url("./images/logo.png");  
	background-repeat: no-repeat;
	z-index:10;
}                                             



#logo span { display:none; }

.sprachwahl {
	display:block;   
	position:absolute;
	background-image:url("./images/kreis_klein.png");
	width:47px;
	height:47px;
	top:33px;
		text-align:center; 
}
#sprachwahl_txt {
    position:relative;
	top:15px;

 
	color:#999999;

}              

#sprachwahl_txt:hover{	color:#66cc33;}

#turkce {left:236px;}
#deutsch{left:297px;}

#turkce_m, #deutsch_m {display:none;z-index:1000001;}

#menu {
	display:block;
	position:absolute;
/*	background-image:url("./images/menu_bg.png"); 
	background-repeat:no-repeat;                  */ 

/*	height: 261px; */
	top:135px;
	width:147px;
	left:70px;
}

.menu_round {
	display:block;
	position:relative;
	width:147px;
	height:6px;  
	padding-bottom:0px;
	margin-bottom:0px;
}          

#menuAtop { background-image:url("./images/menuA_top.png"); }
#menuAbottom { background-image:url("./images/menuA_bottom.png"); margin-bottom:6px;}

#menuBtop { background-image:url("./images/menuB_top.png"); }
#menuBbottom { background-image:url("./images/menuB_bottom.png"); margin-bottom:6px;}

#menuCtop { background-image:url("./images/menuC_top.png"); }
#menuCbottom { background-image:url("./images/menuC_bottom.png"); margin-bottom:6px;}


.menu_ul {
    position:relative;     
	list-style-type: none;  
	left:-17px;     
	margin-bottom:0px;
	margin-top:0px;

}                          

.menu_ul li {
   padding-top:7px;
	padding-bottom:7px;
    margin-top:-3px;     
	margin-bottom:-3px; 
	padding-left:13px;
	margin-left:-13px;

}               

.menu_ul li:hover {
	color:#99ffcc;
	background-image:url("./images/disc.png");
	background-repeat:no-repeat;
	background-position:0px 12px;
} 

/* AKTUELL AUSGEWÄHLTER PUNKT IM HAUPTMENÜ */
.menu_ul .aktuell {   
	background-image:url("./images/disc.png");
	background-repeat:no-repeat;
	background-position:0px 12px;
}

.menu_ul .aktuell a {
	color:#99ffcc;	
} 
/* AKTUELL AUSGEWÄHLTER PUNKT IM HAUPTMENÜ ENDE*/


#menuA {
		display:block;
		position:relative;
	   	width:147px;

		background-color:#009999; 	
}   

#menuB {
		display:block;
		position:relative;
	   	width:147px;

		background-color:#006699; 	
}

#menuC {
		display:block;
		position:relative;
	   	width:147px;

		background-color:#003399; 	
}      


#content {
	display:block;  
	position:absolute;
	width:580px;
	left:287px;
	top:205px;
	min-height:300px;
} 

#submenu {
	display:block;
	position:absolute;
	height:31px;
	top:0px;
	left:5px;
	background-color:#339900;
}   

#submenu_ul {
    position:relative;
	list-style-type: none;  
	left:-15px;
	top:6px;
	margin-bottom:0px;
	margin-top:0px;  

} 
                        

#submenu_ul li {
	float:left;
    clear:none;
	margin-right:27px;
	padding-left:13px;
	margin-left:-13px;
}               

#submenu_ul li:hover {
/*	list-style-type:disc; */
	color:#99ffcc;   
	background-image:url("./images/disc.png");
	background-repeat:no-repeat;
	background-position:0px 5px;
}  

/* AKTUELL AUSGEWÄHLTER PUNKT IM SUBMENÜ */
#submenu_ul .aktuell {   
	background-image:url("./images/disc.png");
	background-repeat:no-repeat;
	background-position:0px 5px;
}

#submenu_ul .aktuell a {
	color:#99ffcc;	
} 
/* AKTUELL AUSGEWÄHLTER PUNKT IM SUBMENÜ ENDE*/

.submenu_corner {
	display:block;
	position:relative;
	width:5px;
	height:31px;	
}
#submenu_left{
	background-image:url("./images/submenu_left_gruen.png");
}               
#submenu_right{  
	position:absolute;
	background-image:url("./images/submenu_right_gruen.png");   
	right:0px;
	top:0px;
	margin-right:-5px;
}

#textbox {
	display:block;
	position:relative;
	top:6px;
	left:0px;
	width:547px;
background-color:#339900;
}                   

.textbox_corners{
	display:block;
	position:relative;
	width:548px;
	height:10px; 
	top:6px;
}
#textbox_top {
	background-image:url("./images/txtbox_top_gruen.png");
}
#textbox_bottom {

	background-image:url("./images/txtbox_bottom_gruen.png");
}

#toclose {
	margin-bottom:120%;
}                       

#text {
	padding:30px;    
	padding-right:25px;
	line-height:18px;
} 

.closebutton {
	display:block;
	position:absolute;
	top:37px;
	right:0px;
	width:24px;
	height:25px;     
	background-image:url("./images/closebutton_gruen.png");
	background-position:0 0px;
}   
.closebutton:hover{
	background-position:0 -25px;  
}

.closebutton span {
	display:none;
}

#text a {
    color:#99ffcc;
	font-style:normal;
	text-decoration:none;
}

#text a:hover {
	color:#006666;
}

#video_container {


background:red;
padding-bottom: 55%;
overflow:hidden;
	
}


/*-----     HAMBURGER / ACCORDION     -----*/

#hamburger {
display:none;
 width:100%; height:0;
left:5%;
position:relative;
z-index:1000000;
} 


#hg_hamburg {
  width: 100%;
  height: 100%;
  background-color: white;
  opacity:0.9;
  z-index: 90000;
  position: fixed;
  display:none;
}



/*-----     ebene hamburger     -----*/

.accordion {
  cursor: pointer;
  padding: 10px 0;
  width: 90%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.9s;
  position:relative;
  background:none;
  margin-bottom:30px;
z-index:100000;
}



.active, .accordion:hover, .accordion:focus {
background: none;

}

.panel {
  padding: 0 0px;
  display: none;
  border-radius:5px 5px 5px 5px;
  width:100%;
  position:relative;

}

.accordion:after {
  content: url("images/hamburger_open.svg"); /* Unicode character for "plus" sign (+) */
  float: left;
  margin-left: 5px;
}

.active:after {
  content: url("images/hamburger_closed.svg"); /* Unicode character for "minus" sign (-) */
}


/*-----     grüne ebene      -----*/


.accordion_gruen {
  background-color:#339900;
  color:white;
  cursor: pointer;
  padding: 15px 30px;
    margin:2px;

  width:90%;
  left:0;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  border-radius:5px 5px 5px 5px;
  position:relative;
  font-family:'verdana','tahoma','helvetica','arial',sans-serif;
  	font-size:15px; 
	line-height:20px; 
}

.active_gruen, .accordion_gruen:hover, .accordion_gruen:focus {
  background-color: #339900;
 
}

.panel_gruen {
  padding: 0 10%;
  margin:2px;
  display: none;
  background-color: white;
  overflow: hidden;
  border-radius:5px 5px 5px 5px;
  background-color: #339900;
    width:70%;  
    position:relative;
	

}

.accordion_gruen:after {
  content: url("images/plus.svg"); /* Unicode character for "plus" sign (+) */
  color: white;
  float: right;
  margin-left: 5px;
}

.active_gruen:after {
  content: url("images/minus.svg"); /* Unicode character for "plus" sign (+) */
    color: white;

}

/*-----     cyan ebene      -----*/

.accordion_cyan {
  background-color:#009999;
  color:white;
  cursor: pointer;
  padding: 15px 30px;
  margin:2px;
   width:90%;  left:0;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  border-radius:5px 5px 5px 5px;
  position:relative;
  font-family:'verdana','tahoma','helvetica','arial',sans-serif;
  	font-size:15px; 
	line-height:20px; 
}


/*-----     blaue ebene      -----*/


.accordion_blau {
  background-color:#006699;
  color:white;
  cursor: pointer;
  padding: 15px 30px;
    margin:2px;

   width:90%;  left:0;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  border-radius:5px 5px 5px 5px;
  position:relative;
  font-family:'verdana','tahoma','helvetica','arial',sans-serif;
  	font-size:15px; 
	line-height:20px; 
}

.active_blau, .accordion_blau:hover, .accordion_blau:focus {
  background-color: #006699;
 
}

.panel_blau {
  padding: 0 10%;
  margin:2px;
  display: none;
  background-color: white;
  overflow: hidden;
  border-radius:5px 5px 5px 5px;
  background-color: #006699;
    width:70%;  
    position:relative;
	

}

.accordion_blau:after {
  content: url("images/plus.svg"); /* Unicode character for "plus" sign (+) */
  color: white;
  float: right;
  margin-left: 5px;
}

.active_blau:after {
  content: url("images/minus.svg"); /* Unicode character for "plus" sign (+) */
    color: white;

}


/*-----     dunkelblaue ebene      -----*/


.accordion_dklblau {
  background-color:#003399;
  color:white;
  cursor: pointer;
  padding: 15px 30px;
    margin:2px;

   width:90%;  left:0;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  border-radius:5px 5px 5px 5px;
  position:relative;
  font-family:'verdana','tahoma','helvetica','arial',sans-serif;
  	font-size:15px; 
	line-height:20px; 
}

.active_dklblau, .accordion_dklblau:hover, .accordion_dklblau:focus {
  background-color: #003399;
 
}

.panel_dklblau {
  padding: 0 10%;
  margin:2px;
  display: none;
  background-color: white;
  overflow: hidden;
  border-radius:5px 5px 5px 5px;
  background-color: #003399;
    width:70%;  
    position:relative;	

}

.accordion_dklblau:after {
  content: url("images/plus.svg"); /* Unicode character for "plus" sign (+) */
  color: white;
  float: right;
  margin-left: 5px;
}

.active_dklblau:after {
  content: url("images/minus.svg"); /* Unicode character for "plus" sign (+) */
    color: white;

}


.accordion_dklblau_ohne {
  background-color:#003399;
  color:white;
  cursor: pointer;
  padding: 15px 30px;
  margin:2px;
   width:90%;  left:0;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  border-radius:5px 5px 5px 5px;
  position:relative;
  font-family:'verdana','tahoma','helvetica','arial',sans-serif;
  	font-size:15px; 
	line-height:20px; 
}

/*-----     MOBILE      980     -----*/

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

#entdecken
{
	top:70px;
	left:25px;
}
#turkce {left:236px;}
#deutsch{left:297px;}

#menu
{
	top:180px;
	left:50px;
}

#bigwrap {
	margin-left:0;
	left:0;
}   

#content {
	width:580px;
	left:237px;
} 

#textbox {
	display:block;
	position:relative;
	top:7px;
	left:0px;
	width:500px;
	background-color:#339900 
	border-radius: 5px 5px 5px 5px;
  
}   


#textbox_top, #textbox_bottom
{display:none;}


.closebutton {right:50px;}  

#logo {right:85px;
}   

#aktuell {
	left:143px;
	top:130px;

}
}

/*-----     MOBILE      780     -----*/

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

body {
	font-size:15px; 
	line-height:20px;  
    color:white;
}

#hamburger {
display:block;
position:absolute;
top:25px;
	font-size:15px; 
	line-height:20px;  
}  

#entdecken, #menu, #submenu_left, #submenu_right, #submenu, #textbox_top, #textbox_bottom
{display:none;}

#content {
	width:90%;
	left:5%;
	top:240px;
} 

#bigwrap {
	width:100%;
	height:100%;
	left:0;
	background:none;
}  

#textbox {
	display:block;
	position:relative;
	top:5px;
	left:0px;
	width:100%;
	border-radius: 5px 5px 5px 5px;
}   

#text {line-height:25px;} 

.closebutton {right:0; top:-70px;}  

#logo {top: 45px;left:70px; position:absolute; background-size:170px;}



#sprache{display:none;}

#turkce_m {right:36px;position:absolute;font-size:11px; display:block;}
#deutsch_m {right:97px;position:absolute;font-size:11px; display:block;}
#textbox {top:-35px;}  

#aktuell {
	left:50%;
	top:30px;
	width:280px;
	height:280px;
 	background-size:280px; 
	margin-left: -140px; 
}

#aktuell_text{
	display:block;
	margin-top:50px;
	margin-left:50px; 
	margin-right:30px;
	margin-bottom:50px;
 	text-align:left;
}
}

@media screen and (max-width: 780px) and (orientation:landscape) {

#logo {top: 45px;left:110px; position:absolute; 
}
}