/* allgemeine Deklarationen */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700);

body, html 
{ 
   padding: 0; 
   margin: 0;
   font-family: 'Roboto', Verdana, sans-serif;
   font-size: 11px;
}

body
{
	background-color: white;
	color: black;
}

A {
	font-family: 'Roboto', Verdana, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bolder;
}
.tabButton {
	width: 150px;
	font-family: 'Roboto', Verdana, sans-serif;
	font-size: 11px;
}

.Abstand
{
	padding-left: 40px;
}


#divHg
{
	background-position: right bottom;
	background-image: url(../../images/status/thecargofam400.jpg);
	background-repeat: no-repeat;
}

.CI_Headline {
	color: var(--LogoBlue);
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}

#HeaderProgrammTitle {
	vertical-align: top;
	POSITION: relative;
	/*LINE-HEIGHT: 20px;*/
	WIDTH: 100%;
	background-color: white;
	HEIGHT: 30px;
	font-size: 12pt;
	font-family: 'Roboto', Verdana, sans-serif !important;
	font-family: var(--FONT);
	/*    font-weight: bold;*/
	right: 2px;
	left: 2px;
	color: var(--LogoBlue);
	color: var(--LogoBlue);
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.InfoKopfStartseite {
    font-size: 12px;
    font-style: oblique;
    font-weight: bold;
    color: White;
    padding-left: 33px;
    padding-top: 7px;
    padding-bottom: 8px;
    background: url(../../images/Layout2018/Info_grey_Rectangle_blue_29.png) #EB9800 no-repeat;
    border: 0px;
    border-spacing: 0px;
    white-space: nowrap;
}

.InfoKopfStartseite_hi
{
	font-size: 12px;
	font-style: oblique;
	font-weight: bold;	
	color: White;
	padding-left: 30px;
	padding-top: 7px;
	padding-bottom: 8px;
	padding-right: 0px;
	margin-right: 5px;
	background-color: #EB9800;
	border-collapse: collapse;
	border: 0px;
	border-spacing:0px;
	width: 0px;
}

.InfoKopfStartseite_vo
{
	font-size: 12px;
	font-style: oblique;
	font-weight: bold;	
	color: White;
	padding-left: 33px;
	padding-top: 7px;
	padding-bottom: 8px;
	background-color: #EB9800;
	border: 0px;
	border-spacing:0px;
	white-space: nowrap;
}

.InfoTextStartseite {
	font-family: 'Roboto', Verdana, sans-serif;
	font-size: 11px;
	padding-left: 5px;
}

/* Kopfzeile mit Kundenlogo */
#tabkundenkopf
{
	width: 100%;
	margin: 10px 0px 0px 0px;
}

#tdkundenkopfli
{
	width: 50%;
	background-color: white;
	vertical-align:top;
	text-align: left;
	font-style: italic;
}

#tdkundenkopfre
{
	width: 50%;
	background-color: white;
	vertical-align: bottom;
	text-align: right;
}

/* obere Trennlinie */
#tabkopflinie
{
	width: 100%;
	margin: 0px 0px 5px 0px;
	
}

.tdkopflinie
{
	background-color: #B5121B;
	display: block;
}

/* Boxen im Kopfbereich (Login, Quicksuche, NachrichtenCenter, RoutingCenter) */
#tabquickboxen
{
    color: Black;
    width: 100%;
    margin: 0px 0px 5px 0px;
}

.tdquickboxen
{
	padding: 5px 5px 5px 5px;
	border: 1px solid #CCCCCC;
	width: 25%;
	font-size: 11px;
}

/* Hauptbereich mitte */
#tabmain
{
    color: Black;
    width: 100%;
    margin: 0px 0px 5px 0px;
}

#tdnavigationli 
{
	width: 0%;
	height:100%;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 5px;
	border: 1px solid #CCCCCC;
	background-color: white;
	color: Black ;
	font-size: 11px;
}

#tdmain
{
	width: 100%;
	height:100%;
	vertical-align: top;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: white;
	color: Black;
	font-size: 11px;
}


/* untere Trennlinie */
#tabfusslinie
{
	width: 100%;
	margin: 0px 0px 0px 0px;
	FONT-SIZE: 0.86em; 
	color: white;
	vertical-align: middle;
}

.tdfusslinie
{
	background-color: #B5121B;
}

/* Fusszeilezeile */
#tabfuss
{
	width: 100%;
	margin: 0px 0px 0px 0px;
}

