html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
 
 
	vertical-align: baseline;
}
@font-face {font-family: 'Open Sans';
            font-weight:300;
            font-style: normal;
            src: url('../../../gfx/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
}

body {
padding:2%; margin:0px;
font-size:100%;

color:#000;
 
background-attachment:fixed;
background-position:center bottom;
background-repeat: no-repeat;
background-size: cover;
 
border:30px solid #f00 !important;
 
}

body * {  font-family: 'Open Sans'; }

#fe_footer {border-top:1px solid #ccc; margin-top:10px; padding-top:8px;font-size:90%; font-weight:bold; color:#419999;line-height:130%;}
#fe_footer_left {float:left;}
#fe_footer_right {text-align:right; float:right;}

#footer { font-size:90%; font-weight: bold; color:#fff;position:absolute; width: 96%; bottom:+2%; text-align: right;
text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;  }
#footer_left {float:left;text-align:left; line-height:130%}

 #footer > * {z-index:50; }
 .button_float_right {float:right;}
 

.defaultButton {font-size:110%;border:1px solid #444; background-color:#eee; color:#000;
    padding:3px 10px 5px 10px;  }
.defaultButton:hover:enabled {cursor:pointer; background-color:#419999; color:#fff; border:1px solid #419999;}

.defaultButton:disabled {opacity:0.5;blur:3px;cursor: not-allowed;}

.clearfix {clear:both;}

.sortMyDropdown {vertical-align: text-bottom !important;}

#blockCurtain {z-index:1000; background-color:#222; opacity:0.6;position:fixed; left:-50px; top:-50px; width:3600px; height:3600px; 
          overflow: hidden; }

a.naviLink, a.naviLink:link, a.naviLink:active, a.naviLink:visited {color:#00F; text-decoration:none; font-size:120%;}
.smallIcon {width:26px; height:26px;}
.smallIconLower {position:relative; top:+6px;}
#wrap_content {min-height: 1024px;}

.errorList {margin:1%; padding:0.5%;border:2px solid #f00; background-color:#f7c1c1; color:#000;}
.errorList p {padding:3px;}
.errorList ul {margin-left:1%}
.errorList ul li {padding-bottom:4px;margin-left:1%;}


.calenderGrid {width:470px;   border:1px solid #444; padding:4px;}
.calenderBoxSet:hover {cursor: pointer;}
.cellKalenderWoche {color:#888 !important; width:30px !important;}



.calenderBox {margin-right:3px; margin-bottom:3px;width:45px; height:45px; float:left;padding:4px;}
.calenderBoxDays { border:1px solid #fff; padding:4px;width:45px; text-align:center; margin-right:3px; float:left;}
.calenderBoxSet {border:1px solid #ddd;}
.calenderBoxEmpty {border:1px solid #fff;}
.calenderBoxSunday {color:#f00; font-weight: bold;}



.succesFeedback {border:2px solid #0F0; background-color:#4e994e; color:#fff; font-weight:bold; padding:1%;}

.errorFeedback {border:1px solid #f00; border-left:10px solid #f00; color:#f00; font-weight:bold; padding:1%;
margin-top:5px; margin-bottom:5px;}

.standardDefinitionList  {display: grid;  grid-template-columns: 140px calc(100% - 120px); }
.standardDefinitionList dt, .standardDefinitionList dd {display:inline; padding-bottom:2%; vertical-align:top; }
/* .standardDefinitionList dt {width:130px;} */

  p {padding-top:4px; padding-bottom:4px;}

  .persSettingsSection {padding-left:2%; border-bottom:3px solid #ddd; margin-bottom:3%;}
  
.calenderBackgroundSundays {font-weight: bold;
background-color:#eee;
 }

 .calenderBackgroundHollidays {
  background-color:#ffe5a0;
 }
 
 a.funcLink, a.funcLink:link, a.funcLink:active, a.funcLink:visited {
 color:#00F; text-decoration: none;}
 a.funcLink:hover {border-bottom:1px solid #00F;}
 
 
 a.func_bordered,  a.func_bordered:link,  a.func_bordered:active,  a.func_bordered:visited { text-decoration: none; border:1px solid #00F; 
 padding:4px; color: #00F;}
 a.func_bordered:hover { background-color:#00F; color:#fff;}
 
 .pointerOnHoover:hover {cursor:pointer;}
 
a.displayPicker, a.displayPicker:link, a.displayPicker:active, a.displayPicker:visited {color:#666; text-decoration:none; border:1px solid #666; padding:4px 8px 4px 8px; }
a.displayPicker:hover {cursor: pointer; background-color:#000; color:#fff; border:1px solid #000;}
a.displayPicker_active {background-color:#419999; color:#fff !important; border:1px solid #419999 !important;}
a.displayPicker_active:hover {background-color:#00F; color:#fff !important; border:1px solid #00F !important;}
.actualSelection {color:#000 !important; font-weight:bold !important;}
.actualSelection:hover {color:#fff !important;}




.pseudoCheckbox {width:14px; height:14px; border:2px solid #000; padding:0 !important;margin:4px;}
.pseudoCheckbox:hover {cursor: pointer;}
.pseudoCheckbox_checked {background-image: url('checkboxCross.png'); background-position: 50% 50%; }



 
#pleaseBePatientScreen { font-size:135%; text-align:center; width:300px;  border:2px solid #000; padding:30px;position:absolute; z-index:500;
left:30%; top:30%; background-color:#fff;}


.hasClickableRadioInside:hover, .exportRadioButton:hover {cursor: pointer;}

#teamPreset {padding: 3px;}

#teamPreset option {padding:3px;}


@media only screen and (max-width: 879px) {
  
  body {font-size:12px;}
  
  
  
  
  
  
}