@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,500,700);
/****************************************************************************
 * Suggester
 ***************************************************************************/

.suggester
{
	position: absolute;
	cursor: pointer;
	background-color: white;
	border: 1px solid black;
	z-index: 30;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 14px;
	visibility: hidden;
}

.suggester .item
{
	color: black;
	position: absolute;
}

.suggester .item:hover
{
	background-color: #ddeeff;
}

.suggester .itemSelected
{
	color: black;
	position: absolute;
	background-color: #a0c0e0;
}

/****************************************************************************
 * Birdsview State Control
 ***************************************************************************/

.birdsViewStateActive
{
	position: absolute;
	width: 35px;
	height: 36px;
	background-image: url('http://www2.mapandroute.de/MaR_Homepage-map-1.1/img/birdsview_active.gif');
	cursor: pointer;
}

.birdsViewStateInactive
{
	position: absolute;
	width: 35px;
	height: 36px;
	background-image: url('http://www2.mapandroute.de/MaR_Homepage-map-1.1/img/birdsview_inactive.gif');
	cursor: pointer;
}

.birdsViewStateNotAvailable
{
	position: absolute;
	width: 35px;
	height: 36px;
	background-image: url('http://www2.mapandroute.de/MaR_Homepage-map-1.1/img/birdsview_notavailable.gif');
	cursor: pointer;
}

/****************************************************************************
 * Birdsview Control
 ***************************************************************************/

.birdsViewControl
{
	overflow: hidden;
	background-image: url("http://www2.mapandroute.de/MaR_Homepage-map-1.1/img/birdsviewcontrol.gif");
	top: 0px;
}

.birdsViewControl div
{
	position: absolute;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	background-color: white;
	cursor: pointer;
}

.birdsViewControl .up
{
	left: 27px;
	top: 13px;
	width: 17px;
	height: 13px;
}

.birdsViewControl .right
{
	left: 44px;
	top: 26px;
	width: 13px;
	height: 17px;
}

.birdsViewControl .down
{
	left: 27px;
	top: 43px;
	width: 17px;
	height: 13px;
}

.birdsViewControl .left
{
	left: 14px;
	top: 26px;
	width: 13px;
	height: 17px;
}

.birdsViewControl .upperDirection
{
	left: 29px;
	top: 3px;
	width: 13px;
	height: 9px;
}

.birdsViewControl .rightDirection
{
	left: 57px;
	top: 30px;
	width: 13px;
	height: 9px;
}

.birdsViewControl .lowerDirection
{
	left: 29px;
	top: 58px;
	width: 13px;
	height: 9px;
}

.birdsViewControl .leftDirection
{
	left: 0px;
	top: 30px;
	width: 13px;
	height: 9px;
}

.birdsViewControl .turnRight
{
	left: 3px;
	top: 46px;
	width: 23px;
	height: 22px;
}

.birdsViewControl .turnLeft
{
	left: 44px;
	top: 46px;
	width: 23px;
	height: 22px;
}

/****************************************************************************
 * Map Type Menu Control
 ***************************************************************************/

