body {
   background-color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
}

.startUpMessage {
   color: #666666;
   font-family: Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 24px;
   text-align: left;
}

.key {
   background-color: #AAB9D6;
   font-size: 12px;
   margin: 0px 0px 0px 0px;
   padding: 2px 2px 2px 2px;
   border: 1px solid #FFFFFF;
   vertical-align: top;
}

.value {
   background-color: #D2DCF1;
   font-size: 12px;
   margin: 0px 0px 0px 0px;
   padding: 2px 2px 2px 2px;
   border: 1px solid #FFFFFF;
   vertical-align: top;
}

.popUp {
   color: #000000;
   background-color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 10px;
   text-align: left;
   margin: 0px 0px 0px 0px;
   padding: 1px 1px 1px 1px;
   border-collapse: collapse;
}

.coords {
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   text-align: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 20px 0px;
}

.hair {
   background-color: #FF0000;
}

.cross {
   border: 1px solid #FF0000;
}

.searchCriteria {
   background-color: #CCCCCC;
   font-weight: bold;
   font-size: 12px;
   text-align: center;
   margin: 0px 0px 0px 0px;
   padding: 2px 2px 2px 2px;
   border: 1px solid #FFFFFF;
}

.searchCriteriaSelector {
   background-color: #DDDDDD;
   text-align: center;
   padding: 1px 1px 1px 1px;
   border: 1px solid #FFFFFF;
}

.infoBar {
   background-color: #FFFFFF;
filter:alpha(opacity=90 ); -moz-Opacity:0.9; opacity:0.9;


}

.title {
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 0px;
   text-align: right;
}

.comments {
   color: #000000;
   font-family: Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: 500;
   font-size: 12px;
   text-align: left;
   letter-spacing: 1px;
}

.knob {
   color: #000000;
   background-color: #CCCCCC;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   text-align: center;
   padding: 4px 4px 4px 4px;
}

.copyright {
   color: #CCCCCC;
   font-family: Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 36px;
   text-align: left;
   margin: 0px 0px 0px 0px;
}

.featureBar {
   background-color: #CCCCCC;
   text-align: right;
   margin: 8px 0px 0px 0px;
   padding: 2px 2px 2px 2px;
   width: 99%;
}

.dashBoardPrintTable {
   text-align: center;
   width: 100%;
}

.dashBoardPrintTable td {
   padding: 5px 5px 5px 5px;
}

#printTable {
   text-align: center;
   width: 99%;
}

#printScalebarCell {
   text-align: left;
   padding: 0px 0px 0px 10px;
   vertical-align: bottom;
}

#printLegendCell {
   padding: 0px 0px 0px 0px;
}

#printAttributesCell {
position:absolute;
top:800px;
   vertical-align: top;
}

#printOvMapCell {
   text-align: left;

}

img {
   border: 0px solid #000000;
}

input {
   margin: 0px 0px 0px 7px;
}

.popupContentContainer {
   background-color: #FFFFFF;
   padding: 4px 4px 4px 4px;
}

.popupContentDiv {
   overflow: auto;
}

.transp {
filter:alpha(opacity=40 ); -moz-Opacity:0.4; opacity:0.4;
}

/********************************************/
/****           Button Table             ****/
/********************************************/

.buttonTable {
position:relative;
bottom:0px;
left:240px;
margin:5px 15px 5px 5px;

}

/********************************************/
/***  coordinates display and scale bar  ****/
/********************************************/


.rwConStyle{
position:absolute;
bottom:-6px;
left:920px;
zIndex:99;

margin:5px 5px 5px 5px;
padding:3px;
}


/********************************************/
/***         colour of the knobs         ****/
/********************************************/

#print_knob .knob{
   color: black;
   background-color: #C3C3C3;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   text-align: right;
   padding: 4px 4px;

}

#lists_knob .knob{
   color: black;
   background-color: #C3C3C3;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   text-align: right;
   padding: 4px 4px;
}

#ovMap_knob .knob{
   color: black;
   background-color: #C3C3C3;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   text-align: right;
   padding: 4px 4px;
}

#customKnob0_knob .knob{

   color: black;
   background-color: #DADADA;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   text-align: right;
   padding: 4px 4px 4px 4px;

}
#customKnob1_knob .knob{

   color: black;
   background-color: #DADADA;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   font-size: 12px;
   text-align: right;
   padding: 4px 4px 4px 4px;

}


#headline{
font-size:17px;

}


/******************************************************************************************/
/*The cell which contains the scale bar. If is less than 430, will disapear behind the map*/
/******************************************************************************************/

#printScalebarCell{
position:absolute;
height:8px;
left:10px;
top:4px;
font-size:11px;
padding:4px;

}

#quellen{
   position:absolute;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-style: normal;
   font-size:9px;
   text-align:right;
   padding: 0px 0px;
   top:770px;
   right:20px;
   width:750px;

}

/*********************************/
/*   bread crumbs                */
/*********************************/


.breadcrumb{
	filter:alpha(opacity=90 ); -moz-Opacity:0.9; opacity:0.9;
	color:black;
	position:absolute;
	font-family:tahoma;
	font-size:7pt;
	top:22px;
	left:5px;
	height:14px;
	width:auto;
	padding:0px 0px 0px 5px;
	background-color:ivory;
	z-index:1000;}

	.breadcrumb a:link{
		color:black;}

.breadcrumb a:visited{
		color:black;}

	.breadcrumb a:hover{
		color:grey;}



		.breadcrumb a:active{
		color:black;}