@import url(SpeechBubble.css);


html
{
    overflow-x: hidden;
    overflow-y: hidden;
}

body 
{
    background-color: #fff;
    margin: 0;
    padding: 0;
    font-family: Verdana;
    font-size: 12px;
}

h1
{
    font-size: 14px;    
}

form
{
   margin: 0;
   padding: 0; 
}

#header
{
    width: 100%;
    height: 75px;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #fff;
    background-image: none;
    background-repeat: repeat-x;
    overflow:hidden;
    position: relative;
}

#HeaderText
{
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	font-size: 16px;
}

#HeaderLogo 
{
	position: absolute;
	top: 0px;
	left: 0px;
}

#content
{
	position:relative;
    float: left;
    background-color: #fff;
    width: 100%;
}

#panel
{
    width: 265px;
    background-color: #fff;
    position: absolute;
    text-align: left;
    left: 0px;
    color: #000;
}
#panelCol1
{
    margin-left: 5px;
    border: #365C9F 0px solid;
    width: 230px;
}

#panel select 
{
    /*width: 95%;*/
}


#mapAreaCollection
{
    position: absolute;
    left:270px;
    border: #365C9F 2px solid;
}

#mapArea
{
    background-color: #fff;
    position: absolute;
    overflow:hidden;
    /*overflow-x: hidden;
    overflow-y: hidden;*/
    /*background: #fff url(../App_Images/karteWirdGeladen.gif);*/
}


#panelAction
{
    position: absolute;
    left: 240px;
    top: 0px;
    width: 25px;
    background-color: #fff;   
    vertical-align: middle; 
    color: #A1A1A1;
    text-align:center;
    z-index: 11; 
}

#panelAction a
{
    color: #A1A1A1;
    text-decoration: none;
    font-weight: bold;
}

#panelActionContent
{
    position: absolute;
    left: 0px;
    top: 20px;
    width: 100%;
    text-align: center;
}

#panelActionContent img
{
	border:none;
}

#paddingHeaderContent
{
    width: 100%;
    height: 10px;
    background-color: #fff;    
}

#footer
{
    width: 100%;
    height: 15px;
    background-color: #fff; 
    text-align: center;
    font-size: 10px;
    padding-top: 3px;     
}

#maps
{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1; 
}

.othermaps
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 400px;
    height: 400px;
    z-index: 4000; 
    visibility: hidden;
}

#dMapAction
{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 5; 
}

#scaleBar
{
position: absolute;
right: auto;
top: auto;
left: 0px;
bottom: -1px;
z-index: 2500;
background-color:#fff;
/*height:12px;*/
display:none;
}


#scaleBar img
{
margin-top: 2px;
margin-left: 2px;

}

#scalebarText
{
position: relative;
top: -2px;
margin-bottom:3px;
margin-left:5px;
font-size:10px;
}


#OverviewContainer
{
position: absolute;
left: auto;
top: auto;
right: -2px;
bottom: -1px;
z-index: 3000; 
width:100%;
}

html>body #OverviewContainer
{
right: 0px;
bottom: 0px;
}

#overviewImageBox
{
position: absolute;
left: auto;
top: auto;
right: 0px;
bottom: 0px;
border-left: #999 1px solid;
border-top: #999 1px solid;
width: 169px;
height: 169px;
background: #fff url(../App_Images/karteWirdGeladen.gif);
display:none;
z-index: 1;
}

#overviewImageBox img
{
margin-left:8px;
margin-top:8px;	
border-left: #999 1px solid;
border-top: #999 1px solid;
}


#overviewAction
{
position: absolute;
left: auto;
top: auto;
right: 1px;
bottom: 0px;
width:14px;
z-index: 5;
}


html>body #overviewAction
{
right: 0px;
}

#overviewAction img
{
border: solid 1px #365C9F;
border-right:none;
border-bottom:none;
z-index: 150;
}

#overviewRectContainer
{
position:absolute;
left:8px;
top:8px;
width:160px;
height: 160px;
overflow:hidden;
z-index: 50;
}

#overviewMapAction
{
position:absolute;
left:8px;
top:8px;
width:160px;
height: 160px;
overflow:hidden;
z-index: 100;
}

#overviewMapAction img
{
margin: 0;	
border: none;
}