.iwmapcss .mapTypeMenu
{
	background-color: white;
	width: 100%;
	height: 24px;
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.iwmapcss .mapTypeMenu div
{
	float: left;
	font-weight: bold;
	color: #1B57B1;
	width: 100px;
	height: 24px;
	cursor: pointer;
	margin-right: 20px;
}

.iwmapcss .mapTypeMenu div.selected
{
	color: black;
	background-image: url("http://www2.mapandroute.de/MaR_Homepage-map-1.1/img/selection.png");
	background-repeat: no-repeat;
	background-position: 50% 0px;
}

.iwmapcss .mapTypeMenu div.inactive
{
	color: #999999;
	cursor: default;
}

.iwmapcss .mapTypeMenu div#divLabels.selected
{
	color: black;
	background-image: none;
}

.iwmapcss .mapTypeMenu span
{
	vertical-align: bottom;
	position: absolute;
	bottom: 3px;
	text-align: center;
	width: 100px;
}

.iwmapcss .mapTypeMenu #divRoadMap, .mapTypeMenu #divRoadMap span
{
	width: 50px;
}

.iwmapcss .mapTypeMenu #divAir, .mapTypeMenu #divAir span
{
	width: 90px;
}

.iwmapcss .mapTypeMenu #divLabels, .mapTypeMenu #divLabels span
{
	width: 110px;
}

.iwmapcss .mapTypeMenu #divBirdsView, .mapTypeMenu #divBirdsView span
{
	width: 110px;
}

/****************************************************************************
 * City markers
 ***************************************************************************/

.iwmapcss div.cityMarkerBlack, .iwmapcss div.cityMarkerWhite, .iwmapcss div.cityMarkerNoText
{
	position: absolute;
	font-family:'Ubuntu', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-left: 8px;
	cursor: pointer;
	
}

.iwmapcss div.cityMarkerBlack div, .iwmapcss div.cityMarkerWhite div, .iwmapcss div.cityMarkerNoText div
{
	position: absolute;
	width: 5px;
	height: 5px;
	overflow: hidden;
	z-index: -1;
}

.iwmapcss div.cityMarkerBlack div { background-color: black; }
.iwmapcss div.cityMarkerBlack span { color: black; }

.iwmapcss div.cityMarkerWhite div { background-color: white; }
.iwmapcss div.cityMarkerWhite span { color: white; }

.iwmapcss div.cityMarkerNoText div { background-color: white; }
.iwmapcss div.cityMarkerNoText span { display: none; }

.iwmapcss div.cityMarkerNone div { display: none; }
.iwmapcss div.cityMarkerNone span { display: none; }

/****************************************************************************
 * Individual markers
 ***************************************************************************/

.individualMarker
{
	width: 33px;
	height: 37px;
}

.individualMarker div
{
	width: 33px;
	height: 37px;	
	display: list-item;
	list-style-position: inside;
	letter-spacing: -1000em;
	font-size: 1pt;
	color: #fff;	
}

.individualMarker .backgroundIcon
{
	list-style-image: url('http://www2.mapandroute.de/MaR_Homepage-map-1.1/img/individualMarkerIcon.gif');
}

.individualMarker .backgroundDefault
{
	list-style-image: url('http://www2.mapandroute.de/MaR_Homepage-map-1.1/img/individualMarkerDefault.gif');
}

.individualMarker .icon
{
	position: absolute;
	left: 7px;
	top: 7px;
	z-index: 1;
}

/****************************************************************************
 * Popup
 ***************************************************************************/

.popupLeft, .popupRight
{
	position: absolute;
	background-color: white;
	border: 1px solid #999999;
	padding: 16px;
	z-index: 3;
}

.popupLeft .background, .popupRight .background
{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -1;
}

.popupLeft .closeButton, .popupRight .closeButton
{
	position: absolute;
	top: 4px;
	right: 4px;
	width: 18px;
	height: 18px;
	background-image: url("http://www2.mapandroute.de/MaR_Homepage-map-1.1/img/close.png");
	font-size: 0pt;
	cursor: pointer;
}

.popupLeft .tipleft
{
	display: none;
}

.popupLeft .tipright, .popupRight .tipleft
{
	position: absolute;
	width: 16px;
	height: 32px;
	display: list-item;
	list-style-position: inside;
	letter-spacing: -1000em;
	font-size: 1pt;
	color: #fff;
}

.popupLeft .tipright
{
	right: -16px;
	list-style-image: url('http://www2.mapandroute.de/MaR_Homepage-map-1.1/img/tipright.png');
}

.popupRight .tipleft
{
	left: -16px;
	list-style-image: url("http://www2.mapandroute.de/MaR_Homepage-map-1.1/img/tipleft.png");
}

.popupRight .tipright
{
	display: none;
}

.popupLeft .head .poiSymbol, .popupRight .head .poiSymbol
{
	vertical-align: top;
	margin-right: 10px;
}

.popupLeft .trafficAlert, .popupRight .trafficAlert
{
	width: 360px;
	max-height: 320px;
	overflow: auto;
}

/****************************************************************************
 * Pushpin
 ***************************************************************************/

.pushpin
{
	position: absolute;
	width: 32px;
	height: 32px;
	cursor: pointer;
}

.pushpin .control
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 32px;
	height: 32px;
	z-index: 3;
}

.pushpin .image
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 32px;
	height: 32px;
	/*background-image: url('http://www2.mapandroute.de/MaR_Homepage-map-1.1/img/pushpin.gif');*/
}

