/*-------------------------------------------------------------------------*/
/*---html vorne: Parameter für IE6----------------------------*/
body {	font-family:Verdana,Arial,Helvetica; font-size:0.75em;/**/
		width:99.01%;/*100.01%;*/ heigth:100.01%;
		min-height:20em;   min-width:30em;
                	background:#007F00;/*#66CCFF;/*#3366ff; /*margin: 5px 5px 5px 5px;*/
		background-image:url(icons-Zeiterfassung/g_listUhr150.jpg);
		overflow-y:hidden;
		}
* html body{font-size: 1.1em;
		}
*+html body{font-size: 0.9em;
		}
/** {margin: 0; padding: 0;}
/*		margin: 0; 	/*wirkt auf Abstand von links UND von oben (Buttons)*/
/*		padding: 0; 	/* wirkt auf den senkrechten Abstand der Schaltfelder*/
/*---seite mit rand einstellen--------------------------------------------*/
.seitenbereich {position:static; width:99%;/*98.5%;		/*der weisse Bereich*/
		height: 99%;
       		background:white;
    		overflow:hidden;
		background-position:left;    	z-index:1;
    		/*border: 0.2em solid gray;
    		border-left-color:silver; border-top-color:silver;*/
		}
*  html .seitenbereich {	width:99.8%; height:99.8%
		}
/*------------------------------------------bildaufteilung-------*/
#zzkopf {
		position:absolute; top:0.8em;/*0.7em; /*Left:0.1em;/*30px;/*  */
		overflow:hidden;
		height:63px; width:97%;/*955px;/*98%;*/
		float:left;
		text-align:left;
		background-image:url(icons-Zeiterfassung/g_internetkopf2.jpg);
        }
* html #zzkopf {
		position:absolute; top:0.1em; Left:0.1em; /*30px;/*  */
		overflow:hidden;  float:left;
                 width:99.5%;
        }
/*-------------*/
#zztopmen{
		position:absolute; top:8em; Left:20em;/*30px;*/
		overflow:hidden;
        height:1.8em;/*18px;*/
		width:97%;
		text-align:left;
		font-size:80%;
		float:left;
        }
* html #zztopmen{
		position:absolute; top:7em; Left:19em;/*0.5em;/*30px;*/
        overflow:hidden; width:97%;
       	}
/*-------------*/
#zzmenue {
		position:absolute; top:10em; Left:1.0em;/*10px;*/
		overflow:hidden;
		width:12%; min-width:180px; max-width:240px;
		font-size:0.85em;/*0.87em;*/
		float:left;
        font-family:Arial;
		}
* html #zzmenue {
		position:relative; top:10em; Left:-0.5em;/*10px;*/
		overflow:hidden;
		font-size:0.95em;
        font-family:Arial;
		width:20%; min-width:155px; max-width:190px;
        z-index:5;
		}
/*-------------*/
#zzinhalt{	position:absolute; top:9em; Left:18em;
		overflow-y:scroll; overflow-x:hidden;
        height:80%;/*470px;/*78%;*/ width:78%;
		background:url(icons-Zeiterfassung/g_Uhr-V4-1.gif);
        padding-left:0.5em;
        font-family:Verdana,Arial,Helvetica;
		font-size:0.9em;
		float:right;
		z-index:0;
        }
* html #zzinhalt{position:absolute; top:7.5em; Left:17em;
        font-family:Verdana,Arial,Helvetica;
		font-size:1.1em;
		height:82%; width:80%
        }
a:hover {        color: white; background-color: gray;
		}
a:active {	/*background-color: green;/**/
		}

/*-------------*/
#zzfussunten {	position:absolute; top:99%;/* Left:10px;*/
		float:right;
		margin-top: -0.8em;
		text-align:right;
        font-family:Arial;
		font-size:0.6em;
		width:98%; color:white;
		}
#zzfuss {	position:absolute; top:93%; Left:2em;
		float:left;
		margin-top: -0.8em;
		text-align:left;
		font-family:Arial,Helvetica;
		font-size:80%;
		width:170px; color:black;
        }
* html #zzfuss {
		position:absolute; top:95%;/*70em; */
		Left:1em;
		float:left;
        color:black;
        font-size:1em;
        font-family:Arial,Helvetica;
		}

/*------------------------------------------navigation-----------*/
ul#Navigation {
		width: 16em;
        margin: 0; padding: 0.5em;
		}
* html ul#Navigation {  /* Korrekturen fuer IE 5.x */
		width: 33.6em;
		w\idth: 8em;
		padding-left: 0;
		padd\ing-left: 0.8em;
		}
ul#Navigation li {
		list-style: none;
		margin: 0.2em; padding: 0;
		}

ul#Navigation li ul li{
		/* margin: 0; padding: 0; /*width:12% min-width:180px;*/
		margin-left: -3em;/*-30px;
		/*padding: 2px 2px 2px 2px; margin: 0 0 0 1em;*/
        }
ul#Navigation li.in{
		margin: 0; margin-left: 2em;
		}
ul#Navigation a {
		display:block;
		padding: 0.2em;
		text-decoration: none; font-weight: bold;
		border: 1px solid silver;
		border-left-color: white; border-top-color: white;
		/*color: maroon; */
		/*background-color: #cccccc;*/
		}
