/* 
	
	GPM Zeiterfassung 3.x, default theme
		
	filename: /css/gpm-defautl-theme_crome.css
	version:	1.0 - 2006-02-28 - mkr

	author:		martin (dot) krause (at) gpm (dot) de 
	
	just color and typo, nothing else.

	visual presentation of forms and tables:
		*_form.css
		*_table.css

	since this one is loaded *after* the *_basic.css, 
	you *can* overwrite margin/padding if you want to, 
	but this is definitly *not recommended*.
	

	validated by W3C CSS Validator // jigsaw.w3.org

*/


/* =main */
/*----------------------------------------------------------------------------*/

html {
	font-size: 100%; /* for IE*/
}

html > body {
	font-size: 16px; /* for everyone else*/
}

/* here we go with a default em size of 1em => 16px */

body {
	/*default font settings*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #57585A;
}

/* this items should have the same font-size as their parents*/

input, select, th, td, li li, li p, td p, q p {
	font-size: 1em;
}

/* =roundcorners used by the javscript  */
/*----------------------------------------------------------------------------*/

.roundcornertopleft {
	margin: 0;
	padding: 0;
	background: transparent url(/img/gen_roundcorner_top_left.gif) no-repeat top left;
}

.roundcornertopright {
	margin: 0;
	padding: 0;
	background: transparent url(/img/gen_roundcorner_top_right.gif) no-repeat top right;
	height: 100%;/* fix winIE */
}

/* =header, =logo, =metanavigation  */
/*----------------------------------------------------------------------------*/

#header {
	background: #fff;
	font-size: .6875em; /* 11px */
	border-bottom: 1px solid #fff;
	}
	
	#header #logo #claim {
	font-family: Tahoma, sans-serif;
	color: #9FA8AE;
	font-weight: bold;
	line-height: 1.27;
	font-size: 1.27em;  /* 14px */
}

#header #metanavigation #logindetails {
	font-weight: bold;
}

#header #metanavigation ul li {
	color: #0063B8;
}

#header #metanavigation ul li a {
	color: #0063B8;
	text-decoration: none;
}

#header #metanavigation ul li a:link {
	color: #0063B8;
	text-decoration: none;
}

#header #metanavigation ul li a:visited {
	color: #0063B8;
	text-decoration: none;
}

#header #metanavigation ul li a:hover {
	color: #0063B8;
	text-decoration: underline;
}

#header #metanavigation ul li a:active {
	color: #0063B8;
	text-decoration: underline
}

/* =mainnavigation  */
/*----------------------------------------------------------------------------*/
#mainnavigation ul li {
	height: 1.25em; /*20px*/
	background: #CFD3D6;
	color: #57585A;
	border-bottom: 1px solid #fff;
}

#mainnavigation ul li.active {
	height: 1.25em; /*20px*/
	background: #CFD3D6 url(/img/gen_mainnavigation_bg.gif) no-repeat bottom left;
	color: #fff;
}

#mainnavigation ul li.hover {
	height: 1.25em; /*20px*/
	background: #CFD3D6 url(/img/gen_mainnavigation_bg.gif) no-repeat bottom right;
	color: #fff;
}

#mainnavigation ul li dfn {
	display: none;
}

#mainnavigation ul li a {
	text-decoration: none;
	font-size: .6875em; /* 11px */
	line-height: .6875;
	text-decoration: none;
}

#mainnavigation ul li a:link {
	color: #57585A;
	text-decoration: none;
}

#mainnavigation ul li a:visited {
	color: #57585A;
	text-decoration: none;
}

#mainnavigation ul li a:hover {
	color: #fff;
	text-decoration: none;
}

#mainnavigation ul li a:active {
	color: #fff;
	text-decoration: none;
}

#mainnavigation ul li.active a:link {
	color: #fff;
	text-decoration: none;
}

#mainnavigation ul li.active  a:visited {
	color: #fff;
	text-decoration: none;
}

#mainnavigation ul li.active  a:hover {
	color: #fff;
	text-decoration: none;
}

