@media all {
body {
	color: #333;
	font-size: 75%;
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
}
#page {
	border: none;
	background: #fff;
	margin-top: 10px;
}
#page_margins {
	border: none;
	min-width: 950px;
	max-width: 1100px;
	margin:auto;
}
a, a em.file {
	color: #333;
	text-decoration:none;
}
a:hover {
	background: none;
	text-decoration:none;
	color: #000;
}
a:focus {
	background-color: #fff;
	text-decoration:none;
}
/* ######################################################################################################
** ### globale Einstellungen  ###########################################################################
** ######################################################################################################
*/

h1 {
	color: #333;
	margin: 0 0 1em 0;
	padding: 0;
	text-transform: uppercase;
}
h2 {
	border: none;
	color: #333;
	font-size: 1em;
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 1em;
}
h3 {
	color: #333;
	font-size: 1em;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1em;
}
p {
	line-height: 1.5em;
	margin: 0;
	padding: 0 0 0.5em 0;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.invisible {
	display: none;
}
.inactive {
	color: #999;
}


/* alex */
.sbinactive { opacity:0.6;background:none !important; }

.separate {
	margin: 0 19px;
	font-weight: 200;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.link {
	padding: 2px 0;
	font-size: 0.95em;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 5px;
}
.link img {
	vertical-align: bottom;
	margin: 0 3px 0 0
}
img.info-icon {
	position: relative;
	top: -3px;
	left: 5px;
}
img.flag {
	margin: 0 0 0 8px;
}
.new_line {
	float: left;
	clear: all;
	width: 100%;
}
.light {
	font-weight: 200;
}
img.texticon {
	vertical-align: top;
	top: -2px;
	position: relative;
}
/* ### Farben ####################################################################################### */
.alert, .red {
	color: rgb(200,0,25);
}
.yellow {
	color: rgb(255,245,0);
	text-shadow: 0px 0px 2px #333;
	background:rgb(206,215,230);
	padding: 3px 3px 3px 0;
}
.green {
	color: rgb(30,150,80);
}
.blue {
	color: rgb(20,30,125);
}
.grey {
	color: rgb(218,221,228);
}
.orange {
	color: rgb(255,143,53);
}

/* ### einrueckungen ############################################################################### */

.marleft1 { margin-left:1px;}
.marleft2 { margin-left:2px;}
.marleft3 { margin-left:3px;}
.marleft4 { margin-left:4px;}
.marleft5 { margin-left:5px;}

.marright1 { margin-right:1px;}
.marright2 { margin-right:2px;}
.marright3 { margin-right:3px;}
.marright4 { margin-right:4px;}
.marright5 { margin-right:5px;}

.martop1 { margin-top:1px;}
.martop2 { margin-top:2px;}
.martop3 { margin-top:3px;}
.martop4 { margin-top:4px;}
.martop5 { margin-top:5px;}

.marbottom1 { margin-bottom:1px;}
.marbottom2 { margin-bottom:2px;}
.marbottom3 { margin-bottom:3px;}
.marbottom4 { margin-bottom:4px;}
.marbottom5 { margin-bottom:5px;}


/* ### Tabellendesign ############################################################################### */

table {
	border-collapse: separate;
	border-spacing: 0px 5px;
	margin:0;
	clear: left;
}
td, th {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
tr.border td, tr.border th, li.border {
	border-bottom: 1px solid rgb(218,221,228);
	padding-bottom: 5px;
}
tr.border td.filelist_header, tr.border th.filelist_header { /* alex */
	border-bottom: 1px solid rgb(218,221,228);
	padding-bottom: 5px !important;
}
th img {
	margin: 0 4px -2px 0px;
}
/* ######################################################################################################
** ### form Elemente  ###################################################################################
** ######################################################################################################
*/

input {
	width: 16em;
}
input[type="button"], input.button, input[type="radio"], input.radio, input[type="checkbox"], input.checkbox, input[type="submit"], input.submit {
	width: auto;
	height: auto;
	padding: 2px 10px;
	overflow: visible;
}
input[type="radio"], input.radio {
	width: auto;
	margin: 4px 8px 6px 0;
	vertical-align: middle;
	border: none;
	background: none;
}
input[type="checkbox"], input.checkbox {
	width: auto;
	margin: 1px 8px 2px 0;
	border: none;
	background: none;
}
input[type="button"]:hover, input.button:hover, input[type="submit"]:hover, input.submit:hover {
	background-color: #f0f0f0;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	color: rgb(200,0,25);
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
input[type="image"], input.image {
	width: auto;
	height: auto;
	padding: 0;
	margin: 15px 0 0 0;
	border: none;
}
select {
	margin: 0px 5px 10px 0;
	padding: 0;
}
.widemax {
	width: 99%;
}
.wide5 {
	width: 440px;
}
.wide4 {
	width: 322px;
}
.wide3 {
	width: 290px;
}
.wide2 {
	width: 230px;
}
input.wide2 {
	width: 222px;
}
.wide1 {
	width: 120px;
}
.wide0 {
	width: 30px;
	text-align: right;
	margin-right: 10px;
	padding: 2px;
	margin-top: -2px;
	margin-bottom: 5px;
	color: #000;
}
.round-pic, .round10 {
   border-radius: 10px;
   -ms-border-radius: 10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
  }
.round-pic {
   border: 2px solid rgb(215,218,225);
  }

#col1_content input, #col2_content input {
	width: 218px;
}
#col1_content input.button, #col2_content input.button, #col1_content input[type="button"], #col2_content input[type="button"] {
	width: auto;
}
form#upload input {
	float: left;
	width: auto;
	margin-right: 20px;
}
form#upload input.submit {
	float: left;
	width: 150px;
	margin-right: 20px;
}
/* ######################################################################################################
** ### Grundlayout  #####################################################################################
** ######################################################################################################
*/


