a:link { text-decoration:none; color:#AAAAFF; }
a:visited { text-decoration:none; color:#7777FF; }
a:hover {  color:#AAAAFF; }
a:active { text-decoration:none; color:#80F080; }
a:focus { text-decoration:none; color:#AAAAFF; }

div {}

img {	
	margin: 0;
	}

.body_900 {
  width: 1200px;
  margin: auto;
  text-align: left; 
  font-family: Verdana; 
  font-size: 1.0em; 
  color: #CCC;
  background-image: url('images/pinwheel_low.jpg');
  box-sizing: border-box;
}

.body_600 {
  width: 600px;
  margin: auto;
  text-align: left; 
  font-family: Verdana; 
  font-size: 1.0em; 
  color: #CCC;
  box-sizing: border-box;
}

hr {
  border-style: solid; border-width: 1px; border-color: #0000aa;	 
  width:300px; margin:auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
  	 		 	 		 
h3 {
	 font-size:11pt;
	 font-weight:bold;
	 }
h2 {
	 font-size: 1.3em; 
	 font-weight: bold; 
   text-align: center;
   margin: 0px;
	 }
.hx {
	 font-size:11pt; color:#CCC;
	 font-weight:bold;
 	}

.yel:hover {
  background-color: yellow; 
  cursor: pointer;
  color: blue;
}
.yel_sel {
  background-color: #ffffaa;
  color: blue;
  cursor: pointer;
}  

.button   { 
  background-color:#000099; 
  color:#CCC; 
  width:180px; 
  border:1px solid #CCC; 
  font-size:10pt; 
  font-family:Verdana,sans-serif; font-weight:normal;
  margin: 5px;
  }
   		
.dpicker {
  font: 50%;
  }

.plr_img {
  padding-top: 1em;
  display: flex;
  justify-content: center;
  }

.popwnd {
  background-color: #004; 
  position: absolute; 
  border-width:0px; 
  border-radius:0px; 
  border-style:solid; 
  border-color:#aaa; 
  box-shadow:#fff 0px 0px 40px; 
  z-index: 3;
  }


#now {
}

#Tab_Form  {
	margin: auto;
  width:900px;
	margin-top: 5px;
	margin-bottom: 5px;
	/*background-color: #222222;*/
	table-layout:auto;
	}

#Tab_Zeit #Tab_Zeit_plus {
  width:500px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#Tab_Zeit input {
  font-size: 1em;
}

#Tab_Zeit  .not_mob.test {
  display: none;
}

#Tab_Ort {
  table-layout:auto;
  width:43%;
	margin-top: 5px;
	margin-bottom: 5px;
  /* margin-left: 10px; */
  text-align: left;
  float: left;
}
#Tab_Ort td:first-of-type {
  width: 0px;
}

#geo_open {
  margin-right: 4em;
}

#Tab_Zeit {
  margin-left: 30px;
  float: left;
}

.Tab_So_Mo  { 
	margin-top: 5px;
	margin-bottom: 5px;
	width:100%;
	border-width:1px; border-style:solid;
	border-color:#aaaaaa;
  text-align: center;
	}
  	
.Tab_Pla { 
	margin-top: 5px;
	margin-bottom: 5px;
	width:100%;
	border-width:1px; border-style:solid;
	border-color:#aaaaaa;
  text-align: center;
	}	
	
.Tab_So_Mo td {
  padding-left: 5px;
  }
/*
.Tab_So_Mo td:hover {
  background-color: yellow; 
  }
.Tab_Pla td:hover {
  background-color: yellow; 
  }
*/
.Tab_Pla td {
  padding-left: 5px;
  }

.Tab_Pla tr td:first-of-type {
  text-align: left;
  padding-left: 5px;
  /* width: 100px; */
  }
.Tab_So_Mo tr td:first-of-type {
  text-align: left;
  padding-left: 5px;
  /* width: 100px; */
  }

td {
  /* padding-left: 5px; */
  }
  
.Tab_Pla p {
  margin: 0px;  
  }  
