/*	COLOR-LISTING				*/
/*	--------------------------- */

/*	#A8CA3C;					*/
/*	green-modern2	#B5DB31		*/
/*	grey-light		#525252 	*/
/*	grey-dark		#707173 	*/
/*  blue-light      #9BCDFE  	*/


body {
	font-family: "Century Gothic", Verdana, Arial, Sans-Serif;
	position: relative;
	font-size:10px;
	height: 100%;
	margin: 0;
	padding: 0;

}

h1 
{
	font-family: 	"Century Gothic", ", Verdana, Arial, Sans-Serif";
	font-style: 	normal
	font-weight:	bold;
	color:  		#707173;	/* dark grey */
	font-size:		36px;
	text-decoration: none;

}

h2 
{
	font-family: 	"Century Gothic", ", Verdana, Arial, Sans-Serif";
	font-style: 	normal
	font-weight:	bold;
	color:  		#9BCDFE;	 /* blue-light */
	font-size:		36px;
	text-decoration: none;

}


h3 /* Title blue-light */
{
	font-family: "Century Gothic", ", Verdana, Arial, Sans-Serif";
	font-style: 	normal;
	font-weight: 	bold; 		/* normal; */
	color: 			#9BCDFE; 	/* blue-light */	
	font-size:		14px;
	text-decoration: none;
	border:			1px;
	margin: 		0 ; 

}

h4 /* Title green-modern */
{
	font-family: "Century Gothic", ", Verdana, Arial, Sans-Serif";
	font-style: 	normal;
	font-weight: 	bold; 		/* normal; */
	color: 			#B5DB31; 	/*green-modern */
	font-size:		18px;
	text-decoration: none;
	border:			1px;
	margin: 		0 ; 

}

h5 /* grey-dark */

{
	font-family: "Century Gothic", ", Verdana, Arial, Sans-Serif";
	font-style: 	normal;
	font-weight: 	bold; 		/* normal; */
	color: 			#707173; 	/* #83BB02 */
	font-size:		14px;
	text-decoration: none;
	margin: 		0 ; 
	border:			1px;
	margin: 		0 ; 
}

h6 /* grey-dark */
{
	font-family: "Century Gothic", ", Verdana, Arial, Sans-Serif";
	font-style: 	normal;
	font-weight: 	bold; 		/* normal; */
	color: 			#707173; 	/* #83BB02 */
	font-size:		12px;
	text-decoration: none;
	border:			1px;
	margin: 		0 ; 

}

invers 
{
  background-color : #707173;
  color:#ffffff;
}


p 
{
font-size: 		1em;
line-height: 	1em;
margin: 		1em 0;
text-align: 	left;
}


p.green { color: #B5DB31; } 		/* green-modern2  */
p.blue  { color: #9BCDFE; } 		/* blue-light   */




caption 							/* Tabellen-Überschrift */
{
text-align:left; 
}		


table.tab1
{
	font-size:		12px;
	padding:		 4px;
	border-collapse: collapse;
    height:100%

}

table.tab2
{
	font-size:		10px;	
	padding:		 2px;
    border-collapse: collapse;
    height:100%;
}


td
{
	font-family: 	"Century Gothic", ", Verdana, Arial, Sans-Serif";
	font-style: 	normal;
	font-weight: 	normal; 		/* normal; */
	color: 			#707173; 		/* Schriftfarbe dark-grey = #707173*/
	text-decoration: none;
	margin: 		0 ; 
}


td.datacellzero 
{
	background-color: #9BCDFE; color: black;
}
td.datacellone 
{
	background-color: #E3E3E3; color: black;
}
td.datacelltwo 
{
	background-color: #FFFFFF; color: black;
}



tr.datacellzero 
{
	background-color: #9BCDFE; color: black;
}
tr.datacellone {
	background-color: #E3E3E3; color: black;
}
tr.datacelltwo {
	background-color: #FFFFFF; color: black;
}




#content {
	position: left;
/*	margin: 0 auto;   */
	width: 850px;
	top: 20px;		/* Abstand zur Überschrift */		
	height: 768px;
}




/* ------------------------ */
/* Horizontal Navigation    */
/* ------------------------ */
#horizontal-navigation {
	width: 400px;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

/* ------------------------ */
/* CSS for each Parent Item */
/* ------------------------ */
#horizontal-navigation li
{
	clear: both;
	height: 2em;
}

#horizontal-navigation li a
{
	float: left;
	display: block;
	padding: 4px;
	text-decoration: none;
	color: #666;
	text-transform: uppercase;
	margin-bottom: 5px;
	margin-right: 10px;
}

/* ----------------------------------------------------------------------- */
/* Change background color and font color of parent items when mouse hover */
/* ----------------------------------------------------------------------- */
#horizontal-navigation li:hover a,
#horizontal-navigation li a:hover
{
	background: #999;
	color: #fff;	
}




/* 
Applie to group of Child Items
Each Child Item will be invisible by default
*/
#horizontal-navigation ul {display: none;}

/* Each Child Item will be visible if mouse hover */
#horizontal-navigation li:hover ul {display: block;}

#horizontal-navigation ul
{
	list-style: none;
	float: left;
	margin: 0;
	padding: 4px 8px;	
}

#horizontal-navigation ul li
{
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	color: #999;
}


/* 
Reset and re style 
link of each child item
*/
#horizontal-navigation li:hover ul li a,
#horizontal-navigation ul li a
{
	display: inline;
	padding: 0 6px 0 0;
	float: none;
	text-transform: lowercase;
	color: #999;
	background: none;
}

#horizontal-navigation li:hover ul li a:hover,
#horizontal-navigation ul li a:hover
{
	background: none;
	color: #000;
}







/* --------------------- */
/* Vertical Navigation   */
/* --------------------- */
#vertical-navigation 
{ 
	list-style: none; 
	margin: 0; 
	padding: 0;
	font-size: 1.2em;
	float:none;		/*  right none left  */
	position:relative;
	left:215px;  	/* 450px */
	top:30px
/*  margin-top: -2.5em; */
	
}


/* CSS for each Parent Item */
#vertical-navigation li {float: left; position: relative;}

#vertical-navigation li a
{
	float: left;
	display: block;
	padding: 4px;
	text-decoration: none;
	color: #707173; /*  #666; #a3a3a3 */;
	font-weight: bold; 
	text-transform: none;  	/* lowercase uppercase none */
	margin-right: 10px;
	min-width: 50px;   		/* 40px */
}

/* 
Change background color and font color 
of parent items when mouse hover 
*/
#vertical-navigation li:hover a,
#vertical-navigation li a:hover
{
	background: #B5DB31; /*#999; */
	color: #fff;	
}




/* 
Applie to group of Child Items
Each Child Item will be invisible by default
*/
#vertical-navigation ul {display: none;}

/* Each Child Item will be visible if mouse hover */
#vertical-navigation li:hover ul {display: block;}

#vertical-navigation ul
{
	float: none;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	top: 1.8em; 	/* Abstand zum 1. child item  */
	left: 0;
}

#vertical-navigation ul li
{
	float: none;
	clear: none;
	margin: 0;
	padding: 0;
	width: auto;
	color: #999;
}


/* 
Reset and re style 
link of each child item
*/
#vertical-navigation li:hover ul li a,
#vertical-navigation ul li a
{
	line-height: 200%;
	display: block;
	padding: 0 6px 0 0;
	float: none;
	text-transform: none;	/* lowercase uppercase none */
	color: #999;
	background: none;
}

#vertical-navigation li:hover ul li a:hover,
#vertical-navigation ul li a:hover
{
	background: none;
	color: #ABCA3C; /*  #000;  */
}