/************************************************************************************************/
/* CSS of Bracher-Automation Extranet 																				*/
/* Author: Stefan Bracher 																								*/
/************************************************************************************************/

/*********** GENERAL ****************************************************************************/
body 							{ 	background-color:  white;
									font-family : Arial;
									padding: 1%; margin: 0}
div							{ 	border: 0px solid black;}
a								{	font-weight : bold;
									font-style : normal;
									color : #000082;
									text-decoration : none;
									outline: none;
								}
a:Hover  					{ 	
								font-style : normal;
								text-decoration : underline;
								}
									
img							{
								border: 0px solid white;
								}
br.clear						{
								clear: both;
								}
								
table 						{ 
								margin: 0px 0px 0px 0px;
								padding: 0px 0px 0px 0px;
								}

th 							{
								background-color: #eaeaea;
								background: url(../uses/pictures/darkgray_gradient_middle.png);
								background-repeat: repeat-x;
								}																
/************************************************************************************************/

/********** Head *****************************************************************************/
div.head							{ 	
									position: relative; width: 100%; height: 100px; overflow: hidden;
									font-size: small;							
									}
div.head img				{ position: absolute; top: 0px; left: 0px;}
div.language_selection 		{ 
									position: absolute; top: 0px; right: 0px;
									background-color:  white;	
									}
div.head p						{ 	
									position: absolute; left: 31%; top: 25px;
									text-align : left;
									background-color:  white;		
									color : #474f4b;
									font-size : medium;
									}
/***********************************************************************************************/

/********** Menu *****************************************************************************/
div.menu						{ 	position: absolute;
									top: 80px; right: 1%;
									width: 70%; height: 20px;
									border: 0px solid black;	
									background-color:  white;
									color : black;
									padding: 0px;
									margin: 0px;						
								}
div.menuitem				{ 
									position: relative;
									float: right;
									height: 1em; width: 24%;
									overflow: hidden;
									background: url(../uses/gradients/menu.png);
									background-color: #393b3a;
									border-left: 1px solid black;
									border-top: 1px solid black;
									border-bottom: 1px solid black;
									border-right: 0px solid transparent;
									border-collapse: collapse;
									z-index: 2;
								}
								
div.menuitem:hover		{ 	background-color: #ababab;
									background: url(../uses/gradients/menu_hover.png);
									height: 10em;
									border-right: 1px solid black;	
									z-index: 2;
								}								

div.menuitem br			{
									font-size: 10px;
								}								

a.mainmenu					{
									position: relative;
									padding-left: 4px;
									padding-right: 4px;
									color: #393b3a;
									font-weight : bold;
									font-size: small;
									display: block;
								}
a.submenu					{
								position: relative;
								padding-left: 4px;
								padding-right: 4px;
								color: #393b3a;
								font-weight : bold;
								font-size: x-small;
								display: block;
								}			
								

						
/***********************************************************************************************/

/********** Share *****************************************************************************/
div.share					{	width: 100%;
									height: 20px;
									background-color: #FFFFFF;
									background: url(../uses/pictures/graywhite_gradient.png);
									background-repeat: repeat-x;
									text-align : right;
								}
/***********************************************************************************************/

/********** Murphy **************************************************************************/
div.murphy					{ 
								float: right;
								border: 5px solid transparent;
								}

/***********************************************************************************************/


/********** Content-Styles *********************************************************************/
img.link						{
								border: 1px solid #474f4b;
								}
img.link:hover				{
								border: 1px dotted black;
								}								

div.content					{ 
								/*position: absolute;
								right: 1%;
								left: 1%;
								bottom: 0px;
								top: 140px;*/
								overflow: auto;
								padding-right: 2px;
								z-index: 1;
								}

div.leftfloat				{
								float: left;
								border-right: 5px solid white;
								}

table.box 					{
								border-collapse: collapse;
								border: 1px solid #4A4A4A ;
								text-align : left;
								color : black;
								font-size : small;
								}

