.OrigChanged{
	background-color:#ffffff;
	color:#ffffff
}
.OrigUnChanged{
	background-color:#ff0000;
	color:#ff0000;
}
* {box-sizing:border-box;}
body {
  margin:0;
  padding:0;  
  font-family: verdana,sans-serif;
  font-size:0.6875em;
  background-color:#fff;
}
img{border:none}
#container {
  background-color:#ffffff;
}

#header {
  height:70px;
  position:relative;
}
#header a {
  color:#000;
}
#logo {
  display: block; 
}
#logo img {
  width: 141px;
  height: 66px;
  margin-top: 4px;
  margin-left: 10px;
}
#login {
  position:absolute;
  top:5px;
  right:40px;
}
#login li {
  display:inline;
  padding-left:20px;
}
#pagetitle{
  color:#ffffff;
  position:absolute;
  top:20px;
  left:160px;
}
#pagetitle h1 {
  color: #000;
  font-size:16px;
  margin:0;
  padding:0;
}
#content{
  background-color:#fff;
}
#OverviewOriginal,
#OverviewCurrent {
  width:460px;
  float:left;
  padding-right:20px;
}
#OverviewMessages ul {
  margin-left:0px;
  padding-left:20px;
}
#OverviewMessages ul li {
  margin-left:0px;
}

.Entry {
  margin-top:10px;
  width:580px;
  border: 1px solid #aaaaaa;
  padding:10px;
}
.EntryOriginal {
  display:none;
}
.EntryCurrent {
  padding:5px;
  width:470px;
  float:left;
  font-size:12px;
  background-color:#eeeeee;
}
.standard{
  text-align:right;
}
.transhint{
  color:#666666;
  font-size:99%;
  float:left;
  width:80px;
  padding-top:5px;
}
/*.submit{background-color:#cccccc !important}*/
h2 {
  margin-bottom:3px;
}
h3 {margin-bottom:3px;}
p {margin-top:0px;margin-bottom:3px;}

label{font-weight:bold; /*padding: 10px;*/}
li{margin-bottom:12px;}

 
.clear {clear:both !important;}
.blue {color:#327CA9}

.Overview{margin:0;padding:0;}
.Overview li {list-style-type:none;margin:0;padding:0;margin-bottom:16px;}

.hint {font-size:80%;color:#cccccc;}
.hintBIG {font-size:180%;color:#cccccc;}
#StartpageOriginal,#SecondpageOriginal,#ReiseOriginal,#ProgrammOriginal, #TeilnehmerOriginal
{
  clear:left;
  border: solid 1px #000000;
  width:580px;float:left;
  padding:10px;
}
#StartpageTranslated,#SecondpageTranslated,#ReiseTranslated,#ProgrammTranslated,#TeilnehmerTranslated
{
  margin-left:10px;  
  border: solid 1px #000000;
  width:580px;float:left;
  padding:10px;
}

#Startpage table th, #Secondpage table th, #Reise table th,#Program table th, #Anhang table th, #Teilnehmer table th {
  background-color:#cccccc;
  color:#ffffff;
  text-align:left;
}

#Startpage table td, #Secondpage table td,#Reise table td,  #Program table td,#Anhang table td {vertical-align:text-top;
}
.notranslation{color:red;}
#Startpage,#Secondpage,#Reise,#Program, #Anhang,#Teilnehmer{margin-top:20px;margin-bottom:20px;}
#Anhang table,#Teilnehmer table,#Startpage table,#Secondpage table, #Reise table ,#Program table {border-spacing:0;}
.tdol {
  border-left: solid 1px #000000;
  border-top: solid 1px #000000;
}
.tdul{
  border-left: solid 1px #000000;
  border-bottom: solid 1px #000000;
}
.tdo{border-top: solid 1px #000000;}
.tdu{border-bottom: solid 1px #000000;}
.tdor{
  border-right: solid 1px #000000;
  border-top: solid 1px #000000;
}
.tdur{
  border-right: solid 1px #000000;
  border-bottom: solid 1px #000000;
}
.tdzw{
  border-right: solid 1px #000000;
  border-left: solid 1px #000000;
}
.tdl{
  border-left: solid 1px #000000;
  
}
.tdr{
  border-right: solid 1px #000000;
  
}
.tdc{
  padding:5px;
  margin-bottom:5px;
  border: solid 1px #aaaaaa;
}
.tdlinie {border-bottom: solid 1px #aaaaaa;padding-bottom:5px;}
.tdw345{width:345px;}

#translation_container {
	height: 800px;
	margin: 0 auto;
	width: 90%;
	overflow: scroll;
	border: solid 1px #DDDDDD;
}

#Translation {
  width: 80%;
	margin: 0 auto;
}

#Actions {
	margin-left: 40px;
}

#projecthead {
	margin-left: 20px;
}

