body {
	font-family: Arial, Helvetica, 
	sans-serif; color: #666666;
	background-color: #EEEEEE;
	font-size: 1.2rem;
}

h1 {color: #333333; font-size:22px;}

h2 {
	font-size: 16px; 
	color: #666666; 
	padding-top:20px; 
	margin:0;
	text-align: left;
}
h2 a {color: #666666; padding-bottom: 5px; }

h3 {color: #666666; font-size:18px;}

p, ul {font-size: 12px;}

/*
table {width:100%; padding: 6px; font-size: 12px; }
.fliesstext {font-size: 12px;}
table tr td {vertical-align: top; }
table tr th {font-size:14px; font-weight: bold; background: #999999; color:#FFFFFF; }
*/

textarea { border-color: #ccc; }

hr {border: 1px inline #999999;}
a {color: #666666; text-decoration: none; font-weight: bold;}
a:hover {text-decoration:underline;}

#header, #suche, #kontakt, #kontakt_info, #tabellen, #tabellen2 {
	border-bottom: 3px solid #cccccc;
	margin:auto;
    /*max-height: 120px;*/
    content-visibility: auto;
    overflow: auto;
    position: relative; 
    background: #FFFFFF; 
    width: 80%;
    padding:10px;
    display: block;
}
#kontakt, #kontakt_info { border-bottom: 0 }

#tabellen, #kontakt_info, #kontakt {
	max-height: fit-content;
	font-size: 0.95em;
}

#kontakt { border-bottom: 0; display: none; }


#header h1 {text-align: left;}
#header form { float: left; margin-right: 5px;}
#header img {
	height: 69px;
    float: left;
}
#suche {border: 0;}

#div_schulung, #div_beratung, #div_server {
	width:265px; background: #FFFFFF; margin:8px; text-align: left; height: 225px; 
	border-left:1px solid #f3733b; border-top:1px solid #f3733b;}
	
#div_beratung {}
#div_server {}
#div_ansprechbar {
	float: right; background:#cccccc;
	width: 300px;
	height:300px;
}
#div_content {margin: auto; width:80%; font-size: 12px;}
#div_inhalt {text-align:left;}
#wrapper {margin:auto; text-align:center; width: 100%;}
#div_kontaktform {float:right; width:580px;}

#div_anmeldung {
	margin:auto; 
	border: 1px solid #CCCCCC; 
	width: 340px; 
	height:150px; 
	padding:10px; 
	padding-top:35px;
	margin-top: 30px;
}

.box_content {padding-left: 12px; padding-top: 6px}

.footer {text-align:right; font-size:10px;}
.tabl_start {height: 212px; text-align:left; vertical-align:top; width:100%}

.formitem {width: 150px; float:left; text-align:left}


.eingabe_form input {width:210px;}

.div_artikel {height: 160px; width: 300px; overflow: auto; background-color: #ffffff;  
	border: 1px solid #cccccc; visibility:hidden; position:absolute; margin-left:152px;
	}
#header_tabl input {width:98px;}

@media print{
   #header{display:none;}
   #suche{display:none;}
   #button_artikel{display:none;}
}




div.dataTables_wrapper {
        margin-bottom: 3em;
    }

table.dataTable thead th { padding: 10px 10px; }
table.dataTable tfoot th { padding: 10px 18px 6px 10px; }
table.dataTable tbody td { padding: 5px 10px; }

table.dataTable input[type='date'] {     
	border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important; 
}

.btn-primary { background-color: #2e6da4; }

.form-control {font-size: 1.2rem;}

#Tabelle3_length, #Tabelle3_paginate, #Tabelle3_info, #Tabelle3_filter,
#Tabelle3 tfoot { display: none; }

#Tabelle8_filter, #Tabelle9_filter, #Tabelle11_filter { margin-top: -60px; }

#Tabelle8_length { display: none; }
#Tabelle9_length, #Tabelle9_filter { display: none; }
#Tabelle10_length, #Tabelle10_filter { display: none; }

#Tabelle3 td, #Tabelle8 td { padding: 0 0 0 8px; } 

#Tabelle1_length, #Tabelle2_length, #Tabelle4_length, #Tabelle5_length, #Tabelle6_length { float: right; }
#Tabelle1_filter, #Tabelle2_filter, #Tabelle4_filter, #Tabelle5_filter, #Tabelle6_filter { float: left; }

.col-form-label { text-align: left;  }
input[type=checkbox] {
	margin: 0;
}
div.dataTables_wrapper { margin-bottom: 0; }

#form_anprechpartner, #kontakt { }

.loading {
	position: fixed; 
	top: 0;
	font-size: 16px;
	padding-top: 15px; 
	background-color: #ffffff; 
	display: none;
	text-align: center; 
	color: red; 
	width: 100%; 
	z-index: 100; 
	border-bottom: 2px solid #666666;
}

.nav-link, .nav-link.active a { color: #337ab7 !important; }