#zeitContainer {
	padding-top: 30px;
	margin-left: -15px;
}

#zeitprogrammSlider {
	width: 760px;
	height: 390px;
	margin-left: 10px;
	padding-top: 10px;
}

#zeitprogrammSlider .rsNav {
	margin-left: 120px;
	width: 550px;
}

#iconList {
	list-style: none;
}
	
#iconList li {
	float: left;
	width: 150px;
	height: 120px;
	margin: 0 10px 30px 10px;
}

#iconList li div.singleIcon {
	background: #e0e0e0;
	width: 100px;
	height: 100px;
	text-align: center;
	margin: 0 auto;
}

#iconList li p.subTitle {
	text-align: center;
	/*background: #f4f4f4;*/
	font-weight: bold;
}

.tp-submitBtn 
{
    float: right;
    margin-right: 25px;
    /* margin-top: -5px; */
	/* right:35px; */
}

.tp-submitBtn button
{
    margin-right: 10px;
}


#iconList li p.subTitle a {
	color: #111;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
}

.tp-container .ui-button 
{
    margin-right: -0.2em !important; 
}


.tp-container {
	padding: 20px 0 0 0;
}

.tp-dayprog-header 
{
    text-align:center;
	margin-bottom: 20px;
}

.tp-container table 
{
    width: 100%;
	margin: 5px;
}

.tp-zoneCol
{
   /* width: 28px; */
}

.tp-timeCol 
{
	/* width: 75px!important; */
}

.tp-ventilatorCol {
}

.tp-temperaturCol{
}

.tp-frischluftCol{
}

.tp-ventilatorCol .selectBox-dropdown 
{
    width:110px;
    margin: 3px 0px 0px 0px;
}

.tp-temperaturCol .selectBox-dropdown{
    width:110px;
    margin: 3px 0px 0px 0px;
}

.tp-frischluftCol .selectBox-dropdown{
    width:110px;
    margin: 3px 0px 0px 0px;
}

.tp-week-select{
    text-align:center;
}

.tp-week-select .selectBox-dropdown
{
    min-width:100px;
}

/*.tp-week-select .selectBox-dropdown .selectBox-label
{
    width:70px !important;
}*/

