/* Allgemeine Angaben */
html {
  height: 100%;
}

body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  xtext-align: center;
  background: url(http://www.gasversorgung-unterland.de/media/56/Seite-Verlauf.png) repeat-x #f7a800;
  overflow: auto;
  overflow: -moz-scrollbars-vertical;

  font-family: arial;
  font-size: 12px;
  color: #87888A;
}

a:link, a:visited, a:hover, a:active, a:focus {
  text-decoration: none;
  color: #87888A;
}

a img {
 border: none;
}

.title,
div.suchergebnis a {
  color: #eb6a0a;
}

h1.title {
  font-size: 24px;
  font-weight: bold;
  line-height: 120%;
}

ul {
  list-style-type: none;  
  list-style-position: outside;  
  margin: 0px;
  padding:0px;
}

#mitte div.text ul {
  margin: 10px;
  padding: 0 10px;  
  list-style-type: disc;
}

#mitte div.text a {
  color: #eb6a0a;
}

/* Ausserstes Div (kuenstliche Breite) */
div.seite {
  position: relative;
  width: 990px;
  min-height: 100%;
  margin: 0px auto;
  padding: 0px 7px;
  text-align:left;
  background: url(http://www.gasversorgung-unterland.de/media/8/Seite-BG.png) repeat-y;
}

/* Kopfzeile */
div.kopf {
  height: 180px;
}

div.kopf div.pfadmenu {
  height: 10px;
}
div.kopf div.topmenu {
  height: 20px;
}

/* HeadLine Grafiken */
div#kopfLogos {
  display: block;
  position: relative;
  height: 123px;
}
div#kopfLogos > div {
  float: left;
}
div#kopfLogos div.home {
  width: 220px;
  height: 115px;
  margin-right: 9px;
  padding: 0px 5px 8px 0px;
  background: url(http://www.gasversorgung-unterland.de/media/32/Logo_Schatten.png) no-repeat;
}

div#kopfLogos div.home a {
  display: block;
  width: 220px;
  height: 115px;
  background-repeat: no-repeat;
  /* Firmenlogo */
}

div#kopfLogos > div.zielgruppe {
  width: 750px;
  height: 115px;
  padding: 0px 0px 8px 5px;
  background:url(http://www.gasversorgung-unterland.de/media/27/Schatten_Head_Mitte.png) no-repeat;
}

div#kopfLogos > div.zielgruppe > div {
  width: 750px;
  height: 115px;
  background:url(http://www.gasversorgung-unterland.de/media/28/Head_Mitte.gif) no-repeat;
}

div#kopfLogos div.siegel {
  position: absolute;
  right: 0px;
  top: -40px;
  width: 196px;
  height: 268px;
  z-index: 10;
  /* Grosses rundes Siegel */
}

/* Suchmaske */
div#suche {
  position: absolute;
  top: 158px;
  left: 32px;
  width: 177px;
  height: 16px;
  padding: 0px;
  z-index: 20;
}

div#suche div {
  display: block;
  width: 167px;
  height: 16px;
  margin-left:5px;
  padding: 0px;
}

div#suche form {
  width: 177px;
  height: 16px;
  margin-left: 0px;
  padding: 0px;
}

div#suche input.input {
  position: absolute;
  left: 5px;
  top: 0px;
  width: 142px;
  height: 16px;
  padding: 0px 0px 0px 3px;
  border: none;
  border-left: 1px solid #87888A;
  background-color: transparent;
  font-family: arial;
  font-size: 12px;
  color: #87888A;
}

div#suche input:focus {
  outline: 0 none;
}

div#suche input.submit {
  position: absolute;
  right: 5px;
  top: 0px;
  border: none;
  background-color: transparent;
}

div#suche ul {
  width: 177px;
  height: 176px;
  margin-top: 6px;
  overflow: auto;
  z-index: -2;
  background: URL(http://www.gasversorgung-unterland.de/media/114/suche_bg.png) transparent
}

div#suche ul li {
  width: 135px;
  margin-left: 5px;
  padding: 0px 10px;
}

div#suche ul li.selected /*, div#suche ul li:hover */ {
  background: URL(http://www.gasversorgung-unterland.de/media/117/suche_hover.png) transparent no-repeat;
}

div#suche ul li:hover {
  cursor: pointer;
}

/* Portalmenu(Text) */
div.kopf div.portal {
  height: 33px;
  padding-top: 0px;
  font-size: 12px;
}

div.kopf div.portal ul {
  margin:0px 20px;
  padding-top: 5px;
  padding-left: 220px;
}

