/*
.metadaten_bild {
   float: left;
   padding-right: 20px;
   padding-bottom: 1px;
   max-width: 200px;
}

.metadaten_bild > img {
    max-height: 300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
*/

a.testdaten , a:visited.testdaten { text-decoration: underline;}
/* a:hover.testdaten, a:focus.testdaten { text-decoration: underline;} */

td.mis
{
  height:15px;
  /*vertical-align:middle;*/
  /*padding-left: 10px;
  padding-bottom: 5px;*/ 
  padding: 0px 0px 5px 10px;
  /*font-family: Verdana,Arial,Helvetica,sans-serif;*/
  font-size: 9pt;
  /*white-space: nowrap;*/
}
.List
{
  text-align: right;
  font-style: italic;
}

.mis ul {
  margin-bottom: 0.3em;
}

.mis ul li {
  list-style-type: none;
  margin: 0;
}

.mis ul.address-head {
  font-weight: bold;
}
      
.TOP {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 7pt;
  font-style : normal;
  font-variant : normal;
  text-decoration : none;
}

.impressum h1, .kontakt h1, .datenschutz h1, .disclaimer h1, .geoanbieter h1 {
  text-align: center;
  margin-bottom: 30px;
}

.geoanbieter a[href^="http:"] {
  background: transparent url('../grafik/icon_link_extern.gif') 100% 50% no-repeat;
  padding-right: 12px;
}

abbr {
  border-bottom: 1px dotted #800000;
  cursor: help;
}
  
.fra {
  /* color: #800000; */
  /*font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 8pt;*/
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
  padding-bottom: 5px;     
}

sub, sup {
  line-height: 0px;
  font-size: 90%;
  /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
}

.infoBox {
  background: #2F5697;
  border-collapse: separate;
  border-spacing: 1px;
  width: 100%;
  margin-left:0px !important;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.infoBoxContentsHeading {
  background: #2F5697;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

.infoBoxContents table {
    border-collapse: separate;
    border-spacing: 5px !important;
}

#info {
    color: #00529B;
    background-color: #DCE9FA;
    margin: 10px 0px; 
    padding: 12px; 
    border: 1px solid;
}
#success {
    color: #4F8A10;
    background-color: #e9ffd9;
    margin: 10px 0px; 
    padding: 12px; 
    border: 1px solid #a6ca8a;
    border-radius:10px;
}
#warning {
    color: #9F6000;
    background-color: #fff8c4;
    margin: 10px 0px; 
    padding: 12px; 
    border: 1px solid #f2c779;
    /*border-radius:10px;*/
}
#error {
    color: #d8000c;
    background-color: #ffecec;
    margin: 10px 0px; 
    padding: 12px; 
    border: 1px solid #f5aca6;
    border-radius:10px;
}

/* login Box */
._login:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    bottom: -6px;
    content: "";
    left: -6px;
    position: absolute;
    right: -6px;
    top: -6px;
    z-index: -1;
}
.login {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px;
    box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 10px 20px rgba(0, 0, 0, 0.3);
    margin: 0 10px;
    margin-top: 30px;
    padding: 20px;
    _position: relative;
    /*width: 310px;*/
    _max-width: 650px;
    border: 1px solid #CCCCCC;
    /*behavior: url(includes/pie/PIE.htc);*/
}

.login h1 {
    background: none repeat scroll 0 0 #F3F3F3;
    border-bottom: 1px solid #CFCFCF;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 1px #F5F5F5;
    color: #555555;
    font-size: 15px;
    font-weight: bold;
    line-height: 30px;
    margin: -20px -20px 21px;
    text-align: center;
    text-shadow: 0 1px #FFFFFF;
}
/*
.login p:first-child {
    margin-top: 0;
}
*/
.login p {
    margin: 20px 0 0;
}
.login p.submit {
    text-align: right;
}    

.login label span {
    float: left;
    padding: 3px;
    width: 30%;
}      
.login form {
    margin-bottom: 0px;
}  

