@media print {
  .noPrint {
    display: none;
  }
}
@media screen {
  .onlyPrint {
    display: none;
  }
}
body {
  background-color: white;
}
div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
 
 td, .oneyear {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

td {
	font-size: 11px;
}

#footerBox {
  clear: left;
  padding: 10px;
  width: 760px;
}


/* Linke Spalte, Projektliste kommt dort rein */
#layoutColLeft {
  width: 465px;
  float: left;
}

/* Rechte Spalte, "Windows" kommen da rein */
#layoutColRight {
  width: 295px;
  float: left;          
}
/* Rechte Spalte, Login */
#login {
  width: 100px;
  float: left;
}


/* Das Inhaltsdiv für Projekte, kommt direkt unter
   dem Bild. Hat Padding damit Text nicht ganz am Rand steht */
#projectWindow {
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  border-color: gray;
  border-top-style: none;  
}

/*
  #dateHeader malt den Rahmen um das Titelbild des Windows (Dates),
  #dateContent macht den Rahmen um die Datesliste (falls Dates ausgeklappt).
  unterschied ist nur, wo Ränder gemalt werden und wo nicht.
  Wären an allen vier Seiten der Box Ränder, würden die Ränder an den Natstellen
  ja zwei Pixel breit sein.
  .rightWindowHeader und .rightWindowContent werden genauso verwendet, nur
  nicht für Dates sondern für allgemeine "Windows". Unterschied zu den Date-Dingern
  ist, dass nicht die untere sondern die obere Kante der Box jeweils fehlt.
*/
#dateHeader {
  border-width: 1px;
  border-style: solid;
  border-color: gray;
  border-left-style: none;
}

#dateContent {
  border-width: 1px;
  border-style: solid;
  border-color: gray;
  border-top-style: none;  
  border-left-style: none;
  padding: 10px;
}

.rightWindowHeader {
  border-width: 1px;
  border-style: solid;
  border-color: gray;
  border-top-style: none;  
  border-left-style: none;
}

.rightWindowContent {
  border-width: 1px;
  border-style: solid;
  border-color: gray;
  border-top-style: none;  
  border-left-style: none;
  padding: 10px;
}

.dottedBottom {
  border-width: 1px;
  border-style: solid;
  border-color: gray;
  /*border-bottom-style: dotted;*/
}

.oneyear {
        font-size: 11px;
        line-height: 17px;
}


.oneyearRed {
        font-size: 11px;
        line-height: 17px;
        background-color: #EEEEEE;
}


.oneyearFuture {
        font-size: 11px;
        line-height: 17px;
        background-color: #FFFFFF;
        color: #000000;
}

.helpBox {
  background-color: F0FFF0;
  border-color: 10FF10;
  border-width: 1px;
  border-style: solid;
  padding: 3px;
  margin: 3px;
}

/*
  Hier sind die Linkfarben für Links innerhalb
  der blauen Zukunftsbox definiert.
*/
.oneyearFuture a:link {
  	color: #315FA4;
}
.oneyearFuture a:visited {
  color: #315FA4;
}
.oneyearFuture a:hover {
	color: #B27952;
}
.oneyearFuture .headline {
  color: #BBBBBB;
}


.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #999999;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
a:link {
	color: #315FA4;
	 text-decoration: none
}
a:visited {
	color: #315FA4;
	 text-decoration: none
}
a:hover {
	color: #B27952;
	 text-decoration: none
}
.prjYearFormat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
	line-height: 18px;
}
.prjYearFormatBlack{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	line-height: 18px;
}

.prjYearFormatRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	background-color: #EEEEEE;
	line-height: 18px;
}

.prjYearFormatFuture {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #FFFFFF;
	line-height: 18px;
	color: #FFFFFF;
}

.prjYearFormatFuture {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #FFFFFF;
	line-height: 18px;
	color: #999999;
}


.red {

	font-weight: bold;
	letter-spacing: 0.5px;
	
	color: #333333;
}