/* CSS Document 

TAB GmbH - reDesign 2008
www.tab-gmbh.de

*/

/* ---- Main-Colors --------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------ */

body {
	background-color: #333333;
	background-image: url(../grafx/grey/backgroundBody-X.jpg);
	}
	
#timeClockBanner {
	visibility: hidden;
	}
	
/* -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */

#mainSkinBody {
	background-image: url(../grafx/grey/backgroundContext-Y.jpg);
	}
	
/* -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
	
#bodyTopBackBubbles {
	background-image: url(../grafx/grey/contextTopBack.jpg);
	}
	
/* -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */	
	
#contextBodySkin {
	background-image: url(../grafx/grey/contextTopBack.jpg);
	}
	
/* ---- Main-Navigation-Colors ---------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------ */

#headerNavigationSkin {
	border-top: 1px solid #afb1b3;
	border-bottom: 1px solid #fafafb;
	background-image: url(../grafx/grey/mmMainBack-red.png); 
	}	

#headerNavigationBody {
	border-top: 1px solid #F89F9C; /* #EC747F; /* #ffcccc; */
	border-bottom: 1px solid #330000;
	}
	
.styleOutlines {
	border-top-color: #cc0000;
	border-right-color: #330000;
	border-bottom-color: #330000;
	border-left-color: #cc0000;
	}	
	
#mainMenuBody {	
	border-left: 1px solid #330000;
	border-right: 1px solid #cc0000;
	}
	
#mainMenuBody A {
	color: #ffffff;
	}

#mainMenuBody .mainMenu-active, #mainMenuBody .mainMenu-active-02 {
	color: #110000;
	background-image: url(../grafx/grey/mmRoBack-red.png);
	}
	
#mainMenuBody .mainMenu-ul-level .mainMenu-active-02 {
	background-image: url(../grafx/grey/mmRoBack-red.png);
	}
	
#mainMenuBody A:hover {
	background-image: url(../grafx/grey/mmRoBack-red.png);
	}
	
#mainMenuBody .mainMenu-ul-level {
	background-image: url(../grafx/grey/mmSubLevel-red.png);
	}
	
#mainMenuBody .mainMenu-ul-level A:hover {
	background-image: url(../grafx/grey/mmRoBack-red.png);
	}
	
.mainMenu-ul-level, .mainMenu-ul-level ul {
	border-top-color: #330000;
	}
	
.ifSubLink {
	background-image: url(../grafx/grey/ifSub-down.png);
	}
	
.ifSubLink-02 {
	background-image: url(../grafx/grey/ifSub-right.png);
	}
	
/*	*/
#headerNavigationBody {
	border-top: none;
	}


#headerNavigationSkin {
	border-bottom: none;
	}
	
/* ---- Right-cCol-Colors -------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------ */
	
.outerFrameBody {
	border: 1px solid #afb1b3;
	background-image: url(../grafx/grey/backGround-halfGrey.png);
	}
	
.frameBodyTitle {
	color: #fafafb;
	background-image: url(../grafx/grey/mmMainBack-grey.png);
	border-color: #fafafb #fafafb #afb1b3 #fafafb;
	}
		
.innerFrameBody {
	border: 1px dotted #afb1b3;
	}	
	
/* ---- Sub-Navigation-Colors ---------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------ */	
	
#subMenuBody A {
	color: #222222;
	}
	
#subMenuBody A:hover {
	color: #cc0000;
	}
	
#subMenuBody ul {
	margin: 0 0 0 2.00em;
	padding: 0;
	}

.subMenu-ifSubNO, .sitemap-ifSubNO {
	list-style-image: url(../grafx/grey/smListBefore.gif);
	}
		
.subMenu-ifSubACT, .sitemap-ifSubACT {
	list-style-image: url(../grafx/grey/smListBefore-ifSub.gif);
	}
	
.subMenu-activeBody {
	color: #cc0000;
	border-bottom: 1px dotted #cc0000;
	}
	
/* ---- Meta-Navigation-Colors --------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------ */
	
#clickPathBody, #clickPathBody A, #metaMenuBody A {
	color: #999999;
	}
	
#clickPathBody A:hover, #metaMenuBody A:hover {
	color: #f5f5f5;
	}
	
/* ---- MainContentColors -------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------ */

h1, h2, h3, h4, h5 {
	color: #990000;
	border-bottom: 1px dotted #990000;
	}
		
.cCol-innerContent {
	color: #444444;
	}
	
/* ------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------ */	
/*
input[type='submit'], input[type='button'] {
	background-image: url(../grafx/grey/mmMainBack-grey.png);
	}
	
input[type='submit']:hover, input[type='button']:hover {
	background-image: url(../grafx/grey/mmRoBack-grey.png);
	}
*/
/* ------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------ */	