/******************************************************************
/*
/*
/* map2web CSS
/* 10-05-10
/* copyright philipp hofstaetter, fietstouring.com
/*
/*
******************************************************************/

html, body {
  height: 100%;
  width: 100%;
  overflow:hidden;
}

.floatl{
	margin-right:6px;
	float:left;
}


* { margin: 0; padding: 0; }

body {
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #202020;
}

a {
  color: #000;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: 0;
}

ul, li {
  list-style-type: none;
}

.checkboxes label {
  display: block;
  float: left;
  padding-right: 10px;
  white-space: nowrap;
}

.checkboxes input
{
  vertical-align: middle;
}

.checkboxes label span
{
  vertical-align: middle;
  padding-left: 5px;
}

.hide {
  display:none;
}

h1#logo a {
    position:absolute;
    right: 20px;
    top: 18px;
    display:block;
}

/* Mountain projekt */
body.mountain #overlayContainer div.information img {
  float: none;
}

#overlayContainer ul.tabs li:only-child {
  display: none;
}

/************************************* GRAPHIC ELEMENTS */

span.arrowDown {
  background: transparent url(/map2web/images/arrow_black_down.png) no-repeat 3px 3px;
  height: 12px;
  width: 7px;
  text-decoration:none;
}


/************************************* SEITENELEMENTE */

#header {
  position: relative;
  width: 100%;
  height: 120px;
  background-color: #fff;
  z-index: 200;
}

#toolbar {
  position:absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 22px;
  background: #b8d9e3 url(/map2web/images/map2web_trans.png) no-repeat 265px -32px;
  width: 100%;
}

#leftcol {
  position:absolute;
  top: 120px;
  left: 0;
  bottom: 30px;
  width: 325px;
  overflow-y:auto;
  overflow-x:hidden;
  background: #fff;
  z-index: 101;
}

#map {
  position:absolute;
  top: 120px;
  left:0;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  overflow:hidden;
  z-index: 1;
}

.simple #map {
  top: 0;
}

#footer {
  position:absolute;
  left: 0;
  bottom: 0;
  height: 20px;
  width: 323px;
  overflow:hidden;
  z-index: 101;
  background: #fff;
}

/************************************* SEARCHBAR */

div#search {
  position:absolute;
  left: 0;
  bottom: 22px;
  width: 500px;
  height: 35px;
  background: #b8d9e3 url(/map2web/images/map2web_trans.png) no-repeat 265px 15px;
  padding: 10px 20px 0 15px;
  z-index: 1000;
}

a#viewSearchOptions {
  font-size: 11px;
  margin-left: 15px;
}

#suchfeld {
  width: 320px;
  height: 23px;
  font-size: 13px;
  border: none;
  padding: 3px 30px 0 1px;
  color: #333;
  line-height: 1.5;
  border-bottom: 1px solid #dcdcdc;
  border-right: 2px solid #dcdcdc;
}

#searchSubmit {
  position:absolute;
  display:block;
  top: 12px;
  left: 343px;
  width: 20px;
  height: 20px;
  background: transparent url(/map2web/images/lupe.png) no-repeat left top;
  border: none;
  cursor:pointer;
}

#searchCorner {
  position:absolute;
  left: 515px;
  bottom: 22px;
  width: 20px;
  height: 42px;
  background: transparent url(/map2web/images/bg_search_corner.png) no-repeat left top;
}

/* Suchoptionen */

div#suchoptionen {
  position:relative;
  background: transparent url(/map2web/images/shadow_top.png) repeat-x left bottom;
  z-index: 1000;
  width: 354px;
  height: auto;
  padding-bottom: 5px;
}

div.suchoptionenInner {
  background: #fff;
  padding: 8px 8px 20px 12px;
}

div#suchoptionen h3 {
  font-size:13px;
  margin-bottom: 0.6em;
}

div#suchoptionen td {
  padding: 5px 8px 5px 0;
}