.tp-week-program-timelines 
{
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

#wochenprogramm-table
{
    margin-top: 20px;
    min-width:1000px;
}

#wochenprogramm-table thead tr
{
    text-align: center;
}


#weekday-timlines-preview-table
{
    margin-top: 30px;
    margin-left:85px;
}

/****
.boxText {
	line-height: 23px;
	font-weight: bold;
	margin-left: 5px;
}
****/

.clear {
	float: none;
	clear: both;
}

.debugConsole {
	position:absolute;
	top:0;
	width:100%;
	height:25px;
	background: green;
	text-align:center;
	z-index:9999;
	color: #fff;
	font-weight:bold;
	display:none;
	line-height: 23px;
}


.tp-timeline {
	height: 30px;
	background: url("../images/climateprogram/tagesprogramm_timeline.png") repeat-x;
	border: none;
	box-shadow: 0 0 8px #ccc;
	border-radius: 1px;
	width: 720px;
	position: relative; 
    display:inline-block;
}


.tp-timeline-range 
{
   height: 16px; 
   position: absolute; 
   top: 13px; 
   opacity:0.9;
}

/* Slider Icons */
.tp-mainSlider {
	height: 23px!important;
	background: url("../images/climateprogram/sliderBackground.png") repeat-x;
	border: none;
	box-shadow: 0 0 8px #ccc;
	border-radius: 15px;
	width: 700px;
	margin-top: 10px;
	margin-left: 10px;
    display:inline-block;
}

.tp-mainSlider a:first {
	z-index: 9999!important;
	background: #ff0!important;
}


.ui-slider-handle {
	height:31px!important;
	width:18px!important;
	margin-top: -1px;
	border-radius: 5px;
}

.tp-mainSlider .ui-slider-range {
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}


/* Zonen-Box (Farbliche Box Links + Label) (jetzt durch Buttons ersetzt) */
/******
.tp-box 
{
    padding: 0;
    margin: 0;
   
    font-weight:bold;
    text-align: center;
    color: #fff;
	/+ background: #cc4523; +/
	line-height: 28px;
	background: url("../gfx/tpIcons.png") no-repeat;
	width: 28px;
	text-shadow: 0 0 4px #999;
	height: 28px;
	/+ display: block; +/
	border-radius: 0px;
	/+ box-shadow: inset 3px 3px 23px rgba(0, 0, 0, 0.2);       +/
} 
***/

/* Boxen links (jetzt durch Buttons ersetzt) */
/****
.tp-redBox {
	background-position: 0 0;
}
.tp-blueBox {
	background-position: -28px 0;
}
.tp-greenBox {
	background-position: -56px 0;
}
.tp-yellowBox {
	background-position: -84px 0;
}
.tp-greyBox {
	background-position: -112px 0;
}
****/

/* Slider Farben */
.tp-mainSlider .tp-red-range{
	background: url("../images/climateprogram/sliderActiveRedBackground.png") repeat-x;
}

.tp-mainSlider .tp-blue-range{
	background: url("../images/climateprogram/sliderActiveBlueBackground.png") repeat-x;
}

.tp-mainSlider .tp-green-range{
	background: url("../images/climateprogram/sliderActiveGreenBackground.png") repeat-x;
}

.tp-mainSlider .tp-yellow-range{
	background: url("../images/climateprogram/sliderActiveYellowBackground.png") repeat-x;
}

.tp-mainSlider .tp-grey-range{
	background: url("../images/climateprogram/sliderActiveGreyBackground.png") repeat-x;
}

/* Timeline Farben */
.tp-timeline .tp-red-range{
	background: url("../images/climateprogram/sliderActiveRedBackground.png") repeat-x;
}

.tp-timeline .tp-blue-range{
	background: url("../images/climateprogram/sliderActiveBlueBackground.png") repeat-x;
}

.tp-timeline .tp-green-range{
	background: url("../images/climateprogram/sliderActiveGreenBackground.png") repeat-x;
}

.tp-timeline .tp-yellow-range{
	background: url("../images/climateprogram/sliderActiveYellowBackground.png") repeat-x;
}

.tp-timeline .tp-grey-range{
	background: url("../images/climateprogram/sliderActiveGreyBackground.png") repeat-x;
}

/***
#sliderVentilator, #sliderTemperatur, #sliderZeit {
	width: 100px;
	margin-left: 3px;
	margin-top: 4px;
}
****/

table tr.tp-singleRow {
	height: 70px!important;
}

.tp-singleTimePicker {
	margin-left: -2px!important;
}

.tp-singleDateTimePicker {
	margin-left: -2px!important;
}

#ui-datepicker-div .ui-slider-handle {
    /*z-index: 99999;*/
}



.tp-timeLabel {
	margin-top: -15px;
	display: block;
}

.tp-singleTimePicker, .hasDatepicker {
	height:18px;
	width:90px;
}

.tp-singleDateTimePicker, .hasDatepicker {
	height:18px;
	width:160px;
}

.tp-radioIcon {
	width: 22px;
	height: 22px;
	float: left;
	margin-left: 4px;
	margin-right: 5px;
	margin-top: 9px;
}

.tp-gap-small{
    width:10px;
}

.tp-gap-big{
    width:40px;
}

.tp-ventilator-icon {
	background: url("../images/climateprogram/icon_ventilator.png") no-repeat;
}
.tp-temperatur-icon {
	background: url("../images/climateprogram/icon_temperatur.png") no-repeat;
}
.tp-frischluft-icon {
	background: url("../images/climateprogram/icon_zeit.png") no-repeat;
}


.contentSlider {
  width: 760px;
  height: 390px;
}

.contentSlider .rsSlide,
.contentSlider .rsOverflow {
  background: #eee;
}

.contentSlider h3 {
  font-size: 24px;
  line-height: 31px;
  margin: 12px 0 8px;
  font-weight: bold;
}


.content-slider-bg {
  width: 86%;
  padding: 24px 7%;
  background: #eee;
}

.rsTmb 
{
    font-size:11px;
}

#wochenprogramm-section
{
    /* float: left; */
    margin-top: 10px;
}

#wochenprogramm-radio-buttons-table
{
    margin-left: 20px;
    /* margin-bottom:15px; */
    float: left;
    width: 450px;
}

#wochenprogramm-cmd-buttons
{
    width: 250px;
    float: left;
}