/* ### Kopfbereich ################################################################################## */

#header {
	height: 67px;
	color: #fff;
	background: #fff url(../images/global/bg-top.png) no-repeat top right;
	padding: 0;
}
#classic {
	text-align: right;
	margin: -5px 3px 5px 0;
	font-size: 90%;
}
#classic a {
	color: rgb(20,30,125);
}
#classic a:hover, #classic a:active {
	color: rgb(20,30,125);
	text-decoration: underline;
}
#status {
	background: #fff url(../images/global/bg-status.png) no-repeat top right;
	height: 22px;
}
#status img {
	float: left;
}
#status #utc {
	position: relative;
	top: 4px;
	float: left;
}
#status #utc img {
	margin: -2px 4px;
	float: none;
}
#status #loginname {
	position: relative;
	right: 6px;
	top: 4px;
	clear: right;
	text-align: right;
	width: auto;
	float: right;
}
#loading {
	position: absolute;
	width: auto;
	background: rgb(220,220,230);
	margin: 2px 0 0 280px;
	z-index: 1000;
	font-size: 0.95em;
	border: 1px solid #fff;
	padding: 0px 3px;
	color: rgb(200,20,20);
	line-height: 10px;
}
#loading img {
	vertical-align:middle;
	padding-right: 5px;
}
#header img {
	margin: 0;
	font-size:208%;
}
#navigation {
	margin: 10px 0 15px 0;
	height: 22px;
}
#navigation ul {
	display: inline;
}
#navigation ul li {
	float: left;
	list-style-type: none;
	background:url('../images/global/button-bg.png') no-repeat top right;
	width: auto;
	height: 22px;
	margin:0 10px 0 0;
	padding: 0;
	font-weight:700;
}
#navigation ul li a, #navigation ul li span {
	float: left;
	list-style-type: none;
	background:url('../images/global/button-left.png') no-repeat top left;
	padding: 0 10px 0 10px;
	height: 22px;
	line-height: 22px;
}
#navigation ul li span {
	color: #999;
}
#navigation ul li:hover, #navigation ul li.active {
	background:url('../images/global/button-bg_act.png') no-repeat top right;
}
#navigation ul li:hover a, #navigation ul li.active a {
	background:url('../images/global/button-left_act.png') no-repeat top left;
}
#navigation ul li span {
	color: #999;
}
#navigation ul li.disabled:hover {
	background:url('../images/global/button-bg.png') no-repeat top right;
}
#navigation ul li img {
	vertical-align: middle;
	margin-top: -1px;
	display: none;
}
#navigation a {
	padding: 0;
	background: none;
	color: #444;
}
#navigation a:hover, #navigation a:active, #navigation li.active a {
	color: rgb(20,30,125);
	text-decoration:none;
}
#logout {
	float: right;
	background:url('../images/global/button-bg_act.png') no-repeat top right;
	height: 22px;
	margin:0;
	padding: 0;
	font-weight:700;
}
#logout a {
	background:url('../images/global/button-left_act.png') no-repeat top left;
	padding: 0 10px 0 10px;
	color: rgb(20,30,125);
	height: 22px;
	display: block;
	line-height: 22px;
}
#logout a:hover, #logout a:active {
	color: rgb(200,0,25);
	text-decoration:none;
}
#logout img {
	vertical-align: middle;
	margin-top: -1px;
	display: none;
}
div.header-top {
	background: rgb(206,215,230) url(../images/global/round-header-bg.png) no-repeat top right;
	height: 22px;
	font-weight: 700;
	line-height: 1.6em;
}
div.header-top img {
	vertical-align:bottom;
	margin: 0 4px 0 0;
	float: left;
}
div.header-top span.float_right {
	float: right;
	margin: 0px 4px 0 0;
}
div.header-top span.float_right img /* das Excel Icon */ {
	margin: 3px 6px 0 0;
}
span.block {
	margin:0 10px 0 0;
	white-space:nowrap;
	float: left;
}
span.block img {
	position: relative;
	top: -2px;
	float: none!important;
	margin: 0;
}
div.round-top {
	background: url(../images/global/round-top-bg.png) no-repeat top right;
	height: 8px;
}
div.round-bottom {
	background: url(../images/global/round-bottom-bg.png) no-repeat bottom right;
	height: 8px;
	margin-bottom: 20px;
}
div.sbcurrent { background-color:rgb(245,247,252); }

