﻿/*
rosa: faf2f2
dunkelrot: #BA0F26 */
 .Title_1 {
	font-size : 14px;
	color : #25004D;
	font-weight : bold;	
	margin-top:20px;
	border-bottom:solid 1px #25004D;
}
 .Title_2 {
	font-size : 16px;
	color : #666666;
    letter-spacing:2px;
	font-weight : bold;	
	margin-top:10px;
}
.Title_White {
    font-size : 12px;
	color : #FFFFFF;
	font-weight : bold;	
	margin-top:5px;
	padding: 5px;
	}

.FormLabelInner {
   width:155px;
    
    /* border-style:solid;
     border-width:1px;
     border-color:Blue;*/
     display:inline-block;
      }
    
.FormLabelOuter {
     width:500px;
     margin-bottom:7px;
     /*border-style:solid;
     border-width:1px;
     border-color:Blue;*/
    }
    
/* Styles für Startseite */
#upper_section {
	padding:0.5em 1em 0.5em 1.2em;
	position:relative;
    left:25px;
    top:30px;
    background-color:#fff;
    width: 635px;
    font-size:110%;
    line-height:1.3em;
    margin-top:10px;
   
	}
.lower_section {
    padding:0px 0px 0px 0px;
    margin-top:40px;
   
    color:#333333;
    width:960px;
    height:300px;
}
.lower_section a {color:#005da8; cursor:pointer;}

.lower_left, .lower_left_results,.lower_left_consulting, .lower_left_testselection, .lower_left_login {
    
	position:relative;
    margin-left:25px;
    background-color:#faf2f2;
    float:left;
    
}
.lower_left,  .lower_left_consulting {
    padding:0 1em 0px 1.2em;
    width: 635px;  
    margin-bottom:30px;
}
.lower_left_testselection {
   padding:0 1em 0 1.2em;
   width:635px;
   height:280px; 
}
.lower_left_login {
    padding:1em 1em 0.5em 1.2em;
    width:550px;
    height:300px;  
}
.lower_left_results {
    padding:1em 1em 0.5em 1.2em;
    width:635px;
    height:250px;
    background-color:#EEF2F4;
}
.lower_left_consulting {
    padding:1em 1em 0.5em 1.2em;
    background-color:#EEF2F4;
}

#testDescription td{
    color:#333333;
    padding-right:10px;
    font-size:100%;
}
.stepsText {
    width:570px;
    margin-top:0px;
    color:#333333;
    font-size:100%;
    height:95px;
 
}
.stepsImage {
    float:left;
    
    
    }
.lower_right {
    padding:1em 1em 0.5em 1.2em;
    position:relative;
    min-height:240px;
    height:240px;
    margin-left: 15px;
   
    float:left;
}
#rightbutton_1 { width:200px; }
#feedback_right { height:250px; }

#AgbInfo, #GoodByeInfo {
    background-color:#f5f5f5;
    
}
#AgbInfo {
    height:300px;
    width:310px;
   }
#GoodByeInfo {
    height:300px;
    width: 230px;
   
}
.lower_right input[type=submit], #goodbyebutton { 
   
    font-weight:bold;
    border:none;
    color:#fff;
    cursor:pointer;
    width:180px;
    height: 25px;
    background:#ff112c url(../../images/arrow_right.gif) no-repeat scroll 150px 0px;
}
#backToTestSelection input {
     background:#ff112c url(../../images/arrow_left.gif) no-repeat scroll 0px 0px;
}
#CallBackTable input[type=submit]
{
    border:solid 1px #999999;
    cursor:pointer;
    background-color:#f5f5f5;

}

.consulter_name {
    text-align:center;
    width:150px;
}
.consulter_image {
    float:left;
    width:150px;
    text-align:center;
    }

/* Styles für Resultattabelle im Kundenemail und CenterEmail
************************************************************/
.ResultsOuterDiv {
    border: solid 1px #005B9B;
    width:525px;
    }
.ResultsRowDivHeader {
    float:none;
    background: #005B9B;
    color:White;
    display:inline-block;
    width:100%
}
.ResultsRowDivFooter {
    float:none;
    background-color:#D5D7D8;
    font-weight:bold;
    padding: 2px;
    display:inline-block;
    border-top:solid 1px #005B9B;
}
.ResultsRowDiv {
    float:none;
    display:inline-block;
    padding:2px;
    background-color:White;
    border-top:solid 1px #005B9B;
}
.ResultsCellDiv1 {
   width:200px;
   float:left;
}
.ResultsCellDiv2 {
    width:80px;
    float:left;
}
.ResultsCellDiv3 {
    width:80px;
   float:left;
}
.ResultsCellDiv4 {
    width:80px;
   float:left;
}
.ResultsBestanden {
   /* font-size: 120%;*/
    font-weight:bold;
   
    }
#outerResultGraphDiv {
    float:left;
    width:550px;
    margin-top:10px;
    }
#ResultGraphInnerBarDiv { 
    }
#ResultGraphOuterBarDiv {
    float: left;
    border:solid 1px black;
    width:300px;
    }
#PreResultGraphDiv {
    float:left;
    width:100px;
    }
#PostResultGraphDiv {
    width:100px;
    float:left;
    }
    
div.feedback_header {
    background-color:#005ba4;
    color: White;
    font-size:12px;
    font-weight:bold;
    padding: 3px;
}
div.feedback_title_row {
    margin-top:5px;
}
div.feedback_data_row {
    font-weight:bold;
    padding: 3px;
}
/* Styles für Resultattabelle der iknow-Auswertungsseite 
********************************************************/

.resultTableOuterDiv {
   margin-top:10px;
   border:solid 1px white;
   background-color:#f5f5f5;
   position:relative;
   width:620px;
}
.resultTableInnerLeftDiv {
    
   
    float:left;
    padding-top:3px;
    
    padding-left:5px;
    border-bottom:solid 1px white;
    background-color:#faf2f2;
   width:250px;
    }
.resultTableInnerRightDiv {
    
    font-weight:bold;
    
    padding-top:3px;
    border-bottom:solid 1px #f5f5f5;
    }

/* Styles für Bestätigungsseite Kundendaten 
********************************************/

div#MainContainer { 
    width:465px;
    /*background-color:#F6F6EE;*/
}
    
div#HeaderDiv {
    
    font-size : 16px;
	color : black;
	font-weight : bold;	
	margin-top:20px;
	border-bottom:solid 1px black;
	border-top:solid 1px black;
	
    }
div#SubContainer {
    margin-left:0px;
    }
    
div#TitleRow {
 
 font-weight:bold;
 letter-spacing: 0.2em;
 /*background-image:url(/cyberteststart/images/print_bg.gif)*/
 
 }
 div#HeaderRow {
    padding-top: 10px;
    padding-bottom: 15px;
 }
  div#HeaderCellLeft {
    margin-top:10px;

    float:left;
    width:50%;
    font-size:90%
 }
  div#HeaderCellRight {
    margin-top:10px;
   
    /*margin-bottom:10px;*/
    font-weight:bold;
    font-size:90%;
 }
 div#ContentRow {
    border-top:solid 1px #005BA4;
    height:20px;
 }
  div#ContentCellLeft {
    float:left;
    width:40%;
    font-weight:bold;
    background-color:#EFEBDC;
    height:20px;
   
 }
  div#ContentCellRight {
       background-color:#f6f6ee;
       height:20px;
       padding-left: 5px;
 }
 /************* iknow spezifische Definitionen ************/
 div.InfoBox {
    margin-top:0px;
      line-height:1.3em;
      /* background-color:#EFEBDC;  */
       padding:3px;
  }