#overviewRect
{
position:absolute;
left:0px;
top:0px;
height:0px;
width:0px;
/*border: 2px solid #0ff;*/
background-color: #0ff;
z-index:1000;
filter:Alpha(opacity: 40);
-moz-opacity: 0.4;
cursor:hand;
}


div#usagerequirement
{
position: absolute;
right: 14px;
top: auto;
bottom: 0px;
z-index: 5000; 
font-size: 10px;
background-color: #fff;
padding:3px;
}

html>body div#usagerequirement
{
right: 14px;
}

#pois
{
position: absolute;
left: 0px;
top: 0px;
z-index: 7; 
}

#dDraw
{
position: absolute;
left: 0px;
top: 0px;
z-index: 5; 
}

#dSymbols
{
position: absolute;
left: 0px;
top: 0px;
z-index: 4; 
}

#dDraw1
{
position: absolute;
left: 0px;
top: 0px;
z-index: 5; 
}

#detailInfo
{
position: absolute;
left: 0px;
top: 0px;
z-index: 7; 
width: 300px;
height: 194px;
/*    background: transparent url(../App_Images/queryImage.gif) no-repeat 0 0;*/
display: none;
}

#detailInfoBody
{
    position: absolute;
    left: 25px;
    top: 3px;
    z-index: 7; 
    width: 221px;
    height: 284px;   
    padding: 2px; 
    overflow: scroll;
    overflow-x: hidden;
}

#ifPlaceHolderPanel
{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;
}

#ifPlaceHolderPanel iframe
{
    width: 100%;
    height: 100%;
    background-color: transparent;
}

#mapFunctionsContainer
{
	display:none;
    border-bottom: 1px solid #365C9F;
    position: relative;
    z-index: 999;
    height: 30px;
    left: 0px;
    top: 0px; 
    background-color: #fff;
    overflow: hidden;	

}

#mapFunctions
{
	position: relative;
	width: 1300px;
    /*display:none;
    overflow: hidden;*/
}

#mapFunctions div
{
    margin: 1px;
    float: left;
    position: relative;
    /* overflow: hidden; */ 
}


#mapFunctions div.placeHolder
{
    width: 5px;
}

#mapFunctions img
{
    border: none;
	width: 26px;
	height: 26px;
}

#mapFunctions a.IconSelected
{
	display:block;	
	border: #365C9F 1px solid;
}

#mapFunctions a.IconSelected img
{
	
	width: 24px;
	height: 24px;

}


#mapFunctions select
{
    margin-top: 3px;    
}


.mapInfoBox
{
	position: absolute;
	top:20px;
	left: 200px;
	background-color: #fff;	
	border: #365C9F 1px solid;
	z-index: 4999;
}

.mapInfoBox .header
{
	background-color: #90A9D0;
	padding: 3px;
	color: #fff;
	cursor: move;
	font-weight: bold;
}

.mapInfoBox .content
{
	position: relative;
	background-color: #f7f7f7;
	padding: 3px;
	color: #000;
}

.mapInfoBox .content ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.mapInfoBox .content ul a
{
	display:block;
	padding:3px;
	text-decoration: none;
	color: #000;
}


.mapInfoBox .content ul a:hover
{
	background-color: #fff;
}


.mapInfoBox .close
{
	position: relative;	
	background-color: #eee;
	padding: 3px;
	text-align:center;
	font-size: 11px;
}

.mapInfoBox .close a
{
	text-decoration: none;
	color: #000;
}

#MapInfoLoading
{
	position: absolute;	
}

#measureResult
{
    position: absolute;
    z-index: 999;
    padding: 3px;
    left: 30px;
    top: 40px; 
    background-color: #fff;
    border: 1px solid #666;
    display: none;
}

#toolbar
{
    position: absolute;
    z-index: 1000;
    width:57px;
    height: 77px;
    left: 10px;
    top: 10px; 
    display:none;
}

#toolbar img
{
    position: absolute;
    left: 0px;
    top: 0px; 
    border: none;
}


#toolbar #navN
{
    left: 20px;
}

#toolbar #navNE
{
    left: 40px;
}


#toolbar #navN
{
    left: 20px;
}


#toolbar #navW
{
    top: 20px;
}

#toolbar #navFit
{
    top: 20px;
    left: 20px;
}

