/* ========================================================================================== */
/* gas24.de Routenplanung für bdew erdgas-fahren.de */

body {
    background: #ffffff;
    margin: 0 0 0 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 130%;
    color: #000000;
    text-align:left;
    width: 715px;
}


img {border: none;}

a{
  color: #5E930C;
  text-decoration: none;
}

a:hover{
 color: #7AB51D;
text-decoration: underline;
}



/* ========================================================================================== */
/* Ergänzung EIS */

   #header {
    height:115px;
    margin: 0px;
    background: url(../img/header_bg.png) 0 0 repeat-x;
    }

  #header img.logo {
	 position: absolute;
	 top: 10px;
	 left: 15px;
   }


  #head  {
    margin: 10px 0px;
    text-align:left;
    }

    h1, h2, h3 {
	   font-weight: bold;
	   padding-bottom: 0px;
	   margin-bottom: 5px;
	   line-height: 100%;
    }


    h1 {  /* entspricht H2 erdgasfahrzeuge.de */
  	font-size: 16px;
	  color: #000000;
    }

    h2 { /* entspricht H3 erdgasfahrzeuge.de */
	  font-size: 15px;
	  color: #64696e;
    }


  /* Listenausgabe EVUs,EGTs */
  
  #EGTliste, #errormsg, #ukmap  {
    margin: 0 15px 0 0;
    text-align:left;
    }

    #EGTliste table {
     width:100%;
     border:0;
     padding:0px;

    }

 	  #EGTliste th {
    background-color: rgb(199,199,199);
    padding:5px;
    }

    #EGTliste td {
    padding:5px;
    }

	  #errormsg {
     color:red;
     font-size: 13px;
     margin-bottom:15px;
     }

	  /* Blase Map Umkreissuche */
	  div .bubble {
	   width: auto;
   	 height: auto;
   	}

     #map  {
    margin: 0 15px 0 0;
    border: #5E930C 1px solid;
     height:333px;
    }




/* ========================================================================================== */
/* Formular für Kostenrechner, Eingabe GVU, Eingabe Tankstellen Suche und Routenplanung */


  .headelement {
  margin:5px 0px 0px 0;
  display: block;
  float: left;
  border: 0px solid #bbbbbb;
  width:100px;
  height:50px
  }

  #rechner, #ergebnis {
		margin:0 25px 0px 0;
  }

  #form {
	margin:0 25px 25px 0;
  }

  /* allgemein */
  fieldset {
  margin-top:10px;
	padding:0px 0px 15px 15px;
	border: 1px solid #bbbbbb;
	-moz-border-radius:8px;
  -khtml-border-radius:8px;
  }

  /* hintergrund elemente */
  fieldset,
  #form textarea,
  #rechner .kraftstoff_radio,
  #ergebnis .nostyle {
  background-color: #fff;
  }


  legend {
	 color:#000000;
   margin-bottom:8px;
 	}

  input, textarea, select	{
 	 font-family: Arial, Verdana, Helvetica, sans-serif;
 	 font-size: 12px;
 	 padding-left:1px;
 	 margin-left:10px;
 	 background-color:#fff;
 	 border: 1px solid #C8C8C8;

	}

  .checkbox, #form .checkbox  {
  width:12px;
  height:12px;
  border:none;
  background-color:#fff;
  margin-right:5px;
 }

  input.submit {
  cursor: pointer;
  border: 0;
	height:20px;
	text-align:left;
	padding: 0 15px;
	margin: 15px 30px 0 10px;
	color: #5E930C;
  }

  input.submit:hover{
  text-decoration: underline;
  }




  /* speziell Eingabe GVU, Eingabe Tankstellen und Routenplanung */
 	.element {
	 padding:6px 0;
	}

	#form label {
	 width:80px;
	 display:block;
	 float:left;
	 text-align:left;
	 margin-left:5px;
	}

	#form input, #form select{
	 width:160px;
  }

  #form input.plz {
 	 margin-left:10px;
 	 width:40px;
	}
	 #form input.ort {
 	 margin-left:2px;
 	 width:116px;
	}
	 #form input.str {

 	 margin-left:10px;
 	 width:165px;
 	 margin-bottom:4px;
	}

  /* betrifft nur Routenplanung mit EGT als Zwischenstopp*/
  #form textarea {
   border: 0px solid #7C7C7C;
	 height:60px;
   width:160px;
   overflow : hidden;
  }


  #form input.submit{
	width:150px;
  background: url(../img/weiterlesen_big.png) no-repeat;
  }