a.close {
  position:absolute;
  bottom: 10px;
  right: 8px;
  display:block;
  padding-right: 20px;
  background: transparent url(/map2web/images/close.png) no-repeat right top;
  font-size: 11px;
  color: #012b8c;
  line-height: 1.5;
}

/************************************* TOOLBAR */

ul#toolbarTabs li {
  float:left;
}

ul#toolbarTabs li a {
  display:block;
  text-decoration: none;
  font-weight:bold;
  color: #98bbd2;
  padding: 5px 15px 0 20px;
  width: 128px;
  height: 22px;
  text-align:center;
}

ul#toolbarTabs li a.selected {
  color: #000;
}

#verzeichnisTab {
  background: transparent url(/map2web/images/bg_blue_left.png) no-repeat right top;
}

#verzeichnisTab.active {
  background: transparent url(/map2web/images/bg_white_left.png) no-repeat right top;
}

#suchergebnisTab.active {
  background: transparent url(/map2web/images/bg_white_right.png) no-repeat right top;
}

#suchergebnisTab {
  background: transparent url(/map2web/images/bg_blue_right.png) no-repeat right top;
}

#verzeichnisTab a {
  padding-left: 13px;
  background: transparent url(/map2web/images/verzeichnis.png) no-repeat 18% 8px;
  outline: 0;
}

#suchergebnisTab a {
  padding-left: 14px;
  background: transparent url(/map2web/images/suche.png) no-repeat 12% 7px;
  outline: 0;
}


/* Handler to remove leftcol */

a#handler {
  float:left;
  display:block;
  height: 22px;
  width: 26px;
  background: transparent url(/map2web/images/bg_handler.png) no-repeat right top;
  padding: 4px 0 0 4px;
  color: #000;
  text-decoration: none;
  font-weight:bold;
  cursor:pointer;
  vertical-align:middle;
}


/* Shortlinks */

ul#shortlinks {
  position:absolute;
  top: 0px;
  left: 535px;
}

ul.dropdown li {
  float:left;
  display:block;
  position:relative;
}

ul.dropdown ul {
  display:none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

ul.dropdown ul li {
  float: none;
}

ul.dropdown li:hover ul {
  display:block;
}

li#print, li#link {
  background: transparent url(map2web/images/shortlinks_sep.png) no-repeat left 6px;
  padding-left: 10px;
}

ul#shortlinks li a {
  display: block;
  text-decoration: none;
  padding: 4px 8px 3px 5px;
  margin-right: 5px;
}

ul#shortlinks li a span {
  text-decoration: underline;
}

ul#shortlinks li#lang a {
  padding-left: 20px;
  background: #B8D9E3 url(images/lang.png) no-repeat left 3px;
}

ul#shortlinks li#lang ul li a {
  background: #B8D9E3;
  padding: 4px 0 2px 20px;
}

ul#shortlinks li#lang ul li a:hover {
  background: #E8F3F6;
}

ul#shortlinks li#print a {
  padding-left: 20px;
  background: #B8D9E3 url(images/print.png) no-repeat left 5px;
}

ul#shortlinks li#link a {
  padding-left: 20px;
  background: #B8D9E3 url(images/link.png) no-repeat left 6px;
}


/************************************* LEFTCOL */

/* Verzeichnisstruktur */

#verzeichnis ul ul {
  margin-top: 0;
  border: none;
}

#verzeichnis a {
  text-decoration: none;
  outline: 0;
}

#verzeichnis a:hover {
  text-decoration: none;
}

#verzeichnis span {
  display:block;
}

#verzeichnis ul.Level2nd, #verzeichnis ul.Level3rd, #verzeichnis ul.Level4th { display:none; }

/* Striped List Classes */

li.alt3 {
  background-color: #ececec;
}

li.alt4 {
  background-color: #f3f3f3;
}

#verzeichnis ul.Level4th {
  background-color: #fff;
}

#verzeichnis span {
  font-size: 11px;
  color: #333;
}

#verzeichnis span.naviHeadline {
  font-size: 13px;
  color: #000;
}

#verzeichnis span.naviHeadline:hover {
  color: #198ACF;
}

