/* ************************************ */
/* Content: CSS styles i4Portal         */
/* ************************************ */


/* PAGE SETUP */

/* background color for the content part of the pages */
Body {
       
    background: url(/images/background.jpg);
    background-repeat:repeat-x;
    background-color:#413d42;
    font-family:Verdana, Helvetica, sans-serif;
    font-size: 12px;
    line-height:16px;
    color:#000000;
    margin:0px;
    margin-bottom:15px;
/* 
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #cccccc;
    SCROLLBAR-3DLIGHT-COLOR: #ffffff;
    SCROLLBAR-ARROW-COLOR: #7B7B7B;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #222222;
    SCROLLBAR-BASE-COLOR: #ECECEC; */
}

/* Content-Pane */
.ContentFrame {
}

/* Left und Right-Pane */  
.LeftFrame {
}
    

/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle {
    font-family:Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
}

/* background/border colors for the selected tab */
TD.TabBg {
    /*background-color: #E8EDF3;*/
    border-width: 0px;
    color:#38536f;
    height: 30px;
}

/* background/border colors for the unselected tabs */
TD.OtherTabsBg {
	border-width: 0px;
	color:#38536f;
	height: 30px;
}

/* text style for the selected tab */
.SelectedTab {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;   
    font-weight: normal;  
	border-width: 0px;
    color:#000000;
	text-decoration:none;
	text-transform:none;
	background-color: #e7dfea;
	padding-left:12px;
	padding-right:12px;
	padding-top:8px;
	padding-bottom:8px;	
	height: 30px;	
}

/* text style for the unselected tabs */
.OtherTabs {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;   
    font-weight: normal;  
	border-width: 0px;
    color:#ffffff;
	text-decoration:none;
	text-transform:none;
	padding-left:12px;
	padding-right:12px;
	padding-top:8px;
	padding-bottom:8px;		
	height: 30px;	
}

/* style for upper and lower menu-lines*/
.MenuLines {
	background-color: #38536f;
}

/*style for drop down menu */
.MenuDrop 
{
	/*background-color: #E7EBEF;
	/* #E7EBEF */
}

