html {
	font-family: sans-serif;
	height: 100.1%; 
	margin-bottom: 1px;
}

body {
	font-family: sans-serif;
	padding-top: 0px;
	padding-bottom: 30px;
	background-color: #ccc;
}

input {
	font-size: 100%;
}

textarea {
	font-size: 10pt;
}

a {
	color: #b51621;
	text-decoration: none;
}

.container {
	padding: 15px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	color: #383e5b;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.inline {
	display: inline-block;
	width: 140px;
	padding: 1px; 
	margin: 1px;
	text-align: center;
	border: 1px solid;
	border-color: silver #dddddd #dddddd silver; 
}

.rand {
	border: 2px solid #ddd; 
	padding-left: 10px;
	padding-right: 10px;
	font-size: 100%;
}

.center {
	text-align: center; 
}

.blau {
	border-bottom: 1px solid silver;
	background-color: #cfd2d7;
	color: #383e5b;
}

.rand_silver {
	border: 1px solid;
	border-color: silver #dddddd #dddddd silver; 
	padding-left: 10px;
	color: silver;
	font-size: 80%;
	white-space: nowrap;
	overflow: hidden;
}

.grau {
	border:0; 
	background-color: #cfd2d7;
	color: #383e5b;
}

textarea.grau {
	border: 2px solid #cfd2d7;
}

.vollbreit {
	width:100%; 
}

.schaltflaeche {
	border: 2px solid;
	border-color: #dddddd silver silver #dddddd; 
	border-radius: 2em;
	background-color: #eee;
	height: 24px;
	color: #b51621;
	font-size: 12px;
	line-height: 100%;
}

.schaltflaeche:disabled {
	opacity: 100%;
}

.text {
	height: 18px;
	text-indent: 10px;
	color: #383e5b;
}

.meldung {
	color: #b51621;
}

thead th {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color: #eee;
	font-weight: normal;
}


#leiste_start {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color: white;
	font-weight: normal;
}

#organigramm table {margin: 0 auto; table-layout: fixed; border-spacing: 0; border-collapse: collapse; font-size: 9pt; color: black;}
#organigramm b {color: black;}
#organigramm small {color: black;}
#organigramm .org {padding: 1px 0; margin: 1px auto;}
#organigramm .box {height: 80px; width: 100px; vertical-align: center; font-size: 9pt; border: 1px solid transparent;}
#organigramm .button {display: block; height: 70px; width: 100px; margin: auto; color: black; background-color: #eee; border: 1px solid black; font-size: 9pt; white-space:nowrap; text-align: center;}
#organigramm .extra {height: 100%; width: 100%; padding: 0; background-color: #eee; border: 1px solid transparent; font-size: 9pt;}
#organigramm .rechts {border-right: 1px solid black;}
#organigramm .unten {border-bottom: 1px solid black;}

#kleidung table {margin: 0 auto; table-layout: fixed; border-spacing: 0; border-collapse; overflow: hidden; color: #383e5b;}
#kleidung td {vertical-align: top; text-align: center; color: #383e5b;}
#kleidung input[type=text] {height:20px; background-color: white; border: 1px solid silver;}
#kleidung select {height:23px; background-color: white; border: 1px solid silver;}