/*#tdfussli
{
	width: 30%;
	background-color: white;
	vertical-align: middle;
	text-align: left;
	background-image: url(../../images/bottom_.gif);
	height: 20px;
	background-repeat: repeat;
	border: 0px;
	outline: 0;
    color: White;
    padding: 0px 0px 0px 0px;
    border-collapse: collapse;
    border-spacing: 0px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom-style: none;
    font-size: 9px;
}*/

/*#tdfussmi
{
	width: 40%;
	background-color: white;
	vertical-align: middle;
	text-align: center;
	background-image: url(../../images/bottom_.gif);
	height: 20px;
	background-repeat: repeat;
	border: 0px;
	outline: 0;
	color: White;
	border-collapse: collapse;
	border-spacing: 0px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom-style: none;
}*/


/*#tdfussre
{
	width: 30%;
	background-color: white;
	vertical-align: middle;
	text-align: right;
	background-image: url(../../images/bottom_.gif);
	height: 20px;
	background-repeat: repeat;
	border: 0px;
	outline: 0;
	color: White;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom-style: none;
}*/

/* Schriften */
.text8i, #tabfuss {
	font-size: 8pt;
	font-family: 'Roboto', Verdana, sans-serif;
	font-style: italic;
}

.text24, #tdkundenkopfre {
	font-size: 24pt;
	color: black;
	font-family: 'Roboto', Verdana, sans-serif;
	font-weight: bold;
	font-style: italic;
}

/* diverses */
.blockimage
{
	display: block;
	border: 0px;
	outline: 0;
}

.imagelink
{
	text-decoration: none;
	outline: none;
}


/*.backgroundimagetop
{
	background-image: url(../../images/top_.gif);
	height: 40px;
	background-repeat: repeat;
	border: 0px;
	outline: 0;
}*/

./*backgroundimagebottom
{
	background-image: url(../../images/bottom_.gif);
	height: 40px;
	background-repeat: repeat;
	border: 0px;
	outline: 0;
}*/


.inTab
{
	 padding-top: 3px;
	 padding-bottom: 3px;
	 background-color: White;
	 font-size: 11px;
}

.MainHead
{
	margin: 30px;
	border-width: thin;
	border-color:#666666;
	padding-bottom: 3px;
	font-size: 14px;
	border-bottom-style: solid;
	font-variant: small-caps;
	color: #666666;
	font-weight: bold;
}

.tdMainHead
{
	padding-bottom: 3px;
	padding-left: 4px;
	padding-right: 3px;
	padding-top: 3px;
	font-size: 12px;
	font-weight: bold;
	/*background-color: #FFE7A2;
	color: Black;*/
	background-color: #EB9800;
	color: White;
	vertical-align: middle;
}

.tdSubHead
{
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	font-size: 11px;
	font-weight: bold;
	/*background-color: #FDFFD0;*/
	background-color: #F0F0F0;
}
.tdSubHeadForm
{
	border: 1px solid #CCCCCC;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	font-size: 11px;
	background-color: #F0F0F0;
}

.tdInTabMainHead
{
	padding-bottom: 3px;
	padding-left: 4px;
	padding-right: 3px;
	padding-top: 3px;
	font-size: 11px;
	font-weight: bold;
	/*background-color: #FFE7A2;*/
	background-color:#DFDFDF;
	background-repeat:repeat-x;
	background-image: url(../../images/tab_header.gif);
	background-position: top left;
	border: #CCCCCC 1pt solid;
}
.tdInTabMainHeadNormal
{
	padding-bottom: 3px;
	padding-left: 4px;
	padding-right: 3px;
	padding-top: 3px;
	font-size: 11px;
	/*background-color: #FFE7A2;*/
	background-color:#DFDFDF;
	background-repeat:repeat-x;
	background-image: url(../../images/tab_header.gif);
	background-position: top left;
	border: #CCCCCC 1pt solid;
}
.tdInTabSubHead1
{
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	font-size: 11px;
	background-color: #EBF6FF;
	border: #CCCCCC 1pt solid;
}

.tdInTabSubHeadWhite
{
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	font-size: 11px;
	background-color: White;
	border: #CCCCCC 1pt solid;
}

.tdInTabSubHeadSelected
{
	background-color:#FEC271;
	background-repeat:repeat-x;
	/*background-image: url(images/igg_cellselected.gif);*/
	border-bottom:solid 1px #FDAD11;
	color:Black;
}

.tdInTabSubHeadMarkerRed
{
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 0px;
	font-size: 11px;
	background-color: #FF6666;
	border: #CCCCCC 1pt solid;
}