#toolbar #navE
{
    top: 20px;
    left: 40px;
}

#toolbar #navSW
{
    top: 40px;
}

#toolbar #navS
{
    top: 40px;
    left: 20px;
}

#toolbar #navSE
{
    top: 40px;
    left: 40px;
}

#toolbar #divZoomButtons img
{
    position:relative;
}

#toolbar #divZoomButtons
{
    position: absolute;
    top: 69px;
    left: 20px;
}

#toolbar #divZoomButtons a
{
  display: block;
    width:17px;
    /*
    text-align:center;
    background-color: #fff;*/
}

/*
#toolbar #navZoomIn
{
    top: 69px;
    left: 10px;
}
#toolbar #navZoomOut
{
    top: 69px;
    left: 30px;
}*/


#cogs0, #cogs1, #cogs2, #cogs10
{
    position: absolute;
    width: 50px;
    height: 50px;
    left: 80px;
    top: 15px;
    display: none;
    z-index: 4001;
}

#showResult
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1px;
    height: 1px;
    display: none;
    z-index: 7;
}

.dynImg
{
    position:absolute; 
    top:0px; 
    left:0px;
}

.trans
{
    /*
    filter:Alpha(opacity: 60);
    -moz-opacity: 0.6;
*/
}

.cmap0
{

}


.transPOI
{
    
    filter:Alpha(opacity: 80);
    -moz-opacity: 0.8;
}

#ListAllPanels
{
	margin: 0;
    padding: 0;
    list-style:none;
}

#ListAllPanels li
{ 
    font-size: 13px !important;
    font-family: Verdana;
}

#ListAllPanels .panelItemHandle
{
	position:absolute;
	top:3px;
	right: 3px;
	width:9px;
	height:9px;
	cursor: move;
}


#panel ul.ulPanel
{
    margin: 0;
    padding: 0;
    width: 230px;
    border: solid 0px #ddd;
    margin: 0;
}

#panel ul.ulPanel li
{
    margin: 0px;
	padding: 0px;
	width: 230px;
    list-style: none;
}

#panel ul.ulPanel li.header
{
    background-color: #fff;
    height: 30px;
}

#panel ul.ulPanel li.header.current
{
    height: 26px;
}

#panel ul.ulPanel li.header a
{
    padding-top: 3px;
    padding-left: 10px;
	color: #365C9F;
	text-decoration: none;
	display: block;
	width: 224px;
    border: #365C9F 2px solid;
    font-family: Verdana;
    font-size: 13px !important;
    height: 20px;
    overflow:hidden;
    white-space:nowrap;
}


#panel ul.ulPanel li.header.current a
{
    border-bottom-width: 1px;
}

html>body #panel ul.ulPanel li.header a
{
	width: auto;
}

#panel ul.ulPanel li.header a:hover
{
    background-color: #90A9D0;
}

#panel ul.ulPanel li.content
{
    display: none;
}


#panel ul.ulPanelContent
{
    margin: 0;
    padding: 0;
    width: 230px;
    border: none;
    margin: 0;
}

#panel ul.ulPanelContent li
{
    margin: 0px;
	padding: 0px;
	width: 230px;
    list-style: none;
}

#panel ul.ulPanelContent li.content
{
    display: none;
}

#panel div.panelContentContainer
{
	position:relative;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    width: 224px;
    padding-left: 2px;
    padding-top: 5px;
    background-color: #F7F7F7;
    display: none;
    border: #365C9F 2px solid;
    border-top: none;
}



.pWelcome
{
    margin-top: 10px;
    color: #000;
}

.tCenter
{
    text-align: center;
    color: #000;
}


ul.pbMenu
{
    padding: 0;
    margin: 0;    
}

ul.pbMenu li
{
    list-style: none;
    height: 20px;    
}

ul.pbMenu li a
{
    color: #fff;
    text-decoration: none;
    padding: 4px;
}

#panel .queryField
{
    width: 196px;    
}

#panel .queryFieldSelect
{
    width: 203px;    
}


#panel select
{
    width: 205px;    
}

#panel input, #panel textarea
{
    border: #365C9F 1px solid;
    background-color: #fff;
    padding: 2px;
}

#measureResultText
{
    width: 400px;
    height: 14px;
    padding: 3px;    
    margin-top: 4px;
    /*overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;*/    
    white-space: nowrap;
}