#verzeichnis li.Level2nd.active span.naviHeadline:hover {
  color: #000;
}

/* 1st Level */

ul.Level1st {
  margin-top: 1.5em;
  border-top: 1px solid #CFCFCF;
}

li.Level1st {
  border-bottom: 1px solid #CFCFCF;
  position:relative;
}

li.Level1st a {
  display:block;
  font-size: 13px;
  background: transparent url(images/plus_minus.png) no-repeat 10px 10px;
  padding: 8px 0 8px 25px;
}

li.Level1st a:hover {
  background: transparent url(images/plus_minus.png) no-repeat 10px -79px;
  color: #198ACF;
}

ul.Level1st li.active a {
  font-weight:bold;
  background: transparent url(images/plus_minus.png) no-repeat 10px -29px;
}

ul.Level1st li.active a:hover {
  color: #000;
  background: transparent url(images/plus_minus.png) no-repeat 10px -131px;
}


/* 2nd Level */

#verzeichnis ul.Level2nd {
  border-top: 1px solid #CFCFCF;
  padding: 3px 0;
}

li.Level2nd {
  position:relative;
}

#verzeichnis li.Level2nd a {
  display:block;
  padding: 6px 0 5px 25px;
  font-weight: normal;
  font-size: 13px;
  color: #000;
  background: none;
}

#verzeichnis li.Level2nd.active a {
  font-weight: bold;
}

#verzeichnis li.Level2nd a:hover {
  color: #198ACF;
}


/* 3rd Level */

ul.Level3rd {
  padding-top: 2px;
  padding-bottom: 4px;
}

li.Level3rd {
  position:relative;
}

#verzeichnis ul.Level2nd li.active ul li table {
  margin-left: 11px;
}

#verzeichnis ul.Level2nd li.active ul li td a {
  padding-left: 0;
  margin-left: 0;
  color: #000;
}

#verzeichnis ul.Level2nd li.active ul li a, #verzeichnis li.Level3rd a {
  display:block;
  padding: 5px 3px 4px 36px;
  font-weight: normal;
  font-size: 12px;
  background: none;
}

#verzeichnis ul.Level2nd li.active ul li.active a, #verzeichnis ul.Level2nd li.active ul li a:hover {
  color: #198ACF;
  text-decoration: none;
  background: none;
}


/* 4th Level */

ul.Level4th {
  padding-top: 3px;
}

#verzeichnis ul.Level2nd li.active ul li.active ul li a, #verzeichnis li.Level4th a {
  color: #000;
  background: none;
  padding: 0;
  font-weight: normal;
  padding: 4px 2px 4px 47px;
}

#verzeichnis ul.Level2nd li.active ul li.active ul li a:hover {
  background: none;
  color: #198ACF;
}

#verzeichnis ul.Level2nd li.active ul li.active ul li table {
  margin-left: 24px;
}

#verzeichnis ul.Level2nd td a, #verzeichnis ul.Level2nd li.active ul li.active ul td a {
  padding-left: 0;
  margin-left: 0;
  color: #000;
}

#verzeichnis td.thumbnailText {
  text-align:left;
  padding-left: 6px;
}

#verzeichnis td.thumbnailText a {
  font-weight:normal;
  background: none;
}

#verzeichnis td.thumbnail {
  text-align:right;
  width: 56px;
}

/* List without hierarchy */

#verzeichnis ul.listLevel li {
  border: none;
  clear:both;
  padding: 6px 0 6px 28px;
}

#verzeichnis select {
  margin-left: 5px;
}

#verzeichnis ul.listLevel li a {
  display:inline;
  background: none;
  font-size: 12px;
  font-weight: normal;
  padding: 0;
  color: #000;
}

#verzeichnis ul.listLevel li a:hover {
  color: #198ACF;
  text-decoration:none;
}

.loader {
  position:absolute;
  top:10px;
  right: 10px;
}

/* 2nd Level */

#verzeichnis li.Level2nd a.schlagwort {
  padding-left: 35px;
  background: transparent url(images/plus_minus.png) no-repeat 20px 9px;
}