* html ul#Navigation a {  /* Breitenangaben nur fuer IE */
		/*width: 100%;*/
		width: 16.5em;
		}
ul#Navigation a:hover {
		border-color: white;
		border-left-color: black; border-top-color: black;
		color: white; background-color: gray;
		}
ul#Navigation a:active {
		color: black; font-weight:bold;
		/*background-color: green;/**/
    	}
* html ul#Navigation a:active {
		color: black; font-weight:bold;
		background-color: silver;
    	}
/*----------------------------------------------------------------------*/
/*-----------------------------------Formatvorgaben Normaltext----------*/

h1,h2,h3,h4,h5 {	font-family: Verdana,Arial,Helvetica,sans-serif;
			/*margin-left:1em; margin-bottom:0.7em; margin:1.0em;
    			/*color: maroon;*/     }
h1 { font-size: 1.4em; border-bottom: 1px solid silver;
	margin-top:1.2em; margin-bottom:0.8em;
	}
h2 { font-size: 1.1em; margin-bottom:0.3em; /*border-bottom: 1px solid silver;*/}
h3 { font-size: 1.0em; margin-bottom:0.3em; }
h4 { font-size: 80%; margin-bottom:0.3em;}
h5 { font-size: 0.6em; margin-bottom:0.3em;}
* html h1{ margin-top:1.2em; font-size: 1.5em; } /*für IE*/
* html h2{ margin-top:1.0em; font-size: 1.3em; } /*für IE*/
* html h3{ margin-top:1.0em; font-size: 1.2em; margin-bottom:0.5em; } /*für IE*/

.weit { margin-top:0.4em;}
* html .weit { margin-top:0.4em;}

.inl {display:inline;}
* html .inl {display:inline;}

.re {clear:left; text-align:right;}
* html .re {clear:left; text-align:right;}

.in{margin: 0; margin-left: 2em;}
* html .in{margin: 0; margin-left: 2em;}

.inwt{margin-top: 1em; margin-left: 2em;}
* html .inwt{margin-top: 1em; margin-left: 2em;}

p {/*margin-top: -0.1em;*/}
* html p {/*margin-top: -0.4em;/*border:1px solid red;*/}

/*---Tabellenformate im Normaltext-*/
tr { font-family: Verdana,Arial,Helvetica; font-size: 0.7em; padding:1px;}
* html tr { font-family: Verdana,Arial,Helvetica; font-size:.95em; padding:1px;}
tr#klein { font-family: Verdana,Arial,Helvetica; font-size: 0.8em; padding:1px;}
td#klein { font-family: Verdana,Arial,Helvetica; font-size: 0.8em; padding:1px;}

#hmenue li {display: inline; padding: 15px 15px; }
* html #hmenue li {display: inline; padding: 15px 15px; }

/*---TEXTformate -*/
big {font-size: 120%;}
.big {font-size: 120%;}
* html .big {font-size: 120%;}

small {font-size: 80%;}
* html small {font-size: 80%;}

/*------------------------------------Spalten (statt Tabellen)------------*/
.subcolumns { width:99%; overflow:hidden; /*float:left;*/
		overflow:visible; display:table; table-layout:fixed;
		/*border:1px solid red;*/}

.col1,.col3L,.col7R,.col40L,.col60R,.col30L,.col30M,.col30R,
.col4L,.col4ML,.col4MR,.col4R,.col50L,.col50R
	{display:inline-block; padding: 0.2em; margin-left: 0.4em;
	/*border:1px solid blue;*/}

/** html .col1, * html .col40L, * html .col60R,* html .col30L,* html .col30M,* html .col30R,
* html .col4L,* html .col4ML,* html .col4MR,* html .col4R,
* html .col50L,* html .col50R
	{display:inline-block; padding: 0.2em; margin-left: 0.3em;}*/

.col1 {float:left; clear:left; width: auto; display:inline-block;}
* html .col1 {float:left; clear:left; width:98%;}

.col40L {width: 40.01%; float:left;}
.col60R {float:left; width: 56%;}
* html .col60R {float:left; width:57%;}

.col3L {width: 28.01%; float:left;}
.col7R {float:left; width: 69%}
* html .col7R {float:left; width:68%;}

.col50L {width: 48.01%; float:left;}
.col50R {width: 48%;float:left;}
* html .col50R {width: 50%; float:left;}

* html .col30R {width: 32%; /*float:right;*/}
.col30L {width: 32%; float:left;}
.col30M {width: 32%; float:left;}
.col30R {width: 31%; float:left;}

.col4L  {width: 23.7%; float:left;}
.col4ML {width: 23.7%; float:left;}
.col4MR {width: 23.7%; float:left;}
.col4R  {width: 23.0%; float:right;}
* html .col4L,* html .col4ML,* html .col4MR,* html .col4R
 {width: 24.5%;}



/*-----------------------------------schatten für's Menü-------------------*/
/*---------------nicht genutzt......
#shadow {
	width:18em;
	margin-left:2em;
	margin-top:2em;
	background-color:#bbbbbb;
}
#shadow ul {
	position:relative;
	right:1em;
	bottom:1em;
	background-color:#F0F4D6;
	border:1px solid #000000;
	padding: 5px;
	list-style: none;
}*/