table.box td 				{
								vertical-align : top;
								background-color: #eaeaea;
								}
/***********************************************************************************************/

	
A.editmode  {
	font-family : Arial;
	font-weight : bold;
	color : red;
	font-size : x-small;
	text-align : left;
	text-decoration : none;
}	




/****************HAUPTMENUE************************/

	
table.hauptmenue {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

border: 1px solid #4A4A4A ;
}

table.hauptmenue :Hover
{
background-color: #ababab;
}

table.hauptmenue a {
display: block;
font-family : Arial;

text-align : left;
font-size : small;
text-decoration : none;
font-weight : bold;
font-style : normal;
}

td.hauptmenue 
{
width: 14.2%;

margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;


background-repeat: repeat-x;
}

td.hauptmenue :Hover
{


}

td.hauptmenue :Active
{
background-color: #ababab;
background: url(../uses/pictures/darkgray_gradient.png);
background-repeat: repeat-x;
}
/************************************************/

/****************LEFTMENUE************************/	
table.leftmenue {
width: 100%;
border-collapse: collapse;
background-color: #eaeaea;
border: 1px solid #4A4A4A ;
}

table.leftmenue :Hover
{
background-color: #ababab;
}

th.leftmenue {
width: 14.2%;
border: 1px solid #474f4b ;
background-color: #eaeaea;
background: url(../uses/pictures/darkgray_gradient_middle.png);
background-repeat: repeat-x;
}

td.leftmenue {
width: 14.2%;
border: 1px solid #474f4b ;
background-color: #eaeaea;
}

td.leftmenue a {
display: block;
font-family : Arial;
color : black;
text-align : left;
font-size : small;
text-decoration : none;
font-weight : bold;
font-style : normal;
}

td.leftmenue :Hover
{
background-color: #ababab;
}

td.submenue {
width: 14.2%;
border: 1px solid #474f4b ;
background-color: #eaeaea;
}

td.submenue :Hover
{
background-color: #ababab;
}

td.submenue a {
display: block;
font-family : Arial;
color : black;
text-align : left;
font-size : small;
text-decoration : none;
font-weight : normal;
font-style : italic;
}




/************************************************/	


table.intext {
width: 100%;
border-collapse: collapse;
border: 1px solid #4A4A4A ;
text-align : left;
color : black;
font-size : small;
}

table.intext td {
vertical-align : top;
background-color: #eaeaea;
}

table.download_list
{
text-align : left;
color : black;
font-size : small;
}

table.t100pc {
width: 100%;
border: 0px solid #4A4A4A ;
}



table.titelbar  {
width: 100%;
border: 0px solid #4A4A4A ;
vertical-align: top;
}



tr.titelbar  {
vertical-align: top;
}



td.top {
vertical-align: top;
}






td.obenrechts p {
text-align : right;
color : #474f4b;
font-size : x-small;
}

td.obenlinks {
vertical-align : top;
}

td.titelbar {
width: 70%;
vertical-align: bottom;
}

td.menuelinks {
width: 20%;
vertical-align : top;
}

td.inhalt {
width: 80%;
vertical-align : top;
}

td.bild {
width: 20%;
vertical-align : top;
}

th {
width: 20%;
vertical-align : top;
font-size : small;
color : black;
font-weight : bold;
text-align : center;
background-color: #ababab;
}

hr {
color: #474f4b;
}

h1 {
text-align : center;
color : #000082;
font-size : x-large;
}

h2 {
text-align : left;
color : #474f4b;
font-size : large;
}

h3 {
text-align : left;
color : #474f4b;
font-size : small;
}

li {
text-align : left;
color : black;
font-size : small;
}

li b{
color : #474f4b;
}

p {
text-align : justify;
color : black;
font-size : small;
}

p.quote {
text-align : right;
color : #474f4b;
font-size : x-small;
}

p.subtitle {
text-align : left;
color : #474f4b;
font-size : large;
}

b.red {
color : red;
}