/*--------------------------------------------
	General Formats
---------------------------------------------*/
html, body {
	margin:0;
	padding:0;
	font-family:Arial,sans-serif;
	font-size:0.9rem;
}
.wrapper {
	max-width:100%;
	min-width:100%;
}
.wtbd_content{
	position:relative;
	float:left;
	width:100%;
	height:100%;
	background-color:#E4EEFF;
}
.wtbd_content_header{
	position:relative;
	float:left;
	width:100%;
	height:100%;
	background-color:#D2FFFC;
}
.wtbd_table, .wtbd_table th,.wtbd_table td {
  border: 1px solid black;
}
.wtbd_textarea{
    width: 100%;
    height: 100%;
	font-size:12px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    resize: none;
}
.table_raster{
	font-size:0.9rem;
	border:0px solid #091760;
	border-collapse: collapse;
}
.table_raster td{
	padding:1px 1px 1px 1px;
	text-align:center;
}
/*------------------------------------------------------------
Content Steuerung
--------------------------------------------------------------*/
.steuerung_left{
	position:relative;
	float:left;
	width:8%;
	height:700px;
	background-color:#E4EEFF;
}
.steuerung_content_header{
	position:relative;
	float:left;
	width:92%;
	height:40px;
	background-color:#D2FFFC;
}
.steuerung_header_table{
	margin:0px;
	padding:0px;
}
/*------------------------------------------------------------
Content Auswertungen
--------------------------------------------------------------*/
.auswertung_left{
	position:relative;
	float:left;
	width:8%;
	height:700px;
	background-color:#E4EEFF;
}
.auswertung_content{
	position:relative;
	float:left;
	width:92%;
	background-color:#D2FFFC;
}

.auswertung_content_header{
	position:relative;
	float:left;
	width:92%;
	height:80px;
	background-color:#D2FFFC;
}
.auswertung_header_table{
	margin:0px;
	padding:0px;
}
.table_abre{
	font-size:12px;
	border:1px solid #091760;
	border-collapse: collapse;
	background-color:white;
}
.table_abre td,.table_abre th{
	padding:3px 3px 3px 10px;
	border:1px solid #091760;
}
.table_control{
	font-size:9px;
	border:1px solid #091760;
	border-collapse: collapse;
	background-color:white;
}
.table_control td,.table_control th{
	padding:1px 3px 1px 3px;
	border:1px solid #091760;
}
.table_kfz{
	font-size:10px;
	border:1px solid #091760;
	border-collapse: collapse;
	background-color:white;
}
.table_kfz td,.table_kfz th{
	padding:1px 3px 1px 3px;
	border:1px solid #091760;
}
.table_ausw{
	font-size:11px;
	border:1px solid #091760;
	border-collapse: collapse;
	background-color:white;
}
.table_ausw td,.table_ausw th{
	padding:1px 3px 1px 3px;
	border:1px solid #091760;
}
/*--------------------------------------------
	Anmeldung/Abmeldung
---------------------------------------------*/
.float_right {
	position:absolute;
	right:0px;
	top:0px;
	z-index:90;
	float:right;
}
.wtbd_input{
	width:300px;
	font-size:12px;
}
.wtbd_td{
	font-size:14px;
}
#signin {
	position:absolute;
	float:right;
	right:0px;
	top:0px;
	z-index:90;
}
#content_user {
	position:absolute;
	float:right;
	right:0px;
	top:0px;
	z-index:90;
}
#user_zeile  td {
	color:black;
	background-color:white;
}
/*--------------------------------------------
	Menue Bar
---------------------------------------------*/
#blueline {border-top:1px solid #fff;}
#blueline, #blueline ul, #blueline ul li, #blueline ul li a  {margin:0;padding:0;height:36px;}
#blueline ul li a , #blueline ul li  {float:left;width:100px;text-align:center; }
#blueline ul {list-style:none; background: url(../pictures/menue_blau.png) repeat-x 0 50%; overflow: hidden;}
#blueline ul li {background:url(../pictures/menue_separator.png) no-repeat 100% 50%; }
#blueline ul li a {color:#fff;font-weight: bold;text-decoration: none;text-align:center;}
#blueline ul li a:link, #blueline ul li a:visited { padding: 6px 0px 0px 0px;}
#blueline ul li a:hover, #blueline ul li a:active { background: url(../pictures/menue_active.png); }

#lightblue, #lightblue ul, #lightblue ul li, #lightblue ul li a  {height:25px;border:1px;margin:0px;padding:0px;}
#lightblue ul {list-style:none;background-color:#A1CFDD;font-size:18px;}
#lightblue ul li a , #lightblue ul li  {float:left;color:#fff;text-decoration:none;text-align:center;}
#lightblue ul li a:link, #lightblue ul li a:visited {padding:0px 10px;}
#lightblue ul li a:hover, #lightblue ul li a:active {background: url(../pictures/menue_active.png) repeat-x 0 100%;}

#menuebar{
	 position:relative;
	 width:100%;
	 z-index:10;
}
/*------------------------------------------------------------
Email
--------------------------------------------------------------*/

#content{
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:80%;
	height:750px;
	background-color:#E4EEFF;
}
#content_left{
	left:300px;
	top:50px;
	position:relative;
	float:left;
	width:50%;
	height:100%;
}
#contact_div {
    border-radius:5px;
	margin:5px 0px 0px 10px;
    padding:0px;
}
#contact input[type=text],#contact select {
    width: 100%;
    padding: 8px 20px;
    margin: 2px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
