@charset "utf-8";
/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* Layout Body-Tags                            */
/***********************************************/
body {
	margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
}

hr{
	/*background-color:#8CB91B;
	color:#8CB91B;*/
	color:#999;
	background-color:#999;
	border-width:0;
	line-height:3px;
	}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/



#leftCol{
	float: left;
	width: 230px;
	background-color: #EEEEEE;
}

#rightCol{
 	float:right;
	width: 190px;
	padding-left: 15px;
}

#centerCol{
	margin: 0 205px 0 235px;
	
}


/***********************************************/
/* weitere Divs                                */
/***********************************************/
#Statistik{
	font-size:smaller;
}

#Histogramm{
	width: 178px;
	height: 50px;
	}

#histogramm_titel{
	font-size:smaller;
	}

#histogramm_klasseneinteilung{
	font-size:smaller;
	}

#histogramm_pic{
	border: 1px solid rgb(153, 153, 153);
	padding: 3px;
	}

#title_indikatorname_jahr{
	font-size: large;
}

#map{
	position:relative;
	height:	600px;
}
#rahmen_map{
	border: 1px solid rgb(153, 153, 153);
	padding: 3px;
	margin-top: 5px;
	height:	600px;
}

#map_info_div{
	padding-top: 2px;
	font-size:smaller;
}

#indikator_info_div{
	font-size: 12px;
	position: absolute;
	top: 705px;
	margin: 0 220px 0 0;
	/*color: #555555;*/
}

/*#indikator_info{
	font-size: larger;
	}*/
	
#grundakt_titel{	
	font-size:12px;
	}
	
#layerbaum{
	background-color: rgb(221, 221, 221); 
	padding-left: 5px; 
	padding-bottom: 5px;
	padding-top: 5px; 
	border-top: 1px solid rgb(153, 153, 153); 
	border-bottom: 1px solid rgb(153, 153, 153); 
	
}


/*** Menu ***/

.image{
	width: 16px;
	height:16px;
	float: right;
	margin-top: 1px;
	background-image: url(../gfx/button_schliessen_0.png); 
}

.image:hover{
	width: 16px;
	height: 16px;
	float: right;
	margin-top: 1px;
	background-image : url(../gfx/button_schliessen_1.png); 
}

.image_show{
	width: 15px;
	height:17px;
	float: right;
	background-image: url(../gfx/button_show_0.png); 
}

.image_show:hover{
	width: 15px;
	height:17px;
	float: right;
	background-image : url(../gfx/button_show_1.png); 
}

/*****   Ueberschreiben der OpenLayers-Elemente *****/

/* Ueberschreiben der Formatierung der Ma�stabsleiste, Ausblenden der unteren Line des graphischen Masstabes */
.olControlScaleLineBottom {
	display: none;
}

.olControlScaleLineBottom {
   border: solid 1px black;
   border-bottom: none;
   margin-top:-2px;
   text-align: center;
}
.olControlScaleLineTop {
   border: solid 1px black;
   border-top: none;
   text-align: center;
}


/*Navigationsleiste*/
/* komplette Leiste*/
.olControlPanel{
	margin-top: 150px;
	margin-left: 10px;
	
	
}
/* einzelne Elemente */
.olControlPanel div {
		 display:block;
         width:  24px;
         height: 24px;
         margin: 5px;
         	
}


/* Graphiken der Navigationsleiste, angepasste Hintergrundfarbe, Pfad zu neunen Graphiken */

.olControlPanel .olControlFeatureInfoItemActive  {
		background-color: 	#000080;
        background-image: url("../gfx/neue_OL_gfx/draw_point_on.png");
}
.olControlPanel .olControlFeatureInfoItemInactive {
		background-color: 	#000080;
        background-image: url("../gfx/neue_OL_gfx/draw_point_off.png");
}

