/* MAIN START ----------------------------------------------------------------------------------------------------------- */
#content{
	position: static;
	margin-left: 0px;
}


#main {overflow:hidden;z-index:100;min-height: 440px; clear: both; background: none; font-size:12px;}
#main-btm { position: relative; height: 20px; margin-bottom: 5px; clear: both; background: none; }

#main .map-layer { overflow:hidden;z-index:100;font-size:12px;position: absolute; top: 15px; left: 15px; width: 350px; height: 390px; visibility: visible; background: url(../img/bg/bg_map-layer.gif) repeat-y left bottom; overflow: auto; }

/* REITER START */
#main .map-layer #tabs { height: 23px; background: url(../img/nv/nv_tab_line.gif) no-repeat left top; }
#main .map-layer ul { padding: 0 1px; margin: 0; list-style: none; }
#main .map-layer ul a { font-weight: normal;text-transform: none; text-decoration: none; display: block; float: left; background: url(../img/nv/nv_tab_off.gif) no-repeat left top; }
#main .map-layer ul a:hover { background: url(../img/nv/nv_tab_on.gif) left top no-repeat; }
#main .map-layer ul #tab1HeaderActive a, #main .map-layer ul #tab2HeaderActive a { font-weight: bold; background: url(../img/nv/nv_tab_on.gif) left top no-repeat; }
#main .map-layer ul a.bigger { font-weight: normal;text-transform: none; text-decoration: none; display: block; float: left; background: url(../img/nv/nv_tab_off_100px.gif) no-repeat left top; }
#main .map-layer ul a.bigger:hover { background: url(../img/nv/nv_tab_on_100px.gif) left top no-repeat; }
#main .map-layer ul #tab1HeaderActive a.bigger { font-weight: bold; background: url(../img/nv/nv_tab_on_100px.gif) left top no-repeat; }

#main .map-layer ul a span { width: 59px; height: 20px; padding: 3px 10px 0; display: block; float: left; cursor: pointer; }
#main .map-layer ul a:hover span { color: #fff; text-decoration: none; background: url(../img/nv/nv_tab_hover.gif) left top no-repeat; }
#main .map-layer ul a.bigger span { width: 90px; height: 20px; padding: 3px 5px 0; display: block; float: left; cursor: pointer; }
#main .map-layer ul a.bigger:hover span { color: #fff; text-decoration: none; background: url(../img/nv/nv_tab_hover_100px.gif) left top no-repeat; }
#main .map-layer li { float: left; }

/* REITER END */



/* OPTIONS START */
#main .options { width: 305px; height: 130px; padding: 10px 15px; padding-right:0px; background: url(../img/bg/bg_map-layer_options.gif) no-repeat; }
* html #main .options {padding: 5px 15px;}
#main .options div { width: 110px; padding-bottom: 0px; margin-right: 10px; float: left; }
* html #main .options div { padding-bottom: 0px; }
#main .options div.nm { margin: 0; }
#main .options div.tempo { width: 70px; }
#main .options div.tempo-nm { width: 70px; margin: 0; }
#main .options label { display: block;color:#000; }
#main .options select { width: 100%; padding: 0; margin: 0; }
/* OPTIONS END */

/* INFO START */
#main .info { padding: 10px; padding-right:30px; margin-bottom: 10px; font-size:12px;}
#main .info label { display: block; }
#main .info table { position: relative; top: 10px; width: 305px; }
#main .info table tr { }
#main .info table tr.odd {  }
#main .info table tr.even {  }
#main .info table td { vertical-align: top; padding: 0 3px 5px; }
#main .info table td.nr { min-width: 15px; }
#main .info table td.km { width: 40px; text-align: right; }
/* INFO END */

#main #map { overflow:hidden;z-index:100;position: relative; top: 15px; left: 385px; width: 545px; }

/* REITER START */
#main #map #tabs2 { height: 23px; background: url(../img/nv/nv_tab2_line.gif) no-repeat left top; }
#main #map ul { padding: 0 1px; margin: 0; list-style: none; }
#main #map ul a { font-weight: normal;text-transform: none; color:#D6D6D6; text-decoration: none; display: block; float: left; background: url(../img/nv/nv_tab2_off.gif) no-repeat left top; }
#main #map ul a:hover { background: url(../img/nv/nv_tab2_on.gif) left top no-repeat; }
#main #map ul #tab3HeaderActive a { font-weight: bold; background: url(../img/nv/nv_tab2_on.gif) left top no-repeat; }
#main #map ul a span { width: 219px; height: 20px; padding: 3px 10px 0; display: block; float: left; cursor: pointer; }
#main #map ul a:hover span { color: #fff; text-decoration: none; background: url(../img/nv/nv_tab2_hover.gif) left top no-repeat; }
#main #map li { float: left; }
/* REITER END */