.tp-zone-1 .ui-state-default {
	background: url("../images/climateprogram/sliderActiveRedBackground.png") repeat-x;
	background-size:30px 40px;
	opacity: 0.5;
	border-width: 0px;
	color: #fff;
}

/****
.tp-zone-1 .ui-state-active  {
	opacity: 1;
	border-width: 2px;
	font-weight:bold;
}
***/

.tp-zone-2 .ui-state-default {
	background: url("../images/climateprogram/sliderActiveBlueBackground.png") repeat-x;
	background-size:30px 40px;
	opacity: 0.5;
	border-width: 0px;
	color: #fff;
}


.tp-zone-3 .ui-state-default {
	background: url("../images/climateprogram/sliderActiveGreenBackground.png") repeat-x;
	background-size:30px 40px;
	opacity: 0.5;
	border-width: 0px;
	color: #fff;
}

/****
.tp-zone-3 .ui-state-active  {
	opacity: 1;
	border-width: 2px;
	font-weight:bold;
}
***/

.tp-zone-4 .ui-state-default {
	background: url("../images/climateprogram/sliderActiveYellowBackground.png") repeat-x;
	background-size:30px 40px;
	opacity: 0.5;
	border-width: 0px;
	color: #fff;
}

/****
.tp-zone-4 .ui-state-active  {
	opacity: 1;
	border-width: 2px;
	font-weight:bold;
}
***/

.tp-zone-5 .ui-state-default {
	background: url("../images/climateprogram/sliderActiveGreyBackground.png") repeat-x;
	background-size:30px 40px;
	opacity: 0.5;
	border-width: 0px;
	color: #fff;
}


/** muss hinter dem Selector ".tp-zone-x .ui-state-default"  stehen */
.tp-zone .ui-state-active  {
	opacity: 1;
	border-width: 2px;
	border-color: Black;
	font-weight:bold;
}

/***
.tp-zone-5 .ui-state-active  {
	opacity: 1;
	border-width: 2px;
	font-weight:bold;
}
***/

/***
.tp-singleRow .ui-buttonset {
	box-shadow: 2px 1px 5px #ccc;
}
****/

.tp-singleRow .ui-widget
{
    font-size: 1em;
}


/* Timeline */
  
.tp-timelineMark {
	height:16px;
	margin-top:-16px;
	opacity:0.5;
	position:absolute;
	z-index:9999;
 }


#SetpointSpecification
{
    text-align: center;
}
 
 #SetpointSpecification table 
 {
     margin-left:10px;
     margin-right:10px;
     margin-top:50px;
     margin-bottom:30px;
 }
 
 
 #SetpointSpecification tbody tr
 {
     height:65px;
 }
 
 #SetpointSpecification table input 
 {
     width:70px;
   	 height:18px;
	 line-height:18px;
     text-align:center;
 }
 
 #SetpointSpecification input[disabled="disabled"]
 {
     background:#dddddd;
 }
 
 .tp-sollwerte-col-label
 {
     width:60px;
 }
 
 .tp-sollwerte-col-icon
 {
     width:22px;
     background-position: 50% 50%
 }
 
 .tp-sollwerte-col-space
 {
     width:40px;
 }
 
 .tp-sollwerte-col-small-space
 {
     width: 40px;
 }
 
 .tp-info-icon 
{
    width:22px; 
    height:22px;
	visibility:hidden;
}

.tp-success-balloon
{
    width:22px;
    height:22px;
    background: url("../gfx/check22.png")  no-repeat left center;
    margin-right: 30px;
    float: left;
}


.tp-info-icon-check
{
    background: url("../gfx/check22.png")  no-repeat left center;
    /* background-position: 50% 50% */
}

.tp-info-icon-error
{
    background: url("../gfx/error22.png")  no-repeat left center;
    /* background-position: 50% 50% */
}

#clock {
    margin-left: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}

#clock-content 
{
    line-height:24px;
}


.tp-clock-datetime-picker 
{
	height:18px;
    line-height: 18px;
	width:120px;
}

.ui-datepicker 
{
    /*z-index:    99999 !important;*/
    min-width:800px;
}

#sollwerte-table{
    display:inline-block;
}

#sollwerte-table-body .k-numerictextbox{
    width:100px;
}

#climateprograms-tabstrip{
    min-height:550px;
}

/*#weekprogram,
#SetpointSpecification {
    min-height:490px;
}*/