div.kopf div.portal ul li {
  display: inline;
  margin-right: 12px;
}

div.kopf div.portal ul li.selected a {
  font-weight: bold;
}

/* Hauptbereich */
div.hauptbereich {
  width: 100%;
  min-height: 200px;
  background:url(http://www.gasversorgung-unterland.de/media/7/bildleiste_bg.png) no-repeat;
}

div.hauptbereich > div {
  min-height: 1px;
  float: left;
}

div.hauptbereich > div.links {
  width: 230px;
}

div.hauptbereich > div.mitte {
  width: 510px;
  margin: 0px 10px;
}

div.hauptbereich > div.rechts {
  width: 230px;
}

/* Linker Bereich*/
div.hauptbereich > div.links > div.hinweis {
  display: block;
  overflow: hidden;
  height: 150px;
  padding: 25px 0px 25px 35px;
}

/* Rechter Bereich*/
div.hauptbereich > div.rechts > div.hinweis {
  display: block;
  overflow: hidden;
  height: 175px;
  padding-top: 20px;
  padding-left: 20px;
}

div.hauptbereich > div.rechts > div.hinweis p.right {
  float: right;
margin-right: 32px;
}

div.hauptbereich > div.rechts > div.cssmenu {
}

/* Zielgruppenportal */
ul#portalSlide li {
  margin: 0;
  padding: 0;  
  list-style-type: none;
  width: 97px;
  height: 169px;
  overflow:hidden;
  display:block;
  float:left;
}

ul#portalSlide li a {
  display:block;
  width: 100%;
  height: 100%;
  background-position: center top;
}

ul#portalSlide li:first-child {
  width: 98px;
}

/* Workaround: springt sonst runter */
div.mitte img + ul.portal {
  margin-top: -5px;
}

div.mitte ul.portal{
  width:100%;
}

div.mitte ul.portal > li {
  display: block;
  width:100%;
  position: relative;
  height: 64px;
  padding: 15px 0px;
  border-bottom: 1px solid #CCCCCC;
}

div.mitte ul.portal > li > div {
  margin-left: 52px;
}

div.mitte ul.portal > li > div > h2 {
  font-weight: normal;
  font-size: 17px;
  font-style: italic;
  display: inline;
  margin: 0px;
  padding: 0px;
}

div.mitte ul.portal > li > div > p {
  line-height: 170%;
  display: inline;
  margin: 0px 0px 0px 5px;
  padding: 0px;
}

div.mitte ul.portal > li img.siegel {
  position: absolute;
  top: 14px;
  left: -22px;
  width: 66px;
  height:66px;
}

/* Mittlerer Inhaltsbereich */
div.hauptbereich > div.mitte.container {
  width: 530px;
  margin: 10px 0px;
  padding-top: 18px;
  background: url(http://www.gasversorgung-unterland.de/media/25/Fueller-Mitte.png) no-repeat -530px 0px;
}

div.hauptbereich > div.mitte.container > div {
  padding-bottom: 18px;
  background: url(http://www.gasversorgung-unterland.de/media/25/Fueller-Mitte.png) no-repeat right bottom;
  line-height: 150%;
  color: #444;
}

div.hauptbereich > div.mitte.container > div > div {
  width: 486px;
  padding: 4px 22px 18px 22px;
  background: url(http://www.gasversorgung-unterland.de/media/25/Fueller-Mitte.png) repeat-y;
  min-height: 350px;
}

/* Inhaltstabelle */
div.hauptbereich > div.mitte.container > div > div table {
  width: 490px !important;
}

div.hauptbereich > div.mitte.container > div > div table > tbody > tr > td {
  vertical-align: top;
  text-align: left;
}

/* Suchergebnis */
div.suchergebnis li {
  margin-bottom: 20px;
}

div.suchergebnis a {
  display: block;
  text-decoration: underline;
}

div.suchergebnis span.suchtreffer {
  font-weight: bold;
}

div.suchergebnis div > span.suchtreffer {
  color: #EB6A0A;
}

div.suchergebnis li.hinweis,
div.suchergebnis span.hinweis {
  display: none;
}

div.suchergebnis li.hinweis:first-child,
div.suchergebnis .title + span.hinweis {
  display: block;
}

/* QuickLinks */
#quicklink > li {
  padding: 12px 30px 33px 31px;
  background: URL(http://www.gasversorgung-unterland.de/media/116/news_schatten_rechts.png) left bottom no-repeat;
}

#quicklink > li:first-child {
  padding-top: 23px;
}

#quicklink h2 {
  font-weight: bold;
  font-size: 13px;
  line-height: 13px;
  margin: 0px;
}
 
ul#quicklink > li > div > p {
  margin: 12px 0px;
}