.Tab_So_Mo p {
  margin: 0px;  
  }  
#arrow {
  width: 500px; 
  text-align: center; 
  }  
table {
    border-collapse: collapse;
    empty-cells: show;
}    
#So_Mo_Pla {
  float: left;
  margin-right: 0px;
  width: 45%
	}
  
.rowgray {
    background: none repeat scroll 0% 0% #444;
}  

#PlaPos, #P2M {
	z-index: 8;
	position: absolute; 
  width: 500px;
  background-color: #ccc;
  }	

#PlaPos .cncl_24 {
}
.Hdr_PlaPos div {
}

.Hdr_PlaPos {
  background: #eee;
  color: blue;
  padding: 3px;
}
#PlaPosX {
  width: 32px;
  float: right;
  display: none;
}


#Tab_PlaPosTop  {
 	width:350px;
}

#Tab_PlaPos  {
	text-align:left;
	border-width:1px; border-style:solid;
	border-color:#aaaaaa;
	width: 100%;
	}
.link {
  font-weight:normal; 
  color:#000;
}
.link:hover {
  cursor: pointer;
}
#Konstell {
	float:right;
  width: 53%;
	margin-bottom: 20px;
  margin-top: 1em;
  }	
  
#Tab_InfoArrayH {
 	table-layout:auto;
	font-weight:bold;
 }			
#Tab_InfoArray {
  margin-bottom: 1em;
 }			

.con {
	padding-top:2px;
	padding-bottom:2px;
	padding-right:10px;
}
.con:hover {
  background-color: yellow; 
  cursor: pointer;
  color: blue;
}
.con_sel {
  background-color: #ffffaa;
  color: blue;
  cursor: pointer;
}  

.fett
{
  background-color: rgb(34, 34, 152);
  height: 40px;
}

#TabSoFiGl {
  margin-right: 5px;
}
#TabSoFiGl, #TabSoFiLo {
  width: 310px;
 }			
 
#TabTransit .fett td {
  text-align: left;
  padding-right: 10px;
}

#TabBedeckung_0, #TabBedeckung_1, #TabBedeckung_2, #TabTransit {
	margin-top:10px;
	width:350px; 
}

#TabMoFi {
	/* margin-left:15px; */
	width:400px;   
  /* text-align: center; */
}

#TabMoFi tr td:first-of-type {
  text-align: left;
  padding-left: 5px;
  }

#MapSoFi {
  margin: auto;
  margin-top: 2em;
}

#geoline {
	height: 600px;
  width: 1000px;
}

#test_out_2 {
  display: none;
	}
	
.bckfwd {
  margin-bottom: -5px;
  opacity: 0.8;
  width: 24px;

  
}
.bckfwd:hover {
  opacity: 1;
} 

.info
{
  position:relative;
  z-index:1;
  width: 32px;
  opacity: 0.8;
  margin: auto;
  /* float: left; */
}

.info:hover
{
  z-index:2;
  opacity: 1;
}

.info span
{
  display: none;
}

.info:hover span
{
  display:block;
  position:absolute;
  width: 250px;
  top:28px;
  left:28px;
  background-color:#ffa;
  color:#008;
  padding: 5px;
  font-weight: normal;
  text-align: left;
}

.center {
}

.cncl_pos {
  height: 24px;
  width: 30px;
  float: right;
}
.cncl_pos:hover {
 /* background-color: red; */
  /* src: '../images/cancel_rt_24.png'; */
}

.cncl_24 {
  height: 24px;
  margin-left: 470px;
}
.cncl_24:hover {
 background-color: red;
}
.cncl_32 {
}
.cncl_img_24 {
  float: right;
}
.cncl_img_24:hover {
 background-color: red;
}
#set_ico {
  /* text-align: center; */
}

#geo_open, #set{
  height: auto;
}
#time_open, #time_open_x {
  width: 32px;
  height: auto;
}

#help_text {
  color: black;
  margin: 10px;
}

.help_acc {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 5px;
  transition: 0.4s;
}