#contact input[type=submit] {
    width: 30%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
#contact input[type=submit]:hover {
    background-color: #45a049;
}
/*------------------------------------------------------------
Content
--------------------------------------------------------------*/
.content{
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:100%;
	background-color:#E4EEFF;
}
.content_header{
	position:relative;
	float:left;
	width:100%;
	height:100%;
	background-color:#D2FFFC;
	margin:10px 0px 10px 20px;
}
.content_table{
	margin:0px;
	padding:0px;
	margin-left:20px;
}
.messagearea {
    width: 100%;
    height: 500px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    font-size: 16px;
    resize: none;
}
/*------------------------------------------------------------
Content Abrechnungen
--------------------------------------------------------------*/
.abrechnung_left{
	position:relative;
	float:left;
	width:10%;
	height:700px;
	background-color:#E4EEFF;
}
.abrechnung_content{
	position:relative;
	float:left;
	width:90%;
	background-color:#D2FFFC;
}

/*------------------------------------------------------------
Content Protokolle
--------------------------------------------------------------*/
.protokoll_content{
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:100%;
	background-color:#E4EEFF;
}
.protokoll_content_header{
	position:relative;
	float:left;
	width:100%;
	height:100%;
	background-color:#D2FFFC;
}
.protokoll_left {
	position:relative;
	float:left;
	width:9%;
	background-color:#E5FFFF;
}
.protokoll_table{
	margin-top:30px;
	margin-left:5px;
}
.protokoll_table, .protokoll_table td, .protokoll_table th{
	height:12px;
	font-size:12px;
}
/*------------------------------------------------------------
Content Fahrten
--------------------------------------------------------------*/
.fahrten_left{
	position:relative;
	float:left;
	width:8%;
	height:650px;
}
.fahrten_content{
	position:relative;
	float:left;
	width:92%;
	background-color:#E4EEFF;
}
.fahrten_zeigen_content{
	position:relative;
	float:left;
	width:92%;
	background-color:#E4EEFF;
}
.fahrten_content_header{
	position:relative;
	float:left;
	width:92%;
	height:80px;
	background-color:#D2FFFC;
}
.fahrten_right{
	position:relative;
	float:right;
	width:15%;
}
.fahrten_header_table{
	margin:0px;
	padding:0px;
}
/*------------------------------------------------------------
Content Sendungen
--------------------------------------------------------------*/
.send_content{
	position:relative;
	float:left;
	width:100%;
	background-color:#E4EEFF;
}
.send_text_area {
    width: 500px;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    font-size: 12px;
    resize: none;
}
.send_header{
	position:relative;
	float:left;
	width:100%;
	height:100%;
	background-color:#D2FFFC;
}
/*------------------------------------------------------------
Content Nachrichten
--------------------------------------------------------------*/
.content_small_left{
	position:relative;
	float:left;
	width:20%;
	height:100%;
	background-color:#E5FFFF;
	font-size:10px;
}
.content_big_right{
	position:relative;
	float:left;
	width:80%;
	height:100%;
	background-color:#F4F4F5;
}
.message_textarea {
    width: 1000px;
    height: 150px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    resize: none;
}
/*------------------------------------------------------------
Kunden Formatierungen
--------------------------------------------------------------*/
.knd_wrapper {
	max-width:100%;
	min-width:100%;
	background-color:#D2FFFC;
}
.knd_content_right{
	width:75%;
	float:right;
	position:relative;
	height:100%;
	background-color:#E4EEFF;
}
.knd_content_left{
	width:25%;
	float:left;
	position:relative;
	height:100%;
	background-color:#E4EEF1;
}
.knd_textarea_klein{
    width: 100%;
    height: 100%;
	text-align:left;
	font-size:12px;
    padding:0px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    resize: none;
}
.knd_textarea{
	margin-left:12px;
    width: 860px;
    height: 50px;
	text-align:left;
	font-size:12px;
    padding:0px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    resize: none;
}
.knd_button {
	color:black;
	background: #00EF73;
}
.knd_button_yellow {
	color:black;
	background: yellow;
}
/*--------------------------------------------
	allgemeine Formatierung
---------------------------------------------*/
.button {
	color:white;
	background: #008080;
}
.table,.table th,.table td{
	margin-top:10px;
	text-align:center;
}
.table_form,.table_form th,.table_form td{
	border-collapse: collapse;
	margin-top:10px;
	border: 1px solid black;
}
.table_small,.table_small th,.table_small td{
	font-size:10px;
	border-collapse: collapse;
	margin:0px;
	padding:0px;
	border: 0px solid black;
}
.table_medium,.table_medium th,.table_medium td{
	font-size:13px;
	border-collapse: collapse;
	margin:0px;
	padding:0px;
	border: 0px solid black;
}
.letter_16_bold_bg{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	background-color:lightgrey;
}
.tooltip_hinweis {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
.tooltip_hinweis .tooltip_hinweistext {
  visibility: hidden;
  width: 500px;
  background-color: lightblue;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 10;
  bottom: 225%;
  left: 50%;
  margin-left: -400px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip_hinweis .tooltip_hinweistext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #E4EEFF transparent transparent transparent;
}

.tooltip_hinweis:hover .tooltip_hinweistext {
  visibility: visible;
  opacity: 1;
}