.login-help {
    color: #2F5697;
    font-size: 11px;
    margin: 20px 0;
    text-align: center;
    text-shadow: 0 1px #DCE9FA;
    display: block;
}    
.login-help a {
    color: #2F5697;
    text-decoration: none;
}

.navback {
    color: #2F5697;
    font-size: 11px;
    margin: 20px 0;
    text-align: center;
    text-shadow: 0 1px #DCE9FA;
    display: block;
}    
.navback a {
    color: #2F5697;
    text-decoration: none;
}

/* Orderuebersichten */
.headerleft {
   text-align: left;
}

.shoppingDetails {
   border:3px dotted grey; 
   background: whitesmoke;  
   padding-left: 30px;
   padding-bottom: 5px;
   font-size: smaller; 
}

.shoppingDetails .produkt_title {
   display: block;
   font-weight: bold;
   margin-top: 3px;
}

.shoppingDetails .produkt_params {
   display: block;
   margin-left: 5px;
}

.shoppingDetails .Aktions {
   margin-top: 3px;
   margin-left: 5px;
   margin-bottom: 7px;
}

.shoppingDetails a {
   color: #006699;
   font-size: 7pt;
   font-weight: normal;
   letter-spacing: normal;
   text-decoration: none;
}

.shoppingDetails a:hover {
   text-decoration: underline;
}

