/* - - - - - - - - - - - - - - - - - - - - */
/* BODY */
/* - - - - - - - - - - - - - - - - - - - - */

/* mission tab */

 .br_small {
            display: block;
            margin-bottom: 5px;
        }

.tdright {
  text-align: right;
  margin-right: 1em;
}

.tdleft {
  text-align: left;
  margin-left: 1em;
}

.helpimage { 
   border:1px solid #000000;
}

.carousel .carousel-item {
  height: 500px;
}

.carousel-item img {
    position: absolute;
    object-fit:cover;
    top: 0;
    left: 0;
    min-height: 500px;
}

.font_link_size { font-size: 14px; text-decoration: none; }
.fontnav_size { font-size: 16px; text-decoration: none; }

/* Style the tab */
.missiontab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.missiontab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.missiontab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.missiontab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.missiontabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  height: 300px;
}


/* */

hr.groupline { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

dd {
	display:none;
	margin:0 0 0px 0;
	float:left;
	width:500px;
	padding:0px 0px 0px 0px;
	border-left:1px solid white;
	border-right:1px solid white;
}

.initial-open {display:block;}

input[type=password],input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  /*padding: 3px 0px 3px 3px;*/
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

input[type=password]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}


body, html {
background: #f4f6fb;
/* font-family: "Helvetica Neue", helvetica, sans-serif; */
font-family: "Arial";  
font-size: 12px;
color: #000000;
/* margin: 0 0 5px 0; */
padding: 0;
}

.NewSpan { color:#ffffff; background-color:#8CC739; padding-left:5px; padding-right:5px; padding-top:1px; padding-bottom:1px; }
.UpdateSpan { color:#ffffff; background-color:#085DAD; padding-left:8px; padding-right:8px; padding-top:1px; padding-bottom:1px; }

p.helpsubcategory 
{
	background-color:#ECECEC; 
	padding-left:5px; 
	padding-right:5px; 
	padding-top:5px; 
	padding-bottom:5px;
}

 #loginbox 
 {
   border-width:1px;
   border-style:solid;
   border-color:black;
   padding:1.0em;
   text-align:justify;
 }

 #tablebox
 {
   border-collapse:separate;
   border-width:0px;
   border-style:solid;
   border-color:black;
   padding:1.0em;
  /* text-align:justify; */
	 background-color : #E6E6E6;
   border-radius: 0px;
   -moz-border-radius: 0px;	 
 }

 #tableboxeckig
 {
   border-width:0px;
   border-style:solid;
   border-color:black;
   padding:1.0em;
   text-align:justify;
	 background-color : #E6E6E6;
   border-radius: 0px;
   -moz-border-radius: 0px;	 
 }

 #lostpasswordbox 
 {
   border-width:1px;
   border-style:solid;
   border-color:black;
   padding:1.0em;
   text-align:justify;
 }

 #tarifbox 
 {
   border-width:1px;
   border-style:solid;
   border-color:#CCCCCC;
   padding:1.0em;
   text-align:justify;
 }
 
/* - - - - - - - - - - - - - - - - - - - - */
/* AEUSSERE CONTENTBOX */
/* - - - - - - - - - - - - - - - - - - - - */
#inhalt {
margin:0px auto;
text-align:left;
width: 100%;
padding: 0px;
background: #ffffff;
border: 0px solid #a4aed5;
}

/* - - - - - - - - - - - - - - - - - - - - */
/* DESIGNTABELLE*/
/* - - - - - - - - - - - - - - - - - - - - */
#design {
width: 100%;
background: #ffffff;
}

#head2 {
background: #ECECEC;
height: 25px;
text-align: left;
color: #ffffff;
}

#head {
background: #F6F6F6;
height: 15px;
text-align: left;
color: #ffffff;
}

#headlogo {
background: #FFFFFF;
height: 55px;
text-align: left;
color: #ffffff;
}

#tnleft {
background: #000000;
padding: 0px;
color: #ffffff;
font-size: 11px;
}

#tnright {
background: #000000;
padding: 0px;
color: #ffffff;
font-size: 11px;
}

#menue {
background: #313338;
padding: 4px;
color: #e6e6e6;
vertical-align: top;
}

.menuelinks a {

background: #313338;
margin-bottom: 0px;
padding: 0px 4px 0px 4px;
color: #e6e6e6;
font-size: 14px;
font-weight: none;
text-decoration: none;
border: 0px solid #d3d3d3;
}

.menuelinks a:hover {
background: #313338;
color: #e6e6e6;
font-size: 14px;
text-decoration: underline;
}

.menuelinks a:active {
background: #313338;
color: #e6e6e6;
font-size: 14px;
font-weight: none;
text-decoration: none;
}

