/***************************/
/* General element styles: */
/***************************/
h1, h2, h3, h4, h5, p, td, ul, ol, blockquote, input, textarea, select, div {font-family:arial; color:#000000;}
form {margin: 0px 0px 0px 0px;}
p, pre {margin: 0px 0px 0px 0px;}
p, td, ul, ol {font-size: 18px; line-height:24px;}
input, textarea, select {padding-left:0px; font-size:18px;}

/******************/
/* Headers, plain */
/******************/
h1 {font-size:20px; padding-bottom:10px;}
h2 {font-size:18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h1, h2, h3, h4, h5, h6 { margin: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 2px; }

/* Headers, with link */
h1 A, h2 A, h3 A, h4 A, h5 A { color: #000000; text-decoration: none; }
h1 a:hover, h2 a:hover, h3 A:hover, h4 A:hover, h5 A:hover { }
img { border:0px; }

/***************/
/* MainLayout  */ 
/***************/
*{padding:0; margin:0; text-align:left;}
#body {background-color:black;}
#wrap {margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:0px; width:1015px;}

/* header */
#header{position:relative; height:76px; background-repeat:no-repeat;}
.headerBackgroundorange{background-image:url(images/orange/backgroundHeader.jpg);}
.headerBackgroundred{background-image:url(images/red/backgroundHeader.jpg);}
.headerBackgroundWideorange{background-image:url(images/orange/backgroundHeader.jpg);}
.headerBackgroundWidered{background-image:url(images/red/backgroundHeaderEvaluation.jpg);}

#languageNavigation{position:absolute; width:260px; top:30px; left:40px;}
#title{position:absolute; width:420px; top:20px; left:310px;}
.userState{position:absolute; top:35px; left:730px; width:255px;}
#userStateorange p, #userStatered p {font-size:18px; font-weight:bold; text-align:right;}
#userStateorange p{color:#ffa52d;}
#userStatered p{color:#efefef;}


/* content */ 
#content-wrap{width:1015px; position:relative; min-height:570px; background-repeat:repeat-y; padding-top:10px;}
* html #content-wrap{height:570px;}
.colorContentorange{background-image:url(images/orange/background.jpg);}
.colorContentred{background-image:url(images/red/background.jpg);}
.colorContentWideorange{background-image:url(images/orange/background.jpg);}
.colorContentWidered{background-image:url(images/red/backgroundEvaluation.jpg);}

#utility{margin-left:18px; float:left; width:275px;}
* html #utility{margin-left:9px; float:left; width:275px;}
#utilityLeftSpace{margin-left:27px; float:left; width:275px;}
* html #utilityLeftSpace{margin-left:13px;}
#content{margin-left:310px; margin-right:40px; width:665px;}
* html #content{width:660px; margin-left:10px;}
#wideContent{margin-left:25px; margin-right:40px; width:950px;}

/* footer */
#footer{position:relative; height:88px; background-repeat:no-repeat; background-position:bottom;}
.footerBackgroundorange{background-image:url(images/orange/backgroundFooter.jpg);}
.footerBackgroundred{background-image:url(images/red/backgroundFooter.jpg);}
.footerBackgroundWideorange{background-image:url(images/orange/backgroundFooter.jpg);}
.footerBackgroundWidered{background-image:url(images/red/backgroundFooterEvaluation.jpg);}
* html #footer{margin-left:-1px;}
*:first-child+html #footer{margin-left:-1px;} 

#directButtons{position:absolute; left:25px; top:31px;}
#conductedMenu{position:absolute; left:310px; top:37px; width:425px;}
.actionButton{position:absolute; left:753px; top:0px; width:270px;}

.whiteLine {height:2px; line-height:2px; background-color:white; font-size:0px;}
.blackLine {height:2px; line-height:2px; background-color:black;}


/************************/
/* Defined Classes */
/************************/
.contentBold {font-weight:bold;}

/* orange */
.colorContentorange p, .colorContentorange a, .colorContentorange a:hover, .colorContentWideorange p, .colorContentWideorange a, .colorContentWideorange a:hover {color:white;}

/* red */
.colorContentred p, .colorContentred a, .colorContentred a:hover, .colorContentWidered p, .colorContentWidered a, .colorContentWidered a:hover {color:black;}

.smallText{font-size:10px;}
#content-wraporange .smallText {color:white;}
#content-wrapred .smallText {color:black;}
.mainNavigationItem{height:50px;}

/*---White Border Standard 665px---*/
.borderWraporange, .borderWrapred{width:665px; background-repeat:repeat-y;}
.borderWraporange{background-image:url(images/orange/border665px/borderMiddlePart.jpg);}
.borderWrapred{background-image:url(images/red/border665px/borderMiddlePart.jpg);}

.borderToporange, .borderTopred{width:665px; height:20px;}
.borderToporange{background-image:url(images/orange/border665px/borderTop.jpg);}
.borderTopred{background-image:url(images/red/border665px/borderTop.jpg);}
* html .borderToporange, * html .borderTopred{font-size:1px;}

.borderForm{float:left; width:605px; margin:30px 20px 30px 20px;}
* html .borderForm{margin:30px 20px 30px 10px;}

.borderBottomorange, .borderBottomred{clear:both; width:665px; height:20px; background-position:bottom;}
.borderBottomorange{background-image:url(images/orange/border665px/borderBottom.jpg);}
.borderBottomred{background-image:url(images/red/border665px/borderBottom.jpg);}
* html .borderBottomorange, * html .borderBottomred {font-size:1px;}


/*---White Border 545px---*/
.borderWrap545pxorange, .borderWrap545pxred{background-repeat:repeat-y;}
.borderWrap545pxorange{background-image:url(images/orange/border545px/borderMiddlePart.jpg);}
.borderWrap545pxred{background-image:url(images/red/border545px/borderMiddlePart.jpg);}

.borderTop545pxorange, .borderTop545pxred{width:545px; height:10px; background-repeat:repeat-x;}
.borderTop545pxorange{background-image:url(images/orange/border545px/borderTop.jpg);}
.borderTop545pxred{background-image:url(images/red/border545px/borderTop.jpg);}

.borderForm545px{float:left; width:505px; margin:30px 20px 30px 20px;}
* html .borderForm545px{ margin:30px 20px 30px 10px;}
* html .borderForm545px form{width:515px;}

* html .borderTop545pxorange, * html .borderTop545pxred{font-size:1px;}
.borderBottom545pxorange, .borderBottom545pxred{width:545px; height:10px; background-repeat:repeat-x; background-position:bottom; clear:both; }
.borderBottom545pxorange{background-image:url(images/orange/border545px/borderBottom.jpg);}
.borderBottom545pxred{background-image:url(images/red/border545px/borderBottom.jpg);}
* html .borderBottom545pxorange, * html .borderBottom545pxred{font-size:1px;}


/************************/
/* Question styles      */
/************************/


.titleQuestion{font-size:28px; margin-top:0px; margin-left:20px;}
.questionContent{width:600px; float:left; padding-left:20px;}
#questionNumber{margin-left:20px; padding-bottom:10px;}
#questionNumberText{}
.spacerBorder {height:20px;}
.spacerQuestion {height:50px;}
.categoryName {float:left; padding-left:40px;}
.maxPoints {float:right; padding-right:25px;}
.categoryName p, .maxPoints p {color:white; font-size:14px;}
/*---RadioButton Styles---*/
.labelRadioButton {clear:both; margin-left:40px; margin-top:-30px; }

.tureFalse {float:left; padding-left:40px; padding-right:20px; height:36px;}
.imageRightWrong {float:left; padding-top:10px; height:20px; width:200px;}

/*---CheckBox Styles---*/
.buttonCheckBox{float:left; width:40px; vertical-align:middle;}
.labelCheckBox{padding-top:4px; margin-left:50px;}
.spacerCheckBox{clear:left; height:10px; line-height:2px;}

.imageCheckBox {float:left; padding-top:10px; height:20px; width:140px;}
.imageCheckBox a{margin-left:50px;}
.bigImageCheckBox {width:80px; height:45px; float:left;}
.bigImageCheckBox a{margin-left:23px;}

/*---Question and Answer Typ 1---*/
.makesLabelsUnderImages {float:left; width:550px; height:1px;}
.imageTypeQuestionOne {float:left; width:200px; height:205px;}

/*---Question and Answer Typ 2---*/
.imageTypeQuestionTwo {float:left; width:140px; height:140px;}
.imagesAndCheckBox {float:left; width:140px; height:200px;}

/*---Question and Answer Typ 3---*/
.bigImagePart {width:180px; height:230px; float:left;}
.smallImagesAndCheckBoxPart {width:300px; height:250px; float:right;}
.smallImagesAndCheckBox {width:100px; height:125px; float:left;}
.imageTypeQuestionThree {width:80px; height:83px; float:left;}

/*---Question and Answer Typ 4---*/

/*---Question and Answer Typ 5---*/
.tureFalseImageDiv {width:550px; float:left; margin-top:-50px; margin-bottom:20px;}
.answerLabelBox{margin-left:420px;}
.answerLabel{float:left; width:85px; height:40px;}
.answerLabel p {text-align:center;}
.statementLine {clear:both; width:600px;}
.statement {width:400px; clear:both; float:left; padding-bottom:20px;}
.answer {width:200px; height:48px; float:left; margin-top:-5px;}
* html .answer {width:200px; height:48px; float:left; margin-top:0px;}

/*---Question and Answer Typ 1000---*/
.ratingActualDiv{width:300px; float:left;}
.ratingCheckBox{margin-top:10px; vertical-align:middle;}
.ratingNeedDiv{width:300px; float:left;}
.ratingTitle{font-size:24px;}
.spacerQuestionRating{height:0px;}


/************************/
/* Single jsp ids       */
/************************/

/* startpage */
#developmentLogo{width:93px; float:left; height:140px;}
.whiteLineStudentNavigation {width:256px; height:2px; line-height:2px; background-color:white; font-size:0px;}

.directButton{float:left; width:50px;}

.formularFirstColumn{width:200px;float:left; margin:5px 0px 5px 0px;font-size: 18px; line-height:24px;font-family:arial; color:#000000;}
.formularSecondColumn{width:300px;float:right; margin:5px 0px 5px 5px;font-size: 18px; line-height:24px;font-family:arial; color:#000000;}
* html .formularSecondColumn{width:310px;}
.formularErrorMessage{font-size:18px; line-height:24px; clear:both; padding-left:225px;}
.inputFieldLeftPart{float:right;}

.inputFieldorange, .inputFieldred{width:250px; float:right; height:30px;}
.inputFieldorange{background-image:url(images/orange/inputFieldMiddlePart.jpg);}
.inputFieldred{background-image:url(images/red/inputFieldMiddlePart.jpg);}

.textInput{border-style:none; background-color:transparent; padding:3px 0px 3px 0px; margin-top:1px !important; width:250px; font-size:18px; background-color:white;}
.inputFieldRightPart{float:right;margin-right:20px;}

/* login */

/* overview */
.overviewTrialTable{height:80px; border:2px; margin:10px 0px 10px 0px;}
.overviewTrialTable td{padding-left:5px; padding-right:5px;}
.overviewTitle{}
.overviewDate{font-size:14px;}
.trialStatusLamp{width:30px; text-align:center;}
.trialName{width:150px;}
.trialControl{width:100px;}
.trialLink{width:220px;}

/* registration */
.formularHint {font-size:18px; line-height:24px; clear:both; padding-left:225px;}
.colorContentorange .formularHint {color:white;}


/* help */
#titleAlternative {float:left;}
#textAlternative {margin-left:100px;}



/* imprint */
.imprintPublisherLogos {padding:4px; margin-top:30px; vertical-align:top;}
#imprintLogoBernetVerlag {margin-top:37px;}
.imprintTableRow2 {padding-left:50px;}
.imprintTableRow2 a, .imprintTableRow2 a:hover {color:#000000;}
#imprintTitle {font-size:24px; font-weight:bold; color:white; padding-bottom:20px;}
#imprintTable {margin-top:10px; margin-bottom:50px;}


/* evaluation */
#evaluationNavigation{position:absolute; width:501px; top:30px; left:40px;}
#titleEvaluation{position:absolute; width:420px; top:20px; left:551px;}
.labelTestRunorange, .labelTestRunred{width:188px; padding-left:3px;}
.labelTestRunorange{color:white;}
.labelTestRunred{color:black;}

.recordTestRunorange, .recordTestRunred{width:40px; padding-left:3px;}
.recordTestRunorange{color:white;}
.recordTestRunred{color:black;}

.recordTestRunNumberorange, .recordTestRunNumberred{width:40px; padding-left:3px; font-size:16px;}
.recordTestRunNumberorange{color:white;}
.recordTestRunNumberred{color:black;}

.totalTestRunorange, .totalTestRunred{width:120px; padding-left:3px;}
.totalTestRunorange{color:white;}
.totalTestRunred{color:black;}

.borderorange, .borderred{border-style:solid; border-width:2px;}
.borderorange{border-color:white;} /*whiteBorder*/
.borderred{border-color:black;}

.borderNoLeftDividerorange, .borderNoLeftDividerred{border-style:solid; border-width:2px;
	   						   border-left-style:none; border-left-width:0px; border-left-color:black;}
.borderNoLeftDividerorange{border-color:white;}	   			
.borderNoLeftDividerred{border-color:black;}

.borderNoToporange, .borderNoTopred{border-style:solid; border-width:2px; border-top-style:none; border-top-width:0px;}
.borderNoToporange{border-color:white;} /*whiteBorderNoTop*/
.borderNoTopred{border-color:black;}

.borderNoTopNoLeftDividerorange, .borderNoTopNoLeftDividerred{border-style:solid; border-width:2px;
						   	  	border-left-style:none; border-left-width:0px;
						   	   	border-top-style:none; border-top-width:0px;}
.borderNoTopNoLeftDividerorange{border-color:white;} /*BorderNoTopNoLeftDivider*/
.borderNoTopNoLeftDividerred{border-color:black;}

.borderOnlyBottomDividerorange, .borderOnlyBottomDividerred{border-style:solid; border-width:2px;
								border-left-style:none; border-left-width:0px;
						   		border-right-style:none; border-right-width:0px;
						   	  	border-top-style:none; border-top-width:0px;}
.borderOnlyBottomDividerorange{border-color:white;} /*BorderOnlyBottomDivider*/
.borderOnlyBottomDividerred{border-color:black;}
						   	   
/* evaluation category */
.barTdorange, .barTdred{width:147px; padding-left:3px;}
.barTdorange{color:white;}
.barTdred{color:black;}

.barTdLabelAllorange, .barTdLabelAllred{width:150px; padding-left:3px;}
.barTdLabelAllorange{color:white;}
.barTdLabelAllred{color:black;}

.bar{width:100px; border-width:0px 2px 2px 0px;}
.evaluationCategoryTable{}

.barTable{width:100px; height:5px; border-style:none; padding:0px; font-size:1px; line-height:20px;}
.barTableBackgroundorange{background-color:white;}
.barTableBackgroundred{background-color:#efefef;}
.barTable TD{ font-size:1px; line-height:20px;}
.labelEvaluation{}
.bar_yellow{background-color:#f2f067;}
.bar_red{background-color:#f94b46;}
.bar_green{background-color:#67d400;}
.bar_gray{background-color:#cac5c8;}

.recordTestRunCategoryorange, .recordTestRunCategoryred{width:47px; padding-left:3px; font-size:17px;}
.recordTestRunCategoryorange{color:white;}
.recordTestRunCategoryred{color:black;}
.totalTestRunCategoryorange, .totalTestRunCategoryred{width:50px; padding-left:3px;}
.totalTestRunCategoryorange{color:white;}
.totalTestRunCategoryred{color:black;}
.labelTestRunCategoryorange, .labelTestRunCategoryred{width:176px; padding:0px 2px 0px 3px;}
.labelTestRunCategoryorange{color:white;}
.labelTestRunCategoryred{color:black;}

/* rating */
.blackBorderedTable{border-width:2px; border-spacing:2px; border-style:solid; border-color:black; border-collapse:collapse;}
.blackBorderedTable td {border-width:2px; padding:2px; border-style:inset; border-color:black; border-style:solid;}
.ratingCellTextCenter {text-align:center;}
.solutionText {height:120px; width:650px; margin-top:-11px; margin-left:4px; border:0;}


/* help */
/* orange */
#helpbodyorange {background-color:#ffa52d;}
#helpbodyorange p {color:white;}
#helpbodyorange a {color:white;}
#helpbodyorange a:hover {color:white;}
/* red */
#helpbodyred {background-color:#efefef;}
#helpbodyred p {color:black;}
#helpbodyred a {color:black;}
#helpbodyred a:hover {color:black;}

#helpwrap {margin-left:20px; margin-right:20px; margin-top:20px; margin-bottom:20px; width:550px;}
.helpol {margin-left:25px;}


/* admin */
.selectionBox {width:200px;}
.selectionBoxCategory {width:300px;}