html, body { margin:0; padding:0; background-color:#f2f2f2; }
body:before {
content: "";
position: fixed;
top: -10px;
left: 0;
width: 100%;
height: 10px;
-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.8);
-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.8);
box-shadow: 0px 0px 20px rgba(0,0,0,.8);
z-index: 100;
}
body { overflow-y:scroll; padding-bottom:100px; }
/* H E A D E R */
#gradient {
background: #c5003e; /* Old browsers */
background: -moz-linear-gradient(left, #c5003e 0%, #560f50 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #c5003e 0%,#560f50 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #c5003e 0%,#560f50 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5003e', endColorstr='#560f50',GradientType=1 ); /* IE6-9 */
height:100px;
}
#margin-top { margin-top:-75px; min-width:960px; }
#logo { float:left; width:216px; margin:0 75px 0 25px; }
#h1-header {
float:right; font-family: 'Catamaran', sans-serif; color:#fff; font-size:2.9209em; margin:0.175em 22px 0 0; letter-spacing:0.06em;
}
#select-fachgeschaeft { padding:5px; border:1px solid #ccc; float:right; margin-right:25px; margin-top:10px; }
.button-top { float:right; margin-right:27px; color:#fff; font-size:16px; letter-spacing:0.05em; }
.button-top i { margin-right:5px; }
/* C O N T E N T */
#wrapper {
/* border:1px solid #ccc; */
margin:55px 12px 0 12px;
/* padding:10px 10px 0 10px; */
min-height:300px;
/* min-width:900px; */
/* background-color:#fff; */
color:#444;
}
#wrapper-neu {
/* border:1px solid #fff; */
margin:55px 12px 0 12px;
padding:10px 0px 40px 0px;
min-height:300px;
min-width:695px;
/* background-color:#fff; */
/* box-shadow:0 0 4px #999; */
color:#444;
}
#wrapper-feedback {
border:1px solid #fff;
margin:55px 12px 0 12px;
padding:20px 0px 20px 10px;
/* min-height:100px; */
min-width:695px;
background-color:#fff;
box-shadow:0 0 4px #999;
text-align:center;
color:#444;
}
/* T A B | K A L E N D E R */
#tab_kalender { font-size:11px; }
#tab_kalender { background-color:#fff; border:1px solid #fff; border-collapse: separate; padding:10px; box-shadow:0 0 4px #999; }
#tab_kalender th { background-color:#fff; padding:0; text-align:center; font-size:13px; }
#tab_kalender th div {
background-color:#eee; padding:5px 0 5px 0; text-align:center; font-size:12px; margin:0 1px 0 1px; color:#444;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
#tab_kalender td { background-color:#fff; padding:0; text-align:center; vertical-align:top; }
/* J A H R E S A N S I C H T */
.feiertag { display:none; position:absolute; margin:-99px 0 0 -7px; background-color:#c1013f; color:#fff; border:1px solid #ccc; z-index:10; font-size:12px; padding:20px; }
.kontainer_tag { cursor:pointer; border:1px solid #ccc; margin:2px 1px 2px 1px; padding:5px; letter-spacing:0.07em; }
.kontainer_tag:hover { border:1px solid #c1013f; }
.kontainer_tag_im_monat { background-color:#ccc; color:#444; position:absolute; padding:0 0 0 0; margin:-5px 0 0 -5px; width:18px; height:18px; border:1px solid #fff; }
.kontainer_wochentag { margin-top:1px; }
.kontainer_tag { cursor:pointer; border:1px solid #ccc; margin:2px 1px 2px 1px; padding:5px; }
.kontainer_tag:hover { border:1px solid #c1013f; }
.kontainer_tag:hover .feiertag { display:block; }
/* M O N A T S A N S I C H T */
.kontainer_tag_grosz { cursor:pointer; border:1px solid #ccc; margin:2px 1px 0px 1px; padding:20px 0 20px 0; font-size:14px; min-width:100px; }
.kontainer_tag_grosz:hover { border:1px solid #c1013f; }
.kontainer_tag_grosz .kontainer_tag_im_monat { background-color:#ccc; color:#444; position:absolute; padding:5px 0 0 0; margin:-20px 0 0 0px; width:34px; height:34px; border:1px solid #fff; }
.kontainer_tag_grosz .kontainer_wochentag { margin-top:-2px; }
.kontainer_tag_grosz .kontainer_tag { cursor:pointer; border:1px solid #ccc; margin:2px 1px 2px 1px; padding:5px; }
.kontainer_tag_grosz .kontainer_tag:hover { border:1px solid #c1013f; }
.div-feiertag { margin:-17px 0 0px 0; color:#c1013f; font-size:12px; padding:0; }
/* N E U E R | T E R M I N */
#button-zurueck {
float:left; cursor:pointer; border:1px solid #ccc; background-color:#eee; padding:5px 20px 5px 20px; text-align:center; font-size:12px; margin:10px 0 0 0; color:#444;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
#button-speichern {
cursor:pointer; border:1px solid #ccc; background-color:#eee; padding:5px 0 5px 0; text-align:center; font-size:12px; margin:20px 0 0 0px; color:#444; width:599px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
h1 { position:absolute; font-size:18px; margin:5px 0 25px 0; text-align:center; }
#tab-neuer-termin { background-color:#fff; border:1px solid #fff; width:640px; border-collapse: separate; padding:10px 20px 20px 20px; box-shadow:0 0 4px #999; }
#tab-neuer-termin th { padding:15px 0 2px 0; }
#tab-neuer-termin .th-neu { border-bottom:0px solid #ccc; width:180px; vertical-align:bottom; }
input.input-text { position:absolute; border:1px solid #ccc; margin-top:-9px; padding:3px 10px 3px 10px; width:420px; }
input.input-text:hover { border:1px solid #444; }
#tab-neuer-termin tr:hover .th-neu { border-bottom:0px solid #444; }
#tab-neuer-termin tr:hover input.input-text { border:1px solid #444; }
#tab-neuer-termin tr:hover select.input-select { border:1px solid #444; }
#tab-neuer-termin tr:hover textarea.input-textarea { border:1px solid #444; }
.input-select { position:absolute; border:1px solid #ccc; margin-top:-8px; padding:3px 10px 3px 5px; width:420px; min-height:27px; }
.input-textarea { width:420px; min-width:420px; max-width:420px; height:100px; min-height:100px; overflow-y:scroll; resize:none; padding:10px; margin:10px 0 -2px 0; letter-spacing:0.09em; border:1px solid #ccc; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
.input-textarea { margin:10px 0 -5px 0; }
}
.input-text.warning { border:1px solid #c00; }
.input-select.warning { border:1px solid #c00; }
/* F O O T E R */
.footer {
font-family: 'Arial', sans-serif; font-size:0.86em; letter-spacing:0.065em; color:#fff; background-color:#444; color:#fff; text-align:center; padding:20px 0 20px 0;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
#logo_ci { width:50px; margin-right:0.32em; margin-top:-2px; }
.grey { color:#c3c3c3; }
/* A U T O C O M P L E T E */
.ui-menu-item { font-family:arial !important; }
.ui-state-focus { font-family:arial !important; }