.menuelinks .aktuell {
display: block;
width: auto;
background: #263248;
margin-bottom: 0px;
padding: 3px 0px 3px 4px;
font-size: 11px;
font-weight: bold;
text-decoration: none;
border: 1px solid #cc6600;
}

#content {
background: #f4f6fb;
padding: 15px;
color: #000000;
vertical-align: top;
}

#submenu {
background: #ECECEC;
padding: 7px;
color: #000000;
vertical-align: top;
}


#footer {
background: #F6F6F6;
padding: 0px;
color: #f4f6fb;
text-align: center;
}

.tzbox
{
	background: #000000;
	border: 1px solid #666;
}

img.tzzeichen {
   width: 65px;
   height: 50px;
}

img.tzzeichen_insert {
   width: 65px;
   height: 50px;
}

img.tzzeichen_used {
   width: 65px;
   height: 50px;
}

div.katheader
{
	background: #848484;
	display: none;
}

div.subkatheader
{
	background: #BDBDBD;
	display: none;
}

p.tz_insert_header
{ 
	padding: 2px 2px 2px 2px;	
	background: #313338; 
	color: #ffffff; 
	font-size: 13px;
	font-weight: none;
	text-decoration: none;
} 

p.tz_insert_header a 
{
padding: 2px 2px 2px 2px;	
background: #313338;
margin-bottom: 0px;
padding: 0px 4px 0px 4px;
color: #FFFFFF;
font-size: 13px;
font-weight: none;
text-decoration: none;
border: 0px solid #d3d3d3;
}

p.tz_insert_header a:hover 
{
padding: 2px 2px 2px 2px;	
background: #313338;
color: #FFFFFF;
font-size: 13px;
text-decoration: none;
color: #FFFFFF;
}


p.tz_insert_kategorie
{ 
	background: #313338; 
	color: #ffffff; 
	padding: 0px 15px 0px 15px; 
	font-size: 13px;
	text-decoration: none;
} 

p.tz_insert_kategorie a {

background: #313338;
margin-bottom: 0px;
padding: 0px 4px 0px 4px;
color: #FFFFFF;
font-size: 13px;
font-weight: none;
text-decoration: none;
border: 0px solid #d3d3d3;
}

p.tz_insert_kategorie a:hover {
background: #313338;
color: #FFFFFF;
font-size: 13px;
text-decoration: none;
color: #FFFFFF;
}

p.tz_insert_subkategorie
{ 
	background: #313338; 
	color: #FFFFFF; 
	padding: 0px 15px 0px 15px; 
	font-size: 13px;
	text-decoration: none;
} 

p.tz_insert_subkategorie a {

background: #313338;
margin-bottom: 0px;
padding: 0px 4px 0px 4px;
color: #FFFFFF;
font-size: 13px;
font-weight: none;
text-decoration: none;
border: 0px solid #d3d3d3;
}

p.tz_insert_subkategorie a:hover {
background: #313338;
color: #FFFFFF;
font-size: 13px;
text-decoration: none;
}

a {
font-weight: none;
text-decoration: none;
color: #0066CC;	
}

a:hover {
text-decoration: underline;
color: #0066CC;
}

a:active {
font-weight: none;
text-decoration: none;
color: #0066CC;
}

p.textheader a {

background: #313338;
margin-bottom: 0px;
padding: 0px 4px 0px 4px;
color: #FFFFFF;
font-size: 13px;
font-weight: none;
text-decoration: none;
border: 0px solid #d3d3d3;
}

p.textheader a:hover {
background: #313338;
color: #FFFFFF;
font-size: 13px;
text-decoration: none;
color: #FFFFFF;
}

.DivWebAppUpdates {
height: 400px;
overflow: auto;
width: 100%;
border: 0px solid #000;
padding: 0px;
} 

.DivWebAppNews {
height: 600px;
overflow: auto;
width: 100%;
border: 0px solid #cccccc;
padding: 0px;
} 

.HelpNavigation {
background: #ECECEC;
height: 700px;  
overflow: auto;
width: 100%;
border: 0px solid #cccccc;
padding: 0px;
} 

.HelpContent {
height: 700px;  
overflow: auto;
width: 100%;
border: 0px solid #cccccc;
padding: 0px;
}

h1 {
font-family: 'Arial';
	color: #000000;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: -0.05em;
}

/*
h2 {
	font-family: 'Arial';	 
	color: #000000;
  font-size: 2rem;
  font-weight:normal;
	text-align: justify;	
  line-height: 1.2;
}
*/

h3 {
font-family: 'Arial';
	color: #000000;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -0.05em;
}

h4 {
	font-family: 'Arial';	 
	color: #6b6b6b;
  font-size: 14px;
  font-weight:normal;
	text-align: justify;
}


input.input-important { background-color: #ffff80; font-weight: bold; }