/* ### Footer ####################################################################################### */

#footer {
	color:#888;
	background:#fff;
	margin: 1em 0;
	padding: 1em 10px;
	line-height: 2em;
	border-top: 2px solid #DADDE4;
	font-size:90%;
	text-align: center;
}
#footer span.infoblock { white-space: nowrap; }
/* ### Contentbereich ############################################################################### */

#main {
	padding: 0;
}
#col1, #col2, #col3 {
}
#col1_content, #col2_content, #col3_content {
	color: #333;
}
#col1 {
	margin: 0;
	background: none;
}
#col1_content {
	background: none;
	margin: 0;
	padding-top: 0;
}
#col2 {
	background: none;
}
#col2_content {
	background: none;
	margin: 0;
	padding-top: 0;
}
#col3 {
	background: none;
}
#col3_content {
	background: none;
	padding-top: 0;
}
/* ###3-spaltiges Layout ############################################################################### */

div#page_margins.col3 #col1 {
	width: 250px;
}
/* Rechte Spalte */
div#page_margins.col3 #col2 {
	width: 250px;
}
/* Mittlere Spalte */
div#page_margins.col3 #col3 {
	margin-left: 260px;
	margin-right: 260px;
}
/* ###3-spaltiges Layout ohne rechte Spalte############################################################################### */

div#page_margins.col3-1 #col1 {
	width: 250px;
}
/* Rechte Spalte */
div#page_margins.col3-1 #col2 {
	display: none;
}
/* Mittlere Spalte */
div#page_margins.col3-1 #col3 {
	margin-left: 260px;
	margin-right: 0px;
}
div#page_margins.col3-1 #col3 #col3_content {
	margin: 0 0 0 10px;
}
/* ###2-spaltiges Layout ############################################################################### */


div#page_margins.col2 #col1 {
	display: none;
	width: 0px;
}
/* Rechte Spalte */
div#page_margins.col2 #col2 {
	display: none;
	width: 0px;
}
/* Mittlere Spalte */
div#page_margins.col2 #col3 {
	margin-left: 0;
	margin-right: 0;
}
div#page_margins.col2 #col3_content {
	margin:0;
}
div#page_margins.col2 .subc {
	padding: 0 5px 0 5px;
}
div#page_margins.col2 .subcl {
	padding: 0 10px 0 0t;
}
div#page_margins.col2 .subcr {
	padding: 0 0 0 10px;
}
div.framed {
	border-left: 2px solid rgb(218,221,228);
	border-right: 2px solid rgb(218,221,228);
	padding: 10px 10px 0 10px;
}
/* ######################################################################################################
** ### Einzelseiten  ####################################################################################
** ######################################################################################################
*/

div.popup_doc {
	position: absolute;
	background: #fff;
	border: 1px solid rgb(218,221,228);
	margin: 5px 16px 0 0;
	width: auto;
	right: 0px;
	text-align: left;
	font-size: 0.95em;
}
div.popup_doc h1 {
	margin: 4px 10px 0px 10px;
	padding: 0 0 4px 0;
	font-size: 1em;
	border-bottom: 1px solid rgb(218,221,228);
}
div.popup_doc ul {
	list-style: none;
	margin: 0;
	padding: 5px 10px;
}
div.popup_doc ul li {
	margin: 0;
	padding: 0;
}
div.popup_doc ul li a {
	padding: 3px 0 0 0;
	white-space: nowrap;
}
div.popup_doc ul li a:hover {
	background: rgb(240,240,250);
}
img.windowclose {
	position: absolute;
	right: 0px;
	top: 4px;
	margin-right: 10px;
	cursor: pointer;
}
/* ### Die Infodivs ################################################################################# */