#verzeichnis li.Level2nd.active a.schlagwort {
  background: transparent url(images/plus_minus.png) no-repeat 20px -31px;
  font-weight:bold;
}

#verzeichnis li.Level2nd.active a.schlagwort:hover {
  background: transparent url(images/plus_minus.png) no-repeat 20px -133px;
  color: #000;
}

#verzeichnis li.Level2nd a.schlagwort:hover {
  color: #198ACF !important;
  background: transparent url(images/plus_minus.png) no-repeat 20px -80px;
}


/* 3rd Level */

#verzeichnis li.Level2nd.active li a.schlagwort {
  padding-left: 47px;
  font-weight:normal;
  background: transparent url(images/plus_minus.png) no-repeat 31px 7px;
}

#verzeichnis li.Level2nd.active li a.schlagwort:hover {
  color: #198ACF;
  background: transparent url(images/plus_minus.png) no-repeat 31px -82px;
}

#verzeichnis li.Level2nd.active li.active a.schlagwort {
  color: #000;
  font-weight:bold;
  background: transparent url(images/plus_minus.png) no-repeat 31px -32px;
}

#verzeichnis li.Level2nd.active li.active a.schlagwort:hover {
  color: #000 !important;
  background: transparent url(images/plus_minus.png) no-repeat 31px -134px;
}


/* 4th Level */

#verzeichnis ul.Level2nd li.active ul li.active ul li a.schlagwort {
  padding-left: 60px;
  font-weight:normal;
  background: transparent url(images/plus_minus.png) no-repeat 45px 7px;
}

#verzeichnis ul.Level2nd li.active ul li.active ul li a.schlagwort:hover {
  color: #198ACF !important;
  background: transparent url(images/plus_minus.png) no-repeat 45px -82px;
}

#verzeichnis ul.Level2nd li.active ul li.active ul li.active a.schlagwort {
  font-weight:bold;
  background: transparent url(images/plus_minus.png) no-repeat 45px -32px;
}

#verzeichnis ul.Level2nd li.active ul li.active ul li.active a.schlagwort:hover {
  background: transparent url(images/plus_minus.png) no-repeat 45px -134px;
  color: #000 !important;
}


/* Pagination */

div#verzeichnis ul li.pagination, div#suchergebnis span.pagination {
  display:block;
  padding: 10px 0 10px 30px;
  background: none;
  font-size: 12px;
  font-weight:bold;
}

div#verzeichnis ul li.pagination a, div#suchergebnis span.pagination a {
  background: none;
  float:none;
  display:inline;
  padding: 0;
  margin: 0 5px;
  color: #000;
  text-decoration: none;
}

div#verzeichnis ul li.pagination a:hover, div#suchergebnis span.pagination a:hover {
  text-decoration: underline;
}


div#suchergebnis span.pagination {
  margin: 1em 0;
}

/* Suchergebnis */

div#suchergebnis {
  padding: 1em 8px 0 15px;
}

span.num {
  display:block;
  width: 20px;
  height: 19px;
  background: transparent url(images/num.png) no-repeat left top;
  font-weight:bold;
  padding: 2px 0 0 0;
  font-size: 10px;
  text-align:center;
}

span.num a {
  color: #fff;
  text-decoration: none;
}

div#suchergebnis dl {
  clear: both;
  padding: 5px 0;
}

div#suchergebnis dt {
  width: 20px;
  height: 19px;
  float:left;
  vertical-align:middle;
}

div#suchergebnis dd {
  margin-left: 25px;
  padding-top: 1px;
  color: #797979;
}

div#suchergebnis dd a {
  font-size: 14px;
  color: #012b8c;
}

/************************************* MAP */

span#mapBorderTop {
  position:absolute;
  top: 0;
  right:0;
  width: 100%;
  height: 5px;
  background: transparent url(/map2web/images/shadow_top.png) repeat-x left top;
  z-index: 100;
}

