table.admin-plan-table { 
    background-color: #dce2f2 
}

td.plan-title { 
    color: #000000; 
    font-size: 17px; 
    font-family: arial 
}

td.plan-table { 
    font-size: 18px; 
    font-family: arial; 
    background-color: #ddd 
}

td.admin-plan-month {
    font-weight: bold; 
    font-size: 11px; 
    font-family: arial; 
    background-color: #ffffff
}

td.admin-plan-frist-column {
    font-weight: bold; 
    font-size: 11px; 
    font-family: arial; 
    background-color: #ffffff; 
    text-align: center
}

td.admin-plan-second-column { 
    font-weight: bold; 
    font-size: 11px; 
    font-family: arial; 
    background-color: #def2ff; 
    text-align: center 
}

td.not-a-day {
    width: 13px;
    height: 23px;
    font-size: 10px;
    text-align: center;
    background-color: #666666;
}

td.free { 
    width: 13px;
    height: 23px;
    font-size: 12px;
    text-align: center;
    background-color: #00cc00; 
}

td.occupied {
    width: 13px;
    height: 23px;
    font-size: 12px;
    text-align: center;
    background-color: #ff0000;
}

td.arrival {
    width: 13px;
    height: 23px;
    font-size: 12px;
    text-align: center;
    background-image: url(anreise.gif);
    background-color: #00cc00;
}

td.departure {
    width: 13px;
    height: 23px;
    font-size: 12px;
    text-align: center;
    background-image: url(abreise.gif);
    background-color: #00cc00;
}

		@media only screen and (min-width: 160px)  {
			td.plan-table { 
				font-size: 10px; 
			}
		}

		@media only screen and (min-width: 320px)  {
			td.plan-table { 
				font-size: 12px; 
			}
		}

		@media only screen and (min-width: 480px)  {
			td.plan-table { 
				font-size: 14px; 
			}
		}

		@media only screen and (min-width: 640px)  {
			td.plan-table { 
				font-size: 15px; 
			}
		}

		@media only screen and (min-width: 800px)  {
			td.plan-table { 
				font-size: 18px; 
			}
		}