/* Allgemeine Styles */
body {
overflow-y:scroll;

}
*{
	font-family: Helvetica, sans-serif;
	letter-spacing: 0.5px;
	font-size: 12px;
}
a img{ 
        border:0px;
}
img{ 
        border:0px;
}   
a {
	text-decoration:none;
	color: #666;
    border:0px;
}

/*  Styles für die Seitengestaltung */
#body {
	background-color: #ebebeb;
}
#pageArea {
	top: 0px;
	position: absolute;
	margin-left: -500px;
	left: 50%;    
	top: 1px;
	width: 1000px;
	background-color: #FFFFFF;
}
/* Styles für den Kopfbereich (Logo, Toolbar [Links und Suche] und Navigation) */
#header {
	position: relative;
	height: 141px;
	width: 1000px;
	left: 0px;
	top: 0px;
	background-color:#fdc413;
}
#headerCorporate {
	position: relative;
	height: 141px;
	width: 1000px;
	left: 0px;
	top: 0px;
	background-color:#d7d9da;
}
#headerLogo {
	position: absolute;
	left: 160px;
	top: 32px;
}
#headerToolBar {
    font-family: Verdana,Geneva,sans-serif;
    font-weight: bold;
    height: 17px;
    left: 675px;
    position: absolute;
    top: 23px;
}
#corporateHeaderToolBar {
    font-family: Verdana,Geneva,sans-serif;
    font-weight: bold;
    height: 17px;
    left: 475px;
    position: absolute;
    top: 23px;
}
#headerToolBar a{
	color: white;
	font-weight: bold;
		}
#headerToolBarSpeaker {
	position:relative;
	top:  -16px;
	left: 242px;
}
#headerToolBarSearch {
    border: 1px solid white;
    height: 16px;
    left: 113px;
    padding: 3px;
    position: absolute;
    top: -4px;
    width: 153px;
}
#headerToolBarSerachInput {
    border: 1px solid white;
    font-size: 10px;
    height: 12px;
    width: 135px;
}
#headerMenu {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	position: absolute;
        left: 0px;
	top: 65px;
	
}
#headerSubMenuUebersicht {
	padding-left:10px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.3px;
}
#headerSubMenuProjekte {
	padding-left:15px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.3px;
}
#headerSubMenuZeiten {
	padding-left:25px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.3px;
}
#headerSubMenuReisen {
	padding-left:28px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.3px;
}
#headerSubMenuKosten {
	padding-left:25px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.3px;
}
#headerSubMenuRechnungen {
	padding-left:2px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0.3px;
}

.menuSecondLevelActive {
    color: #FFFFFF;
    background-color: #000000;
	border-right:15px solid #ffdb69;
}
.corporateMenuSecondLevelActive {
    color: #FFFFFF;
    background-color: #000000;
	border-right:15px solid #e6e8e9;
    }
.menuSecondLevelActive a{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #000000;
    }
.corporateMenuSecondLevelActive a{
    font-weight: bold;
    color: #FFFFFF;
    background-color: #000000;
    }
.menuSecondLevel  {
    padding-right:15px;
}

.menuSecondLevel a {
    color: #000000;
    font-weight: bold;
    text-decoration:none;
    }
/* Beginn des eigentlichen ContentBereiches / Entweder Inhalte, Listen oder Formulare */
#mainArea {
	position: relative;
	width: 1000px;
}
#mainContent {
	position: relative;
	top: -69px;
	width: 1000px;
}
/* Styles für den Linken Bereich / Im Formularbereich Icon und Tabelle */
#mainLeft {
	position: relative;
	width: 170px;
}
#mainLeftIcon {
	position: absolute;
	left: 43px;
	top: 22px;
}
#mainLeftTableHeader {
	font-size: 10px;
	font-weight: bold;
	color: #333;
	padding-bottom: 10px;
}
#mainLeftTable {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	position: absolute;
	left: 5px;
	top: 127px;
	letter-spacing: 0.3px;
        display: none;
}
.mainLeftTableCell {
	font-size: 9px;
	padding-left: 7px;
	color: #999;
	font-weight: bold;
}
/* Hauptbereich für die Formulare */
#mainCenter2 {
	position: relative;
	left: 165px;
	padding-top: 10px;
    min-height:400px;
    width:835px;
}
/* Styles für die Formulare */
.imageIcon {
  margin-left: 3px;
}
.formTable {
}
.formHeader {   
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	padding-left: 1px;
	letter-spacing: 0.3px;
	padding-top: 2px;
	padding-left:11px;
    padding-bottom: 7px;
	color:white;
}
.listHeader {   
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	padding-left: 7px;
	padding-bottom: 7px;
	letter-spacing: 0.3px;
	padding-top: 5px;
}
.greyListHeader {   
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 0.3px;
    color: #7a7a7a;
}