span#mapBorderLeft {
  position:absolute;
  top:0;
  /*left: 268px;*/
  width: 5px;
  height: 100%;
  bottom: 0;
  z-index: 99;
  background: transparent url(/map2web/images/shadow_left.png) repeat-y left top;
}

span#map2web {
  position:absolute;
  left: 20px;
  bottom: 20px;
  z-index: 1000;
}

/* Popup */

div.popup td, div.popup th {
  padding: 0 5px 3px 0;
  line-height: 1.3;
}

div.popup th {
  text-align:left;
  font-size: 14px;
  padding-bottom: 8px;
}

div.popup a {
  color: #012b8c;
}

div.popup td.bild {
  padding-left: 10px;
}

p.infotext, p.maininfo {
  margin-bottom: 1em;
}

p.addinfo strong {
  display:block;
}

p.links { margin-top: 1.2em; }

p.links a {
  margin-right: 13px;
}


hr.line {
  display:block;
  height: 1px;
  background-color: #ececec;
  width: 100%;
  margin: 6px 0 4px 0;
  border: none;
}


/* FOOTER */

#footer, #footer a {
  color: #979696;
  text-decoration: none;
  font-size: 11px;
  background: #fff;
  z-index: 100;
}

#footer a:hover {
  color: #202020;
}

#footerInner {
  padding: 0 0 0 15px;
}



#verzeichnis ul.listLevel li {
    border: none;
    clear:both;
    padding: 6px 0 6px 28px; /* NEU */
}

#verzeichnis ul.listLevel li a {
    display:inline; /* NEU */
    background: none;
    font-size: 12px;
    font-weight: normal;
    padding: 0; /* NEU */

}

#verzeichnis ul.listLevel li a:hover {
    text-decoration:underline; /* NEU */
}

li select{
  margin-left:4px;
}

dd select{
  margin-left:4px;
}


/* Karten-Popups */


#popup {
  min-width:250px;
}

#popup h2 {
  margin: 4px 0;
  padding:0 20px 0 0;
  font-size: 14px;
  font-weight: bold;
  color: #000;
}

#popup h3 {
  margin:4px 0;
  padding:0;
  font-size: 110%;
  font-weight: bold;
  }

#popup div.popup_adresse {
  margin-top: 10px;
}

#popup .popup_adresse a, a.blue {
  color: #198ACF;
}

#popup {
  line-height: 1.2em;
}

#popup .content a.print {
  position:absolute;
  right: 8px;
  top: 6px;
  right:20px\9;
  top:2px\9;
}




/* up and down */
a.up, a.down    {
  background:url(/js/images/vert_large.png) no-repeat;
  float: none;
  margin: 10px 50px;
}

/* up */
a.up:hover     { background-position:-30px 0; }
a.up:active     { background-position:-60px 0; }

/* down */
a.down       { background-position: 0 -30px; }
a.down:hover    { background-position:-30px -30px; }
a.down:active  { background-position:-60px -30px; }


#Preise table{
  border-collapse: collapse;
  display:block;
  margin-bottom:4px;
  margin:2px;
}

#Preise td{
  border: 1px solid #000000;
  padding:2px;
}

.eigenschaften img{
  margin:2px;
}

#bottomInfo{
  font-weight:bold;
}

#info ul{
  list-style-type:none;
}

.archlabel{
  font-weight:bold;
  width:120px;
}