div.info {
	position: absolute;
	width: 300px;
	background: #f8f8f8;
	border: 2px solid rgb(218,221,228);
	margin: -5px 0 0 50px;
	padding: 5px;
	font-size: 0.95em
}
div.info ul {
	margin: 0 0 .4em 0;
}
div.info ul li {
	margin: 0;
	list-style-type: none;
	background: #f8f8f8;
	color: #444;
	padding: 0.1em 0.1em 0.2em 0.1em;
	font-weight: normal;
	text-align: left;
}
div.info a {
	color: rgb(20,30,125);
	font-weight: 700;
}
/* ### Startseite ################################################################################### */

ul.listing {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.listing li {
	list-style-type: none;
	margin: 0 0 5px 0;
}
ul.listing li input {
	margin: 5px 0 5px 0;
}
ul.listing li img, table.listing td img, table.verify td img {
	margin: 0 4px -2px 0px;
}


form#form_quick_search,
form#form_advanced_search {
margin-top: 10px;
}

form#form_quick_search select,
form#form_advanced_search select {
margin: 5px 5px 5px 0;
}


table.listing {
	border-top: 1px solid rgb(218,221,228);
	border-spacing: 0px 0px;
}
table.listing tr th, table.listing tr td, table.verify tr th, table.verify tr td {
	padding: 6px 0;
}
table.listing tr th, table.verify tr th {
	border-bottom: none;
}
table.listing th.first, table.listing td.first, table.verify th.first, table.verify td.first {
	border-right: 1px solid rgb(218,221,228);
	width: 100px;/*padding: 6px 5px 6px 0!important;*/
}

img.more_option {
margin: 0 0 -3px 6px!important;
}

/* neue startseite */


div#home_new div.select_view {
margin: 8px 9px;
}

div#home_new div.select_view h3 img {
vertical-align:middle;
}

div#home_new div.select_view table.listing {
border-top: none;
margin: 0 0 0 2px;
width: 99.5%
}
div#home_new div.select_view table.listing tbody th,
div#home_new div.select_view table.listing tbody td {
padding-bottom: 0;
}
div#home_new div.select_view table.listing thead th {
font-weight: 700;
border-bottom: 1px solid #ccc;
padding-top: 10px;
border-top: 1px solid #ccc;
}

div#home_new div.select_view table.listing tbody td {
padding-left: 10px;
padding-right: 10px;
}

div#home_new div.select_view table.listing tbody td.first {
padding-left: 0px;
padding-right: 0px;
width: 50%;
border-right: none;
}




table.site-overview { clear: none; line-height:18px; }

table.site-overview td
{
width: 50%;
padding-bottom: 3px;
}

table.site-overview td.newsticker
{
border-top: 1px solid #ccc;
padding-top: 5px;
padding-bottom: 0px;
width: 100%;
color: #888;
}
table.site-overview td.newsticker span a
{ 
color: #888;
}
table.site-overview td.newsticker.first
{
font-weight: 700;
color: #000;
}
table.site-overview td.newsticker.first span a
{
font-weight: 700;
color: #000;
}
table.site-overview td.newsticker.second
{
font-weight: 700;
color: #888;
}
table.site-overview td.newsticker.second span a
{
font-weight: 700;
color: #888;
}
table.site-overview td.newsticker span.date
{
width: 14em;
float: left
}

table.site-overview td.newsticker span.news
{
margin-left: 14em;
display: block;
}

