@charset "UTF-8";

/* CSS Copyright: MGOS - ctdst->routen */

div.container-googlemap { float:left; width:100%; min-width:300px; max-width:580px; height:400px; }
div.container-googlemap-clear { clear:left; }
#gmapsmap0 { float:left; width:100%; height:400px; overflow:hidden; border:1px solid black;  }
#gmapsmap0liste { display:none; }

div.container-openlayers div.mgosmap { width:300px; height:300px; overflow:hidden; border:1px solid black; }
div.container-openlayers div.mgosmapmain { width:100%; height:400px; overflow:hidden; border:1px solid black; }
div.container-openlayersquelle { position:relative; margin:3px 0px 0px 0px; text-align:left; font-size:0.6em; line-height:1; }

div.etappenliste { position:relative; width:100%; margin:20px 0px 0px 0px; }
div.etappenliste div.classcol2 { margin:0px 0px 0px 0px;  }
div.etappenliste div.classcol2leftblock { float:left; width:48%; padding:0px 6px 0px 0px; text-align:justify; }
div.etappenliste div.classcol2rightblock { float:left; width:48%; padding:0px 0px 0px 6px; text-align:justify; }
div.etappenliste div.classcol2left { float:left; width:48%; padding:0px 6px 0px 0px; text-align:left; }
div.etappenliste div.classcol2right { float:left; width:48%; padding:0px 0px 0px 6px; text-align:left; }
div.etappenliste div.classcol2clear { clear:left; }
@media only screen and (max-width:420px) {
 div.etappenliste div.classcol2leftblock { width:100%; padding:0px 0px 0px 0px; }
 div.etappenliste div.classcol2rightblock { width:100%; padding:0px 0px 0px 0px; }
 div.etappenliste div.classcol2left { width:100%; padding:0px 0px 0px 0px; }
 div.etappenliste div.classcol2right { width:100%; padding:0px 0px 0px 0px; }
}