/* speziell kostenrechner */

  #rechner .rechnerpop{
  font-weight: bold;
  background: url(http://www.gas24.de/cms/grafiken/pfeil_info.gif) no-repeat;
  padding-left:18px;
  }



  #rechner input {
	 width:50px;
	 display:block;
	 float:left;
	 text-align:left;
	 margin-left:5px;
	}

	#rechner label {
	 margin-left:15px;
	}

  #rechner .kraftstoff{
  float:left;
  }

  #rechner label.kraftstoff{
  margin-left:5px;
  }

	#rechner .kraftstoff_radio{
  width:15px;
  border:0px;
  }

  #rechner label.labelsmall{
  float:left;
 	margin-left:15px;
  }


  #rechner .element2 {
  display:block;
  float:left;
	}

  #rechner input.submit{
	width:120px;
  background: url(../img/weiterlesen.png) no-repeat;
  }


  #ergebnis label {
	 width:230px;
	 display:block;
	 float:left;
	 text-align:left;
	 margin-left:5px;
	}

	 #ergebnis .element {
	 padding:2px 0;
	}

	 #ergebnis .satz {
	  width:95%;
	}
	 #ergebnis .nostyle {
	  border:0px;
	  margin:0px;
	  vertical-align:middle;

	 }









.nav {
	background-color: #58585A;
	border: 0;
  height:38px;
  width:100%;
}

.nav ul {
	margin: 0;
	padding: 0;
}

.nav li {
	float: left;
	margin: 0px;
	padding: 6px 3px;
	list-style: none;
}

.nav li a {
	display: block;
	background-color: #E5E3DF;
	border: 0;
	height:24px;
  width:24px;

}


.nav li a:hover {
	background-color: #ffffff;

}



/* Hauptmenue */

.contmap {

	float:left;
	background-color: #E5E3DF;
  width:450px;
  border-top:1px solid #5E930C;
  border-bottom:1px solid #5E930C;
  border-right:0px solid #5E930C;
  border-left:1px solid #5E930C;
}

.contpath {

	background-color: #E5E3DF;
	border: 0;
  width:450px;
  float:left;
  border-top:1px solid #5E930C;
  border-bottom:1px solid #5E930C;
  border-right:0px solid #5E930C;
  border-left:1px solid #5E930C;
  
}

.map {
  border:1px solid white;
  height:450px;
  width:100%;
  }

.path {
  border:1px solid white;
  width:428px;
  height:450px;
  padding-right:10px;
  padding-left:10px;
  overflow:auto;
  text-align: left;
  }


.debug {
  border:1px solid green;
  width:900px;
  }


/* Standard f?r Darstellung vertikal */

.contmap2 {
  float:none;
  width:900px;
  border:1px solid rgb(255,153,0);
  }

.contpath2 {
  display:none;
  }




/* sonstige */

.tooltip {
    background-color:#ffffff;
    font-weight:bold;
    border:2px #5E930C solid;
      }

#loadingMessage {
    position: absolute;
    width:  350px;
    height: 100px;
    top: 200px;
    left: 200px;
    text-align: center;
    padding: 50px;
    border: 2px solid navy;
    background-color: #DE6100;
	  color:#FFFFFF;
	  font: bold 16px Arial;
  	opacity: 0.7;

}