div.projectlist { margin: 10px 0 0 0; padding: 5px 2px; border: 1px solid #ccc;-moz-border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; background: rgb(245,247,252);}
div.projectlist div.header-top,
div.projectlist div.round-bottom {
background: none;
}
div.projectlist div.header-top img,
div.projectlist div.round-bottom img {
display: none;
}
div.projectlist div.header-top span img {
display: inline;
}
div.projectlist div.framed {
border: none;
padding-top: 0;
}

div.projectlist div.round-bottom {
height: 10px;
margin: 0;
}

div.projectlist div.header-top {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
margin: 5px 10px 0 10px;
background: rgb(206,215,230);
padding: 0 5px;
}
div.projectlist table.site-overview {
border-top: 1px solid #ccc;

}

span#active_projects { display: block; border-bottom: 1px dotted #999; padding-bottom: 5px;}

/* ### Listendarstellung allgemein  ############################################################## */

/* Vertikaler Trenner */
td.v-separate {
	background: rgb(218,221,228);
	border-top: 5px solid #fff;
	border-bottom: 5px solid #fff;
	height: 1px;
	line-height: 1px;
	padding-top: 0px!important;
	padding-bottom: 0px!important;
	empty-cells:show;
}
table.listing th img, table.verify th img, table.listing td img, table.verify td img {
	margin: 0 4px -2px 0px;
	border: 1px dotted #fff;
}
table.listing th a img:hover, table.verify th a img:hover, table.listing td a img:hover, table.verify td a img:hover {
	margin: 0 4px -2px 0px;
	border: 1px solid rgb(200,0,25);
}
table.listing td.second div, table.verify td.second div {
	float: left;
	margin-bottom: 2px;
	width: 100%;
	clear: all;
}
table.verify td.secondfix div, table.listing td.secondfix div {
	float: left;
	margin-bottom: 2px;
	/* width: 100%; */ /* breaks booking step 4 - alex */
  clear: all;
}
table.verify {
	border-spacing: 0px;
}
table.verify td.second, table.verify th.second {
	padding-left: 5px;
}
table.verify td.secondfix {
	padding-left: 5px;
} /* added - alex */
td.last {
	text-align:right;
}
td.last img {
	cursor: pointer;
}
table#views {
	clear: none
}
table#views.listing th.first {
	width: 6em;
}
table#statistic tr.project:hover th, table#statistic tr.project:hover td, table#results tr:hover th, table#results tr:hover td, table#smartlist tr:hover th, table#smartlist tr:hover td, table#smartlist2 tr:hover th, table#smartlist2 tr:hover td, table#smartlist3 tr:hover th, table#smartlist3 tr:hover td, table#smartlistwide tr:hover th, table#smartlistwide tr:hover td, table#views tr:hover th, table#views tr:hover td {
	background-color: rgb(228,232,240)!important
}
/* ### Icondarstellung Smartlist  ############################################################## */

table#smartlist,
table#smartlist2,
table#smartlist3 {
	border-top: none;
	width: 226px;
	table-layout: fixed;
}
table#smartlistwide {
	border-top: none;
	clear: none; /* alex *//*width: 228px!important;*//*table-layout: fixed;*/
}
table#smartlist.listing th, table#smartlist.listing td, table#smartlistwide.listing th, table#smartlistwide.listing td,
table#smartlist2.listing th, table#smartlist2.listing td, table#smartlist3.listing th, table#smartlist3.listing td {
	padding: 6px 0 2px 0;
}
table#smartlist.listing th.filelist, table#smartlistwide.listing th.filelist,
table#smartlist2.listing th.filelist, table#smartlist3.listing th.filelist {
	padding-left: 24px;
	background:url('../images/icons/icn-folder_close.png') no-repeat 4px 8px;
	background-color: transparent;
}
table#smartlist.listing th.filelist.active, table#smartlistwide.listing th.filelist.active,
table#smartlist2.listing th.filelist.active, table#smartlist3.listing th.filelist.active {
	padding-left: 24px;
	background:url('../images/icons/icn-folder_open.png') no-repeat 4px 8px;
	background-color: transparent;
}
table#smartlist.listing tr td.filelist, table#smartlistwide.listing tr td.filelist,
table#smartlist2.listing tr td.filelist, table#smartlist3.listing tr td.filelist {
	padding-left: 24px;
	background-color: transparent;
	white-space: nowrap;
	overflow: hidden;
}

/* ### Trackingdarstellung bookmarks  ############################################################## */

table#bookmarks div#date_options,
table#bookmarks div#no_date_options
{
margin: 5px 0 0 0
}

table#bookmarks div#no_date_options select,
table#bookmarks div#date_options select,
{
vertical-align: top;
}

table#bookmarks div#date_options img.datepicker_trigger
{
margin: 5px 2px;
}

table#bookmarks input.small
{
margin: 5px 3px 5px 0;
width: 130px;
margin-right: 5px;
}

table#bookmarks select.small
{
width: 140px;
}

/* ### Trackingdarstellung Selectview  ############################################################## */