.olControlPanel .olControlMouseDefaultsItemActive {
		background-color: 	#000080;
        background-image: url("../gfx/neue_OL_gfx/panning-hand-on.png");
}
.olControlPanel .olControlMouseDefaultsItemInactive {
        background-color: 	#000080;
        background-image: url("../gfx/neue_OL_gfx/panning-hand-off.png");
}

.olControlNavigationHistory {
   background-image: url("../gfx/neue_OL_gfx/navigation_history.png");
   background-repeat: no-repeat;
   width:  24px;
   height: 24px;
   

}
.olControlNavigationHistoryPreviousItemActive { 
  background-position: 0px 0px;
 
}
.olControlNavigationHistoryPreviousItemInactive { 
   background-position: 0px -24px;
   
}
.olControlNavigationHistoryNextItemActive { 
   background-position: -24px 0px;
  
}
.olControlNavigationHistoryNextItemInactive { 
   background-position: -24px -24px;
 }



.olControlLoadingPanel {
            background-image:url("../gfx/neue_OL_gfx/loading.gif");
            position: relative;
			
			top: 50%;
			left: 35%;
			
            width: 195px;
            height: 11px;
            background-position:center;
            background-repeat:no-repeat;
            display: none;
}


.olControlOverviewMapElement {

	border: black thin solid;
	width: 150px;
	position: absolute;
	top: 20px;
    padding: 0px!important;
    margin: 0px!important;
	-moz-border-radius: 0 0 0 0!important;
	background-color:#FFFFFF!important;
}



.button_schliessen {
	position:absolute;
	top:1px;
	background-image: url(gfx/button_schliessen_0.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	right: 0px;
	width: 16px;
	cursor:pointer;
}

.button_schliessen:hover {
	background-image: url(gfx/button_schliessen_1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.button_show {
	position:absolute;
	top:0px;
	left:0px;
	background-image: url(gfx/button_show_0.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 16px;
	height: 17px;
	cursor:pointer;
}
.button_show:hover {
	position:absolute;
	top:0px;
	left:0px;
	background-image: url(gfx/button_show_1.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 16px;
	height: 17px;
}
.button_standard_abschicken {
	background-color: #CCCCCC;
	margin-top: 5px;
	border: 1px solid #666666;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	outline:0; 
	-moz-outline:0;
	cursor:pointer;
}

.button_blau_abschicken {
	margin-top: 5px;
	border: 1px solid #666666;
	background-color: #BDDDFD;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	outline:0; 
	-moz-outline:0;
	cursor:pointer;
}
.button_gruen_abschicken {
	margin-top: 5px;
	border: 1px solid #666666;
	background-color: #BAD380;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	outline:0; 
	-moz-outline:0;
	cursor:pointer;
}

.button_rot_abschicken {
	margin-top: 5px;
	border: 1px solid #666666;
	background-color: #D68B83;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	outline:0; 
	-moz-outline:0;
	cursor:pointer;
}
.button_grau_abschicken {
	margin-top: 5px;
	border: 1px solid #666666;
	background-color: #CCC;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	border-radius:4px;
	outline:0; 
	-moz-outline:0;
	cursor:pointer;
}

.button_standard_abschicken_a {
	background-color: #CCCCCC;
	margin-top: 5px;
	border: 1px solid #666666;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	outline:0; 
	cursor:pointer;
	-moz-outline:0;
}
.button_standard_abschicken_a a:link {
	color: #000000;
	text-decoration: none;
}
.button_standard_abschicken_a a:visited {
	text-decoration: none;
	color: #000000;
}
.button_standard_abschicken_a a:hover {
	text-decoration: none;
	color: #000000;
}
.button_standard_abschicken_a a:active {
	text-decoration: none;
	color: #000000;
}

/***********************************************/
/* Dialogfenster                               */
/***********************************************/

.ui-dialog { z-index: 10000000 !important ;}

.ui-widget-overlay{ 
  
  opacity: .6 !important ;
}


	.ui-widget-header{
	background: #BAD380 !important ;
	}