.Map2WebToolbar div{
   display:block;
   height:28px;
   left:9px;
   position:relative;
   top:280px;
   width:28px;
   background-repeat: no-repeat;
  }

  .Map2WebToolbar .olControlNavigationItemActive{
   background-image:url(/css/public/images/map_verschieben_active.png);
  }

  .Map2WebToolbar .olControlNavigationItemInactive{
   background-image:url(/css/public/images/map_verschieben.png);
   opacity: 0.7;
  }

  .Map2WebToolbar .olControlZoomBoxItemActive{
   background-image:url(/css/public/images/map_rechteckzoom_active.png);
  }

  .Map2WebToolbar .olControlZoomBoxItemInactive{
   background-image:url(/css/public/images/map_rechteckzoom.png);
   opacity: 0.7;
  }

  .Map2WebToolbar .olControlDrawFeatureLineItemInactive{
   background-image:url(/css/public/images/map_streckenmessung.png);
   opacity: 0.7;
  }

  .Map2WebToolbar .olControlDrawFeatureLineItemActive{
   background-image:url(/css/public/images/map_streckenmessung_active.png);
  }

  .Map2WebToolbar .olControlZoomBoxItemInactive{
   background-image:url(/css/public/images/map_rechteckzoom.png);
   opacity: 0.7;
  }
  .Map2WebToolbar .olControlZoomToMaxExtentItemActive{
   background-image:url(/css/public/images/map_zoomOut_active.png);
  }

  .Map2WebToolbar .olControlZoomToMaxExtentItemInactive{
   background-image:url(/css/public/images/map_zoomOut.png);
   opacity: 0.7;
  }

  .Map2WebToolbar .olControlDrawFeaturePolygonItemActive{
   background-image:url(/css/public/images/map_flaeche_active.png);
  }

  .Map2WebToolbar .olControlDrawFeaturePolygonItemInactive{
   background-image:url(/css/public/images/map_flaeche.png);
   opacity: 0.7;
  }

  .Map2WebToolbar .olControlCustomCoordItemActive {
   background-image:url(/css/public/images/map_coordinates_active.png);
  }

  .Map2WebToolbar .olControlCustomCoordItemInactive {
   background-image:url(/css/public/images/map_coordinates.png);
   opacity: 0.7;
  }

  .Map2WebToolbar .olControlPermalinkItemActive {
    background-image:url(/css/public/images/map_permalink_active.png);
  }
  .Map2WebToolbar .olControlPermalinkItemInactive {
    background-image:url(/css/public/images/map_permalink.png);
    opacity: 0.7;
  }

  .Map2WebToolbar .olControlPrintItemActive {
    background-image:url(/css/public/images/map_print.png);
  }
  .Map2WebToolbar .olControlPrintItemInactive {
    background-image:url(/css/public/images/map_print.png);
    opacity: 0.7;
  }

  #jGrowl .top-right {background:red;}

  a.navigate, a.schlagwort { color: red; font-size: 20px; }

   #nutzungsbedingungen_ffb {

    /* overlay is hidden before loading */
    display:none;

    /* standard decorations */
    width:400px;
    border:10px solid #666;

    /* for modern browsers use semi-transparent color on the border. nice! */
    border:10px solid rgba(82, 82, 82, 0.698);

    /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
   }

   #nutzungsbedingungen_ffb ol{
      list-style-type:decimal;
      margin:10px;
   }

   #nutzungsbedingungen_ffb li{
      list-style-type:decimal;
   }

   #nutzungsbedingungen_ffb div {
    padding:10px;
    border:1px solid #3B5998;
    background-color:#fff;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif
   }

    #nutzungsbedingungen_ffb p {
    margin:10px;
   }

    #nutzungsbedingungen_ffb button {
    margin-right:6px;
   }

   #nutzungsbedingungen_ffb h2 {
    margin:-11px;
    margin-bottom:0px;
    color:#fff;
    background-color:#DDDDDD;
    padding:5px 10px;
    border:1px solid #3B5998;
    font-size:20px;
   }


    checkbox {
      display: block;
      float: left;
      clear: left;
      height: 12px;
    margin: 0; padding: 0;
   }

    label {
      display: block;
      clear: none;
      width: 300px;
      font-size: 12px;
      font-family: sans-serif;
      margin-left: 20px;
    }

  .ui-dialog .ui-widget-header {
    display:none;
  }

  #infoBlase{
    background-image:url(/map2web/images/blase.png);
    width:134px;
    height:108px;
    position:absolute;
    z-index:200000;
    top:516px;
    left:360px;
    display:none;
  }

  #infoBlase div{
    padding:20px;
  }

/* Fix Chrome Tile Selection on the Map */
#map_OpenLayers_Container *::selection {
  background: rgba(0,0,0,0);
}