table#selectview {
	clear: none;
	border: none;
}
table#selectview th.first, table#selectview td.first {
	border-right: none;
	width: 64px;
	white-space: nowrap;
	color: rgb(20,30,125);
	font-weight: 700;
}
table#selectview tr.border td, table#selectview tr.border th {
	border-top: 1px solid rgb(218,221,228);
	border-bottom: none;
	padding-bottom: 0px;
}
table#selectview tr.active td, table#selectview tr.active th {
	border-bottom:  1px solid rgb(218,221,228);
	padding-bottom: 0px;
}
table#selectview select {
	margin-left: 16px;
	width: 400px;
}
/* ### Icondarstellung Select View  ############################################################## */

table#selectview th.filelist, table.verify th.filelist {
	padding-left: 24px;
	background:url('../images/icons/icn-customer_close.png') no-repeat 4px 8px;
	background-color: transparent;
}
table#selectview th.filelist.active, table.verify th.filelist.active {
	padding-left: 24px;
	background:url('../images/icons/icn-customer_open.png') no-repeat 4px 8px;
	background-color: transparent;
}
table#selectview tr td.filelist, table.verify tr td.filelist {
	padding-left: 40px;
	background:url('../images/icons/icn-folder_close.png') no-repeat 22px 8px;
	background-color: transparent;
}
table#selectview tr td.filelist.active, table.verify tr td.filelist.active {
	padding-left: 40px;
	background:url('../images/icons/icn-folder_open.png') no-repeat 22px 8px;
	background-color: transparent;
}
table#selectview tr td.sitelist {
	padding-left: 46px;
	background:url('../images/icons/icn-filelist.png') no-repeat 28px -6px;
	background-color: transparent;
}
/* ### Icondarstellung Customer View  ############################################################## */

#customer_view td.first {
	width: 64px;
}
#customer_view table.listing th.filelist, table.verify th.filelist {
	padding-left: 24px;
	background:url('../images/icons/icn-customer_close.png') no-repeat 4px 8px;
	background-color: transparent;
}
#customer_view table.listing th.filelist.active, table.verify th.filelist.active {
	padding-left: 24px;
	background:url('../images/icons/icn-customer_open.png') no-repeat 4px 8px;
	background-color: transparent;
}
#customer_view table.listing tr td.filelist, table.verify tr td.filelist {
	padding-left: 40px;
	background:url('../images/icons/icn-folder_close.png') no-repeat 22px 8px;
	background-color: transparent;
}
#customer_view table.listing tr td.filelist.active, table.verify tr td.filelist.active {
	padding-left: 40px;
	background:url('../images/icons/icn-folder_open.png') no-repeat 22px 8px;
	background-color: transparent;
}
#customer_view table.listing tr td.sitelist {
	padding-left: 48px;
	background:url('../images/icons/icn-filelist.png') no-repeat 25px -6px;
	background-color: transparent;
}
/* ### Tracking Overview ###################################################################################### */

table.overview {
	border: none;
	border-spacing: 0px 0px;
	margin-top: -5px;
        font-size: 1em;
}
table.overview tr th.first {
	width: 50%;
}
table.overview tr th.second, table.overview tr th.third, table.overview tr th.fourth {
	width: auto;
}
table.overview tr th {
	border-bottom: 1px solid rgb(218,221,228);
	font-weight: 700;
}
table.overview tr.border th {
	border-top: 1px solid rgb(218,221,228);
	border-bottom: 1px solid rgb(218,221,228);
}
table.overview td.first, table.overview td.third {
	border-right: 1px solid rgb(218,221,228);
	width: 100px;
	padding: 6px 0;
	white-space: nowrap;
}
table.overview tr th {
	padding: 6px 0;
}
table.overview tr td.first, table.overview tr td.third {
	padding: 5px 5px 5px 0;
	line-height: 1em;
	width: 5em;
}
table.overview tr td.second, table.overview tr td.fourth {
	padding: 5px;
	line-height: 1em;
}
/* ### Booking ###################################################################################### */

div#stepnavi {
	position: relative;
	left: 0px;
	top: 5px;
	width: 100%
}
div#stepnavi img {
	position: absolute;
	z-index: 30;
}
div#stepnavi img.right {
	position: absolute;
	right: 0px;
	z-index: 30;
}
div.steps {
	margin-top: 33px;
	z-index: 1;
}
div.stepback {
	width: 100%;
	position: relative;
	height: 23px;
}
div.stepback img {
	position: absolute;
}
div.stepback img.right {
	right: 0px;
}
div.next {
	margin-top: 5px;
}
div.nextlist {
	margin-bottom: 15px;
}
table#pickup_from.listing th.first, table.listing td.first {
	padding: 6px 0 6px 0;
}
table.listing th.second, table.listing td.second {
	padding: 6px 0 6px 6px;
}
table.listing td.secondfix {
	padding: 6px 0 6px 6px;
} /* alex */
td.twocol_first {
	font-weight: 700;
	font-size: 1.1em;
	line-height: 2em;
}
td.twocol {
	line-height: 2em;
}
td.twocol input {
	margin: 0 5px 0 0;
}
td.twocol_last {
	border-top: 1px dotted rgb(220,220,220);
	border-bottom: 1px solid rgb(220,220,220)
}
td.twocol_last input {
	margin: 10px 5px 10px 0;
}
/* ### Tracking  ################################################################################## */