input[readonly="readonly"] {
	background-color: #aaaaaa;
}

textarea[readonly="readonly"] {
	background-color: #aaaaaa;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.comment-box {
  height: 60px; 
  margin-top: 5px;
	margin-bottom: 20px;
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid rgb(187, 220, 255);
  border-bottom: 1px solid rgb(248, 248, 248);
}

.actionlist {
  float:left;
  margin: 1%;
	padding: 1%;
}

.no_underline {
  text-decoration: none !important;	
}

.mainpagetable {
  width: 90%;
  margin: 20px auto;
}

.centered {
   
  margin: 0 auto;
	width: 98%;
}

.tableinput {
  margin-top: -4px;
  margin-bottom: -4px;	 
}

.buttonInputField {
  width: 20px;
  height: 20px;
  float: right;
}

.buttonTextareaField {
  width: 20px;
  height: 20px;
  float: right;
}

.table-centered {
   
  margin-left: auto;
  margin-right: auto;
}

.spinner {
	height: 32px;
	width: 32px;
	display: none;
}

#transl_header {
	padding: 1%;
}

.frametable {
	padding: 1%;
  width: 97% !important;
  
}
.KommentarUE{background-color:#cccccc;}


/* slider root element */
.slider, .slideralignleft { 
    background-image: url(/images/icon-gradient.png);
    background-repeat: repeat-x
    background-position: 0 0;
    background-color:#3C72E6;
    height:4px;
    position:relative;
    cursor:pointer;
    border:1px solid #333;
    width:150px;
    float:left;
    clear:right;
    margin-top:8px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -moz-box-shadow:inset 0 0 8px #000;
}


/* progress bar (enabled with progress: true) */
.progress {
    height:9px;
    background-color:#C5FF00;
    display:none;
    opacity:0.6;
}

/* drag handle */
.handle {
    background:#fff url(/images/icon-gradient.png) repeat-x 0 0;
    height:20px;
    width:20px;
    top:-10px;
    position:absolute;
    display:block;
    margin-top:1px;
    border:1px solid #000;
    cursor:move;
    box-shadow:0 0 6px #000;
    box-shadow:0 0 6px #000;
    border-radius:4px;
    border-radius:4px;

}

/* the input field */
.range {display:none;
    border:1px inset #ddd;
    float:left;
    
    margin:0 0 0 3%;
    padding:3px 0;
    text-align:center;
    width:7%;
    border-radius:5px;
    border-radius:5px;
}
.sadsmily{float:left;margin-right:4px;}
.happysmily{float:left;margin-left:4px;}
.MainEventBewertung{width:30%;float:left;}
.MainEventTexte {width:65%;margin-left:5%;float:left;}
.SliderContainer{width:90%;}
.Bewertungsquestion{clear:both;padding-top:20px;}
.Textquestion{float:left;width:50%;padding-top:20px;} 
.LabelTextRangeInput{padding-bottom:5px;display:block}
.LabelTextInput{padding-bottom:5px;display:block;min-height:30px;}
#ReportHead{width:60%;margin-left:2%;margin-right:2%;float:left;}
#ReportActions{width:33%;margin-left:2%;margin-right:0%;float:left;max-height:150px;overflow:auto}
#ReportDaten,#TransDaten{clear:both;width:96%;margin-left:2%;margin-right:1%;min-height:550px;position:relative;min-width:970px}
#ReportTabs {list-style-type:none;}
#ReportTabs li{list-style-type:none;float:left;margin:0 20px 0 20px;}
.Reportheadline{margin-top:5px;margin-bottom:5px;float:left;}
.ReportPane {position:relative}

.MainEventTexteLeft, .MainEventTexteRight{float:left;width:48%;}
.MainEventTexteRight{margin-left:2%}
.ReportSubmit {width:100px;}
.ReportCheckboxes {width:180px;}
.ReportSave{float:right;}
.ReportCheckboxLabel{}
.textinput {width:95%}
.SubEventLinks{width:40%;float:left}
.SubEventTexte {width:55%;float:left;}
#Hotels .ui-tabs-nav{width:20em;}
#SubEvents {display:table;position:relative}
#SubEvents .ui-tabs-nav{width:20em;}
#SubEvents,#Hotels {width:100%;}
#SubEvents {position:relative}
#SubEvents .derSubEvent{padding-top:0;width:72%;

float:left;


	
}
#Hotels .dasHotel {padding-top:0;width:70%}
.HotelRight,.HotelLeft{width:50%;float:left;}
.Hoteldaten{width:100%;clear:both;}
.Pflichtfeld {color:#ff0000;display:inline;}
.LabelTextRangeInput{}
#Hotels ul li a.bewertet,#ReportDaten ul li a.bewertet {color:#539D1D}
#TransDaten a.bewertet {color:#539D1D!important}
.SubEventKomplett{clear:both;}
.disabledSubEvent{opacity:0.5}
.SubEventBewertung {width:100%}
li.ui-state-active a {text-decoration:underline!important;font-weight:bold!important}
input.isHot {background-color:#ff0000}
.resultdiv{margin-left:40px;float:left;padding-top:12px;font-size:16px;}
.TransForm .resultdiv{float:none;}
.SubEventTexte .textinput {min-height:150px}
.MaineventDaten {clear:left;width:100%;position:relative}

textarea { resize:vertical; }
.PflichtfeldHint{margin-top:20px;}
.HotelRight .PflichtfeldHint{margin-top:60px;}
.ReportForm{border:solid 1px transparent}
.isHotForm {border:solid 1px red}

.ReportForm{padding-left:5px;}
.addPP {font-size:0.5em;}
.addPPInput {border:solid 3px #539d1d;}
.Messages{list-style-type:none;display:table;margin:0;padding:0}
.Messages li {float:left;margin-bottom:0;display:table-cell;text-align:middle}
.Messages li .comment-box {margin-top:0;margin-bottom:0;margin-right:10px;width:180px;}
#dialog-confirm{display:none}

#TransDaten .ui-tabs-vertical .ui-tabs-nav {
    float: left;
    padding: 0.2em 0.1em 0.2em 0.2em;
    width: 18em;
}
#TransDaten .ui-tabs-vertical .ui-tabs-panel {
    float: right;
    padding: 1em;
    width: 60em;
}
#TransDaten .ui-tabs-vertical{width: 100%;}
#TransDaten .ReportPane {width:90%}
.ui-icon {display:inline-block}
.ReportSave{margin-left:auto;margin-right:0}
.actionlist h3 {margin-top:0;}
.icon-information {background-image: url(/images/information.png)!important}
.slidertable{width:182px}
.sliderimageleft,.sliderimageright{width:16px;}
#Hotels {width:980px;}
.SubEventTexte .Textquestion:nth-child(3){clear:left;}
.icon-information{width:16px;height:16px;display:inline-block;position:relative}
.myTooltip{display:none;position:absolute;top:10px;left:10px;background-color:#ffffff;padding:5px;min-width:200px;}