.movingPushpin
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 32px;
	height: 32px;
	z-index: 4;
	background-image: url('http://www2.mapandroute.de/MaR_Homepage-map-1.1/img/pushpin.png');
	cursor: pointer;
	z-index:11;
}

/****************************************************************************
 * POI Type list
 ***************************************************************************/

.poiTypeList
{
	color: #03519c;
	font-weight: bold;
	font-size: 10pt;
	padding: 0px;
	border-width: 0px;
	margin: 0px;
	width: 100%;
}

.poiTypeList td
{
	border-bottom: 1px solid #cccccc;
}

.poiTypeList td input, .poiTypeList td label { float: left; }

.poiTypeList td img
{
	float: right;
	width: 18px;
	height: 21px;
}

/****************************************************************************
 * Context menu
 ***************************************************************************/

.contextmenu
{
	cursor: pointer;
	background-color: white;
	z-index: 30;
}

.contextmenu .item, .contextmenu .item:link, .contextmenu .item:active, .contextmenu .item:visited, .contextmenu .item:hover
{
	color: black;

}

.contextmenu hr
{
	height: 1px;
	background-color: #999999;
	border-width: 0px;
	margin: 3px 0px;
}

/****************************************************************************
 * Print view
 ***************************************************************************/

.print, .noprint
{
	font-family: Helvetica,Arial,sans-serif;
	clear: both;
}

.noprint { min-height: 25px }

.print a { color:black; text-decoration: none; }

.noprint .menu .item
{
	font-size: 10pt;
	float: right;
	margin-left: 20px;
}

.noprint .menu img
{
	border-width: 0px;
	position: relative;
	bottom: -3px;
}

.print .textButton, .print .imageButton { display: none; }

.print #map { border: 1px solid black; }

.print #copyright
{
	font-size: 10pt;
	margin-top: 5px;
	margin-bottom: 25px;
}

.print #map #IWCopyrightControl { display: none; }

/****************************************************************************
 * Print view: Route description optimization
 ***************************************************************************/

.print .routeDescription > h1 { display: none; }

.print .routeDescription .summary { background-color: white; }
.print .routeDescription .summary .interstation .description { visibility: hidden; }
.print .routeDescription .summary .description { width: 75px; }
.print .routeDescription .summary .address { float: left; clear: none; }

.print .routeDescription .entry { padding: 0px; }

.print #content .routeDescription .entry .progress div
{
	float: left;
	padding-right: 15px;
	text-align: left;
	width: 40px;
}

.print #content .routeDescription .entry .even, .print #content .routeDescription .entry .odd
{
	padding: 5px;
	border-bottom: 1px solid black;
	background-color: white;
}

.print #content .routeDescription .entry .symbol { display: none; }
.print #content .routeDescription .entry .progress { float: left; width: 110px; }

/****************************************************************************
 * Options window
 ***************************************************************************/

.persistentOptions
{
	position: absolute;
	top: 0px;
}

.persistentOptions .categories
{
	float: left;
	width: 120px;
	height: 265px;
	overflow: auto;
	margin-right: 5px;
}

.persistentOptions .categories div
{
	background-color: white;
	height: 15px;
	font-weight: bold;
}

.persistentOptions .categories div.selected
{
	background-color: #a0c0e0;
}

.persistentOptions .content
{
	float: left;
	width: 270px;
	height: 265px;
	overflow: auto;
}

.persistentOptions .content .section
{
	background-color: #f0f4ff;
	padding: 5px;
	margin-bottom: 5px;
}

.persistentOptions .content .section div
{
	clear: both;
}

.persistentOptions .content .section label
{
	width: 80px;
}


.persistentOptions .content input[type="text"]
{
	width: 60px;
}

.persistentOptions .buttons
{
	clear: both;
	width: 400px;
}

.persistentOptions .buttons input
{
	margin: 5px;
	width: 100px;
	float: right;	
}

/****************************************************************************
 * Routing markers
 ***************************************************************************/

.startmarker
{
	width: 26px;
	height: 36px;
	background-image:url('http://www2.mapandroute.de/MaR_Homepage-map-1.1/img/route_start.gif');
}

.interstationmarker
{
	width: 26px;
	height: 36px;
	background-image:url('http://www2.mapandroute.de/MaR_Homepage-map-1.1/img/route_interstation.gif');
}