table.tracking {
	table-layout:auto;
	margin-top: -5px;
}
table.tracking td {
	font-weight: 700;
}
table#adv_tracking th.first {
	width: 140px
}
div#track_options div label {
	width: 3em;
	display: block;
	float: left;
	margin-top: 5px;
}
div#track_options p {
	clear: left;
	margin-top: 15px;
}
/* ### Ergebnisse auf tracking.html  ############################################################## */

#track_result table.verify th.filelist {
	padding-left: 24px;
	background:url('../images/icons/icn-folder_open.png') no-repeat 4px 8px;
	background-color: transparent;
}
#track_result table.verify tr td.filelist {
	padding-left: 24px;
	background:url('../images/icons/icn-filelist.png') no-repeat 4px -6px;
	background-color: transparent;
}
#track_result table.verify tr.status1 td.filelist {
	padding-left: 24px;
	background:url('../images/icons/icn-filelist_active1.png') no-repeat 4px -6px;
	background-color: transparent;
}
#track_result table.verify tr.status2 td.filelist {
	padding-left: 24px;
	background:url('../images/icons/icn-filelist_active2.png') no-repeat 4px -6px;
	background-color: transparent;
}
#track_result table.verify tr.status3 td.filelist {
	padding-left: 24px;
	background:url('../images/icons/icn-filelist_active3.png') no-repeat 4px -6px;
	background-color: transparent;
}
/* ### Statistik  ################################################################################## */

.planned {
	color: rgb(220,20,20)!important;
}
table#statistic th {
	border-bottom: 1px solid rgb(218,221,228);
	border-right: none;
}
table#statistic td {
	padding-left: 28px;
	border-right: none;
}
table#statistic th.first, table#statistic td.first {
	width: 3em;
} /* alex */
table#statistic tr.country td {
	padding-left: 0px;
	font-weight: 700;
}
table#statistic td.project_left {
	padding-left: 32px;
	background:url('../images/icons/icn-project_left.png') no-repeat 2px -5px;
	background-color: transparent;
}
table#statistic td.project_right {
	padding-left: 32px;
	background:url('../images/icons/icn-project_right.png') no-repeat 2px -5px;
	background-color: transparent;
}
table#statistic td.project_both {
	padding-left: 32px;
	background:url('../images/icons/icn-project_both.png') no-repeat 2px -5px;
	background-color: transparent;
}
table#statistic td.first {
	padding-left: 0px;
}
table#statistic td.right {
	white-space: nowrap;
}
/* ### Statisticdetails ############################################################################ */

div#site-details div.address {
	color: #666;
	margin-bottom: 4px;
	border-bottom: 1px solid rgb(218,221,228);
	padding-bottom: 4px;
}
table#statisticdetails {
	margin-top: 0px;
}
table#statisticdetails th {
	border-bottom: 1px solid rgb(218,221,228);
	border-right: none;
}
table#statisticdetails tr.last td {
	border-top: 1px solid rgb(218,221,228);
	padding-top: 10px;
}
table#statisticdetails td {
	border-right: none;
}
table#statisticdetails td img {
	vertical-align: top;
	margin: -2px 5px 0px 0;
}
table#statisticdetails td.project_left {
	padding-left: 32px;
	background:url('../images/icons/icn-project_left.png') no-repeat 2px -5px;
	background-color: transparent;
}
table#statisticdetails td.project_right {
	padding-left: 32px;
	background:url('../images/icons/icn-project_right.png') no-repeat 2px -5px;
	background-color: transparent;
}
table#statisticdetails td.project_both {
	padding-left: 32px;
	background:url('../images/icons/icn-project_both.png') no-repeat 2px -5px;
	background-color: transparent;
}
/* ### Live Support ############################################################################ */
div#sendmsg {
	padding: 5px 0;
	margin: 0;
	line-height: 20px;
}
div#livesupport img {
	margin: 0 5px -2px 2px;
}
div.subnavi {
	border-bottom: 1px solid rgb(218,221,228);
	height: 20px;
	margin-bottom: 5px
}

