.map
{
}

.map .button table
{
  font-family:verdana;
  font-size:14px;     
  font-weight:normal;
  text-align:center;
  color:#18185A;
  border-style:solid;
  border-width:1px 1px 1px 1px;
  border-color:#B1B1B1;
  background-color:#E1E1E1;
  padding:2px;
  cursor:pointer; 
}

.map .buttonDisabled table
{
  font-family:verdana;
  font-size:14px;     
  font-weight:normal;
  text-align:center;
  color:#606060;
  border-style:solid;
  border-width:1px 1px 1px 1px;
  border-color:#FFFFFF;
  background-color:#E1E1E1;
  padding:2px;
}

.map .buttonOver table
{
  font-family:verdana;
  font-size:14px;     
  font-weight:bold;
  text-align:center;
  color:#606060;
  border-style:solid;
  border-width:1px;
  border-color:#B1B1B1;
  background-color:#E1E1E1;
  padding:2px;  
  cursor:pointer;
}

.map .buttonOn table
{
  font-family:verdana;
  font-size:14px;     
  font-weight:normal;
  text-align:center;
  color:#18185A;
  border-style:solid;
  border-width:1px;
  border-color:#B1B1B1;
  background-color:#FFF;
  padding:2px;  
}

.map .inputLayer
{
}

.map .inputLayerOver
{
	background-color:#C6C6D7;
}

.map .inputLayer table
{
	font-size:12px;
}

.map .inputLayerOver table
{
  font-size:12px;
}

.map .inputLayer .contrast
{
  display:none;
}

.map .inputLayerOver .contrast
{
  font-size:10px; 
}

.map .inputLayerOver .contrast table
{
  font-size:10px; 
}

.map .inputLayerOver .contrast .item
{
 color:#18185A;
 font-size:10px;
 text-decoration:none;
 vertical-align:middle;
 white-space:nowrap;
 cursor:pointer;
}

.map .inputLayerOver .contrast .item table
{
 color:#18185A;
 font-size:10px;
}

.map .inputLayerOver .contrast .itemOver
{
 color:#FF0000;
 font-size:10px;
 text-decoration:none;
 vertical-align:middle;
 white-space:nowrap;
 cursor:pointer;
}

.map .inputLayerOver .contrast .itemOver table
{
 color:#FF0000;
 font-size:10px;
}

.map .hotFrame 
{  
  background-color:#B9DAFF;
  cursor:pointer; 
  -moz-transition: background 0.2s ease-out;
  -webkit-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out; 
}

.map .hotFrameOver
{  
  background-color:#FFE88C;
  cursor:pointer; 
}

.map .cursorDefault
{
  cursor:crosshair; 
}

.map .cursorHand
{
  cursor:url(../images/CursorHand.gif),url(../images/CursorHand.cur),pointer; 
}

.map .cursorZoom
{ 
  cursor:url(../images/CursorZoom.gif),url(../images/CursorZoom.cur),crosshair;
}

.map .slider table
{
  font-family:verdana;
  font-size:14px;     
  font-weight:bold;
  text-align:center;
  color:#000000;
  border-style:solid;
  border-width:1px;
  border-color:#B1B1B1;
  background-color:#E1E1E1;
  padding:2px;
  cursor:pointer; 
}

.map .sliderOn table
{
  font-family:verdana;
  font-size:14px;     
  font-weight:bold;
  text-align:center;
  color:#000000;
  border-style:solid;
  border-width:1px;
  border-color:#B1B1B1;
  background-color:#FFF;
  padding:2px;  
}

