/**
 * Style sheet for CalendarPickerControl
 * Blue-gray theme
 */


/**
 * Style sheet for CalendarPickerControl
 * Blue-gray theme
 */
 
body  { color: #444; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: #fff; text-align: left }

/*h1 {font-size: 18px;font-weight: bold;}

h2 {font-size: 14px;}

h4 { font-size: 12px;  font-weight: bold;}

#right  { background: #fff no-repeat right bottom; margin-top: 40px; margin-left: 20px; padding: 10px; width: 400px; float: left; border: solid 1px #5c984d }*/

/*Layout der Überschriten von skt-biz */
h1, h2, h3, h4, h5, h6 {color:#000; line-height:1.5; -ms-word-wrap: break-word; word-wrap: break-word;}
h1 {font-size:26px; margin:5px 0 15px; font-weight:lighter; text-transform:uppercase;}
h2 {font-size:24px; margin:5px 0 15px; text-transform:uppercase; font-weight:300; color:#2f383d;}
h3 {font-size:17px; margin:5px 0 13px; font-weight:lighter; text-transform:uppercase;padding-bottom:30px;}
h3.tipp {padding:20px 0 0 0 ;}

#left   { left: 0; width: 650px; float: left }

td.label {height: 60px;}

.label {line-height: 1.5em;}

td.endefeld {width: 5em;}
 
#ergebnis td  { text-align: center; vertical-align: middle; border-bottom: 1px solid #5c984d }

#ende td {vertical-align: top; text-align: left;}

#ende .label { width: 16em;}

.input {width: 6em;padding: 5px;text-align: center;}

.button { border: 1px solid #000;padding: 5px;background-color: #115176;color:#fff;font-size: 16px;font-weight:500;cursor: pointer;border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px;margin-left: 40px;}
.button:hover {background-color: #ee7330;color:#000;}

#ergebnis .input  { background: #fff; margin-top: 5px; border: solid 1px #5c984d;}

.endefeld .input  { background: #fff; border: solid 1px #5c984d;padding: 6px;width:100px;font-size:1.2em;font-weight: 500; }

.inputende { text-align: left;width: 65px;}

#ergebnis td.label {  text-align: left;	width: 400px;	padding-right: 10px;font-size:12px;}

div.calendarbutton{	position: absolute;width: 27px;height: 30px;background: transparent url("calendar_icon_28px.png") no-repeat center;}

#CalendarPickerControl{	background-color: transparent;	width: 250px;	height: 200px;}

#CalendarPickerControl td  {height: 30px;}

#CalendarPickerControl table.calframe {background-color: #eff5f7; text-align: center; width: 100%; border: solid 1px #115176 }

#CalendarPickerControl td.monthname {color: white; font: bold 13px Verdana; background-color: #115176; width: 100% }

#CalendarPickerControl table.navigation{width: 100%;text-align: center; }

#CalendarPickerControl td.navbutton {color: #000; font: bold 11px Verdana; background-color: #5c984d; cursor: pointer }

#CalendarPickerControl td.navbutton:hover {text-decoration: underline; background-color: #5c984d }

#CalendarPickerControl span.yearbutton{	cursor: pointer;color:#5c984d;font-size: 1.5em;padding-top:5px;}

#CalendarPickerControl span.yearbutton:hover{text-decoration: underline;}

#CalendarPickerControl td.dayname { color: white; font: bold 11px Verdana; background-color: #115176 }

#CalendarPickerControl td.today { color: #5c984d; font: 11px Verdana; text-decoration: none; background-color: #115176; cursor: pointer;font-weight: 600;}

#CalendarPickerControl td.today:hover { text-decoration: underline; background-color: #115176; border-color: #808080 #f0f0f0 #f0f0f0 #808080 }

#CalendarPickerControl td.current { color: #115176; font: bold 11px Verdana; text-decoration: none; background-color: #5c984d; cursor: pointer; border: solid 1px #115176; }

#CalendarPickerControl td.current:hover{text-decoration: underline;}

#CalendarPickerControl td.day { color: #000; font: 11px Verdana; text-decoration: none; background-color: #e1e1e1; cursor: pointer;  border: solid 1px #115176;}

#CalendarPickerControl td.day:hover { color: #5c984d; text-decoration: underline; background-color: #e1e1e1 }

#CalendarPickerControl td.weekend { color: #5c984d; font: italic 11px Verdana; text-decoration: none; background-color: #115176; cursor: pointer; border-style: solid; border-width: 1px; border-color: #f0f0f0 #808080 #808080 #f0f0f0 }

#CalendarPickerControl td.weekend:hover{
/*	background-color: #808080; */
	text-decoration: underline;
/*	border-color: #606060 #F0F0F0 #F0F0F0 #606060; */
}

#CalendarPickerControl td.dayothermonth{
	font:normal 11px Verdana;
	background-color: #EEEEEE;
	color: inactivecaptiontext;
	border: 1px solid #EEEEEE;
}

#CalendarPickerControl td.weeknumber { color: #444; font: 9px Verdana; background-color: #e1e1e1; border-width: 0 }

 
/* ab hier alt 
div.calendarbutton{
	position: absolute;
	width: 15px;
	height: 16px;
	background: transparent url("calendar_icon.png") no-repeat center;
}

#CalendarPickerControl{
	background-color: transparent;
	width: 250px;
	height: 200px;
}

#CalendarPickerControl table.calframe { background-color: #eff5f7; text-align: center; width: 100%; border: solid 1px #5c984d }

#CalendarPickerControl td.monthname { color: white; font: bold 13px Verdana; background-color: #5c984d; width: 100% }

#CalendarPickerControl table.navigation{
	width: 100%;
	text-align: center;
}

#CalendarPickerControl td.navbutton { color: buttontext; font: bold 11px Verdana; background-color: #5c984d; cursor: pointer }

#CalendarPickerControl td.navbutton:hover { text-decoration: underline; background-color: #5c984d }

#CalendarPickerControl span.yearbutton{
	cursor: pointer;
}

#CalendarPickerControl span.yearbutton:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.dayname { color: white; font: bold 11px Verdana; background-color: #5c984d }

#CalendarPickerControl td.today { color: red; font: 11px Verdana; text-decoration: none; background-color: #e1e1e1; cursor: pointer }

#CalendarPickerControl td.today:hover { text-decoration: underline; background-color: #5c984d; border-color: #808080 #f0f0f0 #f0f0f0 #808080 }

#CalendarPickerControl td.current { color: #fff; font: bold 11px Verdana; text-decoration: none; background-color: #5c984d; cursor: pointer; border: solid 1px #5c984d }

#CalendarPickerControl td.current:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.day { color: #444; font: 11px Verdana; text-decoration: none; background-color: #e1e1e1; cursor: pointer; border: solid 1px #5c984d }

#CalendarPickerControl td.day:hover { color: #fff; text-decoration: underline; background-color: #e1e1e1 }

#CalendarPickerControl td.weekend { color: white; font: italic 11px Verdana; text-decoration: none; background-color: #5c984d; cursor: pointer; border-style: solid; border-width: 1px; border-color: #f0f0f0 #808080 #808080 #f0f0f0 }

#CalendarPickerControl td.weekend:hover{
/*	background-color: #808080; 
	text-decoration: underline;*/
/*	border-color: #606060 #F0F0F0 #F0F0F0 #606060; */
/*}

#CalendarPickerControl td.dayothermonth{
	font:normal 11px Verdana;
	background-color: #EEEEEE;
	color: inactivecaptiontext;
	border: 1px solid #EEEEEE;
}

#CalendarPickerControl td.weeknumber { color: #444; font: 9px Verdana; background-color: #e1e1e1; border-width: 0 }
 Ende Alt */