/* SPEC START */
#main .spec { position: relative; height: 40px; padding: 10px 10px; padding-right:0px; border-left: 1px solid #E1D5B4; border-right: 1px solid #E1D5B4; background-color: #fff; }
#main .spec div { width: 160px; padding-bottom: 10px; margin-right: 5px; float: left; }
#main .spec div.arrow { width: 20px; }
#main .spec div.nm { margin: 0; }
#main .spec label { display: block; }
#main .spec input { width: 100%; height: 18px; border: 1px solid #678; margin-top:1px}
#main .spec input.button { width: 120px; height: 20px; margin-top: 17px; margin-left:5px ;border: 0; }
#main .spec img { margin-top: 15px; }
#main .spec span { color: #678; }
/* SPEC END */

/* MAP START */
#main #frame-top { height: 1px; border:1px solid #E1D5B4; border-bottom: 0px }
#main #frame-map {position:static; z-index:100;overflow:hidden;  height: 300px; background: none; border-left: 1px solid #E1D5B4; border-right: 1px solid #E1D5B4; }
#main #frame-btm { z-index:100;overflow:hidden;height: 18px; border:1px solid #E1D5B4; border-top: 0px; }

* html #main #frame-btm{
    position:relative;top:-18px;
}

/* MAP END */

/* Toogle*/

#main #toggleMap {
    height:1px;
    left:375px;
    position:relative;
    top:230px;
    width:30px;
}
/* Toggle END */

/* MAIN END ------------------------------------------------------------------------------------------------------------- */


#divMap{
    overflow:hidden;
    position: relative;
    left: 0px;
    top:0px;
}



#displayMap{
    overflow:hidden;
    padding-left:2px;
    width:270px;
    height:300px;

}


*+ html #displayMap{
    width: 592px;
}

#routeOutput{
    width:305px;
}


#IWCopyrightControl{
    display:none;
}
    
#IWCopyrightControl span{
    font-size:9px;
}

.iwmapcss div{
    color:#000; 
}

#main .map-layer #infoContent2{
    padding:10px;
    padding-right: 20px;    
}

#main .map-layer #infoContent2 input{
    margin-bottom: 5px;
}

#main .map-layer #infoContent2 label{
    display:block;
    float:left;
    width: 100px;
}

#main .map-layer #standortOptions{
    padding:10px;
}
    
#main .map-layer #standortOptions .optionCategory{
    margin-bottom:10px;
    float:left;
    width:150px;
}

#main #printLogo{
    display:none;
}

#main #routenbox .infoBox-layer { overflow:hidden;z-index:100; font-size:9px; position: absolute; top: 10px; left: 2px; width: 236px; height: 212px; visibility: visible; background: url(../img/bg/bg_infoBoxTab-layer.gif) repeat-y left bottom; overflow: hidden;}

/* INFOBOX REITER START */
#main #routenbox .infoBox-layer #infoBoxTabs { height: 12px; background: url(../img/nv/infoBoxTab_line.gif) no-repeat left top;  }
#main #routenbox .infoBox-layer ul { padding: 0px; padding-left:1px; margin: 0; list-style: none; }
#main #routenbox .infoBox-layer ul a { font-weight: normal;text-transform: none; text-decoration: none; display: block; float: left; background: url(../img/nv/infoBoxTab_small_off.gif) no-repeat left top; }
#main #routenbox .infoBox-layer ul a:hover { background: url(../img/nv/infoBoxTab_small_on.gif) left top no-repeat; }
#main #routenbox .infoBox-layer ul a span { width: 46px; height: 14px; padding: 0px 0px 0px 0px; display: block; float: left; cursor: pointer; margin-top:-2px;}
#main #routenbox .infoBox-layer ul a:hover span { color:#fff;text-decoration: none;}
#main #routenbox .infoBox-layer ul a.headerBig { margin-left:1px; font-weight: normal;text-transform: none; text-decoration: none; display: block; float: left; background: url(../img/nv/infoBoxTab_big_off.gif) no-repeat left top; }
#main #routenbox .infoBox-layer ul a.headerBig:hover { background: url(../img/nv/infoBoxTab_big_on.gif) left top no-repeat; }
#main #routenbox .infoBox-layer ul #infoBoxTab1HeaderActive a.headerBig { color: #fff; font-weight: bold; padding: 0px 0px 0px 0px; background: url(../img/nv/infoBoxTab_big_on.gif) left top no-repeat; }
#main #routenbox .infoBox-layer ul #infoBoxTab1HeaderActive a.headerBig span { color: #fff; }
#main #routenbox .infoBox-layer ul a.headerBig span { width: 58px; height: 15px; padding: 0px 0px 0px 4px; display: block; float: left; cursor: pointer; margin-top:-2px}
#main #routenbox .infoBox-layer ul a.headerBig:hover span { color:#fff;text-decoration: none; }
#main #routenbox .infoBox-layer ul li.active a { font-weight: bold; padding: 0px 0px 0px 0px; background: url(../img/nv/infoBoxTab_small_on.gif) left top no-repeat; }
#main #routenbox .infoBox-layer ul li.active a span { color:#fff;width:46px;height: 15px;padding: 0px 0px 0px 0px;border-botttom:1px solid #fff;}
#main #routenbox .infoBox-layer ul li.active a:hover span {  color:#fff;background:none; }
#main #routenbox .infoBox-layer li { text-align:center;float: left; }
/* INFOBOX REITER END */

