.container {
   margin: 50px auto;
 }

 .clock {
   width: 100%;
   margin: 0 auto;
   padding: 0px;
   color: #444;
 }

 ul {
   width: 100%;
   margin: 0 auto;
   padding: 0;
   list-style: none;
   text-align: center;
 }

 ul li {
   display:inline;
   text-align: center;
   text-shadow: 0 0 4px #ccc;
 }
 input {
   display:inline;
   width: 90px;
   font-size: 2em;
   text-align: center;
   text-shadow: 0 0 4px #ccc;
 }
 input[type="radio"] {
	border: 0px;
    width: 25px;
    height: 3em;
}

 #point {
   position:relative;
   -moz-animation: mymove 1s ease infinite;
   -webkit-animation: mymove 1s ease infinite;
   padding-left: 10px;
   padding-right: 10px;
 }
/*
 @-webkit-keyframes mymove {
   0% {opacity: 1.0; text-shadow: 0 0 10px #ccc; }
   50% {opacity: 0; text-shadow: none; }
   100% {opacity: 1.0; text-shadow: 0 0 10px #ccc; }
 }

 @-moz-keyframes mymove {
   0% {opacity: 1.0; text-shadow: 0 0 10px #ccc; }
   50% {opacity: 0; text-shadow: none; }
   100% {opacity:1 .0; text-shadow: 0 0 10px #ccc; }
 }*/





/***********************************************************************
Common styles
***********************************************************************/

html, body
{
font-family:            Arial;
font-size:              16px	!important;
background-color:       #eeeeee	!important;
color:                  #ffffff	!important;
}
p{font-size:1em;}
h1 {
	font-weight: normal;
    font-size: 2.5em;
}
h2 {
	margin:0px;
	padding:5px;
	font-weight: normal;
    font-size: 2.5em;
}
button{-webkit-appearance: none;}  /*für ios*/
.h1_kleiner{
    font-size: 2em;
	margin-top:0.6;
	margin-bottom:0;
}
.hilfe_text{font-size:2em;margin-left:1em;margin-right:1em}



#MPanel_uhrzeit_analog_digital_container{background-color:#eeeeee;}
#MPageUhrzeit_analog_digital{background-color:#eeeeee;}
table.hilfe,
th.hilfe,
td.hilfe {
	border: 1px solid;
	border-collapse: collapse;
}

br.clear
{
clear:                  both;
}

div.div_uhr_kalender {
	padding: 5px;
	margin: 2px;
	border:0px solid #c6c6c6;
	border-radius: 5px;
	display:table-cell;
	vertical-align:middle;
}

div.CLOCK_HOLDER {
	margin: 10px;
}


/*********************************************************************
Examples 4-6: Drag-n-drop Event Handlers and Time Picker Implementation
*********************************************************************/
/**[id^='id_uhr_']{background-color:white;}*/

*[id^='CLOCK_HOLDER_']
{
background:				transparent;
border:                 0;
float:                  left;
background-repeat:no-repeat;
}
.CLOCK_HOLDER_650px{width:650px;height:650px;background-size:650px;}	 /*Desktop ab 960px verticale Auflösung - stelle die Uhr*/
.CLOCK_HOLDER_360px{width:360px;height:360px;background-size:360px;} /*Desktop bis 960px verticale Auflösung - stelle die Uhr*/
.CLOCK_HOLDER_280px{width:280px;height:280px;background-size:280px;}
.CLOCK_HOLDER_240px{width:240px;height:240px;background-size:240px;}
.CLOCK_HOLDER_200px{width:200px;height:200px;background-size:200px;}

#id_menu_multiple_choice{float: left; width:80px;height:80px;margin-left: 5px;margin-top:5px;background-image: url(../bilder/menu/menu_option_multiple_choice.png)!important; background-repeat:no-repeat;cursor:pointer;}
#id_menu_tastatur{float: left; width:80px;height:80px;margin-left: 5px; margin-top:5px;background-image: url(../bilder/menu/menu_option_berechnen.png)!important; background-repeat:no-repeat;cursor:pointer;}
#id_menu_horizontaler_abstand{float: left; width:2px;height:50px;margin-left: 5px;margin-right:5px}
/*#id_kopfzeile_wie_spaet_ist_es{float: left;height:100%}*/

*[id^='id_kopfzeile_']{float: left;height:100%}

/*#id_menu_zur_startseite{position: relative;top: 50%;transform: translateY(-50%);}*/
.class_vertical_center{position: relative;top: 50%;transform: translateY(-50%);}
.class_div_zurueck{height:100%;width:100px;float:left}
.id_menu_multiple_choice_aktiv{
	box-shadow: inset 3px 2px 1px #888888;
	-moz-box-shadow:inset   3px 2px 1px #888888;
	-webkit-box-shadow:inset   3px 2px 1px #888888;
	background: #eeeeee;
}
*[id^='menu_zeitvergleich_']{cursor:pointer;}