/* data table */
.artikelTable th, .artikelTable td {padding: 0px; text-align: inherit; }
.dataTableHeadingRow { background-color: #2F5697; }
.dataTableHeadingContent { font-family: Arial; font-size: 11px; color: #ffffff; font-weight: bold; }
.senkrecht { writing-mode: tb-rl; font-family: Arial; font-size: 10px; color: #ffffff; font-weight: bold; }
.dataTableRow { background-color: #C9C9C9; }
.dataTableRowSelected { background-color: #DEE4E8; }
.dataTableRowOver { background-color: #FFFFFF; cursor: pointer; }
.dataTableContent { color: #000000; vertical-align: middle; }
.dataTableContentBold { font-family: Arial; font-size: 9px; font-weight:bold; color: #000000; }

/* Artikeldetails */
.artikelTableHeadingRow { background-color: #2F5697; }
.artikelTableHeadingContent { font-family: Arial; font-size: 11px; color: #ffffff; font-weight: bold; }


A.zurueck:active, A.zurueck:link, A.zurueck:visited {
  font-size : 9px;
  letter-spacing : normal;
  text-decoration : none;
  text-align : center;
  font-family : Verdana,  Arial, Helvetica, sans-serif;
  font-style : italic;
  color:#006699;
}
A.zurueck:hover {
  text-decoration : underline;
}
A.zurueckGebiet:active, A.zurueckGebiet:link, A.zurueckGebiet:visited {
  font-size : 15px;
  letter-spacing : normal;
  text-decoration : none;
  text-align : center;
  font-family : Verdana,  Arial, Helvetica, sans-serif;
  font-style : italic;
  color:#006699;
  border: 2px solid #2F5697;
  padding:1px;
}
A.zurueckGebiet:hover {
  text-decoration : underline;
  border: 2px solid #ccc;
}

#inhalt {
  width: 100%;/*610px;*/
  padding-right: 10px;
  text-align: left;
  margin: 0px 0px 0px 0px;
  box-sizing: content-box;
}

#map {
  height: 620px;
  width: 100%;/*600px;*/
  border:0px solid #D1D0CD;
  line-height: 11px;
}
        
  @media only screen and (max-width: 480px) {
    #map {height: 500px;}
    #mouse {display: none;}
  }

#nodeList {
  margin-top: 5px;
  padding: 3px;
  width: 100%;
  background-color: #DCE9FB;
  /*border: 2px solid #DCE9FB;*/
  border-bottom: 1px solid #365A97;
  border-top: 1px solid #365A97;
}

#nodeList {
  margin-top: 5px;
  padding: 3px;
  width: 100%;
  background-color: #DCE9FB;
  border-bottom: 1px solid #365A97;
  border-top: 1px solid #365A97;
}

.misSubmitAction, .ecoSubmitAction {
  margin-top: 5px;
  padding: 10px 3px;
  width: 100%;
}

.misSubmitAction {
  border-top: 1px solid lightgrey;
}

.hinw {
  min-width: 85px;
  display: block;
}

div.koordinateneingabe {
 position: absolute;
 background-color: #FFFFFF;
 margin: 0px;
 display: none;
 font-family: Verdana, Arial, sans-serif;
 font-size: 9px;
 color: #000000;
 left: 620px; top: 70px;
 z-index:18;
}

div.ortssuche {
 position: absolute;
 background-color: #FFFFFF;
 margin: 0px;
 display: none;
 font-family: Verdana, Arial, sans-serif;
 font-size: 9px;
 color: #000000;
 left: 620px; top: 70px;
 z-index:18;
}
        
  div.hilfe {
    position: absolute;
    background-color: #FFFFFF;
    margin: 0px;
    display: none;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    color: #000000;
    left: 620px; top: 70px;
    z-index:18;
    }

    div.edit {
    position: absolute;
    background-color: #FFFFFF;
    margin: 0px;
    display: none;
    font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
    color: #000000;
    left: 620px; top: 70px;
    z-index:18;
   }

 div.lineNormal {
   color: #000000;
 }
 div.lineError {
   color: #FF0000;
 }
 div.sucheNach #beispielText{
   font-size:0.7em;
   float:left;
 }
     
 div.sucheNach {
    margin-left:1px;
    *margin-left:0px;
 }
     
 div#orte {
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 2px;
    border:0px solid;
    position:relative;
    top:15px;
    margin: 0 10px;
    /* width:100%; */
 }
     
  div#kataster_ergebnisse {
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 2px;
    border:0px solid;
    position:relative;
    top:3px;
    margin: 0 10px;
    /* width:100%; */
 }

  div#rahmen {
   border: 1px solid;
 }

  div#kartenblatt_ergebnisse {
    background-image: none;
    background-repeat: no-repeat;
    background-position: 50% 2px;
    border:0px solid;
    position:relative;
    top:15px;
    margin: 0 10px;
    /* width:100%; */
 }

  div#spinner {
    border:0px solid;
    position:absolute;
    left:140px;
    top:80px;
    width:20px;
    height:20px;
    background-image: none;
    background-repeat:no-repeat;
 }
     
 div#weitere_koord {
    border:0px solid;
    position:relative;
    width:20px;
    height:20px;
    top:112px;
 }
     
.tooltip {
      position: absolute;
      display: none;
      background-color: #FAEBD7;
      border: 1px solid #000000;
      font-family: Verdana, Arial, sans-serif;
      font-size: 9px;
      padding: 2px;
      color: #000000;
      overflow: visible;
      z-index:10000;
  }
     
.tooltip p {
    margin: 4px 2px;
}

.tooltip span {
    display: block;
    line-height: 12px;
}

.inputText {
  margin: 10px 0px 10px 8px !important;
  padding: 1px 3px !important;
  font-size: 12px !important;
  display: block;
}

fieldset {
    padding:4px;
    border-top: 1px #CCCCCC solid;
    border-left:0px;
    border-right:0px;
    border-bottom:0px;
}

/* Erweiterung Geobroker */
.olControlPanel {
  float: left;
  text-align: left;
  top: 0px;
  left: 0;
  padding-left: 5px;
  display:block;
  /* Versuch mit Balkenleiste */
  width: 100%;
  height: 32px;
  background-image: url("../open_layers/theme/default/img/balken.png");
}

.olControlPanel div {
  float: left;
  margin: 4px 3px 3px;
}

#panel_3{
    z-index:5000;
    position:absolute;
    top:105px;
    left:350px;
}

