/* STANDARD HTML ELEMENTS   
----------------------------------------------------------*/
html {
    height:100%;	
}

body {
    margin: 0;	
    height: 100%;	
    background-color: #FFFFFF;
}

.page
{
    width: 1060px;
    background-color: #ffffff;

    min-height: 100%; /* Mindesthöhe für moderne Browser */
    height:auto !important; /* Important Regel für moderne Browser */
    height:100%; /* Mindesthöhe für den IE */
    overflow: hidden !important; /* FF Scroll-leiste */

    margin: 0px auto;

    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    
    -moz-box-shadow: 0 0 10px 10px #ECECEC;
    -webkit-box-shadow: 0 0 10px 10px #ECECEC;
    box-shadow: 0 0 10px 10px #ECECEC;    
    
}
* {
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;	
    font-size:12px;
}

a {
    text-decoration:none;
}

a.download
{
    text-decoration:underline;
    color: Black;
}



input, select {
    border:1px solid #c0c0c0;	
}

input.mandatory, select.mandatory {
    background:#F7BA52;
}

input[type=text] {
    width: 160px;
}

select {
    /* this destroys the grid selects */
    /* width: 162px; */
}

input[type=checkbox] {
    border: 0px;
    width: 12px;
    height: 12px;
}

#main 
{
    padding: 10px 30px 15px 30px;    
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    font-family: Arial;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1 {
    font-size: 15px;
    color: #c50022;
    font-weight: bold;
    margin: 0px;
}

h2 {
    font-size: 13px;
    color: #c50022;
    font-weight: bold;
    margin: 5px 0 5px 0;
}

h3
{
    font-size: 12px;
    font-weight: bold; 
    color: #333333;
    line-height: 15Px;
}

td, th
{
    font-size: 12px;
    line-height: 15Px;
    overflow-y: 2px;	
}

th 
{
    font-weight: bold; 
}
        
/*Caption:  Arial regular 9 Pixel; # 858585; Line spacing: 11 Pixel (max. four-line)*/
/* LISTS   
----------------------------------------------------------*/

ul 
{
    list-style-type: square;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* Header and top content */

.Banderole {
    position: relative;	
    top: 10px;
    height: 75px;
    width: 100%;
}

.BanderoleContainer {
    position: relative;
    top: 20px;
    width: 100%;
}

.TopNavigationContainer {
    position: relative;
}

.TopNavigation {
    width:794px;
    height:25px; 	
    position: relative; 
    left:170px;
    margin: 0;
    padding-left: 30px; 
    padding-right: 10px;
    z-index: 100;
}
.TopNavigation A
{
    /*color: #ffffff;*/
    display:block;
    line-height: 18px;
}

.TopNavigation A:hover
{
    border-bottom: solid 4px #c50022;
    padding-bottom: -5px;
}

.TopNavigationBackground {
    width:801px;
    height:25px; 	
    filter: alpha (opacity=85);  
    -moz-opacity: 0.85;
    opacity: 0.85; 
    position: relative; 
    left:179px;
    padding: 0;
    margin: 0;
}

.TopNavigationBackgroundContainer {
    position: relative;
    top:15px;
    left: 0px;
    height: 20px;
    padding: 0;
}

.IntranetTitle {
    /*left: 190px;
    width: 794px;
    text-align: right;*/
    color: #333333;
    font-weight: bold;
    font-size: 30px;
    top: 0px;
}

.IntranetTitleContainer {
    position:relative;
    top: -60px;
    text-align: right;
    width: 980px;
}

.ContentHeaderContainer {
    padding-top: 4px;
    left: 0px;
    width: 100%;
    min-width: 980px;
    position: relative;
    top: -60px;
    
}

.ContentHeader {	
    background-color:#ffffff;	
    position: relative;
    width: 800px;	
    height: 21px;
    left: 180px;
    
}



/* Left Navigation */

.Navigation {
    border: 1px solid #C0C0C0;
    float: left;
    margin-left: 15px;
    margin-top: 32px;
    padding: 10px;
    width: 130px;
    border-radius: 4px 4px 4px 4px;
}

.NavigationItem {
    min-height: 22px;
    max-height: 48px;
    margin-bottom: 2px;
}

.NavigationLevel2 {
    font-size: 12px;
    font-weight: bold;
    padding-left: 12px;
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #c50022;
    width: 115px;
    background-color: #EDEDED;	
}

.NavigationLevel2Selected {
    font-size: 12px;
    font-weight: bold;
    width: 115px;
    padding-left: 12px;
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
}

.NavigationLevel3 {
    font-size: 11px;
    width: 142px;
    padding-left: 18px;
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
}

.NavigationLevel3Selected {
    font-size: 11px;
    width: 142px;
    padding-left: 18px;
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
}

.NavigationLevel4 {
    font-size: 11px;
    width: 136px;
    padding-left: 24px;
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
}

.NavigationLevel4Selected {
    font-size: 11px;
    width: 136px;
    padding-left: 24px;
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
}

.NavigationLevel5 {
    font-size: 11px;
    font-weight: bold;
    width: 130px;
    padding-left: 30px;
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;	
}

.NavigationLevel5Selected {
    font-size: 11px;
    font-weight: bold;
    width: 130px;
    padding-left: 30px;
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
}

/* Border and Corners */

.Border1, .Border2, .Border3, .Border4 {
    position: relative;
    width: 100%;	
}

.Border1 {
    border: 1px solid #f7f6f6;
}

.Border2 {
    border: 1px solid #eeeded;
}

.Border3 {
    border: 1px solid #e3e2e2;
}

.Border4 {
    border: 1px solid #cccccc;
}

.CornerTopLeft, .CornerTopRight, .CornerBottomLeft, .CornerBottomRight {
    position: absolute;
    overflow: hidden;
    width: 3px;
    height: 3px;
    filter: alpha(opacity=40);
    background-color: white;
}

.CornerTopLeft {
    margin-left: -3px;
    margin-top: -3px;    
}

.CornerTopRight {
    margin-left: 100%;
    margin-top: -3px;
    display: block; /*ausblenden wegen IE7*/
}

.CornerBottomLeft {
    top: 100%;
    margin-left: -3px;
}

.CornerBottomRight {
    top: 100%;
    margin-left: 100%;
    display: block; /*ausblenden wegen IE7*/
}

/* Teaser */

.CaptionDarkBlue {
    background-image: url("Images/caption_darkblue.gif");
}

.CaptionLightBlue {
    background-image: url("Images/caption_lightblue.gif");
}

.CaptionDarkGreen {
    background-image: url("Images/caption_darkgreen.gif");
}

.CaptionLightGreen {
    background-image: url("Images/caption_lightgreen.gif");
}

.CaptionRed {
    background-image: url("Images/caption_red.gif");
}

.CaptionOrange {
    background-image: url("Images/caption_orange.gif");
}

.TeaserContent {
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
    font-style: normal;
}

/* Footer */

.Footer {
    text-align: center;
    vertical-align: bottom;
}

.FooterFont {
    font-size: 11px;
    color: #666666;
    text-align: center; margin-top: 5px; 
}

.FooterCopyrightFont {
    font-size: 11px;
    color: #004a96;
    font-weight: bold;
}

a:selected 
{
    text-decoration: underline;
}

a.FooterFont:link {
    font-size: 11px;
    color: #666666;
    text-decoration: none;
}

a.FooterFont:visited {
    font-size: 11px;
    color: #666666;
    text-decoration: none;
}

a.FooterFont:hover {
    font-size: 11px;
    color: #666666;
    text-decoration: underline;
}

a.StandardLink:link {
    color: #004a96;
    text-decoration: none;
}

a.StandardLink:visited {
    color: #004a96;
    text-decoration: none;
}

a.StandardLink:hover {
    color: #004a96;
    text-decoration: underline;
}

a.StandardLink:selected 
{
    text-decoration: underline;
}

/* Main Content */

div.MainContent
{
    width: 542px; 
    float: left; 
    margin: -4px 0 0 -4px ; 
    padding: 0;
}

/* Right Content */

div.RightContent
{
    width: 240px; 
    float: right;
}

.field-validation-error
{
    color: Red;
    font-weight: bold;
}
    
/* Left Navigation */

.ColorLevel2Selected, .ColorLevel3Selected, .ColorLevel4Selected, .PrdHeader 
{
    padding: 4px 4px 0 4px;
    vertical-align : middle;
    font-family :Arial, helvetica, Tahoma, Verdana;
}

.ColorLevel2Selected
{
    font-weight:bold;
    color : #ffffff;
    font-size: 11px;
}

.ColorLevel3Selected
{
    font-weight:bold;
    color : #004a96;
} 

.ColorLevel4Selected
{
    color : #004a96;
}


/* COMMON CLASSES   
----------------------------------------------------------*/



.SearchResults {
    width:100%;
}

table.SearchResults tr th 
{
    text-align:center;
    vertical-align: middle;    
    font-size: 12px;
    /*color: #004a96;*/
    line-height: 22px;	
    background-color: #ffffff;
    border: solid 1px #E3E2E2;
}

table.SearchResults td
{
    font-size:5px;
    height: 10px;
    line-height: 15px;	
    vertical-align: middle;
    text-align: center;
}

.cellWidthPartialTableAndFilterElemnts {
    width: 180px;
    max-width: 180px;
}

.cellWidthPartialTable
{
    width: 90px;
}

.SearchFilter
{
    width: 100%;
}

div.SearchFilter li
{
    float: left; 
    list-style :none;
    padding: 4px;
    margin: 4px;
}

.BroadContent {
    border: 1px solid #aaaaaa;
    background: #ffffff/*{bgColorActive}*/; 
    -moz-border-radius: 4px/*{cornerRadius}*/; 
    -webkit-border-radius: 4px/*{cornerRadius}*/; 
    border-radius: 4px/*{cornerRadius}*/;
    margin: 0;
}

.BroadContent h1 {
    background-color: #e0e0e0;
    font-weight:bold;	
    color : #C50022;
    padding: 4px;
    vertical-align : middle;
    font-family: Arial, helvetica, Tahoma, Verdana;
    filter: alpha (opacity=80);  /* IE6 */
    -moz-opacity: 0.80;
    opacity: 0.80; 	
    font-size: 12px;
}

.Breadcrumb 
{
    font-size :10px;
    color: #333;
    top: 20px;
}

.ErrorFont {	
    color: Red;
}

.Cursor {
    cursor: pointer;
}

.CaptionFont {
    color: White;
    font-weight: bold;
}

.StandardFontSize {	
    color: #333333;
}

/* Main Content: Data > Content > Inner Content */

.DataContainer {
    width: 100%;
    background-color: #ffffff;
    position: relative;
    top: -80px;
}

.Data {
    width: 980px;	
}

.Content {
    width: 798px;
    float: right;	
}

.InnerContent {
    width: 798px;
    max-width: 798px;
    min-height: 400px;
}

/* Teaser */

.Caption {
    position:relative;
    height: 21px;
    overflow:hidden;
}

.OverlayCaption {
    position: absolute;
    font-family: arial, verdana, sans-serif;
    font-size: 11px;
    height: 100%;
    width: 100%;
    top: 0px;
    overflow: hidden;
    color: white;
    padding-left: 9px;
    padding-top: 3px;
    font-weight: bold;
}


/* BUTTONS - neu zum Testen
 ********************************************/
.button {
    cursor:pointer;	
    background:url(Images/button_grey.png) no-repeat right top; 	
    padding-right:10px; 
    display:inline-block;
    line-height:21px;
    height:21px;	
    color:#FFFFFF;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
    position: relative; 
}

span.button {
}

.button span { 
    /*background:url(Images/button_grey.png) no-repeat left top;*/ 
    padding-left:8px;
    line-height:21px;
    height:21px;
    display:inline-block;
}

.button span span {
    background:transparent;
    padding:0;	
    font-size:12px;
}

.button span input {
    cursor:pointer;
    font-family: inherit;
    font-weight:bold;
    background:transparent;
    border:0;
    font-size:11px;
    color:#FFFFFF;
    height:21px;
}

.borderless
{
    border: none;
}

.submitImageWithLink {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-right: 20px;
    text-align: center;
    margin-left: 30px;
}

.FloatLeft 
{
    float: left;
}

.submitLink
{
    background-color: #ffffff;
    padding-top:2px;
    font-size: 11px; 
    border: none;	    
    cursor: pointer;
}
/* View
----------------------------------------------------------*/

#detailsContainer TD , 
#allContainer TD 
{
    font-family : Arial, Verdana, Tahoma, "MS Sans Serif";
    font-size: 12px;
    color: #333333;
    line-height : 16px;/*22px*/
    padding-left: 3px;
}



.oddRow { background:#F5F6F7; }

/* LOGON / LOGOFF  
----------------------------------------------------------*/

.LogOnFailed {
    top: 24px;
}

.LogOn 
{
    margin:3px 4px 6px 16px;
    position: absolute;
    display: block;
    font-size: 10px;
    color: #666666;
    z-index:100;
}

.LogOff {
    margin-top:6px;
    position: absolute;
    display: block;
    margin-left:4px;	
    padding-left:2px;
}

.LogOffWelcome {
    font-weight: bold;
}

a.LogOffLink:link {
    font-size: 10px;
    color: #666666;
}

a.LogOffLink:visited {
    font-size: 10px;
    color: #666666;
}

a.LogOffLink:hover {
    font-size: 10px;
    color: #C50022;
}

/* Registration
----------------------------------------------------------*/

.display-label,
.editor-label
{
    margin: 1em 0 0 0;
}

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}

.RegistrationDetails .editor-label {
    clear: both;
    width: 200px;
    display: block;
    float: left;
    margin: 5px 0 0;
}

.RegistrationDetails .editor-field {
    width: 350px;
    display: inline;
    float: left;
    height: 22px;
    margin: 5px 0 0;
}

.RegistrationDetails br {
    clear: left;
}

.HiddenStyle
{
    visibility: hidden ;
    display: none ;
}

.VisibleStyle
{
    visibility: visible;
    display: block ;
}

#ProductNumber {
    width: 80px;
}

/* Change Password
----------------------------------------------------------*/

.changePasswordElements input, select {
    border:1px solid #c0c0c0;
    width: 150px;
}

.changePasswordElements
{
    margin-left: 10px;
    margin-right: 15px;
    font-size: 12px;
}

.changePasswordElements input.text-box,
.changePasswordElements textarea  {
    width: 100%;
    margin-right: 12px;
}

/* License Settings
----------------------------------------------------------*/

.changeExpirationPeriodElements input, select {
    border:1px solid #c0c0c0;
    width: 150px;
}

.changeExpirationPeriodElements
{
    margin-left: 10px;
    margin-right: 15px;
    font-size: 12px;
}

.changeExpirationPeriodElements input.text-box,
.changeExpirationPeriodElements textarea  {
    width: 140px;
    margin-right: 12px;
}

/* License Pool
----------------------------------------------------------*/
#Update_TestDeaktivationDays{
    border:1px solid #c0c0c0;
    width: 55px;
}