.destinationmarker
{
	width: 26px;
	height: 36px;
	background-image:url('http://www2.mapandroute.de/MaR_Homepage-map-1.1/img/route_destination.gif');
}

/****************************************************************************
 * Routing control
 ***************************************************************************/
#addressSearch2 #backButton{
	margin-bottom:10px;
}
.route { padding: 0px; font-size: 1em; }
.route br { clear: both; }
.route h1 { font-size: 12pt; font-weight: bold; }
.route a, .routeInput a:visited, .routeInput a:hover { color: #4B4B4B; font-family:'Ubuntu'; }

.route input.textButton,.buttonPane, #loginSubmit input
{
	background-color: #199c98;
	background-image: -ms-linear-gradient(top,#2cb6b2,#199c98);
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#2cb6b2',EndColorStr='#199c98');*/
	background-image: -moz-linear-gradient(top,#2cb6b2,#199c98);
	background-image: linear-gradient(top,#2cb6b2,#199c98);
	background-image: -o-linear-gradient(top,#2cb6b2,#199c98);
	background-image: -webkit-linear-gradient(top,#2cb6b2,#199c98);
    border: 0 none;
    -moz-border-radius: 3px 3px 3px 3px;
	-o-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    _padding: 4px 6px;
    margin-left: 3px;
	cursor:pointer;
	font-family:'Ubuntu';
	color: white;
}
.route input.textButton:hover,.buttonPane:hover, #loginSubmit input:hover{
	background-color:#2cb6b2;
	background-image:none;
	
}
.carOrPedestrian .button{
	text-align:center;
}

.route .imageButton { display: none; }

.route .submenuArrow
{
	width: 9px;
	height: 9px;
	margin-top: 5px;
	padding-right: 5px;
	float: left;
	background: url('http://www.mapandroute.de/templates/mapandroutehome/images/submenuArrowDown.png') no-repeat;
}
.route .collapsed .submenuArrow { margin-top: 3px; background: url('http://www.mapandroute.de/templates/mapandroutehome/images/submenuArrowRight.png') no-repeat; }

.route .message
{
	background-color: #FBFBFB;
    border: 2px solid #EBEBEB;
	float:left;
	margin-top:10px;
	display: none;
	font-family:'Ubuntu';
	font-weight:400;
}#vehicle input #tmc{
	margin-left:10px;
}
.vehicle input #tmc, .vehicle label #tmclabel{
	padding-top:10px;
}
.routeInput .vehicle select, .routeInput .vehicle input, .routeInput .vehicle label { float: left; }

.routeInput .vehicle select { margin-bottom: 10px; }

.routeInput .vehicle input { margin-left: 40px; }

.routeInput .ambiguous { display: none; }

.routeInput #optionsMenu .row { clear: both; }

/****************************************************************************
 * Routing control: Route input (structured)
 ***************************************************************************/

.routeInput label { display: block; }
.routeInput input, .routeInput select { margin-right: 10px; margin-bottom: 10px; }

.routeInput .start, .routeInput .interstations, .routeInput .destination, .routeInput .options, .routeInput .button
{
	width: 96%;
	background-color: #fbfbfb;
	border:1px solid #EBEBEB;
	clear:both;
	float:left;
	margin-bottom: 10px;
	padding:5px;
}

.routeInput .street, .routeInput .city, .routeInput .housenumber, .routeInput .zipcode { float: left; }
.routeInput .street input, .routeInput .city input { width: 120px; }
.routeInput .housenumber input, .routeInput .zipcode input { width: 60px; }
.routeInput .country select, .routeInput .ambiguous select { width: 222px; }

.routeInput .zipcode, .routeInput .country { clear: left; }

.routeInput #swapStartAndDestination
{
	clear: none;
	float: right;
	text-align: right;
	width: 40px; /* gepfuscht! */
}

.routeInput .interstations #toggleInterstations, .routeInput .options #toggleOptions { margin-top: 10px; margin-bottom: 10px; }

.routeInput #interstationNodes > div > h1 { margin: 1px; float: left; }
.routeInput #interstationNodes > div > .textButton, .routeInput #interstationNodes > div > .imageButton { float: right; }

.routeInput #interstationNodes { clear: left; }
.routeInput #interstationNodes > div { 
	clear: both; 
	height: 60px;
    margin-bottom: 10px;
    position: relative; 
	border-bottom: 1px solid #EBEBEB;
	}
#interstationNodes .button{
	border:none;
}
.routeInput .options div { float: left; }
.routeInput .options div.left, .routeInput .options div.right { margin-bottom: 10px; }
.routeInput .options div.left strong, .routeInput .options div.right strong { float: left; clear: left; margin-bottom: 5px; }
.routeInput .options div.left input, .routeInput .options div.right input { float: left; clear: left; margin-bottom: 2px; margin-right: 5px; }
.routeInput .options div.left label, .routeInput .options div.right label { float: left; }

.routeInput .options div.left { width: 140px; }
.routeInput .options div.left div { height: 22px; float: none }

.routeInput .options div.right div { float: none }

.routeInput .options input[type="radio"] { border-width: 0px; }
.routeInput .options input[type="text"] { width: 25px; }

.routeInput .button input.textButton { margin: 10px 0px; }

/****************************************************************************
 * Routing control: Route input (single line)
 ***************************************************************************/

.singleline .start label,
.singleline .destination label,
.singleline .interstation label,
.singleline .vehicle label
{ font-weight: normal; }

.singleline .routeInput > div { padding: 5px; }

.singleline .routeInput label { width: 40px; float: left; }
.singleline .routeInput input[type="text"] { margin: 0px; }


.singleline .routeInput .start > label,
.singleline .routeInput .start > div,
.singleline .routeInput .destination > label,
.singleline .routeInput .destination > div
{
	margin: 10px 0px;
}

.singleline .routeInput .start, .singleline .routeInput .destination { width: 96%; }
.singleline .routeInput .routeInputFields { width: 220px; float: left; }
.singleline .routeInput input#startLocation,
.singleline .routeInput input#destinationLocation,
.routeInput .interstation input[type="text"]
{
	width: 210px; float: left;
}

.singleline .routeInput #interstationsMenu > .button { margin: 10px 0px; padding: 2px 0; }

.singleline .routeInput .interstation .button { float: left; width: 30px; clear: none; margin-left:5px;}

.singleline .routeInput .button { margin: 0px; padding: 0px; }
.carOrPedestrian .button{
	width: 99%;
}
.singleline .routeInput #swapStartAndDestination { float: right; margin-top: 35px; }


.singleline .routeInput #optionsMenu { clear: both; width: 100%; font-size: 13px;}
a #addInterstationLink{
	vertical-align:central !important;
}
/****************************************************************************
 * Routing control: Route input (railway)
 ***************************************************************************/