.olControlPanel .olControlModifyFeatureItemInactive {
    width:  24px;
    height: 24px;
    background-image: url("../open_layers/theme/default/img/draw_polygon_off.png");
}

.olControlPanel .olControlModifyFeatureItemActive {
    width:  24px;
    height: 24px;
    background-image: url("../open_layers/theme/default/img/draw_polygon_on.png");
}


.olControlPanel .olControlZoomToMaxExtentItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/zoom-world-off.png");
}
/*
.olControlPanel .olControlMouseDefaultsItemActive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/pan_on.png");
}
.olControlPanel .olControlMouseDefaultsItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("open_layers/theme/default/img/pan_off.png");
}
*/

.olControlPanel .olControlDragPanItemActive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/pan_on.png");
}
.olControlPanel .olControlDragPanItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/pan_off.png");
}
.olControlPanel .olControlDrawFeatureItemActive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/draw_line_on.png");
}
.olControlPanel .olControlDrawFeatureItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/draw_line_off.png");
}
.olControlPanel .olControlZoomBoxItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/drag-rectangle-off.png");
}
.olControlPanel .olControlZoomBoxItemActive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/drag-rectangle-on.png");
}
.olControlPanel .MyDrawRectangleItemInactive {
  margin-left:10px;
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/rechteck_off.png");
}
.olControlPanel .MyDrawRectangleItemActive {
  margin-left:10px;
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/rechteck_on.png");
}
.olControlPanel .MyDrawPolygonItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/draw_polygon_off.png");
}
.olControlPanel .MyDrawPolygonItemActive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/draw_polygon_on.png");
}

.olControlPanel .delItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("../grafik/auswahl_off.png");
}

.olControlPanel .delItemActive {
  width:  24px;
  height: 24px;
  background-image: url("../grafik/auswahl_on.png"); 
}

#delete-off {   /*#delete-off*/
  z-index:1024;
  width:  24px;
  height: 24px;
  background-image: url("../grafik/auswahl_off.png");
  background-repeat: no-repeat;
  position:absolute;
  margin-left:165px; /*165px*/
  margin-top:-636px; 
}

#delete-on {
  display:none;
  z-index:1024;
  width:  24px;
  height: 24px;
  background-image: url("../grafik/auswahl_on.png");
  background-repeat: no-repeat;
  margin-left:165px;
  position:absolute;
  margin-top: -636px;
}

.olControlPanel .MyAdressFinderItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/find_off.png");
}
.olControlPanel .MyAdressFinderItemActive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/find_on.png");
}
.olControlPanel .MyHelpItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/help_off.png");
}
.olControlPanel .MyHelpItemActive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/help_on.png");
}
.olControlPanel .MyHilfeItemActive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/help_on.png");
}
.olControlPanel .MyHilfeItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/help_off.png");
}

.olControlPanel .MyKoordInputItemInactive {
margin-left:10px;
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/add_point_off.png");
}
.olControlPanel .MyKoordInputItemActive {
margin-left:10px;
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/add_point_on.png");
}
.olControlPanel .MyAdressFinderItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/find_off.png");
}
.olControlPanel .MyAdressFinderItemActive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/find_on.png");
}

.olControlPanel .olControlModifyFeatureItemInactive  {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/button_modify_off.png");
}
.olControlPanel .olControlModifyFeatureItemActive  {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/button_modify_on.png");
}

.olControlPanel .olControlTransformFeatureItemInactive  {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/move_feature_off.png");
}
.olControlPanel .olControlTransformFeatureItemActive  {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/move_feature_on.png");
}

.olControlPanel .olControlDragFeatureItemInactive  {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/move_feature_off.png");
}
.olControlPanel .olControlDragFeatureItemActive  {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/move_feature_on.png");
}

.olControlPanel .rotateItemInactive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/move_feature_off.png");
}
.olControlPanel .rotateItemActive {
  width:  24px;
  height: 24px;
  background-image: url("../open_layers/theme/default/img/move_feature_on.png");
}
 