.tableTextDiv{
  padding-top: 4px;
}
.listSizeSelection {
  font-size: 14px;
}
.listSizeSelection a{
  font-size: 14px;
}
/* Fussbereich der Seite (Links und gelber Streifen */
#footer {
	width: 1000px;
	width:1000px;
	padding-top:10px;
	z-index: 15;
}
#footerYellowLine {
	position:relative;
	left:0px;
	top:0px;
	width:1000px;
	height:5px;
	background-color:#fdc413;
}

#footerLine {
	position:relative;  
	width:996px;
	height: 15px;
	padding-top:2px;
	padding-right: 4px;
	top:2px;
	text-align:right;
	font-size:10pt;
	background-color: #fdc413;
} 
#footerLineCorporate {
	position:relative;  
	width:996px;
	height: 15px;
	padding-top:2px;
	padding-right: 4px;
	top:2px;
	text-align:right;
	font-size:10pt;
	background-color: #d8d9db;
} 
/* Styles für die Übersichtslisten */
.listTable {
        background-color:#FFFFFF;
		border-spacing: 1px; 
    }
.listTableProblem {
        border: 2px solid red;
	    background-color:#FFFFFF;
		border-spacing: 1px; 
    }
.tableHeader {
    padding-left: 12px;
    text-align: left;
    font-weight:bold;
    font-size:12px;
    }
.tableHeader:first-child {
    padding-left: 5px;
    text-align: left;
    font-weight:bold;
    font-size:12px;
    }
.tableRow {
	background-color:#eeeeee;
        vertical-align: center;
    }
.tableRow2 {
        vertical-align: center;
    }
.tableFileRow {
		background-color:#eeeeee;
        height: 21px;
    }
.tableFileRow2 {
	background-color:#dddddd;
        line-height: 12px;
        height: 21px;
}
.tableColumnSmall {
       padding-left: 3px;
       margin: 3px;
       vertical-align: top;
}
.tableColumn {
        padding-left: 6px;
        margin: 3px;
        vertical-align: top;
	padding-top:10px;
	padding-bottom:10px;
}
.tableColumnTop {
        padding-left: 3px;
        margin: 1px;
        vertical-align: top;
    }
.tableColumnBold {
        padding-left: 6px;
        margin: 3px;
        font-weight: bold;
        vertical-align: top;
	padding-top:10px;
	padding-bottom:10px;
}
.tableColumnBoldCenter {
        padding-left: 3px;
        margin: 3px;
        font-weight: bold;
        vertical-align: top;
        text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.tableColumnBoldRight {
        padding-right: 6px;
        margin: 3px;
    	text-align: right;
        font-weight: bold;
        vertical-align: top;
	padding-top:10px;
	padding-bottom:10px;
}
.tableColumnRight {
        padding-right: 6px;
        margin: 3px;
    	text-align: right;
        vertical-align: top;
	padding-top:10px;
	padding-bottom:10px;
}
.tableColumnRightBold {
        padding-right: 6px;
        margin: 3px;
        font-weight: bold;
        vertical-align: top;
        text-align: right;
	padding-top:10px;
	padding-bottom:10px;
	}
.tableColumnGrey {
        padding-left: 6px;
        margin: 3px;
        vertical-align: top;
        color: #555555;
	padding-top:10px;
	padding-bottom:10px;
    }
.tableColumnGreyRight {
        margin: 3px;
        color: #555555;
        vertical-align: top;
        text-align: right;
	padding-top:10px;
	padding-bottom:10px;
}
.tableColumnGreyCenter {
        padding-left: 3px;
        margin: 3px;
        color: #555555;
        vertical-align: top;
        text-align: center;
	padding-top:10px;
	padding-bottom:10px;
}
.tableColumnCenter {
    padding-top: 3px;
    padding-left: 3px;
    vertical-align: top;
    text-align: center;
    margin: 3px;
	padding-top:10px;
	padding-bottom:10px;
    }
/* Styles für den Popup Calendar */
#ds_conclass {
	position: absolute;
	z-index: 32767;
}
.ds_box {
	background-color: #FFF;
	position: relative;
	z-index: 32767;
}

