/*  Tannenhof */

        body {
            /*background: #f4f4f4;*/
            background: #ffffff;

			color: #000;
            font-family: Calibri;
            padding: 0px;
            line-height: 1.4em;
			
        }


#divHeader {
    background: #ffffff;
    background: url('https://tannenhof.com/wp-content/uploads/2022/09/tannenhof-com-logo_hor.png');
    background-repeat: no-repeat;
    background-position: center;
    margin: 10px auto;
    background-size: auto 60%;
}

.btnASPxButtonSavePers4 {
        background:#99c100;
        border:2px solid #FFF;
}
.btnASPxButtonSavePers4:hover {
        /*background:#987527;*/
        background:#86a800;
        border:2px solid #FFF;
}

        @media only screen and (max-width: 680px) {
            #divHeader {
            background-position-x:100px;
            }
        }

        @media only screen and (max-width: 400px) {
            #divHeader {
            background-position-x:0px;
            }
        }

        #divWrapper {
            background: #FFF;
            padding: 20px;
            /*box-shadow: 6px 4px 20px #CCC;*/
            /*ohne Schatten und Rahmen*/
            padding: 0px;
            box-shadow: 0;
        }
        

        h4, h3, h2 {
            background: #363839;
            padding: 4px;
            color: #FFF;
            font-weight:bold;
        }

        .panel-primary > .panel-heading {
            color: #fff;
            background-color: #363839;
            border-color: #363839;

        }

        .btn-primary {
            color: #fff;
            background-color: #363839;
            border-color: #363839;
            font-weight:bold;
        }

        .panel-heading {
            border-top-right-radius: 0px !important;
            border-top-left-radius: 0px !important;
            cursor: pointer;
        }
        .panel {
            border-color: rgba(0,0,0,0) !important;
        }
        .panel-body {
            border-color: rgb(51, 122, 183) !important;
                border: 0px solid transparent;
            border-radius: 0px 0px 0px 0px;
            background:#FFF;
        }

        
        textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
            /*folgendes macht sinn, da der readonly-style auch  background-color: #EEE hat*/ 
            background-color: #EEE;
            color:#334;
            border-radius:0;
            border-color:#DDD;
        }

        select.form-control {
            /*folgendes macht sinn, da der readonly-style auch  background-color: #EEE hat*/
            background-color: #EEE;
            color:#334;
            border-radius:0;
            border-color:#DDD;
        }

        .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
            background-color: #EEE;
            opacity: 1;
        }

        label {
            color:#388aca;
        }

        table th {color:#388aca;border-bottom: 2px solid #388aca;}
        

        .modalheader {
            background-color: #388aca !important;
            color:white !important;
        }
        .modalbody {
            background-color: white !important;
            color:black !important;
        }
		
		#divHaupt {
			background-color:white;
		}
		.aktiv-kate {
			color: #388aca !important;
			font-weight: 600;
			background: #DDD !important;
			background-color: #DDD !important;
		}