/**
 * Dateiname       : css/gastgeber-bereich-5.css
 * Letzte Akt.     : 10.05.2017
 */
/* CSS-Stile GaGe-Bereich f�r BestFewo */

/* ---------------------------------------------------------------------- */


/* General font family + size + body bg
---------------------------------------------------------------------- */
body, html {
    font-family: Trebuchet MS, Arial, sans-serif;
    font-weight: 400;
    color: #494a4e;
    font-size: .85rem;
    line-height: 28px;
    background-color: #e4e4e4;
    background-attachment: fixed;
    padding: 0;
    margin: 0;
}

body, html {
    background-color: #f8f7f2;
}

.data-score .progress-circle:before, .data-score .progress-circle::after {
    border: 1px solid lightgrey;
    box-shadow: none;
}

#gage_contentbody #sz_container {
    background-color: #e4e4e4;
    font-family: Trebuchet MS, Arial, sans-serif !important;
}

.box-unten,
.startseite-uebersicht-stats {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.contenttable {
    font-size: 16px;
    font-weight: normal;
}

.contenttable tr:hover {
    background-color: #e0e9d9;
}

/* General styles
---------------------------------------------------------------------- */
a {
    color: #494a4e;
    transition: 0.3s ease;
}

a:hover {
    opacity: 1;
    color: #32b67a;
}

strong, b {
    font-family: 'Trebuchet MS Bold', 'Trebuchet MS', Arial, sans-serif;
    font-weight: 700;
}

.kleiner {
    font-size: 12px;
    line-height: 14px;
}

span.graukleiner {
    font-size: 12px;
    line-height: 14px;
}

#welcome_text_user {
    display: block;
}

/* Header + Logo
---------------------------------------------------------------------- */
#gage_headrow {
    background: none;
}

#gage_headrow td:nth-child(1) { /* Change position: Title */
    float: right !important;
    text-align: right;
    width: 50% !important;
}

#gage_headrow td:nth-child(2) { /* Change position: Logo */
    float: left !important;
    text-align: left;
    width: 50% !important;
}

#gage_op-logo {
    margin: 0;
    max-width: 15rem;
    padding: 1.75rem 0;
}

#gage_op-login {
    display: block;
}

#gage_op-login img {
    max-width: 15rem;
    margin: auto;
}


#gage_headrow_outer {
    background: #fff;
    margin: 30px 0 15px;
    box-shadow: none;
    border-bottom: 0;
}

#gage_contentbody {
    background-color: #fff;
    border-bottom: 0;
    border-top: none;
}

/* Title
---------------------------------------------------------------------- */
.ue1,
#gage_headrow span {
    color: #494a4e;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    overflow: visible;
    letter-spacing: 1px;
}

.ue2 {
    color: #494a4e;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
    letter-spacing: 1px;
}

.box-unten .ue2 {
    font-size: 18px;
    font-weight: normal;
}

h2 {
    font-weight: normal;
}

#gage_headrow .ue1 {
    display: none;
}

/* Menu
---------------------------------------------------------------------- */
#gage_menurow {
    background: #e0e9d9;
}

.menue {
    background: #fff;
    border: none;
    padding: 0;
    margin: 5px 10px;
}

.menue a.amenue.active, .menue a.amenue.active:hover, .menue a.amenue:hover,
.menue a.amenue:active,
.menue a.amenue:focus {
    background-color: #32b67a;
    color: #fff;
}


.menue .amenue {
    padding: 0.5rem 0.9rem;
    background-color: #e0e9d9;
}

.menue:hover a {
    color: #fff;
}

a.amenue {
    display: block;
    width: auto;
    color: #3567AC;
    font-weight: normal;
    font-size: 16px;
    padding: 6px;
}

.logout {
    margin-top: 20px;
}

/* Boxes
---------------------------------------------------------------------- */
.box-obenhellblau {
    border: none;
}

.box-untenhellblau {
    background: #e0e9d9;
    color: #2d4d3d;
    font-weight: 500;
    border: none;
    padding: 10px;
}

.box-untenhellblau span, .box-untenhellblau a {
    color: #2d4d3d;
}

.box-unten {
    background-color: #f8f7f2;
}

.box-untengruen,
.box-obengruen {
    background: none;
    border: none;
}

/* Buttons
---------------------------------------------------------------------- */
.secrasub,
#sz_container .sz_button, .action-button, #objectdata .btn-primary.btn-lg, #objectdata .btn-primary.btn-lg, #objectwizard .btn-primary.btn-lg, .action-button {
    padding: 10px 12px;
    background-color: #32b67a;
    color: #fff;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s ease;
}

.secrasub.klein {
    background-color: #32b67a;
    transition: 0.3s ease;
}

.ical_aktualisieren .secrasub {
    padding: 6px 8px;
}

form[name="bkform"] .secrasub.klein {
    text-decoration: none;
    color: #fff;
    padding: 2px 5px;
}

/* BuSys
---------------------------------------------------------------------- */
.sz_mainrow_content,
.busys_mietpreis_gui,
.busys_anreisebedingung_gui,
.busys_verpflegung_gui,
.busys_preiszusatz_gui,
.busys_aufschlagrabatt_gui {
    font-size: 16px !important;
    background: #f9f9f9 !important;
}

.busys_linkblau {
    color: #00679e !important;
}

.busys_textinput,
.busys_select {
    padding: 3px 5px !important;
    border: 1px solid #999 !important;
}

#sz_container textarea {
    border: 1px solid #999;
    font-family: Trebuchet MS, Arial, sans-serif;
}

#sz_container .infotext {
    color: #00679e;
}

.secranorm,
.secrareq {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    font-family: Trebuchet MS, Arial, sans-serif;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

textarea.secranorm,
textarea.secrareq {
    height: auto;
    width: 385px;
}

.ical_aktualisieren .secranorm {
    padding: 10px;
}

/* Login
---------------------------------------------------------------------- */

.head {
    background: #FFF;
    padding-right: 12px;
    padding-left: 12px;
}

h1 {
    font-family: 'Trebuchet MS Bold', 'Trebuchet MS', Arial, sans-serif;
    font-weight: 700;
    color: #666;
}

.blauerrahmen {
    border: none;
    padding: 10px;
}