#optionsMenu #tabPanes input, #tabPanes select{
	padding:2px;
}
#optionsMenu.left.row input{
	border:0px;
}
.routeInput .railway
{
	display: none;
}

.routeInput .railway > div
{
	clear: left;
	padding-left: 5px;
	padding-bottom: 10px;
}

.routeInput .railway #date div
{
	float: left;
	clear: none;
}

.routeInput .railway .large
{
	width: 200px;
}

.routeInput .railway .medium
{
	width: 100px;
}

.routeInput .railway .small
{
	width: 24px;
}

.routeInput .railway #addresses
{
	width: 260px;
	float: left;	
}

.routeInput .railway #addresses > div
{
	padding-bottom: 10px;
}

.routeInput .railway #swapStartAndDestination
{
	clear: none;
	float: right;
	text-align: right;
}

/****************************************************************************
 * Routing control: Route description
 ***************************************************************************/

.routeDescription > h1 { margin: 0px; float: left; }
.routeDescription > .button { margin-bottom: 10px; float: right; }

.routeDescription .summary {text-align: left; padding: 10px; clear: both; }

.routeDescription .summary .distanceAndTime {font-weight: bold; color: black; margin-bottom: 10px; }
.routeDescription .summary .distanceAndTime .time { display: none; }
.routeDescription .summary .distanceAndTime .distance { display: none; }

.routeDescription .summary .symbol
{
	float: left;
	width: 26px;
	height: 22px;
	padding-right: 5px;
}

.routeDescription .summary .start, .routeDescription .summary .interstation, .routeDescription .summary .destination
{
	margin-bottom: 12px;
} 
#tabPanesPoi input #cbOverlayList{
	border:none;
}