/*
 * Design-CSS
 * Steuert das Kartendesign
 *
 * (c) 2006 3Kon Informationstechnologien GmbH
 * based on WinMan for kaMap -> see license in MapMain Template
 *
 * @Author	Tilmann Fruntke <tfruntke@buschjena.de>
 * @date		07.09.2006
 */

/* DEBUG */
/*#header {border:3px red dotted;}
#viewport {border:3px blue dotted;}*/

.debugMsg {font-size:10px; font-family:arial;}
#debug { overflow:scroll; }
#queryWindow { overflow:scroll; }

/*
 * allgemeines Layoutdesign
 **/

div, td, font, span {font-family:arial; font-size:12px;} 
#header {height:35px;}
#viewport {border:0px;}

.myMovingDiv { 
  border:3px silver dashed;
	background-color:white;
	filter:alpha(opacity=70);
	opacity:.7; }

/*
 * Fensterdesign 
 */
 
#finder
{
 background-color:silver;
 padding:5px;
 position:absolute;
 right:0;
 font-family:Arial;
 font-size:13px;
 font-weight:bold;
}

/* 1. Kopfbereich */ 
 
.wmWHeader /*  gesamter Kopfbereich */
{
	background-color:#eeeeee;
	/*background-image:url('../images/fade.gif');*/
	margin:0;
	padding: 0;
	border:solid #aaaaaa 3px;
}
.wmWHeaderTitle /* Fensterbezeichnung */
{
	font-family:Arial;
	font-size:12px;
	/*background-image:url('../images/fade_title.gif');*/
	padding:2px;
	color:black;
	padding:1px 10px 0 25px;
	margin:0;
	
}

.wmWHeaderTitleMask /* drag & drop element */
{
 /*border: red 1px solid;*/
 cursor: move;
}

.wmWHeaderExpanderToggler /* Button für größer/kleiner machen */
{
	margin:0;
	background-image:url('../images/btn_u.gif');
	background-repeat:no-repeat;
	width:13px;
	height:13px;
	top:2px;
	left:5px;
}

.wmWMainButtonControl
{
 /*background-image:url('../images/fade_title.gif');*/
 right:0px;
 /*width:57px;
 tlug anpassung
 */
 width:23px;
 height:20px;
}

.wmWHeaderCloseButton
{
 	margin:0;
	background-image:url('../images/btn_close.gif');
	background-repeat:no-repeat;
	width:13px;
	height:13px;
	top:2px;
	right:5px;
}

.wmWHeaderMaximizeButton
{
 	margin:0;
	background-image:url('../images/btn_max.gif');
	background-repeat:no-repeat;
	width:13px;
	height:13px;
	top:2px;
	right:23px;
}

.wmWHeaderFitButton
{
 	margin:0;
	background-image:url('../images/btn_fit.gif');
	background-repeat:no-repeat;
	width:13px;
	height:13px;
	top:2px;
	right:37px;
}

/* 2. Fensterkörper */

.wmWBody
{
	margin:0;
	padding: 0;
	background-color:#f8f8f8;
	border:solid #aaaaaa;
	border-width:0 3px 3px 3px;
}

/* 3. Fensterfuß */
.wmWFooter
{
	background-color:#f8f8f8;
	border:solid #aaaaaa;
	border-width:0 3px 3px 3px;
	display:none;
}
.wmWFooterResizer
{
	background-image:url('../images/btn_resize.gif');
	background-repeat:no-repeat;
	width:13px;
	height:13px;
	right:3px;
	bottom:2px;
	cursor:se-resize;
}

/*
 * TLUG Customize
 */
 
 #pegellist, #pegelinfo {overflow:auto;}
 #pegellist a { font-size:13px; }
 #pegelinfo_content {margin:5px;}
 #pegellegende {overflow:auto;}
 #leg_content {margin-left:10px; font-size:12px; font-family:Arial;}
 #leg_content .leg_head { font-weight:bold; padding-left:5px; }
 #pinfo_header {font-family:Arial; border-bottom:2px solid silver; margin:0 4px; font-size:13px; padding:3px;}
 #pinfo_header a { font-family:Arial; font-size:13px; text-decoration:underline;}
 #pinfo_header a:hover { text-decoration:none; }
 #pinfo_body {font-family:Arial; border-bottom:2px solid silver; margin:0 4px; font-size:11px; padding:3px;}
 #pinfo_body a:hover {text-decoration:none;}
 #pinfo_body a { font-size:11px; font-weight:bold; text-decoration:underline;}
 #pinfo_links {margin:0 4px; padding:3px;}
 #pinfo_current {margin:0 4px; padding:3px; font-family:Arial; font-size:12px;}

 
 #mapControl {
 		position: absolute;
		z-index:1500;
		width:40px;
		height:108px;
		padding:5px;
		background-color:#fff;
		right:-15px;
		top:0;
		filter:alpha(opacity=70);
		opacity:.7;
 }
 
 #map .mapLayer img
  {
	 background-color:#f0f0f0;
	}
	
 #pegelselect
 {
 	position:absolute;
	padding:5px;
	font-family:Arial;
  font-size:13px;
 }
 
 /* Alarmstufen */
 #ico_mb, #ico_a1, #ico_a2, #ico_a3 {width:9px; height:9px; float:left; margin-right:3px; margin-top:2px; font-size:1px;}
 #ico_mb {background-color:#08d7d7;}
 #ico_a1 {background-color:#ffff00;}
 #ico_a2 {background-color:#ffa800;}
 #ico_a3 {background-color:#ff0000;}
 
 #keymapDomEvent { cursor:pointer; }
 
 #pegelSlider 
 {
 	position:absolute;
	width:770px;
	height:520px;
	left: -775px;
	top:20px;
	z-index:999;
	background-color:#f8f8f8;
	border:solid #aaaaaa;
	border-width:3px;
 }
 
 #pegelExternInfo 
 {
  position:absolute;
 	overflow:auto;
	width: 730px;
	height: 480px;
	top:20px;
	left:20px;
 }
 
 #closeFullInfo {
	position:absolute;
	right:3px;
	top:3px;
}