/* Extramenu */
a.extramenu {
  display: block;
  position: relative;
  width: 223px;
  height: 14px;
  margin-top: -36px;
  background-image: url(http://www.gasversorgung-unterland.de/media/53/ExtraMenu-Toplevel.png);
  font-weight: bold;
  line-height: 14px;
  padding: 11px 0px;
}

div.extramenu {
  display:none;
  width: 230px;
  padding-top: 7px;
  background-image: url(http://www.gasversorgung-unterland.de/media/54/ExtraMenu-Fueller.png);
  background-repeat: no-repeat;
  color: #000000;
  font-weight: bold;
}

div.extramenu > div {
  padding-top: 3px;
  padding-bottom: 5px;
  background-image: url(http://www.gasversorgung-unterland.de/media/54/ExtraMenu-Fueller.png);
  background-repeat: repeat-y;
}

a.extramenu:visited + div.extramenu,
div.extramenu.jscontrol {
  display: block;
}
div.extramenu img {
  margin-top: 8px;
}

div.extramenu.jscontrol {
  position: absolute;
}

div.extramenu p {
  margin-top: 8px;
  margin-bottom: 0px;
}

div.extramenu span.email > a {
  color: #000000 !important;
}

div.extramenu span.oder {
  display :none;
}

div.extramenu span.email + span.telephon > span.oder {
  display: inline;
}

/* Extramenu Rechts (Ansprechpartner) */
a.extramenu.rechts {
  width: 206px;
  margin-left: 7px;
  padding-left: 17px;
  background-position: top right;
}

a.extramenu.rechts:hover,
a.extramenu.rechts:visited {
  background-position: bottom right;
}

div.extramenu.rechts {
  background-position:  -460px top;
}

div.extramenu.rechts > div {
  padding-left: 24px;
  background-position:  -690px top;
}

div.fuss {
  text-align: center;
  padding-bottom: 100px;
}

div.fuss p {
  margin:5px 0px;
}

/*Sitemap */
.sitemap li {
  margin-left: 12px;
}

.sitemap ul li > a {
  font-size: 14px;
  font-weight: bold;
  color: #eb6a0a;
}

.sitemap ul ul li a {
  font-size: 12px;
  font-weight: normal;
  color: #87888A;
  padding-left: 12px;
  background: url(http://www.gasversorgung-unterland.de/media/121/sitemap_horizontal.gif) no-repeat left center;
}

.sitemap ul ul li a:hover {
  color: #333333;
}

.sitemap ul ul li {
  background: url(http://www.gasversorgung-unterland.de/media/122/sitemap_vertikal.gif) no-repeat left bottom;
}

.sitemap ul ul li.last {
  background: url(http://www.gasversorgung-unterland.de/media/123/sitemap_lc.gif) no-repeat 0px -4px;
}

.sitemap ul ul li a.last {
  background: none;
}

/* Formulare */
#form {
  width: 464px;
  margin: 0px 10px;
}

#form fieldset legend,
#form input.submit {
  color: #eb6a0a;
  font-weight: bold;
}

#form fieldset {
  display: block;
  position: relative;
  width:100%;
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 5px 0px;
  background-color: #F3F4F4;
  border: 1px solid #999999;
  overflow: hidden;
}

#form fieldset legend {
  margin-left: 18px;
}

#form fieldset.optional legend {
  cursor: pointer;
}

#form fieldset .fieldsetToggle {
  position: absolute;
  display: inline;
  left: 422px;
  margin-top: 8px;
  width: 18px;
  height: 15px;
  border: none;
  cursor: pointer;
  background: url(http://www.gasversorgung-unterland.de/media/119/formular_dropdown.gif) transparent no-repeat 0px 0px;
  
}

#form fieldset.closed .fieldsetToggle {
  background-position: 0px -15px;
}

#form fieldset p {
  margin: 0px 25px;
}
#form fieldset span {
  display: block;
  width: 426px;
  margin: 0px 0px 7px 25px;
}

#form fieldset span.fc {
  margin-top: 15px;
}

#form fieldset label {
  display: block;
  float: left;
  width: 174px;
  margin: 0px;
}

#form fieldset input,
#form fieldset select {
  width: 238px;
  height: 18px;
  margin: 0px;
  border: 1px solid #999999;
}

#form fieldset input.schmal {
  margin-right:5px;
  width: 58px;
}

