/* © 2004 graphservice GmbH, Waldbronn
 * $Id: entry.css,v 1.31 2006/03/29 10:03:05 ms Exp $
 */



body {
	background-color: #CCCCCC;
	border: 0px none;
	padding: 0px;
	margin: 0px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	cursor: default;
}

body * {
	font-family: Arial, sans-serif;
	font-size: 11px;
}

img {									/* Wer bei M$ kam eigentlich auf die abstruse Idee, Bilder mit einem blauen Rahmen zu versehen? */
	border: 0px none;
}

#workbench {							/* der komplette Inhalt steht innerhalb dieses Elements (Verschieben leicht gemacht) */
	position: absolute;
	top: 2px;
	left: 2px;
/*	width: 786px; */
/*	height: 502px; */
	z-index: 0;
}



/* Da das vom W3C vorgeschlagene "boxmodel" vielerorts falsch implementiert
 * wurde, simulieren wir hier eine "border": Es werden zwei ineinander verschachtelte
 * <div>s angezeigt, von denen das innere einen Pixel Abstand zum äußeren hat.
 * (s.a. http://www.css4you.de/wsboxmodell/index.php)
 * Die #ids der äußeren <div>s enden stets auf "border", z.B. "#toolborder".
 * Die Farbe aller derart "hergestellten" Rahmen wird in ".border" angegeben. */

.border {								/* diese Eigenschaft gilt für alle "border" (s.o.) */
	background-color: #000000;			/* allgemeine Rahmenfarbe */
	position: absolute;
}



/*
 *
 * Werkzeugleiste
 * --------------
 *
 */

#toolborder {							/* der Rahmen der Werkzeugleiste */
	top: 0px;
	left: 0px;
}

#toolarea {								/* die Werkzeugleiste */
	background-color: #FFFFFF;
	margin: 1px;
/*	width: 524px; */   /* Wird gesetzt in der size/layout.jsp */
	height: 32px;
}

#toolcenter {
	cursor: default;
}

.tool {									/* Diese Eigenschaft gilt für alle Werkzeuge */
	background-repeat: no-repeat;
	float: left;
	width: 32px;
	height: 32px;
	cursor: pointer;
	cursor: hand;						/* Extrawurst für den Internet Explorer */
}

.toolspacer {
	float: left;
	width: 16px;
	height: 32px;
}

#scalelistwrapper {
	width: 157px;
	height: 20px;
}

#scalelist {
	position: absolute;
	top: 6px;
	right: 6px;
	height: 18px;
	font-size: 12px;
	font-weight: normal;
	width: 100px;
	cursor: pointer;
	cursor: hand;						/* Extrawurst für den Internet Explorer */
}

.active {								/* beschreibt den "aktivierten" Knopf */
	background-position: right;
}

.inactive {								/* beschreibt die "unaktivierten" Knöpfe */
	background-position: left;
}

#tool_home    { background-image: url( ../gfx/toolbar/home.gif );    }
#tool_move    { background-image: url( ../gfx/toolbar/move.gif );    }
#tool_pan     { background-image: url( ../gfx/toolbar/pan.gif );    }
#tool_zoomin  { background-image: url( ../gfx/toolbar/zoomin.gif );  }
#tool_zoomout { background-image: url( ../gfx/toolbar/zoomout.gif ); }
#tool_zoomrect{ background-image: url( ../gfx/toolbar/zoomrect.gif ); }
#tool_undo    { background-image: url( ../gfx/toolbar/undo.gif );    }
#tool_calc_distance	{ background-image: url( ../gfx/toolbar/calcdistance.gif );    }
#tool_calc_area		{ background-image: url( ../gfx/toolbar/calcarea.gif );    }
#tool_remove_measure	{ background-image: url( ../gfx/toolbar/removemeasure.gif );    }
#tool_point   { background-image: url( ../gfx/toolbar/point.gif );   }
#tool_area    { background-image: url( ../gfx/toolbar/area.gif );    }
#tool_desel   { background-image: url( ../gfx/toolbar/desel.gif );   }
#tool_print   { background-image: url( ../gfx/toolbar/print.gif );   }
/* #tool_pdf     { background-image: url( ../gfx/toolbar/pdf.gif );     } */
#tool_addwms  { background-image: url( ../gfx/toolbar/addwms.gif );     }



/*
 *
 * Karte
 * -----
 *
 */

#mapborder {							/* der Rahmen der Pfeilfelder und des Kartenbildes */
	top: 36px;
	left: 0px;
}