/* treffpunkt */
.mp-container div
{
	float: left;
	width: 40px;
	height: 60px;
	border: solid 1px #ccc;
	margin: 3px;
	text-align: center;
	overflow: hidden;
}

.mp-container img
{
	width: 30px;	
}

#panel .mp-container input
{
	border: #365C9F 0px solid;
}




.clear
{
	clear: both;
}


.resultListContainer
{
width: 202px;
height: 185px;
overflow:scroll;
overflow-x: hidden;
border: #365C9F solid 1px;
margin: 1px;
}

.resultListContainer ul, .resultListContainer li
{
margin: 0;
padding: 0;
}

.resultListContainer li
{
list-style: none;
border-bottom: #BCBFB9 solid 1px;

}

.resultListContainer li a
{
text-decoration:none;
color: #000;
display:block;
background-color: #E9ECE8;
padding: 2px;
}

.resultListContainer li a.second
{
background-color: #C7D6D3;
}


.resultListContainer li a.highlight
{
background-color: #fff;
}

.resultListContainerHinweis
{
	width: 202px;
	font-size: 10px;
	text-align:center;
}
	
	
#panel .noBorder
{
border:none;
background: none;
}

#panel .noBorder input
{
border:none;
background: none;
}


/* Legende */

#panel .legendTreeContent
{
font-size:11px;
margin-top: 10px;
margin-bottom: 10px;
}

#panel .legendTreeContent .legendTreeMenu, #panel .legendTreeContent .legend-level1
{
	position:relative;
	padding-bottom:3px;
}

#panel .legendTreeContent .legendTreeMenu a
{
	text-decoration:none;
	color:#000;
}

#panel .legend-feature-action
{
	position:absolute;
	top: 0px;
	left: 0px;
	z-index:10;
}

#panel .legendTreeContent div.action
{
	position:absolute;
	top: 0px;
	left: -33px;
	z-index:10;
}

html>body #panel .legendTreeContent div.action
{
	top: 0px;
	left: 0px;
}

#panel .legend-feature-action 
{
	left:-23px;
	top:4px;
}

html>body #panel .legend-feature-action 
{
	left:10px;
	top:2px;
}

#panel .legendTreeContent div.action img
{
	padding: 5px;
	padding-right:0px;
}

#panel .legendTreeContent div.desc
{
	/*position:absolute;*/
	padding-top: 3px;
	margin-left:32px;
	font-weight:bold;
}

#panel .legendTreeContent .legendTreeSub ul
{
	margin:0;
	padding:0;
	list-style:none;
	margin-left: 11px;
}

#panel .legendTreeContent .legendTreeSub li
{
	font-size:11px !important;
}

#panel .legendTreeContent .legendTreeSub li .featureActionImg
{
	margin-right: 3px;
	
}

#panel .legendTreeContent .legendTreeSub li a
{
	text-decoration:none;
	color:#000;
}

#panel .legendTreeContent .legendTreeSub .LegendFeatureImages
{
	display: inline;
}

#panel .legendTreeContent .legendTreeSub .LegendFeatureImages img
{
	margin-top:1px;
}


#panel .legend-feature-text
{
padding-left:33px;
}

.VEOverlay
{
	filter:Alpha(opacity: 60);
	-moz-opacity: 0.6;
}

/*.IconSelected*/


/* VE Kontextmenu */

div#VEpopupmenu ul, div#VEpopupmenu ul li{margin:0;padding:0;}  

div#VEpopupmenu ul {
    margin: 0;
    padding:0;
    list-style: none;
    width: 150px;
    border: 1px solid #ccc;
    background:white;
}  

div#VEpopupmenu ul li
{
	border-top: 1px solid #ccc;
}

div#VEpopupmenu ul li.first
{
	border-top: none;
}

div#VEpopupmenu ul li a {
    /*display: block;*/
    text-decoration: none;
    color: black;
    padding: 1px;
}
div#VEpopupmenu ul li a.fillLink 
{
	display:block;
	padding: 3px;
}

div#VEpopupmenu ul li a:hover {
    background:#335EA8;
    color:white;
}



#panel #ContainerCoordinateViewerDestinationSystem input
{
	border: #365C9F 0px solid;
}