div.tooltip_help {
    text-decoration:none;
    border:0px solid;
    width:15px;
    height:15px;
    margin-left:205px;;
}

.tooltip_help span.helpText{
    display:none;
}


.tooltip_help:hover span.helpText{
    display:block;
    /*margin-top:3px;*/
    padding-left:5px;
    /*padding-right:3px;*/
    position:absolute;
    right:2%;
    left:2%;
    height:auto;
    text-decoration:none;
    background-color:#FFFCDF;
    border:1px solid #000;
    text-align:left;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    z-index:5000;
}


/*img#help_icon{
    !* padding-left:18px; *!
    padding-bottom:2px;
    width:15px;
    height:15px;
    background: url("../grafik/info_off-1.png");
    background-repeat: no-repeat;
    !*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='grafik/info_off-1.png');*!
    !*margin-left:5px;*!
    cursor:help;
    display:block;
    position:relative;
    bottom:11px;
    left:1px;
    border:0px solid;
}*/

img#plus_icon{
    width:15px;
    height:15px;
    background: url("../grafik/drop-add.gif");
    background-repeat: no-repeat;
    float:left;
    padding-right:5px;
    padding-top:5px;
    border:0px solid;
}

.olControlMousePosition {
    z-index:2023;
    position: absolute;
    top:15px;
    width:130px;
    display: block;
    font-size: 10px;
    color: #2F5697;
    font-weight:700;
    right:0px;
}


/*fuer Hilfe*/

a.menu {
    display:block;
    margin-bottom:1px;
    text-align:left;
    padding-left: 15px;
    width:50%;
    border-style:solid;
    border-color: #8EBBD1 #2F5697 #2F5697 #8EBBD1;
    border-width: 1px;
    border-left-width: 0px;
    text-decoration:none;
}

a.menu:link    { color:#000000 ; background:transparent; text-align:left; }
a.menu:visited { color:#000000; background-color:transparent; text-align:left; }
a.menu:hover   { color:#000000; background-color:#DDDDDD; text-decoration: none; text-align:left;}
a.menu:active  { color:#000000; background: #DDDDDD ; position: relative; top: 1px; text-align:left;}

div.text{
    text-align:justify;
    line-height:1.2em;
    border:0px solid;
    margin-left:3px;
    margin-right:3px;
    padding:1px;
    /* width:395px; */
    /* max-width:380px; */
    /* min-width:100px; */
    /* width:auto; */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    font-style: normal;
}

/* extjs-Erweiterung */

.x-dlg-closable .x-dlg-hd {
    padding-right:22px;
}
.x-dlg-draggable .x-dlg-hd {
    cursor:move;
}

.new_row{
    background-image:url("../includes/extjs/resources/images/default/layout/add.gif")!important;
}

.icon_run{
    background-image:url("../includes/extjs/resources/images/default/layout/icon_run.gif")!important;
}

.mehr_text{
    background-image:url("../includes/extjs/resources/images/default/layout/arrow-down.gif")!important;
}

.weniger_text{
    background-image:url("../includes/extjs/resources/images/default/layout/arrow-up.gif")!important;
}

.ext-ie .x-window-bbar .x-toolbar {position:static;}

.x-btn x-btn-icon x-btn-icon x-btn-icon {position:static;}

.x-btn-small x-btn-icon-small-left {position:static;}

.x-btn {position:static !important;}

#button-rect {
    border:0px solid;
    bottom:25px;
    height:16px;
    left:124px;
    position:relative;
    width:16px;
}

#button-poly {
    border:0px solid;
    bottom:25px;
    height:16px;
    left:118px;
    position:relative;
    width:16px;
}

#button-coords {
    border:0px solid;
    bottom:25px;
    height:16px;
    left:140px;
    position:relative;
    width:16px;
}

#button-ort {
    border:0px solid;
    bottom:25px;
    height:16px;
    left:85px;
    position:relative;
    width:16px;
}

