/*<![CDATA[*/
/************************************************************************/
/*																		*/
/* 			   Vermessungsbüro Sperlich und Fröhlich GbR				*/
/*						vermessung-sperlich.de							*/
/*																		*/
/*  	C S S  -  H a u p t k o n f i g u r a t i o n s d a t e i		*/
/*																		*/
/*			@author 	Bjoern Wenzel <wenzel@stufe3.de>				*/
/*      	@fileName	vb01_main.css									*/
/*			@version	Rev.20060113.001								*/
/*																		*/
/*		grundlegende CSS-konforme Konfigurationen des aktuellen			*/
/*      Hauptlayouts V01 (grüner 800x660 Kasten mit Registern) 			*/
/*																		*/
/*		ACHTUNG!	1.  IE problematische Konfigurationen werden		*/
/*						in einer separaten CSS-Datei gefixt				*/
/*					2.  die CSS-Dateisets sind layoutspezifisch			*/
/*					3.  CSS Medientyp ist Web, wird aber auch für		*/
/*						Drucklayout	benutzt, daher Medientyp ALL		*/
/*																		*/
/************************************************************************/

/************************************************************************/
/*																		*/
/*				 globale Elemente / vordefinierte Tags					*/
/*																		*/
/************************************************************************/
body {
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	/* border: 0px solid white; */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #E5FFE6;
	background-image:url(../../images/layout_v01/bg_color_website_green.png);
	overflow: hidden;
}
/************************************************************************/
/*																		*/
/*				 eindeutige layoutbezogene Ebenen mit IDs				*/
/*                        Ebenen für Rahmenboxen						*/
/*																		*/
/************************************************************************/
#outerblock {
	/*********************************************************/
	/* äußerer Ebenenblock, welcher das ganze Layout umfasst */
	/*********************************************************/
	position: absolute;
	text-align: center;
	width: 800px;
	height: 600px;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: -300px;
	text-align: left;
	/*border: 1px dashed green;*/
}
#outerregister {
	/*********************************************************/
	/* äußerer Ebenenblock, welcher alle Register umfasst    */
	/*********************************************************/
	position: absolute;
	width: 800px;
	height: 31px;
	top: 0px;
	left: 0px;
	background-image: url(../../images/layout_v01/bg_pattern_border_top.png);
	background-repeat: repeat-x;
}
#outercontent {
	/*********************************************************/
	/* äußerer Ebenenblock, welcher den Inhaltsbereich und   */
	/* die grüne Umrandung umfasst (der dicke Rahmen)   	 */
	/*********************************************************/
	position: absolute;
	width: 798px;	  /* 800px - Rahmenbreite links + rechts */
	height: 568px;	  /* 569px - Rahmenbreite unten */
	top: 31px;
	left: 0px;
	background-color: #82BF84;
	background-image: url(../../images/layout_v01/bg_color_thickborder_green.png);
	background-repeat: repeat;
	border-left: 1px solid #5D8053;
	border-right: 1px solid #5D8053;
	border-bottom: 1px solid #5D8053;
}
#innercontent {
	/*********************************************************/
	/* innerer Ebenenblock, welcher den Inhaltsbereich und   */
	/* den Bildbereich rechts umfasst (heller Hintergrund)	 */
	/*********************************************************/
	position: absolute;
	width: 736px;     /* 738px - Rahmenbreite links + rechts */
	height: 506px;	  /* 508px - Rahmenbreite oben + unten   */
	top: 30px;
	left: 30px;
	background-color: #EFFFF0;
	border: 1px solid #5D8053;
}
#maincontent {
	/*********************************************************/
	/* innerer Ebenenblock mit dem eigentlichen Seiteninhalt */
	/* dieser bereich umfasst nur den linken Teil ohne Rand	 */
	/*********************************************************/
	position: absolute;
	width: 565px;  	      /* 585 px - padding links + rechts */
	height: 486px;		  /* 506 px - padding oben + unten   */
	top: 0px;
	left: 0px;
	border-right: 1px solid #5D8053;
	padding: 10px 10px 10px 10px;
	background-color: #EFFFF0;
	scrollbar-arrow-color: #d6f3d7;
    scrollbar-base-color: #d6f3d7;
    scrollbar-face-color: #82bf84;
	scrollbar-track-color: #d6f3d7;
	scrollbar-highlight-color: #d6f3d7;
	scrollbar-3d-light-color: #d6f3d7;
	scrollbar-shadow-color: #d6f3d7;
	scrollbar-darkshadow-color: #d6f3d7;
	/*overflow: scroll;*/
	overflow: auto;
}
#contentimage {
	/*********************************************************/
	/* innerer Ebenenblock mit dem Bild auf der rechten      */
	/* Seite, der linke Rand geht zu Lasten des Inhaltes!    */
	/*********************************************************/
	position: absolute;
	width: 150px;	/* feste Breite um Bildinhalte darzustellen */
	height: 506px;	/* entspricht Gesamthöhe des maincontent */
	top: 0px;
	left: 586px;
	background-color: #d6f3d7;
}
#debughelper {
	/*********************************************************/
	/* der winzig kleine Block, in dem sich die Hilfsmittel  */
	/* zum Ein und Ausblenden der Debuggdaten befinden 		 */
	/*********************************************************/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	text-align: left;
}
#fulldebug {
	/*********************************************************/
	/* Ebenblock, welcher die Debugdaten enthält und über 	 */
	/* ganze Seite reicht									 */
	/*********************************************************/
	position: absolute;
	left: 5px;
	top: 20px;
	display: none;
	background-color: #ffffff; 
	color: #000000; 
	border: 1px solid #5d8053; 
	padding: 5px; 
	font-weight: normal;
	font-size: 10px;
	z-index: auto;
	text-align: left;
	/*line-height: 11px; */	
}
#dbgtable {
	/*********************************************************/
	/* Die Tabelle mit den Debugdaten innerhalb des Blockes	 */
	/* fulldebug, zum zeilenweise anzeigen der Daten		 */
	/*********************************************************/
	font-family: Verdana, Arial;
	font-size: 9px;
}
/************************************************************************/
/*																		*/
/*				 eindeutige layoutbezogene Ebenen mit IDs				*/
/*                      Ebenen für Registermenüs						*/
/*																		*/
/************************************************************************/
#menue01 {
	/*********************************************************/
	/* Ebene der Registerlasche 01 (von links)			     */
	/*********************************************************/
	position: absolute;
	width: 90px;
	height: 31px;
	left: 15px;	 		   /* 15px + ((n-1) * (90px - 10px)) */
	top: 0px;
}
#menue02 {
	/*********************************************************/
	/* Ebene der Registerlasche 02 (von links)			     */
	/*********************************************************/
	position: absolute;
	width: 90px;
	height: 31px;
	left: 95px;	 		   /* 15px + ((n-1) * (90px - 10px)) */
	top: 0px;
}
#menue03 {
	/*********************************************************/
	/* Ebene der Registerlasche 03 (von links)			     */
	/*********************************************************/
	position: absolute;
	width: 90px;
	height: 31px;
	left: 175px; 		   /* 15px + ((n-1) * (90px - 10px)) */
	top: 0px;
}
#menue04 {
	/*********************************************************/
	/* Ebene der Registerlasche 04 (von links)			     */
	/*********************************************************/
	position: absolute;
	width: 90px;
	height: 31px;
	left: 255px; 		   /* 15px + ((n-1) * (90px - 10px)) */
	top: 0px;
}
#menue05 {
	/*********************************************************/
	/* Ebene der Registerlasche 05 (von links)			     */
	/*********************************************************/
	position: absolute;
	width: 90px;
	height: 31px;
	left: 335px; 		   /* 15px + ((n-1) * (90px - 10px)) */
	top: 0px;
}
#menue06 {
	/*********************************************************/
	/* Ebene der Registerlasche 06 (von links)			     */
	/*********************************************************/
	position: absolute;
	width: 90px;
	height: 31px;
	left: 415px; 		   /* 15px + ((n-1) * (90px - 10px)) */
	top: 0px;
}
#menue07 {
	/*********************************************************/
	/* Ebene der Registerlasche 07 (von links)			     */
	/*********************************************************/
	position: absolute;
	width: 90px;
	height: 31px;
	left: 495px; 		   /* 15px + ((n-1) * (90px - 10px)) */
	top: 0px;
}
#menue08 {
	/*********************************************************/
	/* Ebene der Registerlasche 08 (von links)			     */
	/*********************************************************/
	position: absolute;
	width: 90px;
	height: 31px;
	left: 575px; 		   /* 15px + ((n-1) * (90px - 10px)) */
	top: 0px;
}
/************************************************************************/
/*																		*/
/*				 textbezogene, allgemeingültige Klassen					*/
/*                sonstige mehrfach verwendete Klassen					*/
/*																		*/
/************************************************************************/
.clear		{ float: clear; }
.txt10 		{ font-size: 10px; }
.txt11 		{ font-size: 11px; }
.txt12 		{ font-size: 12px; }
.txt14 		{ font-size: 14px; }
.txt16 		{ font-size: 16px; }
.red		{ color: #ff2222; }
.blue		{ color: #2222dd; }
.green		{ color: #22dd22; }
.darkgreen	{ color: #5d8053; }
.white		{ color: #ffffff; }
.black		{ color: #000000; }
.orange 	{ color: #FF6600; }
.alCenter	{ text-align: center; }
.alLeft		{ text-align: left; }
h1	{
	font-size: 18px;
	font-weight: bold;
	padding: 4px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
}
.txtNoTopSpace {
	padding-top: 0px;
	margin-top: 0px;
}
.blockSpacer {
	height: 15px;
	border: 0px dashed black;
}
.refBlock1 	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	background-color: #f8fbf8;
	border: 1px solid #5d8053;
}
.refBlock2 	{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	background-color: #d7e2d7;
	border: 1px solid #5d8053;
}
.refBlock1 ul, .refBlock2 ul {
	margin: 5px 0px 0px -20px;
}
.refSpacer {
	height: 2px;
}
td.bgLight {
	background-color: #f8fbf8;
}
td.bgDark {
	background-color: #d7e2d7;
}
/************************************************************************/
/*																		*/
/*				 	   Formatierung von Ankern							*/
/*																		*/
/************************************************************************/
a:link, a:visited, a:active, a:hover {
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
}
a:link {
	color: #005F00;
}
a:visited {
	color: #005F00;
}
a:active {
	color: #005F00;
}
a:hover {
	/* text-decoration: underline; */
	color: #009F00;
}
/************************************************************************/
/*																		*/
/*				 	       spezielle Bildklassen						*/
/*																		*/
/************************************************************************/
.imgLeft {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
}
.imgRight {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	/*background-color:#FFCCCC;*/
}
.imgRef	{
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #5d8053;
}
/************************************************************************/
/*																		*/
/*			 	        spezielle Formularklassen						*/
/*																		*/
/************************************************************************/
/* input:normal, input:hover, input:focus, textarea:normal, textarea:hover, textarea:focus */
input, textarea {
	border: 1px solid #5d8053;
	background-color: #FFFFFF;
	font-size: 12px;
	width: 300px;
	height: 15px;
}
textarea {
	height: 80px;
}
input:normal, textarea:normal {
	border: 1px solid #5d8053;
	background-color: #FFFFFF;
}
input:hover, textarea:hover {
	border: 1px solid #55cc55;
}
input:focus, textarea:focus {
	border: 1px solid #547054;
	background-color: #d7f3d7;
}

input.csubmit {
	width: 300px;
	height: 20px;
	font-weight: bold;
	background-color: #d6f3d7;
	color: #5d8053;
}
input.csubmit:hover, input.csubmit:focus {
	background-color: #FF9900;
	border: 1px solid black;
	color: #000000;
}
td.cError {
	font-size: 10px;
	color:	#FF3300;
}
/************************************************************************/
/*																		*/
/*  	C S S  -  H a u p t k o n f i g u r a t i o n s d a t e i		*/
/*				 E N D E  d e r  D E F I N I T I O N E N				*/
/*																		*/
/************************************************************************/
/*]]>*/