/***********************************************/
/* 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;
	
}

@page{
		margin-left: 0.5in;
		margin-right: 0.5in;
		margin-bottom: 1in;
		margin-top: 1in;
	}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#leftCol{
	float: left;
	width: 230px;
	
	background-color: #EEEEEE;
	
	/*Druckansicht, ausblenden*/
	width: 0px;
	display: none;	
}

#rightCol{
	/*Druckansicht */
 	float:right;
	width: 25%;
	
	margin-right: 20px;
	
}

#centerCol{
	/*Druckansicht, kein Abstand links */
	margin: 0 205px 0 0px;
	width: 70%;
}


#KMenue{
	/*Druckansicht, Inhalt verstecken */
	visibility: hidden;
}

/***********************************************/
/* weitere Divs                                */
/***********************************************/

#title_indikatorname_jahr{
	font-size: large;
}

#map{
	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;
	float:left;
	width:70%;
}

#map_info_div2{
	display: none;
	}
	
#indikator_info_div{
	position: absolute;
	top: 745px;
	margin: 0 220px 0 0;
}


#grundakt_div{
	font-size:smaller;
	position: absolute;
	right: 55px;
	top: 700px;
}

#histogramm{
	position: absolute;
	top: 540px;
	/*float: right;
	margin-right: 20px;*/
	border: none;
	}
	
#histogramm_titel{
	/*margin-left: 25px;*/
	border: none;
	}
	
#histogramm_klasseneinteilung{
	/*margin-left: 25px;*/
	border: none;
	}

#histogramm_pic{
	width: 170;
	height: 50;
	border: none;
	/*float: right;*/
}


/*** Menu ***/

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

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

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

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

/*****   Überschreiben der OpenLayes-Elemente *****/
.olControlAttribution{
	font-size: smaller; 
 right: 3px; 
 bottom: 5px; 
 /*position: absolute;*/ 
 display: block;
	}


/* Ausblenden der unteren Line des graphischen Maßstabes */
.olControlScale {
	display: none;
}

.olControlScaleLine{
	display: none;
}



/*Navigationsleiste*/
/* komplette Leiste*/
.olControlPanel{
	height: 40px;
	
	
	display: none;
	
	
}
/* einzelne Elemente */
.olControlPanel div {
		 display:block;
         width:  24px;
         height: 24px;
         margin: 5px;
         float: left;
         background-color:red;
		 
		 display: none;
}


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

.olControlPanel .olControlMouseDefaultsItemActive {
		background-color: #EEEEEE;
        background-image: url("../Graphics/neue_OL_gfx/panning-hand-on.png");
		 display: none;
}
.olControlPanel .olControlMouseDefaultsItemInactive {
        background-color: #EEEEEE;
        background-image: url("../Graphics/neue_OL_gfx/panning-hand-off.png");
		 display: none;
}
.olControlPanel .olControlZoomBoxItemInactive {
        background-color: #EEEEEE;
        background-image: url("../Graphics/neue_OL_gfx/drag-rectangle-off.png");
		 display: none;
}
.olControlPanel .olControlZoomBoxItemActive {
        background-color: #EEEEEE;
        background-image: url("../Graphics/neue_OL_gfx/drag-rectangle-on.png");
		 display: none;
}
.olControlPanel .olControlNavigationHistoryPreviousItemActive {
    	background-color: #EEEEEE;
    	background-image: url("../Graphics/neue_OL_gfx/navigation_history.png");
		 display: none;
}
.olControlPanel .olControlNavigationHistoryPreviousItemInactive {
    	background-color: #EEEEEE;
    	background-image: url("../Graphics/neue_OL_gfx/navigation_history.png");
		 display: none;
}
.olControlPanel .olControlNavigationHistoryNextItemActive {
    	background-color: #EEEEEE;
    	background-image: url("../Graphics/neue_OL_gfx/navigation_history.png");
		 display: none;
}
.olControlPanel .olControlNavigationHistoryNextItemInactive {
    	background-color: #EEEEEE;
    	background-image: url("../Graphics/neue_OL_gfx/navigation_history.png");
		 display: none;
}

.olControlPanel .olControlZoomOutBoxItemActive	 {
		background-color: #EEEEEE;
		background-image: url("../Graphics/neue_OL_gfx/zoom-out-on.png");
		 display: none;
}
.olControlPanel .olControlZoomOutBoxItemInactive {
		background-color: #EEEEEE;
        background-image: url("../Graphics/neue_OL_gfx/zoom-out-off.png");
		 display: none;
}
.olControlPanel .olControlFeatureInfoItemActive  {
		background-color: #EEEEEE;
        background-image: url("../Graphics/neue_OL_gfx/i-on.png");
		 display: none;
}
.olControlPanel .olControlFeatureInfoItemInactive {
		background-color: #EEEEEE;
        background-image: url("../Graphics/neue_OL_gfx/i-off.png");
		 display: none;
}


.olControlLoadingPanel {
            background-image:url("../Graphics/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: 180px;
	position: absolute;
	top: 30px;
    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;
}

.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;
}
.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;
}

.button_blau_abschicken {
        margin-top: 5px;
        border: 1px solid #666666;
        background-color: #BDDDFD;
        -moz-border-radius:4px;
        -khtml-border-radius:4px;
}
.button_gruen_abschicken {
        margin-top: 5px;
        border: 1px solid #666666;
        background-color: #BAD380;
        -moz-border-radius:4px;
        -khtml-border-radius:4px;
}
.button_rot_abschicken {
        margin-top: 5px;
        border: 1px solid #666666;
        background-color: #D68B83;
        -moz-border-radius:4px;
        -khtml-border-radius:4px;
}
.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;
}
.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;
}