/* text style for drop-down menu items */
.MenuDropItem {
	text-decoration: none;
	text-transform: none;
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link {
    text-decoration: none;
    color:#ffffff;
	background-color: Transparent;
	height: 30px;	   
}

A.OtherTabs:visited {
    text-decoration:    none;
    color:#ffffff;
	background-color: Transparent; 
	height: 30px;	   
}

A.OtherTabs:active {
    text-decoration:    none;
    color:#ffffff;
	background-color: Transparent;    
	height: 30px;	   
}

A.OtherTabs:hover {
    text-decoration:    none;
    color:#000000;
	text-transform:none;  
	background-color: #e7dfea;	
	height: 30px;	   
}

A.SelectedTab:link {
    text-decoration:    none;
    color:#000000;
	height: 30px;	   
}

A.SelectedTab:visited {
    text-decoration:    none;
    color:#000000;
	height: 30px;	   
}

A.SelectedTab:active {
    text-decoration:    none;
    color:#000000;
	height: 30px;	   
}

A.SelectedTab:hover {
    text-decoration:    none;
    color:#000000;
	text-transform:none;   
	height: 30px;	   
}

/* text style for the site links (at extreme top-right of header) */
.SiteLink {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  12px;
	text-transform: uppercase;    
    color:#38536f;
    padding-right:17px;
}

.MenuShadow {
    height:5px;
    background-image: url(/images/menu-shadow.png); 
}

/* hyperlink style for the site links */
A.SiteLink:link {
    text-decoration:    none;
    color:#ffffff;
}

A.SiteLink:visited {
    text-decoration:    none;
    color:#ffffff;
}

A.SiteLink:active {
    text-decoration:    none;
    color:#D6E3EF;
}

A.SiteLink:hover {
    text-decoration:    none;
    color:#D6E3EF;
}

/* style for language-selector in page banner */
.LanguageSelector {
    font-family:Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
}
.LanguageSelector:link	{
	color: #FFFFFF;	
}

.LanguageSelector:visited {
	color: #FFFFFF;
}

.LanguageSelector:hover	{
	color: #D6E3EF;
}

/* GENERAL */
/* style for module design Content Pane */

td.ModuleHeaderCenter, .ModuleHeaderCenter {
	background-image: none;
    background-color: Transparent;   	
}
	
td.ModuleHeaderCenter {
    font-family: Times New Roman, Times, Serif;
    font-size: 22px;
    font-weight: normal;
    font-style:italic;
    color: #777278;
    line-height: 20px; 
    padding-left: 0px;
    padding-bottom: 16px; 	
}


td.ModuleContentCenter {
    background-image: none;
    background-color: Transparent;    
}

.ModuleContentCenter {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  12px;
    line-height: 15px;
    color: #000000;
	padding: 0px;
	
}

ModuleHeaderCenter {
	background-image: none;
    background-color: Transparent;     	
}

td.ModuleHeaderLeft {
	background-image: none;
    background-color: Transparent;
}
	
td.ModuleHeaderRight {	
	background-image: none;	
    background-color: Transparent;    
}
	
td.ModuleContentLeft {
	background-image: none;
    background-color: Transparent;    
}
	
td.ModuleContentCenter {
	background-image: none;
    background-color: Transparent;
	padding-left: 0px;     
}
	
td.ModuleContentRight {
	background-image: none;
    background-color: Transparent;    
}

td.ModuleFooterLeft {
	background-image: none;
    background-color: Transparent;    
}
	
td.ModuleFooterCenter {
	background-image: none;
    background-color: Transparent;    
}
	
td.ModuleFooterRight {
	background-image: none;
    background-color: Transparent;    	
}

.ModuleContentListLeft {
    font-family:Verdana, Helvetica, sans-serif;
    font-weight: bold;    
    font-size:  12px;    
    height: 27px;
    color: #ffffff;
	background-image: url(/images/list-center-bg.gif);  
	padding-left: 4px;	
}

/* style for module design Left and Right Pane */

td.colPaneDesign {
    background-color: #777278;

}

td.ColPaneDesign .ModuleHeaderCenter {
     font-family: Times New Roman, Times, Serif;
    font-size: 22px;
    font-weight: normal;
    font-style:italic;
    color: #ffffff;
    line-height: 20px; 
    padding-left: 0px;
    padding-bottom: 0px; 
    background-color:#777278;
    vertical-align:middle; 
	
}

td.ColPaneDesign .ModuleContentCenter {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: #000000;
    background-color:#777278;
    vertical-align:top; 
    
}

td.ColPaneDesign .ModuleContentListLeft {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  12px;
    height: 27px;
    color: #000000;
    background-color:#ffffff;
	background-image: none;
	margin: 3px;
	vertical-align:top;
	border-bottom: none;
	border-right:solid 1px #ffffff;
	padding-top:5px;
	padding-bottom:5px;
    font-weight: normal;
}

td.ColPaneDesign td.ModuleHeaderLeft {
	width:4px;
	height: 29px;
	background-image: none;
    background-color:#777278; 
}
	
td.ColPaneDesign td.ModuleHeaderCenter {
	height: 29px;
	background-image: none;
    vertical-align:middle; 	
}
	
td.ColPaneDesign td.ModuleHeaderRight {
	width: 6px;
	height: 7px;
	background-image: none;
	background-color:#777278; 
}
	
td.ColPaneDesign td.ModuleContentLeft, td.ColPaneDesign ModuleContentLeft {
	width: 4px;
	background-image: none;
	background-color: #ffffff;	
	padding-left: 0px;
	border-left: solid 1px #777278;	
}
	
td.ColPaneDesign .ModuleContentCenter {
	background-color: #ffffff;
    padding: 4px;	
}
	
td.ColPaneDesign td.ModuleContentRight, td.ColPaneDesign ModuleContentRight {
	width: 6px;
	background-image: none;
	background-color: #ffffff;	
}

td.ColPaneDesign td.ModuleFooterLeft {
	width: 4px;
	height: 7px;
	background-image: none;
}
	
td.ColPaneDesign td.ModuleFooterCenter {
    width: inherit;
	height: 7px;
	background-image: none;
}
	
td.ColPaneDesign td.ModuleFooterRight {
	width: 6px;
	height: 7px;
	background-image: none;	
}

/* Breadcrumbs */

td.Breadcrumbs {
    height: 15px;
    vertical-align: top;
    padding-left: 0px;
    padding-bottom: 15px;
}

A.Breadcrumbs {
    color: #38536f;
}

A.Breadcrumbs:link {
    text-decoration: none;
    color: #38536f;
}

A.Breadcrumbs:visited {
    text-decoration: none;
    color: #38536f;
}

A.Breadcrumbs:active {
    text-decoration: underline;
    color: #38536f;
}

A.Breadcrumbs:hover {
    text-decoration: underline;
    color: #38536f;   
}


/* GENERIC */
H1 {
    font-family: Times New Roman, Times, Serif;
    font-size: 22px;
    font-weight: normal;
    font-style:italic;
    color: #777278;
    line-height: 20px;     
}

H2 {
    font-family: Times New Roman, Times, Serif;
    font-size: 18px;
    font-weight: normal;
    font-style:italic;
    color: #777278;
    line-height: 18px; 
}

H3 {
    font-family: Times New Roman, Times, Serif;
    font-size: 14px;
    font-weight: normal;
    font-style:italic;
    color: #777278;
}

H4 {
    font-family: Times New Roman, Times, Serif;
    font-size: 14px;
    font-weight: normal;
    font-style:italic;
    color: #000000;
}

H5, DT {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #38536f;
}

H6 {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #38536f;
}

TFOOT, THEAD {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  12px;
    color: #38536f;
}

TH {
    vertical-align: baseline;
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #38536f;
}

A:link {
    text-decoration:    none;
    color:  #777278;
}

A:visited {
    text-decoration:    none;
    color:  #777278;
}

A:active {
    text-decoration:    none;
    color:  #777278;
}

A:hover {
    text-decoration:    underline;
    color:  #777278;
}

SMALL {
    font-size: 9px;
}

BIG {
    font-size: 12px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}

UL LI {
    list-style-type:    square ;
}

UL LI LI {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI {
    list-style-type:    decimal;
}

OL OL LI {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: #dcdcdc;
    height:1px;
    text-align:left
}

INPUT { 
    PADDING-LEFT: 1px;
    FONT-SIZE: 12px;
    COLOR: #000000;
    font-family:Verdana, Helvetica, sans-serif;
}

CHECKBOX {
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    font-family:Verdana, Helvetica, sans-serif;
}

input.CHECKBOX2 {
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    font-family:Verdana, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ff00ff;   
}

SELECT {
    FONT-SIZE: 12px;
    FONT-STYLE: normal;
    font-family:Verdana, Helvetica, sans-serif;
}

TEXTAREA {
    border:  #e7dfea 1px solid;
    FONT-SIZE: 12px;
    COLOR: #000000;
    font-family:Verdana, Helvetica, sans-serif;
}    


/* text style used for most text rendered by modules */

.normal {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight: normal;
    color: #000000;
}

.normalbold {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight: bold;
    color: #000000;
}

/* Moduls */

.documents_table {
   font-family: Verdana, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #000000;
   background-color: #ffffff;
   line-height:15px;
   border-top: #ffffff 1px solid;	  
}

.documents {
   font-family:Verdana, Helvetica, sans-serif;
   font-size: 12px;
   background-image:url('/images/list-background_alternate.gif');
   background-color: #ffffff;      
   padding-top: 5px;
   padding-bottom:5px;	   
   vertical-align: top;
   font-weight: normal;
}

/* Forms */

.formback {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight: bold;    
    background-color:#ffffff;
    color:#000000;
}

.formcontent {
    font-family:Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 12px;
    background-color:#f8f8f8;
    color:#000000;
}

.formline {
    background-color:#cacaca;
}

.form {
	border-style:solid;
    border-color:#cacaca;
    border-width: 1px;
}


/* Edit-Page Settings */

.loginhead {
    color:#000000;
    font-family:Verdana, Helvetica, sans-serif;
    FONT-SIZE: 12px;
	text-transform:uppercase;     
    text-align: center;
}

.logintext {
    COLOR: #000000;
    font-family:Verdana, Helvetica, sans-serif;      
    FONT-SIZE: 12px;
}

.loginbutton {
    border-left: 1px solid #80868B;
    border-top: 1px solid #80868B;
    border-right: 1px solid #80868B;
    border-bottom: 1px solid #80868B;            
    FONT-SIZE: 12px;
    COLOR: #5D5D5A;
    font-family:Verdana, Helvetica, sans-serif;
}


.ModuleEditPage { 
	margin-left: 20px;
	margin-top: 20px;
	}
	
.editContainer {
    margin-left: 25px;
    width:805px;
}

.editLeft {
    float: left;
    width: 150px;
    text-align: left;
    margin-top: 8px;
    margin-bottom: 15px;  
}

.editRight {
    float: right;
    width: 650px; 
    text-align: left;
    margin-top: 8px;
    margin-bottom: 15px;
} 

.editLine {
    clear: both;
    border-bottom: solid 1px #bad5ff;    
}	

.Warning {
   FONT-SIZE: 12px;
   COLOR: #FF0000; 
   font-family:Verdana, Helvetica, sans-serif;
}


/* style for module titles cell */
.ModuleTitleCell {
    font-family:Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;    
    text-transform: uppercase;
    line-height:18px;
    background-color:#D5D8DB;
	/* start intranet only */
	border-bottom-style: solid;
	border-bottom-color: #CAD1E1;
	border-bottom-width: 1px;
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#D5D8DB, EndColorStr=#FFFFFF)*/
	/* end intranet only */    
}

TD.TabSelected {
	border-left: solid 1 #7f7f7f;
	border-right: solid 1 #7f7f7f;
	border-top: solid 1 #7f7f7f;
	border-bottom: none 0;	
}

TD.TabOther {
	border-left: solid 1 #7f7f7f;
	border-right: solid 1 #7f7f7f;
	border-top: solid 1 #7f7f7f;
	border-bottom: solid 1 #7f7f7f;	
}

TD.TabSpace {
	background-color: #ffffff;
	border-left: none 0 #7f7f7f;
	border-right: none 0 #7f7f7f;
	border-top: none 0 #7f7f7f;
	border-bottom: solid 1 #7f7f7f;	
}

/* style for module design News Right Pane */

div.NewsRP .ModuleHeaderCenter {
    font-family: Times New Roman, Times, Serif;
    font-size: 22px;
    font-weight: normal;
    font-style:italic;
    color: #ffffff;
    line-height: 20px; 
    padding-left: 0px;
    padding-bottom: 0px; 
    background-color:#aaa4ad;
    vertical-align:middle; 
	
}


div.NewsRP .ModuleContentCenter {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  12px;
    line-height: 12px;
    color: #000000;
    background-color:#aaa4ad;
    vertical-align:top; 
    
}

div.NewsRP .ModuleContentListLeft {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  12px;
    height: 27px;
    color: #000000;
    background-color:#ffffff;
	background-image: none;
	margin: 3px;
	vertical-align:top;
    border: none;
	padding-top:5px;
	padding-bottom:5px;
    font-weight: normal;
    
}

div.NewsRP td.ModuleHeaderLeft {
	width:4px;
	height: 29px;
	background-image: none;
    background-color:#aaa4ad; 
}
	
div.NewsRP td.ModuleHeaderCenter {
	height: 29px;
	background-image: none;
    vertical-align:middle; 	
}
	
div.NewsRP td.ModuleHeaderRight {
	width: 6px;
	height: 7px;
	background-image: none;
    background-color:#aaa4ad;
}
	
div.NewsRP td.ModuleContentLeft {
	width: 4px;
	background-image: none;
	padding-left: 0px;
	border-left:solid 1px #aaa4ad;
}
	
div.NewsRP .ModuleContentCenter {
	background-color: #ffffff;
    padding: 4px;	
}
	
div.NewsRP td.ModuleContentRight, div.NewsRP ModuleContentRight {
	width: 6px;
	background-image: none;
	background-color: #ffffff;	
}

div.NewsRP td.ModuleFooterLeft {
	width: 4px;
	height: 7px;
	background-image: none;
	border-bottom: solid 1px #aaa4ad;
}
	
div.NewsRP td.ModuleFooterCenter {
    width: inherit;
	height: 7px;
	background-image: none;
	border-bottom: solid 1px #aaa4ad;	
}
	
div.NewsRP td.ModuleFooterRight {
	width: 6px;
	height: 7px;
	background-image: none;
	border-bottom: solid 1px #aaa4ad;	
}


td.colPaneDesignAddress {
    background-color: #777278;
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  10px;
    font-weight: normal;
    color: #ffffff;
    padding-left:9px;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height:14px;
}


.Titel {
    font-family: Times New Roman, Times, Serif;
    font-size: 19px;
    font-weight: normal;
    font-style:italic;
    color: #777278;
    line-height: 25px;
}

.SubTitel {
    font-family: Times New Roman, Times, Serif;
    font-size: 15px;
    font-weight: normal;
    font-style:italic;
    color: #777278;  
}


TABLE {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  12px;
    font-weight: normal;
    color: #000000; 
}

td.TabFarbe {
    background-color: #777278;
    color:#ffffff;
    font-weight: bold;
    height: 15px;
    padding-right: 15px;     
}
td.TabLinie {
    border-bottom: solid 1px #777278;
    height: 18px;
   
}

td.TabLinieRight {
    border-bottom: solid 1px #777278;
    height: 18px;
    text-align:right;
    padding-right: 15px;
    }

A.Toolbar {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  10px;
    color: #ffffff;
}

A.Toolbar:link {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  10px;
    text-decoration: none;
    color: #ffffff;
}

A.Toolbar:visited {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  10px;
    text-decoration: none;
    color: #ffffff;
}

A.Toolbar:active {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  10px;
    text-decoration: underline;
    color: #ffffff;
}

A.Toolbar:hover {
    font-family:Verdana, Helvetica, sans-serif;
    font-size:  10px;
    text-decoration: underline;
    color: #ffffff;  
} 
 
.MenuGross {
    FONT-SIZE: 11pt;
    FONT-VARIANT: small-caps;
    margin-top:3px;
    line-height:10px;
}