/*body { margin: 0; }*/

div#rr .status * { font-size: 8pt; }
div#rr label, div#rr input, div#rr select, div#rr option, div#rr button { font-size: 8pt; color: #000000; }
div#rr p { color: #000000; font-size: 8pt; margin: 0; }

#help p { color: #666666; }
div#rr img { vertical-align: middle; border: 0; padding: 0; }

a { color: #2A709C; text-decoration: none; }
a:hover { text-decoration: underline; }

/* div#overDiv { position:absolute; visibility:hidden; z-index:9999; } */

#message { display: none; }

div.map { position:relative; width: 476px; height: 376px; }

div#ggMappois { width: 326px; }
div#ggMaproute { width: 476px; }

div#debug { font-size: 8pt; position: fixed; bottom: 0; left: 0; height: 40pt; overflow-y: scroll; width: 100%; background-color: #eeeeee; z-index: 1; }

div.group { border: 1px solid #00C8D6; }

div#rr .abb { font-size: 7.5pt; font-style: italic; }

div#ggMapaction { position: absolute; top: 40px; left: 217px; right: auto; width: 374px; z-index: 102; background: #ffffff; }
div#ggMapfilter { }

form.ggMapform { }
form.ggMapform .formentry { padding: 2px; float: left; position: relative; }
form.ggMapform .formentry label { font-family: verdana,arial,sans; display: block; float: left; margin-right: 2px; }
form.ggMapform .formentry input { width: 100px; font-family: verdana,arial,sans; border: 1px solid #7D849E; padding: 0; margin-top: 3px; }
form.ggMapform .formentry input.focused { width: 100px; }
form.ggMapform #start { margin: 5px 0 0 2px; }
form.ggMapform #b.route_with_pois { margin: 2px 0 2px 0; }

div#icons { padding: 8px; position: relative; height: 36px; }
div#icons > div { width: 86px; float: left; }
div#icons span { display: block; font-family: verdana,arial,sans; }
div#icons #drucken { position: absolute; bottom: 10px; right: 50px; width: 30px; text-align: right; }
div#icons #help { position: absolute; bottom: 10px; right: 8px; width: 20px; text-align: right; }

div#selections { padding: 8px; background: #f0f0f0; height: 60px; }
div#selections > div { float: left; margin-right: 4px; background: #d6d6d6; padding: 4px; }
div#selections div label { display: block; font-size: 8pt; }
div#selections div input, div#selections div select, div#selections div option { font-size: 8pt; }
div#selections p { float: left; margin-right: 10px; padding-left: 0; }

div#visibility { padding: 8px; background: #f0f0f0; margin-top: 4px; height: 40px; }
div#visibility > div { float: left; }
div#visibility div label { display: block; margin: -2px 0 2px 0; }
div#visibility p { float: left;margin-right: 10px; padding-left: 0; }

div#calc { padding: 8px; background: #f0f0f0; margin-top: 4px; }
div#calc > div { color: #000000; margin-left: 47px; }
div#calc p { float: left; margin-right: 0px; padding-left: 0; }


img#filter_save { position: absolute; right: 4px; top: 4px; }

div#icons img, div#selections img, div#visibility img { margin: 0 1px 0 1px; }
div#visibility > div { float: left; }

/* details */
.response { position: absolute; left: 28px; z-index: 101; background-color: #f4f4f4; border: 1px solid #666666; }
.response ul { width: 340px; list-style-type: none; margin: 0; padding: 0; }
.response li { cursor: pointer; border-bottom: 1px solid #666666; padding: 2px; color: #000000; }
.formentry span { cursor: pointer; }

img.bing_pushpin { margin-top: -27px; }

.error, .err { color: #ff0000; }
.warn { color: #ff0000; }

table.turns { border-collapse: collapse; empty-cells: show; padding: 0; margin: 0; border: 1px solid #dbdbdb; }
table.turns * { color: #000000; }
table.turns caption { font-size: 8pt; background: #eeeeee; padding: 8px; }
table.turns .odd { background: #eeeeee; }
div#rr table.turns th, div#rr table.turns td { font-size: 8pt; padding: 2px; }
.num { text-align: right; }
table.turns th.description { padding-left: 2px; border-left: 1px solid #dbdbdb; }
table.turns td.description { padding-left: 2px; border-left: 1px solid #dbdbdb; }
table.turns tr.poi { border-top: 1px solid #00C8D6; border-bottom: 1px solid #00C8D6; }
table.turns td.distance { color: #666666; font-style: italic; text-align: right; }

table.poilist { border-collapse: collapse; empty-cells: show; padding: 0; margin: 0; border: 1px solid #00C8D6; width: 100%; }
table.poilist caption { font-size: 8pt; background: #dbdbdb; text-align: right; }
table.poilist tr { border-bottom: 1px solid #00C8D6; } /* #f1feff */
div#rr table.poilist th, div#rr table.poilist td { font-size: 8pt; color: #000000; }
table.poilist th { text-align: left; border-bottom: 1px solid #00C8D6; }
table.poilist tr.header { background: #D6F8FD;  }

div#rr table.poilist td { padding: 2px; font-size: 8pt; }
div#rr table.poilist td.preis { text-align: right; }
div#rr span.preisvon { font-style: italic; font-size: 7pt; color: #999999; }
table.poilist th.routedistance { text-align: right; padding-right: 2px; }
table.poilist td.routedistance { text-align: right; padding-right: 2px; } 
table.poilist td.routedistance span { font-style: italic; font-size: 7.5pt; color:#666666 }

table.poilist td.info { vertical-align: top; }
img.thumbnail { border: 1px solid #cccccc; padding: 1px; }

.num { text-align: right; }

/* shadow */

	.sf { position: relative; border: 1px solid #cccccc; padding-bottom: 2px; }
	.sf > img { position: absolute; border: 0; z-index: 2; }
	.menubar { position: absolute; top: 0; left: 0; right: 0; background: url(../img/g.png) repeat-x 0 0; height: 17px; border-bottom: 1px solid #cccccc; margin: 0 1px 0 1px; }
	.menubar span { display: block; font-size: 8pt; font-family: Verdana; padding: 2px; }
	.menubar img { vertical-align: middle; float: left; border: 0; }
	.sc { margin: 16px 0 16px 0; overflow: hidden; }
	.sr { position: absolute; top: 5px; right: -5px; bottom: -5px; width: 5px; background: #aaaaaa; }
	.sb { position: absolute; left: 5px; right: 0; bottom: -5px; height: 5px; background: #aaaaaa; }

.status { background: url(../img/g.png) repeat-x 0 0; height: 17px; border-top: 1px solid #cccccc; margin: 0 1px 0 1px; }
.status > span { display: block; padding: 2px; color: #666666; }
.status img { vertical-align: middle; float: left; border: 0; }

fieldset { margin: 4px; }
fieldset > legend { font-size: 10pt; font-family: Verdana; color: #000000; margin-bottom: 8px; }

fieldset > fieldset > legend { font-size: 9pt; font-family: Verdana; color: #000000; }

table.poilist tr.blue_light { background-color: #BDC1FA; }
table.poilist tr.orange_light { background-color: #F9E2C3; }
table.poilist tr.yellow_light { background-color: #FFFDC5; }
table.poilist tr.green_light { background-color: #CDFBC3; }
table.poilist tr.red_light { background-color: #F5CCCC; }
table.poilist tr.lightblue_light { background-color: #D6F8FD; }