#mainnavigation ul li.active  a:active {
	color: #fff;
	text-decoration: none;
}


/* =subnavigation  */
/*----------------------------------------------------------------------------*/
#subnavigation { /* everyone else */
	background: #4088C3;
	border-bottom: 1px solid #A0A7AD;
	min-height: 1.375em; /*22px*/
}

* html #subnavigation { /*for ie*/
	height: 100%;
}

#subnavigation ul li {
	color: #fff;
}

#subnavigation ul li a {
	text-decoration: none;
	font-size: .6875em; /* 11px */
	line-height: .6875;
	text-decoration: none;
}

#subnavigation ul li a:link {
	color: #fff;
	text-decoration: none;
}

#subnavigation ul li a:visited {
	color: #fff;
	text-decoration: none;
}

#subnavigation ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

#subnavigation ul li a:active,
#subnavigation ul li a.active {
	color: #fff;
	text-decoration: underline;
}

/* =content  */
/*----------------------------------------------------------------------------*/

#content {
	background: #F5F6F8;
	font-size: .63875em; /*11px*/
	line-height: 140%;
	border-bottom: 1px solid #4088C3;
}

#content h1 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 2.18em; /* 24px */
	line-height: 1.4;
	font-weight: bold;
	color: #A2ADB1;
}

#content h2 {
}

#content h3 {
}

#content p {
}

#content a {
	text-decoration: none;
}

#content a:link {
	color: #0063B8;
	text-decoration: none;
}

#content a:visited {
	color: #0063B8;
	text-decoration: none;
}

#content a:hover {
	color: #57585A;
	text-decoration: underline;
}

#content a:active {
	color: #57585A;
	text-decoration: underline;
}

/* =breadcrumbtrail  */
/*----------------------------------------------------------------------------*/

#content #breadcrumb {
	color: #A2ADB1;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 1.09em; /* 12px */
}

#content #breadcrumb a {
	color: #A2ADB1;
	text-decoration: underline;
}

#content #breadcrumb a:link{
	color: #A2ADB1;
	text-decoration: underline;
}

#content #breadcrumb a:visited{
	color: #A2ADB1;
	text-decoration: underline;
}

#content #breadcrumb a:hover{
	color: #A2ADB1;
	text-decoration: none;
}

#content #breadcrumb a:active{
	color: #A2ADB1;
	text-decoration: none;
}

/* =boxobject*/
/*----------------------------------------------------------------------------*/


.boxobject {
	border: 1px solid #005FAF;
	width: 150px;
}

.boxobject h2 {
	background: #4088C3;
	color: #fff;
	font-size: 1em;
}

/* =contentrow1, =Statusmeldungen: =positive, =warning, =alert, */
/*----------------------------------------------------------------------------*/

#content #contentrow1 {
	text-align: left;

}

#content .positive {
	border: 2px solid #00C500;
	background: #4FF14F;
	font-weight: bold;
}

#content .warning {
	border: 2px solid #FFCC66;
	background: #FFFF99;
	font-weight: bold;
	padding: 4px;

}

#content .alert {
	border: 2px solid #FF1A1A;
	background: #F30000;
	font-weight: bold;
	color: #fff;
}



/* =fake =3d =buttons */
/*----------------------------------------------------------------------------*/
#content a.button {
	/*display: block;*/
	/*height: 1.63em;*/ /*18px*/
	/*line-height: 1.1em;*/
	background: #FCFCFB;
	color: #57585A;
	margin: 0 8px 0 0;
	padding: 3px 10px; 
	line-height: 2.8em; 
	border-top: 1px solid #F3F3F0;
	border-right: 1px solid #3D3D3C;
	border-bottom: 1px solid #3D3D3C;
	border-left: 1px solid #F3F3F0;	
}

#content a.button:link {
	color: #57585A;
}

#content a.button:visited {
	color: #57585A;
}