.progress_indicator 
img 
{
	padding: 10px;
	border: solid 1px #aaaaaa;
	background: white;
 }    
 
 .controlWidth50
 {
	width: 50px;	
 }
 
/*#footer 
{
	margin-left: 2px;
	vertical-align: middle;
	BORDER-BOTTOM: #323333 1px solid; 
	POSITION: absolute; 
	LINE-HEIGHT: 25px; 
	WIDTH: 99.75%; 
	BACKGROUND: url(../../images/bottom_.gif) #004883 repeat-x left top; 
	HEIGHT: 30px; 
	FONT-SIZE: 0.86em; 
	BORDER-TOP: #323333 1px solid; 
	Right: 2px;
	color: white;
}



#header 
{
	vertical-align: middle;
	BORDER-BOTTOM: #323333 1px solid; 	
	WIDTH: 99.75%; 
	BACKGROUND: url(../../images/top_30.gif) #004883 repeat-x left top;
	HEIGHT: 120px; 
	FONT-SIZE: 0.86em; 
	BORDER-TOP: #323333 1px solid; 
	MARGIN-LEFT: 2px;
	RIGHT: 2px; 
}*/

#footer 
{
	vertical-align: middle;
	POSITION: relative; 
	LINE-HEIGHT: 22px; 
	WIDTH: 99.75%; 
	background-color: var(--LogoBlue);
	HEIGHT: 30px; 
	FONT-SIZE: 0.86em; 
	right: 2px;
	left: 2px;
	color: white;
}

#HeaderOrange
{
	vertical-align: top;
	POSITION: relative; 
	/*LINE-HEIGHT: 20px;*/ 
	WIDTH: 100%; 
	background-color: #EB9800;
	HEIGHT: 30px; 
	font-size: 11pt;
	font-family: 'Roboto', Verdana, sans-serif;
	font-weight: bold;
	right: 2px;
	left: 2px;
	color: #1C1C1C;
}

#header 
{
	vertical-align: top;
	POSITION: relative; 
	LINE-HEIGHT: 28px;
	background-color: var(--LogoBlue);
	HEIGHT: 30px; 
	font-size: 11pt;
	font-family: 'Roboto', Verdana, sans-serif;
	right: 2px;
	left: 2px;
	color: white;
}


/*#slogan 
{
	POSITION: absolute; 
	WIDTH: 436px; 
	BACKGROUND: url(../../images/slogan-vtl.png) no-repeat right bottom; 
	HEIGHT: 119px; 
	RIGHT: 22px
}*/

#HeaderLanguageFlags 
{ 
	POSITION: absolute; 
	TOP: 4px; 
	RIGHT: 5px; 
}

#HeaderTitle {
	POSITION: absolute;
	TOP: 98px;
	margin-left: 4px;
	color: white;
	font-size: 11pt;
	font-family: 'Roboto', Verdana, sans-serif;
}


.l2:link
{
    COLOR: #336699;
    FONT-VARIANT: small-caps;
    TEXT-DECORATION: none
}
.l2:visited
{
   COLOR: #336699;
    FONT-VARIANT: small-caps;
    TEXT-DECORATION: none
}
.l2:active
{
    COLOR: #336699;
    FONT-VARIANT: small-caps;
    TEXT-DECORATION: none
}
.l2:hover
{
    COLOR: #cc3333;
    FONT-VARIANT: small-caps;
    TEXT-DECORATION: none
}
.lb:link
{
    FONT-WEIGHT: bolder;
    COLOR: #336699;
    FONT-VARIANT: small-caps;
    TEXT-DECORATION: none
}
.lb:visited
{
    FONT-WEIGHT: bolder;
    COLOR: #336699;
    FONT-VARIANT: small-caps;
    TEXT-DECORATION: none
}
.lb:active
{
    FONT-WEIGHT: bolder;
    COLOR: #336699;
    FONT-VARIANT: small-caps;
    TEXT-DECORATION: none
}
.lb:hover
{
    FONT-WEIGHT: bolder;
    COLOR: #cc3333;
    FONT-VARIANT: small-caps;
    TEXT-DECORATION: none
}