#maparea {								/* der Bereich mit der Karte und den Pfeilen */
	position: relative;
	margin: 1px;
/*	width: 524px; */
/*	height: 464px; */
}

#map {
	top: 17px;
	left: 17px;
/*	width: 490px; */
/*	height: 430px; */
}

.arrow {
	background-color: #FFFFFF;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 1px;						/* Extrawurst für den Internet Explorer */
	position: absolute;
	cursor: pointer;
	cursor: hand;						/* Extrawurst für den Internet Explorer */
}

/* Die folgenden Eigenschaften dienen der Positionierung der Pfeile und der
 * Karte. Sie werden jeweils im Doppelpack in Verbindunng mit .map angegeben,
 * z.B.: class="map top left" oder class="map center middle".
 * Da auch hier Rahmen um die Elemente erscheinen sollen, haben sie einen Abstand
 * von einem Pixel zueinander. */

.left {
	left: 0px;
	width: 16px;
}

.right {
/*	left: 508px; */						/* 16px (linke Spalte) + 492px (Kartenbreite) */
	width: 16px;
}

.top {
	top: 0px;
	height: 16px;
}

.bottom {
/*	top: 448px; */						/* 16px (oberste Reihe) + 430px (Kartenhöhe) */
	height: 16px;
}

.center {								/* horizontal (zwischen .left und .right) */
	left: 16px;							/* 16px (linke Spalte) + 1px (Rahmen) */
/*	width: 492px; */					/* Kartenbreite */
}

.middle {								/* vertikal (zwischen .top und .bottom) */
	top: 16px;							/* 16px (oberste Reihe) + 1px (Rahmen) */
/*	height: 432px; */					/* Kartenhöhe */
}

#arrow_nw { background-image: url( ../gfx/map/arrow_nw.gif ); }
#arrow_n  { background-image: url( ../gfx/map/arrow_n.gif );  }
#arrow_ne { background-image: url( ../gfx/map/arrow_ne.gif ); }
#arrow_e  { background-image: url( ../gfx/map/arrow_e.gif );  }
#arrow_se { background-image: url( ../gfx/map/arrow_se.gif ); }
#arrow_s  { background-image: url( ../gfx/map/arrow_s.gif );  }
#arrow_sw { background-image: url( ../gfx/map/arrow_sw.gif ); }
#arrow_w  { background-image: url( ../gfx/map/arrow_w.gif );  }



/*
 *
 * Kartenlayer
 * -----------
 *
 */

#maplayerarea {
	background-color: #FFFFFF;
	position: relative;
	top: 17px;
	left: 17px;
	overflow:hidden;
/*	width: 490px; */
/*	height: 430px; */
}

.maplayer {								/* Diese Eigenschaft gilt für alle layer */
	cursor: crosshair;
	position: absolute;
	top: 0px;
	left: 0px;
/*	width: 490px; */
/*	height: 430px; */
}

#panable_map_area {
	z-index: 1;
}

#mapimage {
	z-index: 1;
}

#mapimage_wms_div {
	z-index: 2;
}

#areaselect {
	position: relative;
	font-size: 1px;
	display: none;
	z-index: 10;						/* zwischen Kartenbild und Maßstabsbalken */
}

.areaselect {
	position: absolute;
	background: #FF0000;
	width: 2px;							/* Dicke des Auswahlrahmens */
	height: 2px;						/* Wenn diese Werte hier geändert werden, muß auch die Variable SELBORDER in der Datei header.js geändert werden */
	font-size: 1px;
	display: block;
}

#overview-div {								/* Das Übersichtsfenster, dieser Block enthält alle weiteren Elemente für die Übersicht */
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 1px;							/*Benötigt keine größe, deswegen wird sie auf ganz klein gesetzt.*/
	height: 1px;
	
	z-index: 111;						/*Das Übersichtsfenster liegt über dem Kartenbild und auch über der Glasspane, aber unter dem Status-Layer*/
	
	display: none;						/* Am Anfang ist das Übersichtsfenster nicht sichtbar. Es muß erst überprüft werden, ob ein Übersichtsbild vorhanden ist. */
}

#overview-title {	/* Dieser Block enthält die Titelleiste (also Überschrift und Icons) des Übersichtfensters */
	height: 18px;	/*Der Header soll immer die Höhe von 8 Pixeln haben. Dies ist kein Problem bei Schriftgröße 12px */
	width: 100px;	/* ACHTUNG: Breite des Blocks wird später noch im JavaScript gesetzt*/
	
	position: absolute;
	top: 0px;
	left: 0px;
	
	background-color: #FFFFFF;
	font-size: 12px;
	
	cursor: pointer;
	cursor: hand;						/* Extrawurst für den Internet Explorer */
	
	border-style:solid;
	border-width:0px 1px 1px 0px;
	border-color:#000000;
	
	z-index: 10;						/* Oberster Block im Übersichts-Block*/
}