#main #routenbox .infoBox-layer h5{
    font-size: 12px;
    line-height: 15px;  
    color:#BD2B16;
}

#main #routenbox .infoBox-layer .field{
    font-size: 10px;
    line-height: 1.2;   
}
#main #routenbox .infoBox-layer .field span{
    font-size:10px;
    dispaly:block;
}

/* INFOBOX INFO START */
#main #routenbox .infoName { line-height: 1.1; font-weight:bold; font-size: 12px; text-decoration:none; margin-left: 3px; margin-top: 10px; clear:both; }
#main #routenbox .infoMainContent { height:104px;line-height: 1.2; margin-left:3px; font-size:10px; }
* html #main #routenbox .infoMainContent{height:100px;}
#main #routenbox .infoMainContent a { cursor:pointer; color: #BD2B16; }
#main #routenbox .infoImages { 
    margin-left: 5px; 
    font-size:9px; 
    padding: 7px 8px 0px 4px; 
    width:221px; 
    background: url(../img/bg/infoBoxContentBoxSmall.gif);
    background-repeat: no-repeat;
    height:55px;
}

/* INFOBOX INFO END */


/* INFOBOX GASTRONOMIE START */
#main #routenbox .gastroName { line-height: 1.1; font-weight:bold; font-size: 12px; text-decoration:none; margin-left: 3px; margin-top: 10px; clear:both; }
#main #routenbox .gastroMainContent { height:64px;line-height: 1.2; margin-left:3px; font-size:10px; color:#666;}
* html #main #routenbox .gastroMainContent{height:60px;}
#main #routenbox .gastroMainContent a { cursor:pointer; color: #BD2B16; }
#main #routenbox .gastroMainContent a span { cursor:pointer; color: #BD2B16; }
#main #routenbox .gastroMainContent div.email a { cursor:pointer; color: #666;font-weight: normal; }
#main #routenbox .gastroMainContent div.email a span { cursor:pointer; color: #666; }
.gastroMainContent .telefonLabel{
    display:block;
    font-size:10px;
}
#main #routenbox .gastro {
    font-size:9px;
    margin: 5px auto;
    background: url(../img/bg/infoBoxContentBoxBig.gif);
    background-repeat: no-repeat;
    padding-left:1px;
    padding-top:1px;
    width:225px;
    height:90px;
}
#main #routenbox .gastro img{
    float:left;
}
/* INFOBOX GASTRONOMIE END */

/* INFOBOX SERVICE START */
#main #routenbox .serviceName { line-height: 1.1; font-weight:bold; font-size: 12px; text-decoration:none; margin-left: 3px; margin-top: 10px; clear:both; }
#main #routenbox .serviceMainContent { height:64px;line-height: 1.2; margin-left:3px; font-size:10px; color:#666;}
* html #main #routenbox .serviceMainContent{height:60px;}
#main #routenbox .serviceMainContent a { cursor:pointer; color: #BD2B16; }
#main #routenbox .serviceMainContent a span { cursor:pointer; color: #BD2B16; }
#main #routenbox .serviceMainContent div.email a { cursor:pointer; color: #666;font-weight: normal; }
#main #routenbox .serviceMainContent div.email a span { cursor:pointer; color: #666; }
#main #routenbox .services { 
    border:1px solid #fff; 
    margin: 5px auto; 
    font-size:9px;
    padding: 1px 1px 0px 0px; 
    width:225px; 
    background-color: #C02700;
    height:90px;
}
#main #routenbox .services img{
    float:left;
}
/* INFOBOX SERVICE END */