.ds_tbl {
	text-align:center;
	width:100%;
	line-height: 30px;
	color:#ADADAD;
    border-collapse : collapse; 
	background-color: #FFF;
	border-radius: 5px;
}

.ds_head {
	background-color: #929292;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.ds_subhead {
	background-color: #fdc413;
	color: #000;
	font-weight: bold;
	text-align: center;
	width: 32px;
	border-bottom: 2px solid #FFFFFF;
}
.ds_subhead_tr {
	border-top: 2px solid #FFFFFF;
}

.ds_cell {
	background-color: #FFFFFF;
	color: #000;
	text-align: center;
	cursor: pointer;
	}
.ds_cell_today {
	background-color: #929292;
	color: #000;
	text-align: center;
	cursor: pointer;
	border:solid 1px #CECECE;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */

/* Stlyes für das Hilfe-Popup das hinter den Formularfeldern erscheint */
.messageBox { 
	position: absolute;
	z-index: 10010; 
	padding: 2px; 
	display: none;
} 
.popupLayer { 
   position: fixed;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
   z-index: 100;
   background-color: #000000;
   filter: alpha(opacity=75);
   -moz-opacity: 0.75;
   opacity: 0.75;
}    
.popupWindow {
    position: absolute;
    top: 20px;
	margin-top: 0px;    
 	z-index:101; 
	display: block;
    z-index: 10001;
}
/* Einstellungen für den Kalender */
#calendarRow {
  text-align: center;
	font-weight:bold;
  vertical-align: top;
  width: 200px;
  color: #000000;
  mouse: pointer;
}
#calendarRow a {
  color: #000000;
}
.calendarEntry {
	background-color: #dff0d8;
	border-color: #2c9c4d;
	border-style:solid;
	border-width: 1px;
	border-radius: 4px;	
}
.calendarCurrentDayCell {
  background-color: #929292;
  color: #000000;
}
.calendarCurrentDayCell a{
  color: #000000;
}
.calendarYearMonthHeader{
	color: #000000;
	font-weight: bold;
	background-color: #929292;
}

.calendarWeekHeader{
	color: #000000;
	font-weight: bold;
	background-color: #fdc413;
}
.calendarClass{
  padding: 0px;
  border-spacing: 0px;
  width: 250px;
  text-align: center;
	font-size:12px;
  border-collapse : collapse; 
}
.calendarClass tr{
	padding: 0px;
	border-bottom: 2px solid #FFFFFF;
}
.calendarClass td{
	padding: 0px;
}
.calendarClass a {
	color: #000000;
}


/* Stlyes für die INhalten */

.homeHeadline1 {
	padding-top: 13px;
	font-size:18px;
	letter-spacing: 0.2px;
	font-weight: bold;
}
.homeText1 {
	padding-top: 3px;
	font-size:14px;
}
.homeText1 a {
	font-size:14px;
	color:#fdc413;
	font-weight: bold;
}
.homeHeadline2 a {
	padding-top: 5px;
	font-size:16px;
	letter-spacing: 0.2px;
	color:#919191;
	font-weight: bold;
}
.homeText2 {
	padding-top: 3px;
	color:#919191;
	font-size:14px;
}
.contentLinks {
  padding-top: 22px;
}
.contentLink {
 	letter-spacing: 1px;
 	line-height: 20px; 
 	font-size:14px;
   font-weight: bold;
}
.activContentLink {
 	letter-spacing: 1px;
 	line-height: 20px; 
 	font-size:14px;
   font-weight: bold;
	 color:#fdc413;
}
.contentLink a{
 	letter-spacing: 1px;
 	line-height: 20px; 
 	font-size:14px;
   font-weight: bold;
}
.headlineYellow {
	font-size:15px;
	letter-spacing: 1px; 
	color:#000000;
	font-weight: bold; 
  color:#fdb403;
  padding-top: 11px;
  padding-bottom: 3px;
}
.contentHeadline {
   font-size:14px;
	font-weight: bold; 
	padding-bottom: 0px;
	padding-top: 15px;
 	letter-spacing: 0.7px; 
}