.mGrid
{
	background-color: #fff;
	margin: 5px 0 10px 0;
	border: solid 1px #c1c1c1;
	border-collapse: collapse;
	font-size: 11px;
}   
.mGrid td
{
	padding: 3px;
	border: solid 1px #c1c1c1;
	color: #333;
}
.mGrid th
{
	padding: 4px 3px;
	color: #666;
	background: #dfdfdf url(../../images/tab_header.gif) repeat-x top;
	border-left: solid 1px #c1c1c1;
	font-weight: bold;
} 
.mGrid .alt { background: #ebf6ff ; }   
.mGrid .pgr { background: #dfdfdf url(../../images/tab_header.gif) repeat-x top; }   
.mGrid .pgr table { margin: 5px 0; }   
.mGrid .pgr td
{
	border-width: 0;
	padding: 0 6px;
	border-left: solid 1px #c1c1c1;
	font-weight: bold;
	color: #666;
	line-height: 12px;
}      
.mGrid .pgr a { color: #666; text-decoration: none; }   
.mGrid .pgr a:hover { color: #000; text-decoration: none; }  
.mGrid .pgr a:active { color: #000; text-decoration: none; }
.mGrid .pgr a:visited { color: #000; text-decoration: none; }
.mGrid a { color: #336699; FONT-VARIANT: small-caps; text-decoration: none; }   
.mGrid a:hover { color: #cc3333; FONT-VARIANT: small-caps; text-decoration: none; }  
.mGrid a:active { color: #336699; FONT-VARIANT: small-caps; text-decoration: none; }
.mGrid a:visited { color: #336699; FONT-VARIANT: small-caps; text-decoration: none; }

.mexGrid
{
	background-color: #fff;
	margin: 0px 0 0px 0;
	border: solid 0px #c1c1c1;
	border-collapse: collapse;
	font-size: 11px;
}   
.mexGrid td
{
	padding: 3px 5px 3px 5px;
	border: solid 0px #c1c1c1;
	color: #333;
}
.mexGrid th
{
	padding: 4px 5px 4px 5px;
	color: #666;
	background: #dfdfdf url(../../images/tab_header.gif) repeat-x top;
	border-left: solid 0px #c1c1c1;
	font-weight: bold;
} 
.mexGrid .alt { background: #F4F4F4 ; }   
.mexGrid a { color: #336699; FONT-VARIANT: small-caps; text-decoration: none; }   
.mexGrid a:hover { color: #cc3333; FONT-VARIANT: small-caps; text-decoration: none; }  
.mexGrid a:active { color: #336699; FONT-VARIANT: small-caps; text-decoration: none; }
.mexGrid a:visited { color: #336699; FONT-VARIANT: small-caps; text-decoration: none; }


.status td {font-size: 10px;color: #808080;	height: 25px;}
.status td.ist {color: black;}
.status td.text {font-size: 11px;text-align: left;vertical-align:top;font-weight: bold;color: black;padding-right: 50px;height: 20px;}
.status td.captiontext {font-size: 11px;color: black;text-align: right; vertical-align:top; padding-right: 10px; padding-left: 20px; height: 20px;}
.status div {background-color: #DADADA;	width: 60px;height:3px;}
.status div.ist {background-color: #66BF2C;}
.status img {height:20px; width:20px; border-width:0px;	}
.status img.txt {height:16px; width:16px;}
	
.tag
{
	padding: 10px 5px 10px 5px;
	
}

.tag a {font-weight: normal; color: #EB9800; margin: 5px;}
.tag a.t1 { font-size:1em;  color: #FFB120; line-height:1.1em;}
.tag a.t2 { font-size:1.2em; color: #EB9800; line-height:1.1em;}
.tag a.t3 { font-size:1.4em; color: #CE8600; line-height:1.1em;}

.docex
{
	
}
.docex a {font-weight: normal; margin: 5px;}

.modalBackground 
{
}
.modalPopup800
{
	border: 1px solid Gray;
	background-color: #f6f6f6;
	padding: 0px;
	width: 900px;
}
 .TitlebarLeft 
   {
       float:left;
       padding-left:5px;
       padding-top:3px;
       
       font-size:12px;
       color:#FFFFFF;
   }
   .TitlebarRight 
   {
       height:16px;
       width:16px;
       float:right;
       cursor:pointer;
       padding-right:5px;
       margin-right:2px;
       margin-top:1px;
   }
   .popup_Titlebar
{
	height: 24px;
	background-color: #005BA6;
	font-size: 12px;
}
   
   .popup_Body
{
	margin: 50px 0px 50px 0px;
	padding: 20px;
	
}
   
.cargofam
{
	background-position: right top;
	background-image: url(../../images/Status/CargoFamilyE_30.jpg);
	background-repeat: no-repeat;
	width: 600px;
}
.hub
{
	background-position: top;
	background-image: url(../../images/Status/vtl-hub_3.jpg);
	background-repeat: no-repeat;
	width: 600px;
}
.trans
{
    BACKGROUND-COLOR: transparent
}