/* ### V-Card Images ##################################################################### */

div.imgcrop { 
  overflow:hidden; 
  height:115px; 
  width:100px; /* !important;  */
  float:right;
}

div.imgcrop img { 
  position: relative;
}

/* ### V-Card ############################################################################ */

table#supplier, table#contacts {
	border-top: none;
	padding-top: 0;
}
td.v-card table.listing {
	border-top: none;
	border-bottom: none;
}
td.v-card table.listing td.v-separate.top {
	border-top: none;
}
td.v-card table.listing td.v-separate.bottom {
	border-bottom: none;
}


/* active shipments - most recent status change */
span.current {  font-weight: 700  }

select.tuwas { color: rgb(200,0,25); font-weight: 700; border: 2px solid rgb(200,0,25); } /* red: rgb(200,0,25); blue: rgb(20,30,125) */

/* ### Budget Summary ################################################################### */

table#budget {
	border-spacing: 0px 0px;	
}

table#budget thead tr th {
	font-weight: 700;	
}
table#budget tr th,
table#budget tr td {
	padding: 3px 0;
	border-bottom: 1px solid rgb(218,221,228);	
}
table#budget tr th.noborder,
table#budget tr td.noborder {
	border-bottom: none;	
}
table#budget tr th.enddate,
table#budget tr th.budget,
table#budget tr td.budget{
	text-align: right;
}

table#budget tr th.startdate {
	width: 330px;
	background: url(../images/global/bg-time_1.png) no-repeat left bottom;
}
table#budget tr th.enddate {
	background: url(../images/global/bg-time_1.png) no-repeat right bottom;
	width: 330px;
}
table#budget tr td.empty,
table#budget tr td.date {
	padding: 0;
}

table#budget tr td.date {
	padding: 0;
	background: url(../images/global/bg-time_2.png) repeat-x 0 0;
}

table#budget tr th.budget {
	width: 10%;
	white-space: nowrap;
}

table#budget tr th.use,
table#budget tr td.use{
	padding-left: 20px;
	white-space: nowrap;
}
table#budget tr th.left,
table#budget tr td.left,
table#budget tr th.todate,
table#budget tr td.todate {
	padding-left: 10px;
	white-space: nowrap;
}

/* Die Datumsgrafik */

table#budget tr td.date div {
	font-size: 85%;
	background:  #fff url(../images/global/bg-budget_range.png) no-repeat 0 0;
	padding: 0px 1px 1px 10px;
	position: relative;
    color: #141E7D;
    display: inline;
left: 50%;
}

/* Der horizontale Graph */

table#budget tr td.graph {
	background: url(../images/global/bg-budget_graph.png) no-repeat 0 4px;
	width: 660px;
	padding: 4px 0;
	overflow: hidden;
}
table#budget tr td.graph div.container {
width: 660px;
overflow: hidden;
position: absolute;
}
table#budget tr td.graph div.graph_green,
table#budget tr td.graph div.graph_red{
	position: relative;
	height: 12px;
}
table#budget tr td.graph div.graph_green div.inner,
table#budget tr td.graph div.graph_red div.inner {
	height: 12px;
	padding: 0 6px;
	display: inline-block;
	margin: 0 6px;
	font-size: 90%;
	color: #fff;	
	text-align: center;
	line-height: 12px;
}
table#budget tr td.graph div.graph_green div.outer,
table#budget tr td.graph div.graph_red div.outer{
	position: absolute;
}

table#budget tr.more { display: tnone; }

table#budget tr.more td { padding: 5px 5px 1em 5px; }

table#budget tr.more td span { margin-right: 3em; color: #666;}

/* Farbdefinionen gruen */

table#budget tr td.graph div.graph_green {
	background: url(../images/global/graph-green_start.png) no-repeat top left;
}

table#budget tr td.graph div.graph_green div.inner {
	background: rgb(23,153,103);
}

table#budget tr td.graph div.graph_green div.outer {
	background: url(../images/global/graph-green_end.png) no-repeat top right;
}

/* Farbdefinionen rot */

table#budget tr td.graph div.graph_red {
	background: url(../images/global/graph-red_start.png) no-repeat top left;
}
table#budget tr td.graph div.graph_red div.inner {
	background: rgb(230,1,32);
}
table#budget tr td.graph div.graph_red div.outer {
	background: url(../images/global/graph-red_end.png) no-repeat top right;
}

}