#content a.button:hover {
	color: #57585A;
	border-top: 1px solid #F3F3F0;
	border-right: 1px solid #3D3D3C;
	border-bottom: 1px solid #3D3D3C;
	border-left: 1px solid #F3F3F0;	
	background: #E4E4E4;
	text-decoration: none;
}

#content a.button:active {
	color: #57585A;
	border-top: 1px solid #F3F3F0;
	border-right: 1px solid #3D3D3C;
	border-bottom: 1px solid #3D3D3C;
	border-left: 1px solid #F3F3F0;	
	background: #E4E4E4;
	text-decoration: none;
}

#content a.buttongrey {
	/*display: block;*/
	/*height: 1.63em;*/ /*18px*/
	/*line-height: 1.1em;*/
	background: #CFD3D6;
	color: #57585A;
	margin: 0 0px 0 5px;
	padding: 3px 10px; 
	line-height: 2.1em; 
	border-top: 1px solid #F3F3F0;
	border-right: 1px solid #3D3D3C;
	border-bottom: 1px solid #3D3D3C;
	border-left: 1px solid #F3F3F0;	
}

#content a.buttongrey:link {
	color: #57585A;
}

#content a.buttongrey:visited {
	color: #57585A;
}

#content a.buttongrey:hover {
	color: #57585A;
	background: #DADDE2;
	border-top: 1px solid #F3F3F0;
	border-right: 1px solid #3D3D3C;
	border-bottom: 1px solid #3D3D3C;
	border-left: 1px solid #F3F3F0;	
	text-decoration: none;
}

#content a.buttongrey:active {
	color: #57585A;
	background: #DADDE2;
	border-top: 1px solid #F3F3F0;
	border-right: 1px solid #3D3D3C;
	border-bottom: 1px solid #3D3D3C;
	border-left: 1px solid #F3F3F0;	
	text-decoration: none;
}


#content a.buttonwhite {
	/*display: block;*/
	/*height: 1.63em;*/ /*18px*/
	/*line-height: 1.1em;*/
	font-weight: bold;
	background: #fff;
	color: #005FAF;
	margin: 0 0px 0 5px;
	padding: 3px 10px; 
	line-height: 2.1em; 
	border-top: 1px solid #F3F3F0;
	border-right: 1px solid #134875;
	border-bottom: 1px solid #134875;
	border-left: 1px solid #F3F3F0;
}

#content a.buttonwhite:link {
	color: #005FAF;
}

#content a.buttonwhite:visited {
	color: #005FAF;
}

#content a.buttonwhite:hover {
	color: #f00;
	background: #fff;
	border-top: 1px solid #F3F3F0;
	border-right: 1px solid #134875;
	border-bottom: 1px solid #134875;
	border-left: 1px solid #F3F3F0;
	text-decoration: none;
}

#content a.buttonwhite:active {
	color: #005FAF;
	background: #fff;
	border-top: 1px solid #F3F3F0;
	border-right: 1px solid #134875;
	border-bottom: 1px solid #134875;
	border-left: 1px solid #F3F3F0;
	text-decoration: none;
}


/* =formularcenter */
/*----------------------------------------------------------------------------*/