.headline {
	font-size:17px;
	font-weight: bold;
	color:#000000;
}
/* Klassen f�r den Kalender */
/* Kopfzeile der Tag / Wochen / Monatsdarstellung (ohne Text) */
.calendarHeader{
	padding-left: 15px;
	text-align:center;
}
.div.schedule-compact-evolution a {
	font-size: 12px;
	color:#2c9c67;
}
.calendarHeader a{
	font-size: 12px;
	color:#2c9c67;
}
.calendarDay {
	border-bottom-color: #dddddd;
}
.workday {
	background-color:#f5f5f5;
	border-bottom-width: 2px;
	border-bottom-color: #dddddd;
	border-bottom-style: solid;
	border-right-color: #dddddd;
	border-right-width: 2px;
	border-right-style: solid;
}
.weekend {
	background-color:#e8e8e8;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-right-color: #dddddd;
	border-right-width: 2px;
	border-right-style: solid;
	border-bottom-color: #dddddd;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
.calendarContent div table {
	border-spacing: 2px;
	border-collapse: separate;
}
.calendarContent div table tr td {
	background-color: #dff0d8;
	border-color: #2c9c4d;
	border-style:solid;
	border-width: 1px;
}
.calendarContent div table tr td a {
	color: #2c9c4d;
}

.calendarContent{
  cursor: pointer;
}
/* Hintergrund der Zeitspalten in der Wochen und Tagesansicht. */
.calendarGutter{
	text-align:left;
	vertical-align:text-top;
}
/* �berarbeit */
.calendarForground{ 
	cursor: pointer;
} 
/*Darstellung der Minuten in der Wochen und Tagesdarstellung*/
.calendarMinutes{
  font-size: 11px;
}
/*Darstellung der Minuten in der Wochen und Tagesdarstellung*/
.calenderHours{
  font-size: 14px;
}
/* Die einzelnen Spalten in der Wochendarstellung */
.calendarColumn{
	border-right-color: #dddddd;
	border-right-width: 1px;
	border-right-style: solid;
}
/*Rahmen f�r die Monatsdarstellung */
.calendarMonth{
	
}
/* Darstellung der Eint�ge in dem Kalendar */
.calendarTitle{
  padding-left: 15px;
}
/* Darstellung der Eint�ge in dem Kalendar */
.calendarSubtitle{
  padding-left: 5px;
}
/* Zeilen in der Wochendarstellung */
.calendarUneven{
	background-color:#f5f5f5;
	border-top-color: #dddddd;
	border-top-width: 2px;
	border-top-style: solid;
	border-bottom-color: #dddddd;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
/* Zeilen in der Wochendarstellung */
.calendarEven{
}  
/*Unklar*/
.calendarWeek {
}
.inactive-day {
	background-color:#FFFFFF;
}

/* Styles f�r die Loginbox auf der Startseite */
#loginForm {
  position: realtive;
  padding-left: 15px;
}  
#loginBox a {
	color:#939393;
}
#loginForm input {
	padding-left: 3px;
}
.controlButtonLoginDiv {
  padding-top:20px;
  padding-bottom:5px;
}
.loginExtraLink {
    padding-bottom: 7px;
    padding-top: 17px;
    padding-left:5px;
    float:left;
}
.loginExtraLinkText {
    font-weight: normal;
    text-decoration:none;
    color:#666666;
    font-size: 10px;
    letter-spacing: 0.1px;
}
.homePageControl {
	width: 137px;
	height: 14px;
	border: 1px solid #fdc413;
}
.homePageControlProblem {
	width: 157px;
	height: 20px;
	border: 1px solid red;
}
.loginBoxText {
	color:#000000;
	letter-spacing: 0.7px; 
        padding-left: 4px;
        padding-top: 10px;
	letter-spacing: 1px; 
        font-weight: bold;
}
.controlButtonLogin {
  padding-top:31px;
  padding-bottom:5px;
	border: 0px;
	float: right;
}
.statisticNumberCell {
    padding-left: 16px;
    padding-right: 35px;
}
.startText {
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	padding-left: 12px;
	padding-top: 19px;
	padding-bottom: 1px;
	letter-spacing: 0.3px;
	color: #333;
}
.startText li {
	font-style: normal;
	font-weight: normal;
	padding-left: 12px;
	padding-top: 19px;
	padding-bottom: 1px;
	letter-spacing: 0.3px;
	color: #333;
}
.startText2 {
	font-style: normal;
	font-weight: normal;
	padding-left: 26px;
	padding-top: 0px;
	padding-bottom: 17px;
	letter-spacing: 0.3px;
	color: #333;
}
.registerBox {
	top: 0px;
	position: absolute;
	margin-left: -344px;
	left: 50%;    
	top: 1px;
	width: 687px;
  text-align: center;
        top: 200px;
	background-color: #ffffff;
}
.registerBoxHeadline {
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
        padding-top: 20px;
}
.registerBoxText {
	font-style: normal;
	color: #666;
	padding-top:10px;
}
#registerBody {
	background-color: #fff686;
}
.lupeWeiss {
        position:relative;
	padding-left:7px;
	top:1px;
	cursor: pointer;
}
.reportSelector {
	padding-left: 12px;
	padding-top: 15px;
}
.imagePieChart {
   padding-left:40px;
}
.reportTable {
}
.reportHeaderTable {
    padding-left: 3px;
    text-align: left;
    color: white;
    background-color:#555555;
}
.reportColumnClass {
   padding-top:3px;
   padding-bottom:0px;
   text-align:right;
   color: #7a7a7a;
}
.reportValueColumnClass {
   padding-right:10px;
   text-align:right;
   padding-bottom:0px;
   font-weight: bold;
   color: #7a7a7a;
}
.reportTableColorDiv {
    position: relative;
    height: 11px;
    left: 2px;
    top: 6px;
    width: 21px;
}
.reportTableLabelDiv {
    position: relative;
    left: 32px;
    top: -6px;
}
.statisticFooter {
  padding-bottom: 20px;
}
.selectIcon {
   cursor: pointer;
  padding-right: 7px;
  padding-left: 2px;
}
.selectOption {
   font-weight: bold;
   cursor: pointer;
}
.selectOption:hover {
	color: #2c9c4d;
} /* This hover code won't work for IE */
.selectorActiveItem {
   font-weight: bold;
   cursor: pointer;
   color: #2c9c4d;
   font-size:14px; 
}
.selectorLabelItem {
   color: black;
   font-size:14px; 
}
.noValuesMessage {
	padding-top:20px;
        padding-left: 20px;
}
.helpHeader {
   text-align: center;
   color: white;
   font-weight: bold;
   font-size: 14px;
}
.helpNavTable {
  padding-left: 5px;
  padding-top: 15px;
  line-height: 18px;
}
.helpContentTable  {
  padding-top: 15px;
}
.helpText {
padding-left: 23px;
line-height: 22px;
font-size: 14px;
letter-spacing: 0.2px;
}
.helpText2 {
padding-top: 30px;
padding-left: 23px;
line-height: 22px;
font-size: 14px;
letter-spacing: 0.2px;
color: #5a5a5a;
}
.helpText2 b{
padding-top: 30px;
line-height: 22px;
font-size: 14px;
letter-spacing: 0.2px;
color: #5a5a5a;
}
.closeHelp {
  position: relative;
  left: 322px;
  top: 7px;
}
.helpWindowTitle {
  position: relative;
  top: -5px;
}
.helpTextHeader {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	padding-left: 23px;
	padding-top:11px;
        line-height: 22px;
    padding-bottom: 10px;
    letter-spacing: 0.4px;
}
.helpCloseButton {
  padding-right: 12px;
}

