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

/*********** GENERAL HTML-CODES *****************************************************************/
a							{	font-weight : bold;
								font-style : normal;
								color : #000082;
								text-decoration : none;
								outline: none;
							}
a:Hover  						{	font-style : normal;
								text-decoration : underline;
							}
body 							{ 	background-color:  #e8e8e8;
								font-family: Arial;
								font-size: medium;
								color : #474f4b;
								
							}
br.clear						{	clear: both;}
div							{ 	border: 0px solid black;}
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;
							}
img							{	border: 0px solid white;}
li 							{	text-align : left;
							}
li b 							{ 	color : #474f4b; }
table 							{	margin: 0px 0px 0px 0px;
								padding: 0px 0px 0px 0px;
							}
th 							{	background-color: #eaeaea;
								background: url(../files/gradients/darkgray_gradient_middle.png);
								background-repeat: repeat-x;
								color: #474f4b;
								font-size: large;
								font-weight: 900;
							}

p 							{	text-align : justify;
							}
/************************************************************************************************/

/************ General Classes *******************************************************************/
.border							{	border: 1px solid #474f4b;}
.linkdescription					{	padding-left: 210px; }
/************************************************************************************************/

/********** 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: 280px; top: 18px;
								text-align : left;
								background-color:  white;		
								color : #474f4b;
								font-size : 20px;
							}
/***********************************************************************************************/

/********** Menu ******************************************************************************/
div.main						{
								position: relative;
								border: 0px solid black;
								width: 900px;
								margin-left: auto; 
								margin-right: auto;
								margin-bottom: 0px;
								margin-top: 0px;
								padding: 1%; 
								background-color:  white;
							}



div.menu						{ 	position: absolute;
								top: 80px; right: 1%;
								left: 260px; height: 30px;
								border: 0px solid black;	
								background-color:  white;
								color : black;
								padding: 0px;
								margin: 0px;
								font-size: 16px;
							}
div.menuitem						{	position: relative;
								float: right;
								height: 16px; width: 32%;
								overflow: hidden;
								background: url(../files/gradients/menu.png);
								background-color: #393b3a;
								border-left: 1px solid black;
								border-top: 1px solid black;
								border-bottom: 1px solid black;
								border-right: 1px solid black;
								border-collapse: collapse;
								padding: 1px;
								padding-bottom: 5px;
								z-index: 2;
							}	

div.menuitem:hover					{ 	background-color: #ababab;
								background: url(../files/gradients/menu_hover.png);
								height: 10em;
								border-right: 1px solid black;	
								z-index: 2;
							}

.menuitem ul						{	position: absolute;
								left: 4px;
								top: 1.2em;
								text-align: left;
								padding-left: 16px;
								
								list-style: disc;
							}

.menuitem li						{	
								font-size: 12px;
								
								padding: 2px;
								margin: 0px;
							}

div.menuitem br						{	font-size: 10px;}
a.mainmenu						{	position: relative;
								padding-left: 4px;
								color: #393b3a;
								font-weight : bold;
								font-size: 14px;
								display: block;
							}
a.submenu						{	padding-right: 4px;
								color: #393b3a;
								font-weight : bold;
								display: block;
							}
/***********************************************************************************************/

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

/********** Murphy **************************************************************************/
div.murphy						{	float: right;
								border: 25px solid white;
							}
/***********************************************************************************************/


/********** Content-Styles *********************************************************************/
div.banner						{	width: 100%;
								text-align: center;
								margin: auto;
								overflow: hidden;
							}
b.red 							{ 	color : red;}
div.content						{ 
								/*position: absolute;
								right: 1%;
								left: 1%;
								bottom: 0px;
								top: 140px;*/
								overflow: auto;
								padding-right: 40px;
								padding-left: 40px;
								z-index: 1;
							}
div.leftfloat						{	float: left;
								border-right: 5px solid white;
								border-bottom: 5px solid white;
								font-size: small;
								max-width: 200px;
								
							}
img.link						{	border: 1px solid #474f4b;}
img.link:hover						{	border: 1px dotted black;}
p.quote 						{	text-align : right;
								color : #474f4b;
								font-size : x-small;
							}
p.subtitle 						{	text-align : left;
								color : #474f4b;
								font-size : large;
							}
table.box 						{	border-collapse: collapse;
								border: 1px solid #4A4A4A ;
								text-align : left;
								min-width: 600px;
							}

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


/********** Editmode-Styles *********************************************************************/
a.editmode  						{
								font-family : Arial;
								font-weight : bold;
								color : red;
								font-size : x-small;
								text-align : left;
								text-decoration : none;
							}
/************************************************************************************************/

/*****************************End of CSS ********************************************************/