div#sucheEingabe{
    border:0px solid;
    width:90%;
}

.loading-indicator {
    /* background-image:url("../includes/extjs/resources/images/default/grid/loading.gif"); */
    background-position:left top;
    background-repeat:no-repeat;
    font-size:8pt;
    height:25px;
    width:260px;
    /* padding-left:20px; */
    text-align:left;
}

#loading {
    background:#C3DAF9 none repeat scroll 0 0;
    border:1px solid #6593CF;
    left:30%;
    /*padding:2px;*/
    position:absolute;
    text-align:center;
    top:40%;
    /* width:260px; */
    width:250px;
    /* width:230px; */
    z-index:20001;
}

#loading .loading-indicator {
    -x-system-font:none;
    background:white url("../includes/extjs/resources/images/default/block-bg.gif") repeat-x scroll 0 0;
    border:1px solid #A3BAD9;
    color:#003366;
    width:238px;
    /* width:218px; */
    font-family:tahoma,arial,helvetica;
    font-size:11px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    margin:0;
    padding:5px;
}


.ext-el-mask-msg x-mask-loading {
    left:10px;
    top:23px;
}


.x-fieldset legend {
    color:#15428B!important;
    font:normal 11px tahoma,arial,helvetica,sans-serif!important;
}

.x-fieldset {
    display:block !important;
    margin-bottom:10px!important;
    padding:5px!important;
}

.x-window-body {
    box-sizing: content-box;
}

.x-window pre, .x-window code {
    background-color: inherit;
}

/* Registrierung */
div#registration {
   margin: 0 auto;
   width: 100%;
   clear: both;
   padding-top: 1px;
}

#registration h1 {
   display: block;
   height: 35px;
   margin-bottom: 15px;
}

#registration h2 {
   display: block;
   margin-bottom: 10px;
}

#registration form {
   background: none repeat scroll 0 0 #FFFFFF;
   padding-bottom: 5px;
}

#registration form.registration fieldset {
   padding-bottom: 10px;
   padding-left: 20px;
   border: medium none;
}

#registration div.form {
   padding: 5px 26px 26px;
   clear: both;
   _position: static;
}

#registration fieldset legend {
   font-size: 14px;
   font-weight: bold;
   padding-top: 10px;
}

#registration form.registration p {
   float: left;
   padding-left: 20px;
   margin: 10px 0px;
   width: 100%;
}

#registration form.registration .actions {
   margin: 25px 20px 5px 20px;
   text-align: right;
}

#registration span.feld-mit-platzhalter {
   display: inline-block;
   position: relative;
   verical-align: top;
   
   clear: both;
   float: left;
   margin-bottom: 0.6em;
   padding: 0;
   width: 100%;   
}

/* Label nicht anzeigen: */
/*
#registration span.feld-mit-platzhalter label span {
   padding: 3px;
   position: absolute;
   z-index: 2;
   display: none;
}
*/
/* Label anzeigen */
#registration span.feld-mit-platzhalter label span {
   padding: 3px;
   float: left;
   z-index: 2;
   width: 170px;
}

#registration span.dataname {
  padding: 3px;
  width: 170px;
}
#registration span.userdata {font-style: italic;}

#registration .inputErforderlich {
   color: #B30000;
   padding-right: 10px;
}

#registration div.error {
   color: #FF0000;
   padding: 2px;
   float: right;
   /* margin-top: 2px; */
   width: 380px;
}

#registration span.error {
   color: #FF0000;
   padding: 2px;  
   font-size: 11px;
}

/* Styling Placeholder, siehe http://davidwalsh.name/html5-placeholder-css */
::-webkit-input-placeholder  { color:#C0C0C0; }
input:-moz-placeholder { color:#C0C0C0; }

#registration .centerAGB{
    margin: 0 auto;
    text-align: center;
    max-width: 380px;
}

#registration .centerAGB FORM [type=submit]{
    width: 150px;
    max-width: inherit;
    min-width: inherit;
}