/* INFOBOX TANKEN START */
#main #routenbox .tankenName { line-height: 1.1; font-weight:bold; font-size: 12px; text-decoration:none; margin-left: 3px; margin-top: 10px; clear:both; }
#main #routenbox .tankenMainContent { height:64px;line-height: 1.2; margin-left: 3px; font-size:10px; color:#666;}
* html #main #routenbox .tankenMainContent{height:60px;}
#main #routenbox .tankenMainContent a { cursor:pointer; color: #BD2B16; }
#main #routenbox .tankenMainContent a span { cursor:pointer; color: #BD2B16; }
#main #routenbox .tankenMainContent div.email a { cursor:pointer; color: #666;font-weight: normal; }
#main #routenbox .tankenMainContent div.email a span { cursor:pointer; color: #666; }
#main #routenbox .flottenkarten { 
    padding-top:1px;
    font-size:9px;
    margin: 5px auto;
    background: url(../img/bg/infoBoxContentBoxBig.gif);
    background-repeat: no-repeat;
    padding-left:1px;
    width:225px;
    height:90px;
}
#main #routenbox .flottenkarte {
    float:left;
}
/* INFOBOX TANKEN END */




/* DETAILS START */
#content .standortDetailPanel{
    background: url(../img/bg/bg_standortInfo_detail_box.gif);  
    background-repeat: no-repeat;
    background-position: left bottom;
}

#content .standortDetailPanel .top{
    background: url(../img/bg/bg_standortInfo_detail_box_oben.gif); 
    background-repeat: no-repeat;
    background-position: left bottom;
    height:2px;
}

#content #standortDetails h1 { padding-left: 12px; }
#content #standortDetails h2 { color:#BD2B16; }
#content #standortDetails { font-size:10px; }
#content #standortDetails .rasten { width: 320px; float:left; padding: 0px 10px 0px 12px;}
#content #standortDetails .rasten .searchDetails { padding-bottom: 5px; }
#content #standortDetails .rasten .searchDetails span.detailResultLabel { width: 100px; display:block; float:left; }
#content #standortDetails .rasten .searchDetails img { margin-left:100px; display:block; }
#content #standortDetails .services { width: 200px; padding: 0px 20px 0px 20px; float:left; border-left:1px solid #CFC7AE;border-right:1px solid #CFC7AE; }
#content #standortDetails .services .searchDetails { padding-bottom: 5px }
#content #standortDetails .services .searchDetails span.detailResultLabel { width: 130px; display:block; float:left; }
#content #standortDetails .services .searchDetails img { margin-right: 20px; margin-bottom: 5px; float:left;}
#content #standortDetails .services .searchDetails .imgLabel { width: 140px; heigth:24px; padding-top:12px; margin-bottom:15px; display:block; float:left;  }
#content #standortDetails .tanken { width: 300px; float:left; padding: 0px 10px 0px 40px; }
#content #standortDetails .tanken .searchDetails { padding-bottom: 5px }
#content #standortDetails .tanken .searchDetails span.detailResultLabel { width: 100px; display:block; float:left; }
#content #standortDetails .tanken .searchDetails img { margin-left:100px; display:block; }
/* DETAILS END */

#searchPanel{
    padding:10px;   
}
.searchField {padding-left:10px; text-align:left;}
.searchField span   {font-size:11px;float: left; width: 130px; }
.searchField select {text-align:left;font-size:11px; width:180px; margin-bottom:5px; }
.searchField input  {text-align:left;font-size:11px; width:180px; margin-bottom:5px;}
.searchField input[type='checkbox']  {width:18px }
.searchField label  {text-align:left;font-size:11px; width:130px; }
.searchField span.plzFieldLabel {
    float:left;
    width:25px; 
}
.searchField span.ortFieldLabel {
    float:left;
    width:105px;    
}

.searchField input.plzField{
    width:50px; 
}

.searchField input.ortField{
    width:118px;    
}

.searchField input.submit{
    width: 125px;   
}

#optionCategoryRasten .title {font-size:14px;font-weight:bold;display:block}
#optionCategoryRasten div {margin-right:0px;display:block; padding:3px; font-size:11px;} 
#optionCategoryRasten input{margin-right:3px}

#optionCategoryService .title {font-size:14px;font-weight:bold;display:block}
#optionCategoryService div {margin-right:0px;display:block; padding:3px; font-size:11px;} 
#optionCategoryService input{margin-right:3px}

#optionCategoryTanken .title {font-size:14px;font-weight:bold;display:block}
#optionCategoryTanken div {margin-right:0px;block; padding:3px; font-size:11px;} 
#optionCategoryTanken input{margin-right:3px}