#New_TestDeaktivationDays{
    border:1px solid #c0c0c0;
    width: 55px;
}

/* UNUSED ??????????????????????
----------------------------------------------------------*/

.Block {
    margin: 4px 0 0 0;
}

.ErrorDiv {
    padding: 0 4px 0 4px;
    margin : 10px 0 0 0;
}

.FieldCaption {
    color: #333333;
    font-size: 11px;
    font-weight : bolder ;
    width: 40%;
    height :22px;
}

.DetailsTable tr {
    min-height: 22px;	
}

.error
{
    color: Red;
}

hr 
{
    width: 95%;
    color: #cccccc;
    margin: 2px;
    background-color:#cccccc;
    border:none;
    height: 1px;
    padding: 0;
}

div.ModulContent
{
    padding: 4px;
}

.required
{
    color: Red;
    font-weight: bold;
}

#fileUpload
{
    width: 274px;
}

.okButton
{
    width: 70px;
}

#loadingByFilter
{
    /*float :right;*/
    /*margin-right : 100px;*/
    display: inline-block; 
    margin-top : -40px;
    
}

.submitImageWithoutLink
{
    margin-left: 10px;
    padding:0;
    margin-top:20px;
}


/* new datatables grid */

.actionLink {
    cursor: pointer;
    cursor: hand;
}

.actionCreate {

    width: 180px;
    margin-top: 10px;
    margin-left: 10px;

    padding-top: 2px;
    padding-left: 20px;
    
    background-image: url("Images/Actions/create_new.gif");
    background-repeat:no-repeat;
    background-position: left center;
    display: block;    
}

.actionRelease {
    height: 14px;
    vertical-align: middle;
}

.actionShowInactive 
{
    position: absolute;
    right: 40px;
    top: 32px;
    
    width: 130px;
    margin-top: 10px;
    margin-right: 10px;

    padding-top: 2px;
    padding-right: 20px;
}

.deleteWarningInput {
    
    background:none;
    border:0;
    color: #222222;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;    
}

.select_filter {

    min-width: 50px;
}

/*Validation*/

.field-validation-error{color: #ff0000;}
.input-validation-error{border: 1px solid #ff0000; background-color: #ffeeee;}
.validation-summary-errors{color: #ff0000;}

.DropDownList {
    width: 200px;
    min-width: 200px;
}