#registration .buttonLeftAGB {
   float: left;
   text-align: right;
   /* width: 45%; */
   padding: 15px 20px 0px;
}

#registration .buttonRightAGB {
   /* float: left; */
   text-align: right;
   padding: 15px 20px 0px;  
}

#registration .actionsAGB {
   background: none repeat scroll 0 0 #FFFFFF;
   margin-top: 7px;
   width: 100%;
   text-align: center;
   margin-right: auto;
   margin-left: auto;
   margin-bottom: auto;
   padding: 10px;
}


#registration input:invalid, #registration textarea:invalid {
    background-color: #F0DDDD;
}

#registration label {
   display: inline !important;
}

#registration input[type="text"], #registration input[type="password"], #registration input[type="email"], #registration textarea, #registration select {
   display: inline !important;
   margin: 0px;
}
  
#registration form [type=submit], .weiterBtn {
  background-color:#f9f9f9;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  border:1px solid #dcdcdc;
  display:inline-block;
  cursor:pointer;
  color:#444444 !important;
  font-family:arial;
  font-size:15px;
  font-weight:bold;
  padding:3px 24px;
  text-decoration:none;
}

#registration form [type=submit]:hover, .weiterBtn:hover {
  background-color:#e9e9e9;
  text-decoration:none !important;  
}
#registration form [type=submit]:active, .weiterBtn:active {
  position:relative;
  text-decoration:none !important;
  top:1px;
}

.weiterBtn.small {
    font-size: 12px;
    font-weight: normal;
    padding: 0 10px;
}
/* Ende Registration */

/* ECO */
.ecoTable {
  margin-top: 20px;
  margin-bottom: 20px;
}

.ecoTable hr {
  margin: 0px;
}

.ecoTable th {
  color: #696969; 
  font-weight: bold;
}

.ecoTable th, .ecoTable td {
  padding: 2px 10px 2px;
  vertical-align: middle;
}

.ecoTable td:first-child {
  padding-left: 20px;
}

.ecoTable th:last-child, .ecoTable td:last-child {
  padding-right: 0;
}

.ecoTable select, .ecoTable textarea, .ecoTable INPUT[type='text'], .ecoTable INPUT[type='email'] {
  margin: 0px;
  max-width: 210px;
  display: inline;
}

.ecoTable INPUT[type='text'], .ecoTable INPUT[type='email'] {
  padding: 0px 4px;
}

.ecoTable .priceInfo {
  /* background-color: #EEEEEE; */
  font-weight: bold; 
  text-align: left; 
  margin-left: 3px; 
}

.ecoTable .entryTableHeader {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
    color: #666666;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-left: 20px;
}

.ecoTable .label {
    background-color: #ffffff;
    color: #666666;
    padding: 3px 10px 0;
    text-align: right;
    vertical-align: top;
    font-size: 12px;
}

.ecoTable .content {
    background-color: #ffffff;
    color: #666666;
    padding: 3px 20px 0 10px;
    border: medium none;
    font-size: 12px;
}

table.warenkorb {
  _border: 1px solid #222222;
  font-size: 12px;
}

.warenkorb tr:first-child {
  border-bottom: 2px solid grey; 
  border-top: 2px solid gray;
}

.warenkorb th, .warenkorb td {
  font-size: inherit;
  padding-bottom: 3px;
}

.warenkorb input.deleteButton {
  background: transparent url(../grafik/loeschen.gif) no-repeat scroll 5px 3px; 
  border: medium none;
}

.warenkorb .zwischensumme {
  line-height: 2em; 
  border-bottom: 12px solid white;
  font-weight: bold;
}

#order {
  min-width: 150px;
}

.ecoSubmitAction .agnbAccept {
  font-size: 12px; 
  margin-bottom: 3px;
}
.ecoSubmitAction .agnbAccept > span {
  padding-right: 10px;
}