.map .zoomBox
{
  border-style:dotted;
  border-color:#000000;
  border-width:1px;
  background-color:#FFF;
  background-image:url(../images/blank.gif);
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

.map .menuContext
{
  font-size:12px;
  color:#000;
  background-color:#F0F0F0;
  border-style:solid;
  border-width:1px;
  border-color:#18185A;
}

.map .menuContext table
{
  font-size:12px;   
  color:#000000;
}

.map .menuContext .link
{
 color:#18185A;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;      
 vertical-align:middle;
 background-repeat:no-repeat;
 background-position:left center;
 background-image:url(../images/PfeilRechts_14.png);
 white-space:nowrap;
 cursor:pointer;
}

.map .menuContext .linkOver
{
 color:#FF0000;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;      
 vertical-align:middle;
 background-repeat:no-repeat;
 background-position:left center;
 background-image:url(../images/PfeilRechts_14.png);
 white-space:nowrap;
 cursor:pointer;
}

.map .menuContext .linkDisabled
{
 color:#606060;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;      
 vertical-align:middle;
 background-repeat:no-repeat;
 background-position:left center;
 background-image:url(../images/PfeilRechts_14_sw.png);
 white-space:nowrap;
 cursor:default;
}

.map .menuContext .item
{
 color:#18185A;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 vertical-align:middle;
 white-space:nowrap;
 cursor:pointer;
}

.map .menuContext .item table
{
 color:#18185A;
 font-size:12px;
 font-weight:bold;
}

.map .menuContext .itemOver
{
 color:#FF0000;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 vertical-align:middle;
 white-space:nowrap;
 cursor:pointer;
}

.map .menuContext .itemOver table
{
 color:#FF0000;
 font-size:12px;
 font-weight:bold;
}

.map .infoContext
{
  font-size:12px;
  color:#000;
  background-color:#F0F0F0;
  border-style:solid;
  border-width:1px;
  border-color:#18185A;
}

.map .infoContext table
{
  font-size:12px;   
  color:#000000;
}

.map .popUpContextTransitionVisible
{
  -moz-transition: width 0.5s ease,height 0.5s ease;
  -webkit-transition: width 0.5s ease,height 0.5s ease;
  -o-transition: width 0.5s ease,height 0.5s ease;
  transition: width 0.5s ease,height 0.5s ease;
}

.map .popUpContextTransitionHidden
{
  -moz-transition: width 0.5s ease,height 0.5s ease,opacity 0.5s ease,visibility 0s linear 0.5s;
  -webkit-transition: width 0.5s ease,height 0.5s ease,opacity 0.5s ease,visibility 0s linear 0.5s;
  -o-transition: width 0.5s ease,height 0.5s ease,opacity 0.5s ease,visibility 0s linear 0.5s;
  transition: width 0.5s ease,height 0.5s ease,opacity 0.5s ease,visibility 0s linear 0.5s;
}

.map .navMap .box
{
  border-color:#FF0000;
  border-width:1px;
  border-style:solid;
}

.map .navMap .crosshair
{
  border-color:#FF0000;
  border-width:1px;
}

.map .copyright
{
  color: #000000;
  font-size:10px;
  font-weight:normal;
  text-align:left;
  margin-left:5px;
  margin-bottom:5px;
}

.map .copyright table
{
  color: #000000;
  font-size:10px;
  font-weight:normal;
}

.formular
{
 font-family:verdana;
 font-size:12px;
 color:#18185A;      
 text-align:justify;
 background-color:#F0F0F0;
 -moz-transition: width 0.5s ease;
 -webkit-transition: width 0.5s ease;
 -o-transition: width 0.5s ease;
 transition: width 0.5s ease; 
}

.formular table
{
 font-family:verdana;
 font-size:12px;
 color:#000000;      
}

.formular .headline
{ 
 margin-top:10px;
 margin-bottom:5px;
}

.formular .headline span
{ 
 font-family:verdana;
 font-weight:bold;
 font-size:12px; 
 color:#18185A;
 padding:0px 5px 0px 5px;
}

.formular .langDE
{
 color:#18185A;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 padding-top:3px;
 padding-bottom:3px;
 padding-left:20px;      
 vertical-align:middle;
 background-repeat:no-repeat;
 background-position:left center;
 background-image:url(../images/BallDE_14.png);
 white-space:nowrap;
 cursor:pointer;
}

.formular .langDEOver
{
 color:#FF0000;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 padding-top:3px;
 padding-bottom:3px;
 padding-left:20px;      
 vertical-align:middle;
 background-repeat:no-repeat;
 background-position:left center;
 background-image:url(../images/BallDE_14.png);
 white-space:nowrap;
 cursor:pointer;
}

.formular .item
{
 color:#18185A;
 font-size:12px;
 font-weight:normal;
 cursor:pointer;
}

.formular .item table
{
 color:#18185A;
 font-size:12px;
 font-weight:normal;
}

.formular .itemOver
{
 color:#FF0000;
 font-size:12px;
 font-weight:normal;
 cursor:pointer;
}

.formular .itemOver table
{
 color:#FF0000;
 font-size:12px;
 font-weight:normal;
}

.formular .button table
{
  font-family:verdana;
  font-size:14px;     
  font-weight:bold;
  text-align:center;
  color:#18185A;
  border-style:solid;
  border-width:1px 2px 2px 1px;
  border-color:#FFFFFF #606060 #606060 #FFFFFF;
  background-color:#D4D0C8;
  padding:2px;  
  cursor:pointer;
}

.formular .buttonDisabled table
{
  font-family:verdana;
  font-size:14px;     
  font-weight:bold;
  text-align:center;
  color:#606060;
  border-style:solid;
  border-width:1px 2px 2px 1px;
  border-color:#FFFFFF #606060 #606060 #FFFFFF;
  background-color:#D4D0C8;
  padding:2px;
}

.formular .buttonOver table
{
  font-family:verdana;
  font-size:14px;     
  font-weight:bold;
  text-align:center;
  color:#18185A;
  border-style:solid;
  border-width:2px 1px 1px 2px;
  border-color:#606060 #FFFFFF #FFFFFF #606060;
  background-color:#D4D0C8;
  padding:2px;  
  cursor:pointer;
}

.formular .buttonSelection table
{
  font-family:verdana;
  font-size:14px;     
  font-weight:bold;
  text-align:center;
  color:#18185A;
  border-style:solid;
  border-width:0px 2px 2px 1px;
  border-color:#D4D0C8 #606060 #606060 #CCCCCC;
  background-color:#D4D0C8;
  padding:2px;  
}

.formular .buttonSelectionDisabled table
{
  font-family:verdana;
  font-size:14px;     
  font-weight:bold;
  text-align:center;
  color:#606060;
  border-style:solid;
  border-width:0px 2px 2px 1px;
  border-color:#D4D0C8 #606060 #606060 #CCCCCC;
  background-color:#D4D0C8;
  padding:2px;
}

.formular .buttonSelectionOver table
{
  font-family:verdana;
  font-size:14px;     
  font-weight:bold;
  text-align:center;
  color:#18185A;
  border-style:solid;
  border-width:1px 1px 1px 2px;
  border-color:#606060 #606060 #606060 #606060;
  background-color:#D4D0C8;
  padding:2px;  
  cursor:pointer;
}

.formular .buttonOn table
{
  font-family:verdana;
  font-size:14px;     
  font-weight:bold;
  text-align:center;
  color:#18185A;
  border-style:solid;
  border-width:2px 1px 1px 2px;
  border-color:#606060 #FFFFFF #FFFFFF #606060;
  background-color:#D4D0C8;
  padding:2px;  
}

.formular .extension
{
  display:none;
}

.formular .inputFlexbox
{
  width:360px;
  padding-left:5px;
  -moz-transition: background 0.2s ease-out;
  -webkit-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out; 
}

.formular .inputFlexboxOver
{
  width:360px;
  padding-left:5px;
  background-color:#FFE88C;
}

.formular .inputFlexboxOver .extension
{
  display:block;
}

.formular .inputFlexboxOver .link
{
  font-size:10px;
  font-weight:normal;
  color:#18185A;
  padding: 0px 0px 0px 10px;
  vertical-align:middle;
  background-repeat:no-repeat;
  background-position:left center;
  background-image:url(../images/pfeilKleinRechtsBlau.png);   
}

.formular .inputFlexboxOver .linkOver
{
  font-size:10px;
  font-weight:normal;
  color:#FF0000;
  padding: 0px 0px 0px 10px;
  vertical-align:middle;
  background-repeat:no-repeat;
  background-position:left center;
  background-image:url(../images/pfeilKleinRechtsRot.png);    
  cursor:pointer;
}

.formular .outputRoute
{ 
}

.formular .outputRoute td
{ 
}

.formular .outputRouteDisabled
{ 
}

.formular .outputRouteDisabled td
{ 
  color:#606060;   
}

.formular .outputRoute .distance
{ 
  height:25px;
  font-weight:bold;
  padding-left:30px;
  background-repeat:no-repeat;
  background-position:left center;
  background-image:url(../images/formularOutputRouteDistance.png);
}

.formular .outputRouteDisabled .distance
{ 
  height:25px;
  font-weight:normal;
  font-style:italic;
  padding-left:30px;
  background-repeat:no-repeat;
  background-position:left center;
  background-image:url(../images/formularOutputRouteDistanceDisabled.png);
}

.formular .outputRoute .time
{ 
  height:25px;
  font-weight:bold;
  padding-left:30px;
  background-repeat:no-repeat;
  background-position:left center;
  background-image:url(../images/formularOutputRouteTime.png);
}

.formular .outputRouteDisabled .time
{ 
  height:25px;
  font-weight:normal;
  font-style:italic;
  padding-left:30px;
  background-repeat:no-repeat;
  background-position:left center;
  background-image:url(../images/formularOutputRouteTimeDisabled.png);
}

.formular .outputRoute .climbing
{ 
  height:25px;
  font-weight:bold;
  padding-left:30px;
  background-repeat:no-repeat;
  background-position:left center;
  background-image:url(../images/formularOutputRouteClimbing.png);
}

.formular .outputRouteDisabled .climbing
{ 
  height:25px;
  font-weight:normal;
  font-style:italic;
  padding-left:30px;
  background-repeat:no-repeat;
  background-position:left center;
  background-image:url(../images/formularOutputRouteClimbingDisabled.png);
}

.formular .outputRoute .profil
{
  background-color:#FFFFFF;
  cursor:pointer;
}

.formular .outputRoute .profil .line
{
}

.formular .outputRoute .profil .line td
{
  font-size:10px;
  vertical-align:bottom;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#000000; 
}

.formular .outputRoute .profil .highlight
{
  border-color:#FF0000;
  border-width:1px;
  border-left-style:solid;
}

.formular .outputRoute select
{ 
  font-size:10px;
  height:18px;
  padding:0px;
  margin:0px;
}

.formular .outputRouteDisabled select
{ 
  font-size:10px;
  height:18px;
  padding:0px;
  margin:0px;
}

.formular .outputRouteDisabled .link
{
 color:#606060;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 padding-top:3px;
 padding-bottom:3px;
 padding-left:20px;      
 vertical-align:middle;
 background-repeat:no-repeat;
 background-position:left center;
 background-image:url(../images/PfeilRechts_14_sw.png);
 white-space:nowrap;
 cursor:default;
}

.formular .outputRouteDisabled .linkOver
{
 color:#606060;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 padding-top:3px;
 padding-bottom:3px;
 padding-left:20px;      
 vertical-align:middle;
 background-repeat:no-repeat;
 background-position:left center;
 background-image:url(../images/PfeilRechts_14_sw.png);
 white-space:nowrap;
 cursor:default;
}

.formular .boxInput
{
  font-family:verdana;
  font-size:12px;     
  border-style:solid;
  border-width:2px 1px 1px 2px;
  border-color:#606060 #FFFFFF #FFFFFF #606060;
  background-color:#FFFFFF;
  cursor:default;
}

.formular .boxInput input
{
  font-family:verdana;
  font-size:12px;     
  -moz-user-select:text;
}

.formular .boxSelection
{
  border-style:solid;
  border-width:2px 1px 1px 2px;
  border-color:#606060 #000000 #000000 #606060;
  background-color:#FFFFFF;
  cursor:pointer;
}

.formular .boxSelection div
{
  width:100%;
}

.formular .boxSelection table
{
  color:#000000;
  font-family:verdana;
  font-size:12px; 
  cursor:pointer;
}

.formular .boxSelection .selected
{
  color:#FFF;
  background-color:#18185A;
}

.formular .selected table
{
  color:#FFF;
  background-color:#18185A;
}

.formular .description
{
  color:#000000;
  font-family:verdana;
  font-weight:normal;
  font-size:12px;
  text-align:justify;
}

.link
{
 color:#18185A;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;      
 vertical-align:middle;
 background-repeat:no-repeat;
 background-position:left center;
 background-image:url(../images/PfeilRechts_14.png);
 white-space:nowrap;
 cursor:pointer;
}

.linkOver
{
 color:#FF0000;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;      
 vertical-align:middle;
 background-repeat:no-repeat;
 background-position:left center;
 background-image:url(../images/PfeilRechts_14.png);
 white-space:nowrap;
 cursor:pointer;
}

 .linkDisabled
{
 color:#606060;
 font-size:12px;
 font-weight:bold;
 text-decoration:none;
 padding-left:20px;      
 vertical-align:middle;
 background-repeat:no-repeat;
 background-position:left center;
 background-image:url(../images/PfeilRechts_14_sw.png);
 white-space:nowrap;
 cursor:default;
}