ul.formularcenter {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.formularcenter li {
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
}

ul.formularcenter li h2 {
	margin: 15px 0 0px 0;
	padding: 0 0 0 0;
	font-size: 1.4em;
	line-height: 1.4;
}
ul.formularcenter li p {
	border-left: 22px solid #F5F6F8;
}

.pdf {
	background: transparent url(/img/gen_icon_pdf.gif) no-repeat 0 50% ! important;
	padding: 0 0 0 22px;
}

.txt {
	background: transparent url(/img/gen_icon_txt.gif) no-repeat 0 50% ! important;
	padding: 0 0 0 22px;
}

.doc {
	background: transparent url(/img/gen_icon_doc.gif) no-repeat 0 50% ! important;
	padding: 0 0 0 22px;
}

.dot {
	background: transparent url(/img/gen_icon_dot.gif) no-repeat 0 50% ! important;
	padding: 0 0 0 22px;
}

.xls, .xlt {
	background: transparent url(/img/gen_icon_xls.gif) no-repeat 0 50% ! important;
	padding: 0 0 0 22px;
}

.ppt, .pot {
	background: transparent url(/img/gen_icon_ppt.gif) no-repeat 0 50% ! important;
	padding: 0 0 0 22px;
}

/* =farbwerte */
/*----------------------------------------------------------------------------*/

.bgdefault { 	
	background: transparent;
/*	margin: 0 5px 0 0;*/

}

.bgblack { 	
	background: #000000;
/*	margin: 0 5px 0 0;*/

}

.bggray { 	
	background: #808080;
/*	margin: 0 5px 0 0;*/

}

.bgmaroon { 	
	background: #800000;
/*	margin: 0 5px 0 0;*/

}

.bgred { 	
	background: #FF0000;
/*	margin: 0 5px 0 0;*/

}

.bggreen { 	
	background: #008000;
/*	margin: 0 5px 0 0;*/

}

.bglime { 	
	background: #00FF00;
/*	margin: 0 5px 0 0;*/

}

.bgolive { 	
	background: #808000;
/*	margin: 0 5px 0 0;*/

}

.bgyellow { 	
	background: #FFFF00;
/*	margin: 0 5px 0 0;*/

}

.bgnavy { 	
	background: #000080;
/*	margin: 0 5px 0 0;*/

}

.bgblue { 	
	background: #0000FF;
/*	margin: 0 5px 0 0;*/

}

.bgpurple { 	
	background: #800080 ;
/*	margin: 0 5px 0 0;*/

}

.bgfuchsia { 	
	background: #FF00FF;
/*	margin: 0 5px 0 0;*/

}

.bgteal { 	
	background: #008080;
/*	margin: 0 5px 0 0;*/

}

.bgsilver { 	
	background: #C0C0C0;
/*	margin: 0 5px 0 0;*/

}

.bgwhite { 	
	background: #FFFFFF;
/*	margin: 0 5px 0 0;*/

}

.bggrey { 	
	background: #E0E0E0;
/*	margin: 0 5px 0 0;*/
}

.bgschraffiert {
	background: #000 url(/img/gen_schraffiert.gif) 0 0;
/*	margin: 0 5px 0 0;*/
}

.bgschraffiertFeiertag {
	background: #f00 url(/img/gen_schraffiert.gif) 0 0;
/*	margin: 0 5px 0 0;*/
}

.bgpunktiert {
	background-image: url(/img/gen_punktiert.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
/*	margin: 0 5px 0 0;*/
}


.trMouseOver  {
		border: 1px solid black;
}

.trMouseOver div {
		border-bottom: none ! important;
}

.trMouseOverUp {
	border-left: 1px solid #F8F6F5;
	border-right: 1px solid #F8F6F5;
}

.trMouseOverUp div {
		border-bottom: none ! important;
}

.trAbwesenheit {
	border-left: 1px solid #F8F6F5;
	border-right: 1px solid #F8F6F5;
}

/* =copyright  */
/*----------------------------------------------------------------------------*/

#copyright {
	color: #9FA8AE;
	font-size: .625em;
	line-height: 150%;
	text-align: center;
}

#copyright a {
	color: #9FA8AE;
	text-decoration: none;
}

#copyright a:link {
	color: #9FA8AE;
	text-decoration: none;
}

#copyright a:visited {
	color: #9FA8AE;
	text-decoration: none;
}

#copyright a:hover {
	color: #9FA8AE;
	text-decoration: underline;
}

#copyright a:active {
	color: #9FA8AE;
	text-decoration: underline;
}


/* =login  */
/*----------------------------------------------------------------------------*/

.loginForm {
	border: 1px solid #9CA7AD;
}


/* =misc  */
/*----------------------------------------------------------------------------*/
/* =acronym, =abbr*/
acronym, abbr{
	cursor: help;
	font-style: normal;
	border-bottom: 1px dotted #f00;
}

.vmiddle {

}