.active, .help_acc:hover {
  background-color: #ccc;
}

.help_acc:after {
  content: url(/images/arr_sw_r_18.png);
  color: #777;
  font-weight: bold;
  float: left;
  margin-left: 5px;
}

.active:after {
  /* content: url(/images/tri_do_18.png); */
  content: url(/images/arr_sw_u_18.png);
}

.help_panel {
  margin: 5px 0px 5px 15px;
  color: #444;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.help_panel div
{
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}

.help_panel .flexV {
   flex-direction: column;  
   display: flex; 
   float:right; 
   margin: 5px;
}
.help_panel .flexV p {
  margin: 1px 10px 5px; /* to ri_le bo*/
  font-size: 0.8em;
}
.help_panel .flexV img {
   margin-left: 10px;
}
  
}
.flexV {
  display: flex;
  flex-direction: column;
}
.flexH {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#tabP2M {
  margin-top: 1em;
  margin-bottom: 1em;
  /* width: 100%; */
}
#tabP2M tr:hover{
  background-color: #ccc;
}
#tabP2M td {
  padding-left: 1em;
}

#a_step {
  font-size: 1.2em;
}

#chkhmt {
  width: 90%;
}

#ksCenter {
  margin-left: 1em;
}
#ksCenter:hover {
  cursor: pointer;
  color: #aae;
}

#set_ustar input {
  margin: 0.5em;
}
@media screen and (max-width: 600px) {

  .body_900 {
    width: 100%;
    padding-left: 0em;
    font-size: 4vw; 
  }
  
.body_600 {
  width: 100%;
}

 #cont {
    box-sizing: border-box;
    margin: 0px 0px;
    padding: 3%;
    width: 100%;
  }
 
  .popwnd a img {
    width: 10vw;
  }

  #Tab_Zeit {
    /* width:100%; */
  }
  
  #Tab_Zeit .not_mob {
    display: none;
  }
  #geo_open {
    margin-right: 0;
  }
  .set {
    margin-right: 0;
  }

  .not_mob2 {
    display: none;
  }
  
  #Tab_Ort {
    width:100%;
    float: none;
  }
  
  #So_Mo_Pla {
    width: 100%;
  }
  
.Tab_So_Mo { 
	width: 100%;
  font-size: 4vw;
	}	
.Tab_Pla { 
	width: 100%;
  font-size: 4vw;
	}
  #arrow {
    width: 100%;
  }
  #Konstell {
    width:100%;
    margin-bottom: 0px;
    }	
  .hlp {
    display: none;
  }
  
  #PlaPos {
    width: 94%;
    }	
  #PlaPosX {
    display: block;
  }
  #PlaPos .cncl_24 {
    display: none;
  }
 
	#arrow {
    width: inherit;
  } 
  .flexH {
    display: block;
    background-color: #226;
  }
  #TabSoFiGl {
    width: 100%;
  }  
  #TabSoFiLo {
    width: 100%;
  }  
  #TabBedeckung_0, #TabBedeckung_1, #TabBedeckung_2 {
    margin: 0px;
    width: 100%;
  }
  #MapSoFi {
    margin: 0px;
    background-color: #226;
  }
  #geolineH {
    margin: 0px;
    background-color: #226;
    padding: 10px;
  }
  #geoline {
    width: 94vw;
    height: 50vw;
  }
  #TabMoFi {
	margin-left:0px;
	width: 100%; 
  }
  #TabBedeckung_0, #TabBedeckung_1, #TabBedeckung_2 {
    margin-left:0px;
    width: 100%; 
  }
  #TabSoFiGl .fett
  {
    display: none;
  }
  #TabSoFiLo .fett
  {
    display: none;
  }
  #SoFiAnz {
    display: block;
  }
  #SoFiAnz .btn_hdr_act {
    /* background-color: transparent; */
    background-color: #226;
  }
  #SoFiAnz .btn_hdr_inact {
    /* background-color: #446; */
    background-color: #88a;
    color: #ddd;
  }
  
}