#menu_wie_spaet_ist_es{cursor:pointer;}
*[id^='menu_passiv_']{float:left;margin: 2px;display: table;cursor:pointer;}
/*.menu_passiv_button{cursor:pointer}*/
.menu_vertical_align{vertical-align:middle;display: table-cell;position:relative;}
*[id^='menu_passiv_button_0']{background-color:#f8f2d3}
*[id^='menu_passiv_button_1']{background-color:#bfcfe0}
*[id^='menu_passiv_button_2']{background-color:#d1e3da}

.class_button_menuseite_unten{width:30%;margin:3px;border:1px solid black;border-radius: 5px;height:70px}



.menu_aktiv_button{
	cursor:pointer;
	border-radius: 30px;
	box-shadow: 0px 70px 70px -50px #000000;
	/*-moz-box-shadow:inset    0px 20px 37px -28px #000000;
	-webkit-box-shadow:inset    0px 20px 37px -28px #000000;*/
}

.ziffernblatt_mit_arab_ziffern_200{background-image: url(../clock/uhr_analog_rot_ziffern_200px.png);}
.ziffernblatt_mit_arab_ziffern_240{background-image: url(../clock/uhr_analog_rot_ziffern_240px.png);}
.ziffernblatt_mit_arab_ziffern_280{background-image: url(../clock/uhr_analog_rot_ziffern_280px.png);}
.ziffernblatt_mit_arab_ziffern_360{background-image: url(../clock/uhr_analog_rot_ziffern_360px.png);}
.ziffernblatt_mit_arab_ziffern_480{background-image: url(../clock/uhr_analog_rot_ziffern_480px.png);}
.ziffernblatt_mit_arab_ziffern_650{background-image: url(../clock/uhr_analog_rot_ziffern_650px.png);}

.ziffernblatt_ohne_ziffern{background-image: url(../clock/uhr_analog_rot.png);}
.ziffernblatt_mit_roem_ziffern{background-image: url(../clock/uhr_analog_rot_ziffern_roemisch.png);}

.ziffernblatt_ohne_ziffern_360px{background-image: url(../clock/uhr_analog_rot.png_360px);}
.ziffernblatt_mit_roem_ziffern_360px{background-image: url(../clock/uhr_analog_rot_ziffern_roemisch_360px.png);}


.ziffernblatt_ohne_ziffern_gr{background-image: url(../clock/uhr_analog_rot_gr.png);}
.ziffernblatt_mit_roem_ziffern_gr{background-image: url(../clock/uhr_analog_rot_ziffern_roemisch_gr.png);}

td {
    text-align: center;
}
/*#zeitgeber_1{background-color:gray;}*/
.class_input_richtig{background-image: url(../images/_haken_ok_klein.png)!important; background-repeat:no-repeat !important;}
.class_input_falsch{background-image: url(../images/_haken_notok_klein.png)!important; background-repeat:no-repeat !important;}
.class_input_leer{background-image: url()!important; background-repeat:no-repeat !important;}

.popup   { font-size: 1.2em; background-color: rgb(255,255,225); text-align: justify; display: none; padding: 0.8em; position: absolute; z-index: 2; width: 480px; border: solid 1px black }

/*.progressbar_nummern  { color: #fff; font-size: 26px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(); background-repeat: no-repeat; text-align: center; padding-top: 5px; width: 40px; height: 40px; vertical-align: middle;cursor:pointer;float:right; margin-right:15px}*/
.progressbar_nummern  {color: #fff; font-size: 26px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(); background-repeat: no-repeat;margin-top: 7px;padding-top: 5px; width: 40px; height: 40px;cursor:pointer;margin-right:auto;margin-left:auto;}
.progressbar { background-color: #fff; width: 40px; height: 20px; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: none }
*[id^='id_progressbar_label_container_00']{height:50px;text-align:center;position:relative}
*[id^='id_aufgaben_erledigt_menu']{text-align:center; top:20px;}


.rechnung_container{display:table; text-align:center}
.rechnung_container_elemente{display:table-cell;vertical-align:middle;}


#id_div_bewertung{width:300px; height:30px;background-color:#def9e8;border:1px;box-shadow:2px 2px 2px 2px #666;border-radius: 5px;display:none; }
*[class^='class_bewertung_kreise_gruen']{background-color:#3b965e;}
*[class^='class_bewertung_kreise_rot']{background-color:#d92626;}
[id^='id_div_bewertung_kreise_']{width:20px;height:20px;box-shadow:1px 1px 1px 1px #666;border-radius: 10px;margin:5px;float:left;display:none;}

.ui-slider-handle {
	padding-top:5px;
	font-size:26px;
	font:arial;
    text-decoration:none;
    text-align:center;
}