/* 
================================
Skin styles for Kleemann
================================
*/ 
body {
    background-color:#333333;
    text-align:left;    
}
.normal {
    font-weight: normal;
	font-size: 10pt;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}
.SkinObject {
	font-weight: bold;
	font-size: 9pt;
	color: #0055a6;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}
A.SkinObject:link {
	text-decoration: none;
	color: #0055a6;	
}
A.SkinObject:visited {
	text-decoration: none;
	color: #0055a6;
}
A.SkinObject:hover {
	text-decoration: none;
	color: #cc9933;
}
A.SkinObject:active {
	text-decoration: none;
	color: #cc9933;
}

h1 {font-size:13pt; color:#0055a6; font-weight:bold; margin:0; padding:0;}
h2 {font-size:11pt; color:#0055a6; font-weight:bold; margin:0; padding:0;}
h3 {font-size:10pt; color:#0055a6; font-weight:bold; margin:0; padding:0;}
h4 {font-size:10pt; font-weight:bold; margin:0; padding:0;}
h5 {font-size:10pt; color:#ffffff; font-weight:bold; margin:0; padding:0;}

A:link  {
    text-decoration:    none;
    font-weight:bold;
    color:  #0055a6;
}
A:visited   {
    text-decoration:    none;
    font-weight:bold;
    color:  #0055a6;
}
A:hover {
    text-decoration:    underline;
    font-weight:bold;
    color:#cc9933;
}
A:active    {
    text-decoration:    none;
    font-weight:bold;
    color:#cc9933;
}
/*- alles umfassender Bereich -*/
.pagemaster {
	width: 100%;
	height: 100%;
	background-color:#333333;
	/*overflow:auto;	erzeugt (weiteren) Scrollbalken bei langem Text*/
}
/*- Seiteninhalt: Groesse, Hintergrund, Schrift, Ausrichtung... -*/
.skinmaster {
	width: 990;	
	height: auto;		
	background-color:#ffffff;	
    float: inherit;	
    font-weight: normal;
	font-size: 10pt;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;	
}
/*- Kopf mit Logo -*/
.skinheader {
    width:auto; 
    height:120px; 
    background-image: url(Kleemann_header_2.jpg);
    background-repeat:no-repeat;
    background-color:transparent;
    padding:0;     
}
.logo {
	float:left;
	width:217px;
	vertical-align:top;
}
.currentdate {
    width:auto;
    text-align:center;
    padding-right:20px; 
    float:right; 
    vertical-align:top;   
}
.user {
    width:auto;
    text-align:center; 
    float: right;
    padding-right:20px;    
}
.toppane1 {
    clear: right;
	width: auto;
	float:right;
	color:#ffffff;
	position:relative;
	top:-3px;
	background-color: transparent;
	padding:0px;
	margin-right:20px;
}
*html .toppane1 {
	clear: right;
	width: auto;
	float:right;
	color:#ffffff;
	position:relative;
	top:10px;
	background-color: transparent;	
	margin-right:20px;
}
.toppane1 a, .toppane1 a:active, .toppane1 a:visited {
    text-decoration: none;
    color:#ffffff;
}
.toppane1 a:hover {
    text-decoration: none;
    color:#cc9933;
}
.suche {
    /*clear: right;*/
    float:right;
    text-align:right;
    width:auto;
    position: relative;
    top:0px; 
    margin-right:20px;
    margin-top:2px;       
}
*html .suche {
    clear: right;    
    width:auto;
    position: relative;
    top:0px; 
    margin-right:20px;
    margin-top:2px;       
}
.toppane2 {	
	clear:both;
	width: auto;
	height:25px;
	float:left;
	position:relative;
	top:-10px;
	color:#ffffff;
	background-color: transparent;
	padding:0;
	padding-left:8px;
}
*html .toppane2 {	
	width: auto;
	float:left;
	position:relative;
	top:0px;
	color:#ffffff;	
	background-color: transparent;
	padding:0;
	margin-left:5px;
}
.Skinsearch {
    font-weight: bold;
    font-size: 9pt;
	color: #003366;
    font-family: Arial, Verdana, Sans-Serif;
    text-decoration: none;
    padding-right:5px;  
}
A.Skinsearch:hover {
    text-decoration: none;
    color:#6699cc;
}
.breadcrumb {
    clear:left;
    width:auto; 
    float:left;
	height:15px;
	background-color:transparent;
	font-weight:normal;
	padding:5px;   
    color:#0055a6;
    /*text-align:left;    */
}
*html .breadcrumb {
	margin:0;
    position:relative;
	top:-10px;
}
.leftpane {
	vertical-align:top;
}

/*==================================*/
/*===  Inventua Side Menu  =====*/
/*==================================*/
/*- 1. Menupunkt (root) - uebergeordnete Seite -*/
.MenuHdr {
    background-color:#f7cf18;
    width:100%;
    height:25px;
    border-bottom: solid 1px #0055a6;
    padding-left:5px;
    padding-top:5px;
    color:#0055a6; 
    font-weight: bold;
    font-size: 9pt;	
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;	
}
/*- 1. Menupunkt (root) - bei Mouse over -*/
.HdrHigh {
    background-color:#0055a6;
    width:100%;
    height:25px;
    border-bottom: solid 1px #ffffff;
    padding-left:5px;
    padding-top:5px;
    color:#ffffff; 
    font-weight: bold;
    font-size: 9pt;	
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}
.HdrHigh a {
    color:#ffffff; 
    text-decoration: none;    
}
.HdrHigh a:hover {
    color:#ffffff; 
    text-decoration: none;        
}
/*- 1. Menupunkt (root) - wenn aktive Seite (Wechsel der Hintergrundfarbe geht nur ueber Schrift) -*/
.currentHeaderHighlight {
    color:#ffffff; 
    text-decoration: none; 
    font-weight: bold;      
}
/*- 2. Menupunkt - untergeordnete Seite -*/
.MenuItem {
    background-color:transparent;
    width:100%;
    height:25px;
    border-bottom: solid 1px silver;
    padding-left:10px;
    padding-top:5px;
    color:#0055a6; 
    font-weight: bold;
    font-size: 9pt;	
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}
/*- 2. Menupunkt - bei Mouse over -*/
.ItemHigh {
    background-color:transparent;
    width:100%;
    height:25px;
    border-bottom: solid 1px silver;
    padding-left:10px;
    padding-top:5px;
    color:#cc9933; 
    font-weight: bold;
    font-size: 9pt;	
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}
.ItemHigh a {
    color:#6699cc; 
    text-decoration: none; 
}
.ItemHigh a:hover {
    color:#cc9933; 
    text-decoration: none;
}
/*- 2. Menupunkt - wenn aktive Seite  -*/
.currentItemHighlight {
    color:#cc9933; 
    text-decoration: none; 
}
/*== Inventua Menu Ende ================================*/


.contentpane {
	background-color: transparent;
	padding-left:20px;
	padding-right:20px;
	vertical-align:top;
}
.rightpane {
	background-color: transparent;
	padding-left:5px;
	vertical-align:top;
}
.footer {	
	width:auto; 
	height:92px;
	background-image: url(Kleemann_footer_2.jpg);
	background-repeat:no-repeat;
    background-color:transparent;
    vertical-align:top;
}
*html .footer {	
	background-color:#333333;
}
/*- Kleemann arbeitet weltweit - vor Ort: rechts oben, blauer Hintergrund -*/
.bottompane1 {	
	width:auto;
	height:25px;
	background-color: transparent;
	float:left;
	font-weight:normal;
	font-size:9pt;
	position:relative;
	left:680px;
	top:-10px;
}
*html .bottompane1 {	
	width:auto;
	height:25px;
	background-color: transparent;
	float:left;
	font-weight:normal;
	font-size:9pt;
	position:relative;
	left:680px;
	top:2px;
}
/*- Kleemann Holzpackmittel weltweit - an jeden Ort: rechts unten, gelber Hintergrund -*/
.bottompane2 {
	clear:both;
	width:auto;
	background-color: transparent;
	float:left;
	font-weight:normal;
	font-size:10pt;
	position:relative;
	left:680px;
	top:2px;
}/*- was wir machen, machen...: links, blauer Hintergrund -*/
.bottompane3 {
	clear: both;
	width:100%;
	background-color: transparent;
	float:left;
	position:relative;
	bottom:32px;
	font-weight:normal;
	font-size:9pt;
	padding-left:8px;
	text-align:left;
}
*html .bottompane3 {
	clear: both;
	width:100%;
	background-color: transparent;
	float:left;
	position:relative;
	bottom:22px;
	font-weight:normal;
	font-size:9pt;
	padding-left:8px;
	text-align:left;
}
.StandardButton {
  background: #0055a6 none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}

.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}
/*==============================================================================*/
/* CSS Einstellungen für Blogmodul */
/*========================================*/
h2.blog_title
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	margin-bottom: 3px;
	margin-top: 15px;
	line-height: 16pt;
}
h2.blog_title a:hover
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color:#cc0000;
	text-decoration:underline;
	line-height: 16pt;
}
.blog_body {
	width: 800px;
}
/*==============================================================================*/
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #cc0000;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #cc0000;
}
/*==============================================================================*/