.ajaxStatusDiv {
   position: fixed;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
   z-index: 100;
   background-color: #000000;
   filter: alpha(opacity=5);
   -moz-opacity: 0.5;
   opacity: 0.5;
}
#kontoData {
  position: relative;
  top: 25px;
  left: 36px;
}
#kontoTable {
  position: absolute;
  top: 46px;
  left: 209px;
}
#meinKonto {
  padding-left: 222px;
  font-weight: bold;
  color: #97bf15;
  font-size: 14px;
  padding-bottom:6px;
}
#meinKontoTable {
  font-weight: bold;
  font-size: 14px;
  padding-top: 5px;
  padding-left: 9px;
  padding-bottom: 8px;
}
#workInProgressImage {
  width: 1000px;
  text-align: center;
}
#workInProgressText {
  padding-top: 70px;
  width: 1000px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #97bf15;
}
#listSelect1 {
  position: absolute;
  z-index: 10010;
}
#listSelect2 {
  position: absolute;
  z-index: 10020;
  min-width:200px;
  max-width:400px;
}
#firstHelpIcon  {
   position: relative;
   top: 5px;
}
.FAQHeadline {
    font-size: 26px;
    margin: 0px;
}
.FAQTeaser {
	font-weight: bold;
}
.FAQLink {
       padding-left: 9px;
       padding-bottom: 12px;
}
     .FAQLink a{
       font-size: 15px;
       font-weight: bold;
       color: #666666;
}
.FAQQuestion {
        font-weight: bold;
        color: #2c9c4d;  
        font-size: 14px;
        cursor: pointer;
        padding-bottom: 10px;
}
.FAQAnswer {
      line-height: 20px;
      font-size: 14px;
      letter-spacing: 0.7px;
      padding-bottom:34px;
      color: #424242;
}
.FAQSearchField {
    	border:solid black 1px;
}