.overview-title-label {	/* Enthält die Überschrift in der Titelleiste des Übersichtsfensters */
	position: absolute;
	top: 2px;
	left: 3px;
	
	z-index:1;
}

#overview-title-icon-up {  /* Hier befinden sich die Einstellungen für das Icon zum schließen des Übersichtfensters */
	position: absolute;
	top: 2px;
	right: 2px;
	
	display: none;
	
	z-index:2;						/* unter dem Bild overview-title-icon-down*/
	
}

#overview-title-icon-down {	/* Hier befinden sich die Einstellungen für das Icon zum öffnen des Übersichtfensters */
	position: absolute;
	top: 2px;
	right: 2px;
	
	display: block;
	
	z-index:3;						/* über dem Bild overview-title-icon-up*/
	
}

#overview-image-div {	/* Dieser Block enthält das Übersichtsbild */
	height: 80px;	/* ACHTUNG: Größe des Blocks wird später noch im JavaScript gesetzt*/
	width: 100px;	

	position: absolute;
	top: 19px;	/* 19 Pixel von oben, da die Titelleiste des Übersichtfensters 18 Pixel hoch ist. */
	left: 0px;
	
	background-color: #FFFFFF;
	
	cursor: crosshair;
	
	border-style: solid;
	border-width:0px 1px 1px 0px;
	border-color: #000000;
	
	overflow:hidden;
	
	z-index: 5;						/* Wird im Übersichts-Block unter der Titelleiste angezeigt. */
	
	display:none;	/* Am Anfang wird das Übersichtsbild nicht angezeigt. */
}

#overview-image {	/* Das Bild selbst */
	position: absolute;
	top: 0px;
	left: 0px;
	
	background-color: #FFFFFF;
	
	cursor: crosshair;
	
	z-index: 1;
}

#overviewframe {
	position: absolute;
	font-size: 1px;
	
	width: 1px;
	height: 1px;
	
	display: block;
	
	z-index: 5;
}

.overviewframe {
	position: absolute;
	background: #FF0000;
	
	width: 2px;							/* Dicke des Auswahlrahmens */
	height: 2px;						/* Wenn diese Werte hier geändert werden, muß auch die Variable OVERVIEW_FRAMEBORDER in der Datei header.js geändert werden */
	
	font-size: 1px;
	display: block;
	
	z-index: 0;
}

#overviewcrosshair-hor {  /* Dieser Layer wird angeschalten, wenn der Kartenausschnitt zu klein ist, in diesem Fall ist dies die horizontale Linie des Fadenkreuzes*/
	position: absolute;
	
	background:#FF0000;
	font-size: 1px;	/* Behebt im IE den Fehler, das ein layer eine Mindesthöhe von > 1 haben muß */
	
	width: 2px;		/* Wenn diese Werte hier geändert werden, muß auch die Variable OVERVIEW_FRAMEBORDER in der Datei header.js geändert werden */						
	height: 2px;						
	
	z-index: 6;
	
	display: none;
}

#overviewcrosshair-ver {  /* Dieser Layer wird angeschalten, wenn der Kartenausschnitt zu klein ist, in diesem Fall ist dies die vertikale Linie des Fadenkreuzes*/
	position: absolute;
	
	background:#FF0000;
	font-size: 1px;	/* Behebt im IE den Fehler, das ein layer eine Mindesthöhe von > 1 haben muß */
	
	width: 2px;		/* Wenn diese Werte hier geändert werden, muß auch die Variable OVERVIEW_FRAMEBORDER in der Datei header.js geändert werden */					
	height: 2px;						
	
	z-index: 7;
	
	display: none;
}


#overviewselect {
	position: absolute;
	font-size: 1px;
	display: none;
	
	width: 1px;
	height: 1px;
	
	z-index: 10;
}

.overviewselect {
	position: absolute;
	background: #FF0000;
	width: 2px;							/* Dicke des Auswahlrahmens */
	height: 2px;						/* Wenn diese Werte hier geändert werden, muß auch die Variable OVERVIEW_SELBORDER in der Datei header.js geändert werden */
	font-size: 1px;
	display: block;
	
	z-index: 0;
}