.ecoSubmitAction .agnbAccept > label {
  font-size: inherit;
}

.ecoSubmitAction .continue {
  float: left;
}

div.warenkorb .summeText{
  font-size:16px; 
  font-weight:bold; 
  text-decoration:underline;
}

div.warenkorb .steuernText{
  float:left; 
  font-size:12px;
}

div.warenkorb .summe{
  float:right; 
  text-align:right; 
  font-size:16px; 
  font-weight:bold;
}

#paramHelp {
   display: none;
   margin-bottom: 25px;
}

#helpContent ul li {
    list-style-type: none;
    margin-bottom: 5px;
    margin-left: 2px;
    margin-right: 35px;
}

#foot-wrapper ol li {
    display: list-item;
    margin-bottom: 5px;
    margin-left: 2px;
    margin-right: 35px;
}

.hilfe_erste_spalte {
   /*background-color: yellow;*/
   /* color: #696969; */
   font-weight: bold;
   /* font-size: 8pt; */
   /* width: 100px; */
   /* float:left; */
   /*padding-top: 10px;*/ 
   margin: 20px 0 -15px 0;
}

.ecoHilfeClicker {
   color: red; 
   display: inline;
   font-size: 7pt;
   padding-left: 10px;
   cursor: pointer;
   white-space: nowrap;
}
.ecoHilfeText td span {
   font-size: 10px;
   padding-left: 50px;
   display: block;
   color: gray;   
}

#ui-datepicker-div {
  z-index: 9 !important;
}

#steuer_note, #rabatt_note{
   font-size: 10px;
   line-height: 2px;
   position: relative;
   text-align: right;
   top: 12px;
   width: 100%;
}

#rabatt_note{
    top: 5px;
}

#productChooseTab {
    margin-bottom: 23px;
    margin-top: 30px;
}

ul.tab-nav {
    list-style: none;
    /*border-bottom: 1px solid #bbb;*/
    padding-left: 5px;
}

ul.tab-nav li {
    display: inline;
}

ul.tab-nav li a.button {
display: inline-block;
    height: 38px;
    padding: 0 30px;
    color: #555;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: .1rem;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
    border-bottom: 1px solid #bbb;
}

ul.tab-nav li a.active.button {
    border-bottom: 1px solid #fff;
}

.tab-content .tab-pane {
    display: none;
}

.tab-content .tab-pane.active {
    display: block;
}

.listInline {
   display: inline;
   margin: 0;
   list-style: square inside url('data:image/gif;base64,R0lGODlhBQAKAIABAAAAAP///yH5BAEAAAEALAAAAAAFAAoAAAIIjI+ZwKwPUQEAOw==');
}

.listInline li {
    display: inline-block;
    font-style: italic;
    margin-right: 2px;
    margin-bottom: 0px;
}

.listInline li:before {content:"'";}
.listInline li:after {content:"', ";}
.listInline li:last-child:after{content:"' ";}


/* #Forms aus base.css uebernommen
================================================== */

  form {
    margin-bottom: 20px; }
  fieldset {
    margin-bottom: 20px; }
  input[type="text"],
  input[type="password"],
  input[type="email"] {
    border: 1px solid #ccc;
    padding: 6px 4px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    /*font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: inherit;
    color: #777;
    margin: 0;
    max-width: 200px;
    min-width: 150px;
    /*display: block;*/
    /*margin-bottom: 20px;*/
    background: #fff; }
  /*input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus {
      font-weight: bold;
  }*/
  label,
  legend {
    display: block;
    font-weight: bold;
    font-size: 13px;  }
  input[type="checkbox"] {
    display: inline; }
  label span,
  legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444; }

  textarea.alpaca-control {
      max-width: 100%;
  }

  #lock-modal {
    display: none;
    background-color: rgb(236, 233, 233);
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
  }

  #loading-circle {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 0.6s ease-in infinite;
  }

  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
/* Ende ECO */