/* CSS Document */

.abstand5 { padding-left:5px; padding-right:5px; }
.abstand_all_5 { padding:5px; }
.abstand_all_15 { padding:15px; }
.abstand_all_25 { padding:25px; }

.titel { font-size:18px; text-align:left; font-weight:bold; color:#333; font-family: Verdana, Helvetica, sans-serif; }
.titel:focus { font-size:18px; text-align:left; font-weight:bold; color:#333; border-style:outset; font-family: Verdana, Helvetica, sans-serif; }
.subtitel { font-size:14px; text-align:left; font-weight:bold; color:#333; font-family: Verdana, Helvetica, sans-serif; }

.float_left { float:left !important; }

.subform { border-width:1px; border-color:#FF0000; border-style:dashed; background-color:#eeffff; }

.pic_150x100 { max-width:150px; max-height:100px; }

.pic_grey { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url(../images/grey_effekt.svg#greyscale); filter: gray; -webkit-filter: grayscale(1); transition-property: all; transition-duration: 0.5s; }
.pic_grey:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; }

.pic_grey_aktiv: { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; }
.pic_grey_aktiv:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: none; }

.durchgestrichen { text-decoration:line-through; }

.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { text-decoration:underline; }

.kein_umbruch { white-space:nowrap; }

.kreis { text-align:center; border-radius:50%; border-style:solid; border-width:1px; display:inline-block; } 

.width_p_50 { width:50%; }

.size9_select { font-size:9px; line-height:12px; height:12px; }
.size9_select:focus { font-size:9px; line-height:12px; height:12px; }

.mini_height_5 { height:5px !important; }

.size7 { font-size:7px; }
.size7:focus { font-size:7px; }
.size8 { font-size:8px; }
.size8:focus { font-size:8px; }
.size9 { font-size:9px; }
.size9:focus { font-size:9px; }
.size10 { font-size:10px; }
.size10:focus { font-size:10px; }
.size11 { font-size:11px; }
.size11:focus { font-size:11px; }
.size12 { font-size:12px; }
.size12:focus { font-size:12px; }
.size13 { font-size:13px; }
.size13:focus { font-size:13px; }
.size14 { font-size:14px; }
.size14:focus { font-size:14px; }
.size15 { font-size:15px; }
.size15:focus { font-size:15px; }
.size16 { font-size:16px; }
.size16:focus { font-size:16px; }
.size17 { font-size:17px; }
.size17:focus { font-size:17px; }
.size18 { font-size:18px; }
.size18:focus { font-size:18px; }
.size19 { font-size:19px; }
.size19:focus { font-size:19px; }
.size20 { font-size:20px; }
.size20:focus { font-size:20px; }
.size25 { font-size:25px; }
.size25:focus { font-size:25px; }
.size30 { font-size:30px; }
.size30:focus { font-size:30px; }
.size40 { font-size:40px; }
.size40:focus { font-size:40px; }

.grey { color:#999999 !important; }
.red { color:#FF0000 !important; }
.red_dark { color:#990000 !important; }
.white { color:#FFFFFF !important; }
.green { color:#009933 !important; }
.green_dark { color:#009900 !important; }
.green_dunkel { color:#1d6718 !important; }
.blue { color:#3076B6 !important; }
.blue_light { color:#0085ff !important; }
.orange { color:#f8a92e !important; }
.black { color:#000000 !important; }

.bg_white { background-color:#FFF; border-color:#FFF; }
.bg_hell_grey { background-color:#DFDFDF; border-color:#DFDFDF; }
.bg_red { background-color:#FF0000; border-color:#FF0000; color:#FFFFFF !important; }
.bg_green { background-color:#009933; border-color:#009933; color:#000000 !important; }
.bg_blue { background-color:#3076B6; border-color:#3076B6; color:#FFFFFF !important; }
.bg_blue_light { background-color:#0085ff; border-color:#0085ff; color:#000000 !important; }
.bg_black { background-color:#000000; border-color:#000000; color:#FFFFFF !important; }
.bg_orange { background-color:#f8a92e; border-color:#f8a92e; color:#000000 !important; }

.pad_x_normal { padding-left:10px; padding-right:10px; }

.check_gross { height:20px !important; width:20px !important; }
.check_mittel { height:17px !important; width:17px !important; }
.check_midi { height:14px !important; width:14px !important; }
.check_mini { height:10px !important; width:10px !important; }

.rahmen { border:1px solid #999; }
.rahmen_abstand { border:1px solid #999; padding:10px; display:block; }

.rahmen_schwach { border:1px solid #CCC; }
.rahmen_schwach_abstand { border:1px solid #CCC; padding:10px; display:block; }

.abgerundet { border-radius:5px 5px 5px 5px; }
.abgerundet_oben { border-radius:5px 5px 0px 0px; }

.rahmen_oben { border-top-width:1px; border-bottom-width:0px; border-left-width:0px; border-right-width:0px; }
.rahmen_unten { border-bottom-width:1px; border-top-width:0px; border-left-width:0px; border-right-width:0px; }
.rahmen_links { border-bottom-width:0px; border-top-width:0px; border-left-width:1px; border-right-width:0px; }
.rahmen_rechts { border-bottom-width:0px; border-top-width:0px; border-left-width:0px; border-right-width:1px; }

.kein_rahmen_oben { border-top-width:0px !important; }
.kein_rahmen_unten { border-bottom-width:0px !important; }
.kein_rahmen_links { border-left-width:0px !important; }
.kein_rahmen_rechts { border-right-width:0px !important; }

.rahmenfarbe_red { border-color:#F00 !important; }
.rahmenfarbe_green { border-color:#009933 !important; }

.kopf { font-size:9px; color:#999; }

.cursor_click { cursor:pointer; }

.mini2 { color:#333333; background-color:#DFDFDF; border:1px solid #DFDFDF; padding:1px; text-align:left; font-size:10px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }
.mini2:focus { color:#333333; background-color:#EFEFEF; border:1px solid #CCC; padding:1px; text-align:left; font-size:10px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }

.mini { color:#333333; background-color:#EFEFEF; border:1px solid #EFEFEF; padding:1px; text-align:left; font-size:10px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }
.mini:focus { color:#333333; background-color:#DFDFDF; border:1px solid #CCC; padding:1px; text-align:left; font-size:10px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }

.mini_blank { color:#333333; background-color:transparent; border:1px solid #EFEFEF; padding:1px; text-align:left; font-size:10px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }
.mini_blank:focus { color:#333333; background-color:transparent; border:1px solid #CCC; padding:1px; text-align:left; font-size:10px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }

.klein_blank { color:#333333; background-color:transparent; border:0px solid #EFEFEF; padding:3px; text-align:left; font-size:12px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }
.klein_blank:focus { color:#333333; background-color:transparent; border:0px solid #EFEFEF; padding:3px; text-align:left; font-size:12px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }

.blank { background-color:transparent; border-width:0px; }
.blank:focus { background-color:transparent; border-width:0px; }

.klein { color:#333333; background-color:#EFEFEF; border:1px solid #CCC; padding:3px; text-align:left; font-size:12px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }
.klein:focus { color:#333333; background-color:#DFDFDF; border:1px solid #CCC; padding:3px; text-align:left; font-size:12px; margin:0px; border-radius:0.2em 0.2em 0.2em 0.2em; }


/* Button */
.button { cursor:pointer; background-color:#ececec; border:1px outset #999; border-radius:0.2em 0.2em 0.2em 0.2em; }
.button:hover { cursor:pointer; background-color:#ececec; border:1px inset #999; border-radius:0.2em 0.2em 0.2em 0.2em; }

.button_25 { cursor:pointer; background-color:#ececec; border:1px outset #999; height:25px; line-height:25px; border-radius:0.2em 0.2em 0.2em 0.2em; }
.button_25:hover { cursor:pointer; background-color:#ececec; border:1px inset #999; height:25px; line-height:25px; border-radius:0.2em 0.2em 0.2em 0.2em; }

.button_midi { cursor:pointer; background-color:#ececec; border:1px outset #999; height:20px; line-height:20px; border-radius:0.2em 0.2em 0.2em 0.2em; }
.button_midi:hover { cursor:pointer; background-color:#ececec; border:1px inset #999; height:20px; line-height:20px; border-radius:0.2em 0.2em 0.2em 0.2em; }

.button_mini { cursor:pointer; background-color:#ececec; border:1px outset #999; height:15px; line-height:15px; border-radius:0.2em 0.2em 0.2em 0.2em; }
.button_mini:hover { cursor:pointer; background-color:#ececec; border:1px inset #999; height:15px; line-height:15px; border-radius:0.2em 0.2em 0.2em 0.2em; }

.visibility_0 { display:none; visibility:hidden; }
.visibility_1 { display:inline; visibility:visible; }
.visibility_-1 { display:inline; visibility:visible; }


/* Progress mit "Fortschrittfarben" */
.dringlichkeit_c3 { border:0px solid #333; background-color:transparent; }
.dringlichkeit_c3::-moz-progress-bar { background-color:#09F; }
.dringlichkeit_c3::-webkit-progress-value { background-color:#09F; }
.dringlichkeit_c3::-o-progress-bar { background-color:#09F; }

/* input button grey */
.inp_but_bg_grey { cursor:pointer; background-color:#ececec; border:1px solid #999; }
.inp_but_bg_grey:hover { cursor:pointer; background-color:#cccccc; border:1px solid #333; }

.inp_but_bg_red { cursor:pointer; background-color:#990000; color:#FFF; border:1px solid #999; }
.inp_but_bg_red:hover { cursor:pointer; background-color:#990000; color:#CCC; border:1px solid #666; }


/* Listeneintragsklassen */
.liste_mark_0 { color:#333; background-color:#EFEFEF; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; }
.liste_mark_0:hover { color:#111; background-color:#FEFEFE; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; }
.liste_mark_1 { color:#333; background-color:#F8F8F8; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; }
.liste_mark_1:hover { color:#111; background-color:#FEFEFE; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; }

/*zusätzliche Markierung möglich */
.liste_select { cursor:pointer; }


/*CSS Klasse für einen Kippschalter mit Einrastfunktion von PK */
.dip_schalter {outline: none; color: #fff; background-color: #4CAF50; box-shadow: 1px 4px #999;}
.dip_schalter_gedrueckt {outline: none; color: #fff; background-color: #4CAF50; box-shadow: 1px 1px #999; transform: translateY(3px);}

/*CSS Klasse für farbige Hintergründe*/
.green_striped_background{ border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; background: #b0fea5; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent); background-size: 25px 25px;}

/*farbliche Listeneintragsklassen */
.green_striped_bg_mark_0 { border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; background: #b0fea5; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent); background-size: 25px 25px;}
.green_striped_bg_mark_0:hover { border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; background: #d2fecd; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent); background-size: 25px 25px;}
.green_striped_bg_mark_1{ border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; background: #79fd68; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent); background-size: 25px 25px;}
.green_striped_bg_mark_1:hover{ border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; padding-top:3px; padding-bottom:3px; background: #d2fecd; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5) 75%, transparent 75%, transparent); background-size: 25px 25px;}



.rund { border-radius: 50%; }
.rund:hover { border-radius: 50%; }

/*Minimal-Dropdowndesign*/
.minimal_dropdown{-moz-appearance: none;-webkit-appearance: none; padding-bottom:10px !important;  padding-left:5px !important; padding-right:5px !important; appearance: none; border: none; outline: none; background-color:transparent; border-radius: 3px; color:#3076B6 !important; font-size:16px; text-align:left; font-weight:bold; color:#333; font-family: Verdana, Helvetica, sans-serif;}
.minimal_dropdown:focus{background-color: transparent;}
.minimal_dropdown::-ms-expand{display: none;}
.minimal_dropdown::-ms-value { background-color: transparent;}
.minimal_dropdown option{color:#000 !important; font-size:14px !important; text-align:left; font-weight:normal !important; color:#333; font-family: Verdana, Helvetica, sans-serif;}


.mini_dropdown{-moz-appearance: none;-webkit-appearance: none; opacity: 0; appearance: none; border: none; outline: none; background-color:transparent; border-radius: 3px; text-align:left; color:#333; font-family: Verdana, Helvetica, sans-serif;}
.mini_dropdown:focus{background-color: transparent;}
.mini_dropdown::-ms-expand{display: none;}
.mini_dropdown::-ms-value { background-color: transparent;}
.mini_dropdown option{color:#000 !important; text-align:left; font-weight:normal !important; color:#333; font-family: Verdana, Helvetica, sans-serif;}