#overvieweventlayer {  /* Dieser Layer soll die Selektionen im Übersichtsfenster abfangen */
	position: absolute;
	top: 0px;
	left: 0px;
	
	height: 80px;	/* ACHTUNG: Größe des Blocks wird später noch im JavaScript gesetzt*/
	width: 100px;
	
	/* ohne die folgende Zeile ignoriert der IE6 alle onclick-events auf dieses Element */
	background: url( ../gfx/misc/blank.gif ) no-repeat center;
	
	z-index: 100;
	
	display: block;
}

#scalebar {								/* Der Maßstabsbalken */
	background-color: #FFFFFF;
	cursor: crosshair;
	position: absolute;
	bottom: 0px;
	z-index: 20;						/* über dem Kartenbild */
}

#copyright {								/* Der Maßstabsbalken */
	font-size: 12px;
	background-color: #FFFFFF;
	padding: 0px 5px;
	cursor: crosshair;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 400px;
	text-align: right;
	z-index: 19;						/* über dem Kartenbild aber hinter dem Maßstabsbalken */
}

#status {								/* Der "Lade Daten"-layer. Er ist zeitglich auch der Layer, der die Klick-Events auf die Karte abfängt, solange die Karte neu geladen wird. */
	background-image:url( ../gfx/map/loading.gif );
	background-repeat:no-repeat;
	background-position:center center;
	display: none;
	
	cursor:wait;
	
	z-index: 200;						/* fast ganz oben */
}

#measurcanvas {							/* die unsichtbare Zeichenfläche für das einzeichnen der Messungen */
	z-index:90;							/* Sie befindet sich knapp unter der MapEventpane und überhalb der Karte */
}
#measurcanvasTemp {							/* die unsichtbare Zeichenfläche für die temporäre Linie während dem definieren der Messung */
	z-index:91;							/* Sie befindet sich knapp unter der MapEventpane und überhalb des measurcanvas */
}

#mapeventpane {							/* der unsichtbare "Klickfänger" für die Karte (s.o.) */
										/* Er registriert alle Klicks auf die Karte. Dies ist notwendig, da später verschiedene Layer über der Karte liegen werden.*/
	/* ohne die folgende Zeile ignoriert der IE6 alle onclick-events auf dieses Element */
	background: url( ../gfx/misc/blank.gif ) no-repeat center;
	z-index: 98;
	cursor:crosshair;
}

#measureventpane {	/* der unsichtbare "Klickfänger" für die Strecken- und Flächenmessungen */
					/* Er registriert alle Klicks auf die Karte. Dies ist notwendig, da später verschiedene Layer über der Karte liegen werden.*/
					/* Die Event-Pane für die Messungen liegt direkt oberhalb der Eventpane für die karte und wird nur aktiviert, wenn eine Messung stattfindet */
	/* ohne die folgende Zeile ignoriert der IE6 alle onclick-events auf dieses Element */
	background: url( ../gfx/misc/blank.gif ) no-repeat center;
	z-index: 99;
	display:none;
	cursor:crosshair;
}



/*
 *
 * Menü
 * ----
 *
 */

#menuborder {							/* der Rahmen der Menüleiste */
/*	top: 0px;   */	 /* Wird in der size/layout.jsp gesetzt*/
/*	left: 528px; */  /* Wird in der size/layout.jsp gesetzt*/
}

#menuarea {								/* die Menüleiste */
	background-color: #FFFFFF;
	margin: 1px;
	width: 256px;
	height: 24px;
	overflow: hidden;
}

.menuwrapper {							/* um jeden Menüknopf wird noch ein "unklickbarer" Bereich benötigt */
	position: relative;
	top: 0px;
	left: 0px;
	width: 64px;
	height: 24px;
	float: left;
}

.menu {									/* gilt für jeden Menüknopf */
	background-image: url( ../gfx/misc/button.gif );
	background-repeat: no-repeat;
	position: relative;
	top: 2px;							/* Außenabstand */
	left: 2px;							/* Außenabstand */
	width: 60px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
	cursor: hand;						/* Extrawurst für den Internet Explorer */
}



/*
 *
 * diplays
 * -------
 *
 */

#iframewrapper {
/*	top: 49px;   */  /* Wird in der size/layout.jsp gesetzt*/
/*	left: 528px; */  /* Wird in der size/layout.jsp gesetzt*/
}

.iframe_active {
	display: block;
	z-index: 20;
}

.iframe_inactive {
	display: none;
	z-index: 0;
}

.iframe {
	margin: 1px;
	width: 256px;
/*	height: 475px; */
}