#form fieldset input.breit {
  margin-right:5px;
  width: 169px;
}

#form fieldset select {
  width: 240px;
  height: 22px;
}

#form fieldset textarea {
  width: 412px;
  border: 1px solid #999999;
}

#form fieldset.captcha img {
  float:left;
  margin-right: 10px;
}

#form fieldset.captcha label {
  width: 238px;
}

#form fieldset span.error label,
#form fieldset label.error {
  color: #FF0000;
}

#form fieldset span.error input,
#form fieldset span.error select,
#form fieldset input.error,
#form fieldset select.error {
  width: 237px;
  border-left: 2px solid #FF0000;
}

#form fieldset span.error select,
#form fieldset select.error {
  width: 240px;
}

#form fieldset input.error.schmal {
  width: 57px;
}

#form fieldset input.error.breit {
  width: 168px;
}

#form .hinweis li.send,
#form .hinweis li.errorMsg,
#form .hinweis li.unsend.transmitted {
  display: none;
}

#form .hinweis li.send.transmitted {
  font-weight: bold;
  display: block;
}

#form .hinweis li.errorMsg.error {
  display: block;
  color: #FF0000;
}

#form div.form.transmitted {
  display: none;
}

#form input.submit {
  margin-top: 20px;
  padding: 4px 25px;
  float: right;
  margin-right: -1px;
  border: 1px solid  #999999;
  background-color: #F3F4F4;
  cursor: pointer;
}

#if_details {
  position: absolute;
  z-index: 20;
  top: 105px;
  left: 100px;
  width: 250px; 
  padding: 5px 20px 5px 10px;
  border: 3px dotted white;
  box-shadow: 5px 5px 10px #888;
  -webkit-box-shadow: 5px 5px 10px #888;
  -moz-box-shadow: 5px 5px 10px #888;
  opacity: .90;
  background: #FFDF00 url(http://www.gasversorgung-unterland.de/media/405/X.png) 260px 5px no-repeat;
}


#if_details h2 {
  margin: 1px 0 5px;
  color: #F06500;
  font-size: 16px;
}

#if_details p {
  text-align: left;  
}

#if_details ul {
  margin: 3px 15px;
  list-style: disc;
  list-style-position: outside;
}

#if_details div.link {
  color: #F06500;
  margin-top: 4px;
}

#if_details div.link a {
  display: inline-block;
  color: #F06500;
  font-weight: bold;
  padding-left: 22px;
  background: url(http://www.gasversorgung-unterland.de/media/115/suche_pfeil.png) left center no-repeat;
}

#FlowContainer_caption {
  display: none;
}

div.moreinfo {
  font-size: 10px;
  text-align: center;
}

div.hinweis {
  padding-top: 20px;
}

div.hinweis div#showplz {
   padding: 10px 0;
}

div.hinweis div#showplz p {
   font-size: 12px;
}

div.hinweis div#showplz a {
   color: #EB6A08;
   font-weight: bold;
   display: block;
}

div.hinweis h2 {
  font-size: 25px;
  font-weight: bold;
  color: #EB6A08;
  margin:0;
  padding:0;
}

div.hinweis h3 {
  font-size: 18px;
  font-weight: normal;
  color: #EB6A08;
  margin:0;
  padding:0;
}

div.hinweis h4 {
  font-size: 18px;
  font-weight: normal;
  color: #EB6A08;
  margin: 0 0 10px;
  padding:0;
}

div.hinweis p {
  font-size: 10px;
  margin: 2px 0;
  padding:0;
}

#info-footer {
  position: relative;
  width: 450px;
  margin-left: 280px;
  text-align: center;
}

#info-footer p {
  font-size: 10px;
  margin: 2px 0;
  padding: 0;
  width: 120px;
}

#info-footer p.evp {
  position: absolute;
  top: 0;
  left: 0;
  width; 120px;
}

#info-footer p.gut {
  position: absolute;
  top: 20px;
  right: 0;
  width; 120px;
}

#info-footer span {
  display: block;
  height: 70px;
}

#info-footer span.evp {
  position: absolute;
  top: 15px;
  left: 130px;
  width: 70px;
  background: url("http://www.gasversorgung-unterland.de/media/497/plakette_gas_2012.png");
}

#info-footer span.gut {
  position: absolute;
  top: 15px;
  right: 130px;
  width: 89px;
  background: url("http://www.gasversorgung-unterland.de/media/428/GUTcert.png");
}

#info-footer a:hover span {
  background-position: 0 70px;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix,
#form,
#form fieldset {
  display: inline-block;
}