@import url("reset.css");
/* @import url("ynf.css"); */
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic";

/* COMMON */
body{
    background: url(../img/body_background.gif);
    font-family: "Source Sans Pro";
    margin:0;
    padding:0;
    color:#3c4247;
    background-color:#cbcbcb;
    min-height:800px;
}
body,
p,
td
{
  font-size: 11px;
  font-family: Arial;
}

a{
text-decoration:none;
color:#505559;
cursor:pointer;
}
a:hover {
    color:#999;
    text-decoration: none;
}

b,
strong,
b a
{
    font-weight: bold;
}

h2 {
    font-size:18px;
}
h3{
    font-size: 14px;
    font-weight: 600;
    border: none;
    background:none;
    color:#344248;
    text-transform: uppercase;
    font-family: "Source Sans Pro";
    text-shadow:1px 1px 1px #ffffff;
}
h5{
    color:#505559;
    font-weight: 600;
}

hr {
  background-color: #aaa;
  border: medium none;
  color: #aaa;
  height: 1px;
}
hr.list_spacer {
    width:100%;
    color: #ccc;
    background-color: #ccc;
    height: 1px;
}
small{
    font-size: 11px;
}
.nowrap{
    white-space: nowrap;
}
.spacer {
    height:2px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin-top:10px;
    }
    
.spacer2 {
    display: none;
    }


/* VARIOUS */
.clear{
    clear: both;
}
.withBorder {
    border-collapse: collapse;
    margin-bottom: 18px;
    margin-top:18px;
}
.withBorder td, th {
    padding: 2px;
    border: 1px solid gray;
    text-align: left;
}
.withBorder th {
    color: #455560;
   padding-right:70px;
}
.noBorder{
    border: 0;
}

.disabled {
    color: gray;
}
.disabledBackground {
    background-color: lightgray;
}
.clearer{
    clear:both;
}
.floatLeft{
    float: left;
}
.floatRight{
    float: right;
}
.alignCenter{
  text-align: center;
}
.hand{
    cursor: pointer;
}
.debug{
    border: 2px solid red;
}
.error{
    color: #ff0000;
}
pre
{
    border: solid 1px #000;
    background-color: #ccc;
    padding: 10px;
    margin: 10px;
}
.margin-Bottom{
    margin-bottom: 20px;
}
.block{
    display: block;
}
.valignTop{
    vertical-align: top;
}
.alignLeft{
    text-align: left;
}
.noMarginBottom{
    margin-bottom: 0!important;
}
.noMarginTop{
    margin-top: 0!important;
}
.noBorderBottom{
    border-bottom: none;
}
.divider{
    border-bottom: 1px dotted #cccccc;
    margin: 5px 0;
}


/* MESSAGES */
.msgText,
.msgOK,
.msgNotOK
{
    display: block;
    font-family: "Source Sans Pro";
    font-size: 14px;
    margin: 0px 0 11px 0;
    font-weight: bold;
    padding-top: 5px;
}

.msgOK {
    color: #009000;
}

.msgNotOK {
    color: #FF0000;
}
.msgNotOK b{
    border: none;
}

.msgNotOKY {
    color: orange;
}

.bgOK {
    background-color: #009000;
}

.bgNotOK {
    background-color: #FF0000;
}

.bgNotOKY {
    background-color: orange;
}

.matchHighlight {
    background-color: yellow;
}
label.info{
    margin-bottom: 10px;
}


/* SEITENAUFBAU */
/****************/
#container_wrapper {
    width: 1260px;
    height: auto;
    margin-left:auto;
    margin-right:auto;  
    margin-bottom: 50px;
    padding-top:15px;
}

#header_wrapper {
    border-bottom: 1px solid #c6c8c6;
}

#logo {
    float:left;
}
    



/* TOP MENU */
#topmenu_wrapper { 
    float: right;
}
#topmenu_wrapper a{
    font-family: "Source Sans Pro";
}
.topmenu_item_container{ /* Wrapper für die einzelnen Abschnitte Status, Medlungen, Marker, etc. */
    position: relative;
    float: left;
}
.topmenu_item_container.iconContainer > ul > li > a{ /* 1. Ebene Iconcontainer Links mit Icons*/
    display: block;
    width: 37px;
    padding-top: 21px; /* Platz für das Icon */
    text-align: center;
    padding-bottom: 5px; /* damit genug Luft für den Übergang zum Submenü bleibt und dieses nicht durch Mouse-Out verschwindet */
}
.topmenu_item_container li a{
    
}
.topmenu_item_container a.controlSubmenu{
}
#topmenu_item_statusmeldungen > ul > li > a{
    background: url("../img/status.png") 50% 0% no-repeat;
}
#topmenu_item_aufgaben > ul > li > a{
    background: url("../img/aufgaben.png") 50% 0% no-repeat;
}
#topmenu_item_nachrichten > ul > li > a{
    background: url("../img/news.png") 50% 0% no-repeat;
}
#topmenu_item_marker > ul > li > a{
    background: url("../img/marker.png") 50% 0% no-repeat;
}
/* logged in as Bereich */
#topmenu_item_profile{
    margin-left: 40px;
    margin-right: 10px;
}
#topmenu_item_profile a{
    font-size: 12px;
}
#topmenu_item_profile > ul > li{
    padding-top: 2px; /* Ausrichtung zum Logout-Button */
}
#topmenu_item_profile a.controlSubmenu{  /* damit genug Luft für den Übergang zum Submenü bleibt und dieses nicht durch Mouse-Out verschwindet */
    padding-bottom: 15px;
}
 /* logoutbutton */
#logout_button_top{
}

/* TOP SUBMENU */
#topmenu_wrapper ul.subMenu{
    position: absolute;
    z-index: 2;
    top: 37px;
    right: 0;
    white-space: nowrap;
    background: white;
    border: 1px solid #b7b6b3;
    display: none;
    /* Schatten nach unten */
    -webkit-box-shadow: 0px 3px 8px #aaaaaa;
    -moz-box-shadow: 0px 3px 8px #aaaaaa;
    box-shadow: 0px 3px 8px #aaaaaa;
    /* Runde Ecken */
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-topright: 3px;
    border-top-bottom-radius: 3px;

}

#topmenu_item_profile ul.subMenu{
    top: 20px;
}
#topmenu_wrapper ul.subMenu li{
    border-top: none;
    margin: 0;
    line-height: 1px;
}

#topmenu_wrapper ul.subMenu li a{
    display: block;
    padding: 8px 15px;
    margin: 0 3px;
}
#topmenu_wrapper ul.subMenu li a:first-child{
    margin-top: 3px;
}
#topmenu_wrapper ul.subMenu li a:last-child{
    margin-bottom: 3px;
}
#topmenu_wrapper ul.subMenu li a:hover{
    background: #cdcdcd;
    color: #CE235B;
}
#topmenu_wrapper .topmenu_item_container li:hover ul.subMenu{ /* Submenü bei Hover einblenden */
    display: block;
    z-index:2;
}
/* Indicator */
#topmenu_wrapper ul.subMenu .subMenuIndicator{
    position: absolute;
    top: -5px;
    right: 10px;
    width: 13px;
    height: 5px;
    background: url("../img/topSubMenuIndicator.gif") left top no-repeat;
}

/* Status Popup */
#statusPopupIndicator{
    position: absolute;
    right: 42%;
    top: 30px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #DF0049;
}
#statusPopup{
    font-family: "Source Sans Pro";
    position: absolute;
    right: -26px;
    top: 38px;
    width: 330px;
    font-size: 13px;
    line-height: 23px;
    background-color: #df0049;
    color: white;
    padding: 15px;
}
#statusPopup span{
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 4px;
}
#statusPopup .item{
    display: inline;
    padding-left: 20px;
    font-weight: 600;
    padding-top: 2px;
}
#statusPopup .item.status{
    background: url("../img/statusWhite.png") 0px 0px no-repeat;
    padding-left: 17px;
}
#statusPopup .item.aufgaben{
    background: url("../img/aufgabenWhite.png") 0px 0px no-repeat;
}
#statusPopup .item.news{
    background: url("../img/newsWhite.png") 0px 0px no-repeat;
    padding-top: 1px;
}



/* MAIN MENU */
#mainmenu_wrapper {
    margin: 10px 0 15px -3px;

    /* Untere helle Kante */
    -webkit-box-shadow: inset 0 -4px 0px 0px #cfd0cf;
    -moz-box-shadow: inset 0 -4px 0px 0px #cfd0cf;
    box-shadow: inset 0 -4px 0px 0px #cfd0cf;

    /* Hintergrundverlauf */
    background: #c0c1c0; /* Old browsers */
    background: -moz-linear-gradient(top, #cececc 0%, #c0c1c0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cececc), color-stop(100%,#c0c1c0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cececc 0%, #c0c1c0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cececc 0%,#c0c1c0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cececc 0%,#c0c1c0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #cececc 0%,#c0c1c0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cececc', endColorstr='#c0c1c0',GradientType=0 ); /* IE6-9 */
}
#mainmenu_wrapper,
ul#mainmenu > li:first-child > a
{
    /* Runde Ecken für den gesamten Wrapper und dem ersten <a>, da dieses sonst mit Ecken die Rundungen des Wrappers überdeckt */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
ul#mainmenu > li:first-child > a
{
    /* Runde Ecken für erstes <a> rechts und links abschalten sonst unschöne Ränder */
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
}
ul#mainmenu {
    /*float:left;*/
}
ul#mainmenu a {
    font-family: "Source Sans Pro";
    text-decoration:none;
    display: block;
    white-space: nowrap;
} 

ul#mainmenu span{ /* Pfeile nach unten/ Indikatoren */
    background-image:url(../img/mainmenuopen.png);
    background-repeat:no-repeat;
    padding-bottom:22px;
    background-position: 50% 25px;
}
ul#mainmenu > li:hover a span{
    background-position: 50% 27px;  
    background-image:url(../img/mainmenuopen_hover.png); 
}

ul#mainmenu li {
    position:relative;
}
ul#mainmenu > li {
    float: left;
}
ul#mainmenu > li > a{ /* Hauptpunkte Projekt, Bereich, Aufgaben */
    font-size: 18px;
    color: #848789;
    text-shadow:1px 1px 1px #ffffff;
    text-transform: uppercase;
    padding: 10px 30px 24px 30px;
    border-left: 1px solid #d8d8d6;
    border-right: 1px solid #c1c1be;
    font-weight: 600;
}
ul#mainmenu > li:hover > a,
ul#mainmenu > li > a:hover
{
    /* Hauptpunkte Projekt, Bereich, Aufgaben hover*/
    color: #575c60;
    /* Dunkler Gradient */
    background: #afb1b0; /* Old browsers */
    background: -moz-linear-gradient(top, #c3c4c2 0%, #afb1b0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3c4c2), color-stop(100%,#afb1b0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cececc 0%, #afb1b0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c3c4c2 0%,#afb1b0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c3c4c2 0%,#afb1b0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c3c4c2 0%,#afb1b0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3c4c2', endColorstr='#afb1b0',GradientType=0 ); /* IE6-9 */
}
ul#mainmenu > li:first-child > a{ /* Keine Abtrennung nach links für erstes <a> */
    border-left: 0;
}
ul#mainmenu > li:last-child > a{ /* Keine Abtrennung nach rechts für letztes <a> */
    border-right: 0;
}
ul#mainmenu>li:last-child a:hover{
    background: none;
}
ul#mainmenu li:last-child span,
ul#mainmenu li:last-child:hover span
{ /* Für den letzten Dummy <li> kein "Pfeil nach unten Bild - Dummy <li> damit letzte Abtrennung nach links erfolgen kann*/
    background-image: none;
}

/* MAIN SUBMENU */
ul#mainmenu li ul {
    display:none;
    min-width: 120%;
    position:absolute;
    z-index: 1001;
    top: 52px;
    left: 1px;
    border: 1px solid #b7b6b3;
    border-left: none;

    /* Hintergrund Gradient */
    background: #d8d7d5; /* Old browsers */
    background: -moz-linear-gradient(top, #d0cfcc 0%, #d8d7d5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0cfcc), color-stop(100%,#d8d7d5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d0cfcc 0%,#d8d7d5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d0cfcc 0%,#d8d7d5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d0cfcc 0%,#d8d7d5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d0cfcc 0%,#d8d7d5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0cfcc', endColorstr='#d8d7d5',GradientType=0 ); /* IE6-9 */
    
    /* Ränder */
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-topright: 3px;
    border-top-bottom-radius: 3px;

    /* Schatten nach unten */
    -webkit-box-shadow: 0px 4px 3px #b9b9b9;
    -moz-box-shadow: 0px 4px 3px #b9b9b9;
    box-shadow: 0px 4px 3px #d2d2c2;

}
ul#mainmenu li:first-child ul{ /* Erstes Submenü von links her eingerückt, um die Wrapper-Rundung sichtbar, das Submenü aber bündig zum Logo zu machen */
    left: 3px;
}
ul#mainmenu ul li:first-child{ /* Erstes <li> im Submenü immer Abstand nach oben */
    padding-top: 5px;
}

ul#mainmenu li ul a{
    font-size: 12px;
    padding: 8px 15px;
    margin: 0 3px;
}
ul#mainmenu li ul a:hover {
    color: #CE235B;
    background: white;
} 
ul#mainmenu li:hover ul { /* Submenü bei Hover einblenden */
    display:block;
    z-index:2;
}



/* CONTENT */
#contentWrappingTable{
    width:1260px;
    margin-top: 130px;
}
    
/* Alle Projekte */
li#liMainMenuAllProjects{
   border-bottom: 1px solid #c1c1be;
   padding: 5px 0; /* "alle Projekte" <li> auch Abstand nach unten wegen Trenner */
}
li#liMainMenuAllProjects a{
    color: #848789;
    font-weight: bold;
}

/* Das weite Submenüelement im ersten Bereich (Projekte) unter dem Listenpunkt "alle Projekte" erhält noch einen Abtrenner nach oben, der in den anderen Submenüs nicht nötig ist */
ul#mainmenu li:first-child ul li:nth-child(2){
    border-top: 1px solid #d9d9d6;
    padding-top: 5px;
}



/* SUCHE */
#search {
    
}
#search input {
    float:right;
    font-size: 12px;
    height: 21px;
    line-height: 21px;
    margin: 11px 10px 0 0;
    background-image:url(../img/suche.png);
    background-repeat:no-repeat;
    background-position: 98% 50%;
    width:300px;
    padding-left: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}




/* PAGER */
.pagerDiv {
    font-size: 130%;
    text-align: center;
    margin: 5px;
    width: 100%;
}
#yui-dt0-paginator0 {
    display:none ! important;
}

#yui-dt0-paginator0 {
    display:none;
}

#yui-dt0-paginator1 {
    margin-top: 8px;
    padding-top: 8px;
    text-align:center;
    border-top:1px solid #c1c1be;
}

.yui-skin-sam, .yui-pg-page {
    background-color:transparent ! important;
}

.yui-skin-sam a.yui-pg-first:link, .yui-skin-sam a.yui-pg-first:visited, .yui-skin-sam a.yui-pg-first:active, .yui-skin-sam a.yui-pg-first:hover, .yui-skin-sam a.yui-pg-previous:link, .yui-skin-sam a.yui-pg-previous:visited, .yui-skin-sam a.yui-pg-previous:active, .yui-skin-sam a.yui-pg-previous:hover, .yui-skin-sam a.yui-pg-next:link, .yui-skin-sam a.yui-pg-next:visited, .yui-skin-sam a.yui-pg-next:active, .yui-skin-sam a.yui-pg-next:hover, .yui-skin-sam a.yui-pg-last:link, .yui-skin-sam a.yui-pg-last:visited, .yui-skin-sam a.yui-pg-last:active, .yui-skin-sam a.yui-pg-last:hover, .yui-skin-sam a.yui-pg-page:link, .yui-skin-sam a.yui-pg-page:visited, .yui-skin-sam a.yui-pg-page:active, .yui-skin-sam a.yui-pg-page:hover {
    color:#999;
}


/* JOBSTATUS */
.jobStatus_0 {
    font-weight: bold;
    color: orange;
    text-align: center;
    width: 100%;
}

.jobStatus_1 {
    font-weight: bold;
    color: darkgreen;
    text-align: center;
    width: 100%;
}

.jobStatus_2 {
    font-weight: bold;
    color: black;
    text-align: center;
    width: 100%;
}

.jobStatus_3 {
    font-weight: bold;
    color: red;
    text-align: center;
    width: 100%;
}

.jobStatus_4 {
    font-weight: bold;
    color: black;
    text-align: center;
    width: 100%;
}

/* AUFGABEN STATUS */
.aufgabenStatus_0 {
    font-weight: bold;
    color: #df3a00;
    text-align: left;
    width: 100%;
}
.aufgabenStatus_1 {
    font-weight: bold;
    color: #edb903;
    text-align: left;
    width: 100%;
}
.aufgabenStatus_2 {
    font-weight: bold;
    color: #abd52a;
    text-align: left;
    width: 100%;
}
.aufgabenStatus_3 {
    font-weight: bold;
    color: #df3a00;
    text-align: left;
    width: 100%;
}
.aufgabenStatus_4 {
    font-weight: bold;
    color: #df3a00;
    text-align: left;
    width: 100%;
}
.aufgabenStatus_0a {
    font-weight: bold;
    color: #df3a00;
    text-align: left;
    width: 100%;
}
.aufgabenStatus_1a {
    font-weight: bold;
    color: #edb903;
    text-align: left;
    width: 100%;
}
.aufgabenStatus_2a{
    font-weight: bold;
    color: #abd52a;
    text-align: left;
    width: 100%;
}
.aufgabenStatus_3a {
    font-weight: bold;
    color: #df3a00;
    text-align: left;
    width: 100%;
}
.aufgabenStatus_4a {
    font-weight: bold;
    color: #df3a00;
    text-align: left;
    width: 100%;
}
.aufgabenStatus_0:hover,
.aufgabenStatus_1:hover,
.aufgabenStatus_2:hover,
.aufgabenStatus_3:hover,
.aufgabenStatus_4:hover,
.aufgabenStatus_0a:hover,
.aufgabenStatus_1a:hover,
.aufgabenStatus_2a:hover,
.aufgabenStatus_3a:hover,
.aufgabenStatus_4a:hover
{
    text-decoration: underline;
}



/* TABLES */
/**********/
/* DATE TABLE */
.dateTable{
    border: 1;
}
.dateTable td.dateHeader{
    padding: 4px 0
}
.dateTable td,
.dateTable td b
{
    font-size: 12px;
}
.dateTable td b{
    _border: none;
}
.dateTable tr td:first-child{
    padding: 4px 4px 4px 8px;
}





/* COMMON DATA TABLES */
.yui-skin-sam .yui-dt table {
    width:100%;
    border:none;
}

#kundenTableDiv,
#externalsTableDiv,
#budgetDiv,
#historyTableDiv,
#validTableDiv
{
    max-height:440px;
    overflow:auto;
}

/* Überschrift der Tabellen linksbündig */
.yui-skin-sam .yui-dt th, .yui-skin-sam .yui-dt th a {
    color: #000000;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
}
.yui-dt0-col-theActions .yui-dt-liner{
    text-align: right;
}

.yui-skin-sam tr.yui-dt-even,
.evenRow
{
    background: none;
    opacity: 0.9;
    -moz-opacity: 0.9;
}
.yui-skin-sam tr.yui-dt-odd,
.unevenRow
{
    background-color: #cececc;
    opacity: 0.9;
    -moz-opacity: 0.9;
}

.yui-skin-sam .yui-dt th {
    border:none;

}
.yui-skin-sam .yui-dt th:first-child{
    padding-left: 5px;
}
.yui-skin-sam .yui-dt th .yui-dt-liner {
    background: none;
    padding: 5px 5px 4px 7px;
}
.yui-skin-sam .yui-dt th,
.yui-skin-sam .yui-dt th a,
.dateTable td.dateHeader
{
    font-size: 13px;
    color: white;
    text-align: left;
    font-family: "Source Sans Pro";
    text-transform: uppercase;
    font-weight: 400;

     /* Hintergrund Gradient */
    background: #7d8080; /* Old browsers */
    background: -moz-linear-gradient(top, #999c9c 0%, #7d8080 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999c9c), color-stop(100%,#7d8080)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #999c9c 0%,#7d8080 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #999c9c 0%,#7d8080 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #999c9c 0%,#7d8080 100%); /* IE10+ */
    background: linear-gradient(to bottom, #999c9c 0%,#7d8080 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999c9c', endColorstr='#7d8080',GradientType=0 ); /* IE6-9 */
}
.dateTable td b{
    border: 0;
}
.yui-skin-sam .yui-dt th a:hover{
    color: #dddddd;
}




/* Keine Linien innerhalb der Tabellen */
.yui-skin-sam .yui-dt td {
    border: 0px;
}
.yui-skin-sam .yui-dt tr.yui-dt-first td {

}


.yui-skin-sam .yui-dt th,
.yui-skin-sam .yui-dt th a {
}

td.yui-dt0-col-createdDate,
td.yui-dt0-col-personText,
td.yui-dt0-col-theAction,
td.yui-dt0-col-theActions {
    width:210px;
}

.yui-skin-sam .yui-dt td.align-right  {
 }
 
.selectedred {
    background-color: #FF0000;
 }

.yui-skin-sam .yui-calendar td.calcell.selectedred {
    background-color: #FF0000;
 }
/* SORT */
a.yui-dt-sortable {
    background:url(../img/sort_table.png) right 3px no-repeat!important;
    padding-right:23px;
}
.yui-skin-sam tr.yui-dt-even td.yui-dt-asc, .yui-skin-sam tr.yui-dt-even td.yui-dt-desc {
    background:none;
}

.yui-skin-sam tr.yui-dt-odd td.yui-dt-asc, .yui-skin-sam tr.yui-dt-odd td.yui-dt-desc {
    background:none;
}



/* TABELLEN ALLGEMEIN */
/* MouseOver */
.yui-skin-sam .yui-dt tr:hover td{
    background: #dedede;
}
table.boldHeaders th{
    font-weight: bold;
}
table.noTdPaddingBottom td{
    padding-bottom: 0;
}
table.paddingNorm td{
    padding: 5px;
}

/* FORMS */
input,
select,
input,
button,
textarea
{
    font-family: Arial;
    color: #555555;
    font-size: 12px;
    padding:4px;
}
input,
button,
textarea
{
    border: none;
}
input,
#monPanel .autoComplete{
    padding-top: 4px;
    padding-bottom: 3px;
    border-bottom: 1px solid #d6d6d3;
}
input[type="file"]{
    border: 0;
}
input,
select,
select option,
textarea
{
    font-size: 11px;
}
select{
    line-height: 13px;
    padding: 2px;
}
input[type="checkbox"]{
    height: auto;
}
input[disabled] {
    background-color: white;
    color: #999999;
    font-style: italic;
}

.yui-content select{
    
}
.formUserText {
    font-weight: normal;
    font-style: italic;
    font-size: 80%;
}

.formInput {
    color: #009000;
}

td b,
h4,
.dataFormTable label,
.loginContainer label,
#monPanel .filterSingle .filterLabel,
.yui-dt-label,
.yui-skin-sam a.yui-dt-sortable,
.yui-dialog label,
label.info,
label.labelTopInputBottom,
.formRow label
{
    font-size: 13px;
    font-family: "Source Sans Pro";
    font-weight: 600;
}
th .yui-dt-label{
    font-weight: 400;
}
td b,
.dataFormTable label,
.loginContainer label,
#monPanel .filterSingle .filterLabel,
.yui-dialog label,
.formRow label
{ /* labels für forms (u.A.) */
    
    border-bottom: 1px solid #d8d8d8;
    display: block;
    padding-bottom: 4px;
    margin-bottom: -3px;
}
.yui-dialog label.margin-bottom{
    margin-bottom: 8px;
}
.formRow label{
    float: left;
    clear: both;
    width: 150px;
    margin: 0 5px 0 0;
    padding-bottom: 1px;
    line-height: 18px;
}
.containerRadio-Text input{
    margin: 0 3px 5px 0;
}
.yui-content .formRow,
.printBody .formRow,
.formRow
{
    margin-bottom: 20px;
}
label.labelTopInputBottom{
    display: block;
    float: none;
    margin-bottom: 4px;
}
td b.paddingTop{
    padding-top: 10px;
}
tr.trbold td{
    font-weight: bold;
}




/* BUTTONS */

.yui-skin-sam .yui-button{
    border:none;
    background:none;
    margin: 10px 15px 0 0;
}




.yui-skin-sam .yui-push-button .first-child{
    border: 0;
}
.yui-skin-sam .yui-push-button{
    display: inline-block;
}
.yui-skin-sam .yui-push-button button,
.actions a,
.yui-skin-sam .yui-dialog .yui-push-button button{
    display: block;
    margin: 10px 0 0 0;
    font-size: 13px;
    line-height: 13px;
    padding: 0px 8px 0px 8px;
    color: #7f7f7f;
    font-family: "Source Sans Pro";
    font-weight: 600;
    white-space: nowrap;

    /*text-transform: uppercase;*/
    text-shadow:0px 1px 0px rgba(255, 255, 255, 0.8);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;

    /* Hintergrund Gradient */
    background: #cececc; /* Old browsers */
    background: -moz-linear-gradient(top, #dfdfdd 0%, #cececc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdd), color-stop(100%,#cececc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dfdfdd 0%,#cececc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dfdfdd 0%,#cececc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dfdfdd 0%,#cececc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #dfdfdd 0%,#cececc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdd', endColorstr='#cececc',GradientType=0 ); /* IE6-9 */

    /* Untere Kante */
    -webkit-box-shadow: inset 0 -1px 0px 0px #bebfbe;
    -moz-box-shadow: inset 0 -1px 0px 0px #bebfbe;
    box-shadow: inset 0 -1px 0px 0px #bebfbe;

}
.yui-skin-sam .yui-push-button button:hover{
    color: #999999
}


#logoutButton{
    width:56px;
    padding:0px;
}
#expandCollapseButtons  {
    padding: 5px;
}

#expandCollapseButtons  button {
    padding: 0px;
}

#expandCollapseButtons .yui-button-hover button {
    background: transparent url(green_grad.gif) repeat-x scroll 0 0;
}

#newDateButton {
    margin-left:0px;
}
#newDateButton-button {
    padding-left:8px;
}

#newBeschaedigungPopupButton-button{
 
}

#menubutton2select {
    width:345px;
}

#newSegmentButton-button,
#newTypButton-button,
#newBereichButton-button {

} 
#newHerstellerButton,
#newBereichButton,
#newTypButton,
#newSegmentButton,
#newBeschaedigungPopupButton {
    text-align:right;
    /* float:right;*/
}



/* ACTIONS e,g, Bearbeiten, Neu */
.actions {
    margin-top: 10px;
    padding: 0;
    clear: both;
}

.actions a,
.yui-skin-sam .yui-dialog .yui-push-button button /* popups buttons */
{
    display: inline-block;
    color: #ffffff;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 0;
    padding: 7px 8px 6px 8px;

    /* Hintergrund Gradient */
    background: #848789; /* Old browsers */
    background: -moz-linear-gradient(top, #848789 0%, #63686b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63686b), color-stop(100%,#d8d7d5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #848789 0%,#63686b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #848789 0%,#63686b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #848789 0%,#63686b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #848789 0%,#63686b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848789', endColorstr='#d8d7d5',GradientType=0 ); /* IE6-9 */

    text-shadow: none;
    
}
.actions a:hover,
.yui-skin-sam .yui-dialog .yui-push-button button:hover /* popups buttons */{
    color: #dddddd;
}

.actions a img{
    margin: -3px 0 0 10px;
}
.actions .accordionToggleItem{
    display: none;
}


/*TABS */
#mainTabView{
    padding-top:23px;
}
.yui-skin-sam .yui-navset .yui-nav{
    margin-bottom: 10px;
}
.yui-skin-sam .yui-navset .yui-nav,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav
{
    border: none;
    padding-top: 5px;  
}
.yui-skin-sam .yui-navset  ul.yui-nav li {
    margin: 0;
}

/* der normale Tab */
.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a
{
    font-size: 14px;
    font-weight: 600;
    border: none;
    background:none;
    color:#989a9b;
    text-transform: uppercase;
    font-family: "Source Sans Pro";
    text-shadow:1px 1px 1px #ffffff;
}
/* normal und selected */
.yui-skin-sam .yui-navset .yui-nav a em,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em
{
    padding: 15px 15px 3px 10px;
    border: none;
}


/* der selected Tab */
.yui-skin-sam .yui-navset .yui-nav .selected{
    margin-right: 5px;
}
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam .yui-navset .yui-nav .selected a:hover
{
    background: url(../img/tabs_bg_selected.png) 0 17px no-repeat;
    border: none;
}
.yui-skin-sam .yui-navset .yui-nav .selected a em {
    padding: 15px 15px 3px 10px; /* 1 px mehr bottom als normal, da der border wegfällt */
}

/* der hover Tab */
.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus
{
}

/* gleiche Angaben */
/* Hintergrundgrafik für normal und :hover Normalzustand */
.yui-skin-sam .yui-navset .yui-nav a,
.yui-skin-sam .yui-navset .yui-navset-top .yui-nav a,
.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus
{
    background: url(../img/tabs_bg.png) 0px 17px no-repeat;
}
/* selected und hover */
.yui-skin-sam .yui-navset .yui-nav .selected a,
.yui-skin-sam .yui-navset .yui-nav .selected a:focus,
.yui-skin-sam .yui-navset .yui-nav .selected a:hover,
.yui-skin-sam .yui-navset .yui-nav a:hover,
.yui-skin-sam .yui-navset .yui-nav a:focus
{
    color: #e4316b;
}



.yui-skin-sam .yui-panel .bd,
.yui-skin-sam .yui-panel .hd
{
    padding: 0;
}


.yui-skin-sam .yui-panel .bd,
.yui-skin-sam .yui-panel .ft
{
    background:none;
}

.yui-skin-sam .yui-navset .yui-content
{
    background:none;
    padding-left: 0;
    border:none;
    padding: 12px 0 50px 0;
}






ul.yui-nav li.selected {
    border-bottom: 1px solid #f1f1f1;
    color:#323232;
}


/* PANELS */
.yui-skin-sam .yui-panel .hd,
.hd,
.h2hd,
.printBody #blockTitle
{
    font-size: 16px;
    line-height: 16px;
    color: #3c4247;
    font-family: "Source Sans Pro";
    font-weight: 600;
    background: url(../img/headline_hd_back.gif) 0 4px no-repeat;
    border:none;
    margin-bottom: 20px;
    padding: 2px 0 5px 20px;
    border-bottom: 1px solid #cececc;
    text-transform: uppercase;

}

/* Info Tooltip */
.hd img.info{
    padding-left: 60px;
}
.hd span.spanInfo{
    cursor: pointer;
    position: relative;
}
span.infoText{
    display: block;
    padding: 8px;
    position: absolute;
    left: 80px;
    top: 0;
    visibility: hidden;
    width: 120px;
    border: 1px solid red;
    background: black;
    color: white;
}
.hd span.infoText{

}
.hd span.spanInfo:hover .infoText{
    visibility: visible;
}



.yui-skin-sam .yui-panel,
.yui-skin-sam .yui-panel .bd,
.yui-skin-sam .yui-panel .ft
{
    border:none;
}


/* SECTIONS */
.section{
    padding: 0 0 8px 0;
    margin-bottom: 35px;
    border-bottom: 1px solid #bebfbe;
}
.section .section{
    padding-bottom: 0;
    border-bottom: 0;
}
.section .section:last-child{
    /*border-bottom: 1px solid #bebfbe;*/
    margin-bottom: 0;
}





/* PRODUKTE */
#product_menu {
    padding-top:0px;
    }   
    
.product_info_left {
    float:left;
    
    }
    
#product_illu {
    width:100px;
    height:100px;
    float:left;
    border:1px solid #ccc;
    padding:30px;
    }
    
#product_illu_wrapper {
    width:351px;
    height:320px;
    float:left;
    margin-top:0px
    }
.productSingle {
    padding:5px 8px 8px 1px;
    border-bottom:1px solid #ccc;
    }
    
.productSingle:hover {
    background-color:#FFF;
    background-image:url(../img/arrow_list.png);
    background-repeat:no-repeat;
    background-position:right center;
    }
    
.productIMG {
    float:left;
    padding:14px;
    }
    
.productTXT {
    float:left;
    }
    
.productHeader {
    font-weight:bold;
    }
    
.productInfo {
    font-weight:normal;
    }
    
.productSort {
    font-size:9px;
    }
#productList{
    height:368px;
    overflow-y: scroll;
}

span.produkte{ 
    /* úberschriften MON und Content Bereich */
    display: block;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 600;
    padding-bottom:8px;
    text-transform: uppercase;
    border-bottom: 1px solid #bebfbe;
}
#mainTabView span.produkte{
    border: 0;
}
.objectTable{
    border-bottom: 1px solid #bebfbe;
}

td.productDetailImage table{
    background: white;
    border: none!important;
}


#produktImage {
    background-image:url(../images/save.png);
    background-repeat:no-repeat;
    background-position:right;
}

#produktTypDiv,
#produktSegmentDiv,
#herstellerDiv,
#bereichDiv {
    max-height:400px;
    overflow: auto;
}
/* PRODUKTE Zuordnung frei erfassbare */
#produktTable tr:nth-child(2n){
    background: #CECECC;
}
#produktTable th:last-child{
    text-align: center;
    width: 120px;
}
.yui-skin-sam #produktTable td{
    padding: 5px;
}
.tdProduktZuordnungNeu {
    text-align: center;
}
.yui-skin-sam .tdProduktZuordnungNeu .yui-push-button,
.yui-skin-sam .tdProduktZuordnungNeu button
{
    margin: 0 0 0 13px;
}


/* OVERLAY */
.yui-overlay {
    background-color: #bfbfbf;
}






/* IMAGE UPLOAD */
.img_upload_text {
    float:left;
    width:58px;
    margin-left:55px;
    height:40px;
    padding:60px 0px 60px 0px;
    }
    
.img_upload_img {
    float:left;
    width:30px;
    margin-left:0px;
    height:30px;
    padding:55px 0px 55px 0px;
    }   




 /* PRINT */
.printBody{
    background: #FFFFFF;
    padding: 0 5px 5px 5px;
}

.printBody p{
    line-height: 16px;
}

.printBody h1{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    border: none;
    background:none;
    color:#344248;
    text-transform: uppercase;
    font-family: "Source Sans Pro";
}
.printBody h1,
.printBody h2,
.printBody h3
{
  text-shadow: none;
}
.printBody hr{

}
.printBody .hd{
    background: none;
    padding-left: 0;
}
.printBody td b{
    border: 0;
}
.printTH {
    font-size: 16px;
    line-height: 16px;
    color: #3c4247;
    font-family: "Source Sans Pro";
    font-weight: 600;
    background: url(../img/headline_hd_back.gif) 0 4px no-repeat;
    border:none;
    margin-bottom: 10px;
    padding: 2px 0 5px 20px;
    border-bottom: 1px solid #cececc;
    text-transform: uppercase;
    text-align: left;
}
@media print {
    .printButton { visibility: hidden; }
}
@media screen {
    .printButton { visibility: visible; }
}
#printButton {
    float:right;
    padding-top:5px;
}

#printButton-button {
    background-image:url(../images/save.png) ! important;
    background-repeat:no-repeat;
    color: #455560;
    background-position:right;
    padding-right:30px;
}



/* DATA FORM TABLES WITH FORM FIELDS */
.dataFormTable{
    width: 100%;
}
.yui-content .dataFormTable:first-child{
}
.dataFormTable td{
    width: 33%;
    padding-bottom: 30px;
    vertical-align: top;
    line-height: 20px;
}
.dataFormTable.col2 td{
    width: 50%;
}
.dataFormTable tr td:last-child{

}

.dataFormTable label{
    padding-bottom: 2px;
    margin: 0 20px 5px 0;
}
.dataFormTable tr td:last-child label{
    margin-right: 0;
}
.dataFormTable tr td label.marginRight{
    margin-right: 20px;
}

.dataFormTable input[type="text"]
{
    width: 250px;
}
.dataFormTable tr td:nth-child(3) input[type="text"]{
    width: 270px;
}
.dataFormTable textarea{
    display: block;
    width: 842px;
}
.dataFormTable textarea{
    height: 50px;
}
.dataFormTable select{
    width: 258px!important;
}
.dataFormTable .checkboxContainer{
    float: left;
    margin-right: 20px;
}
.dataFormTable .checkboxContainer input{
    margin-right: 4px;
}
.dataFormTable td.checkboxTd{
    width: 20px;
    padding-right: 10px;
}

/* EINZELNE INDIVIDUELLE MODULE MODULE */

/* Datumsselects für alle Module */
#startDateT,
#endDateT,
#startTime,
#durationTime,
#dailyDay,
#weeklyWeek,
#monthlyDay,
#monthlyMonth
{
    width: 120px!important;
}




/**********/
/* PROJEKT -> Allgemeine/Stammdaten */
input#projektBudget{
    width: 104px!important;
    margin-right: 5px;
}
select#currencyLong{
    width: 135px!important;
}

/* PROJEKT -> ADRESSEN */
#Projekte_Adressen_adressenDefinieren tr:hover{
    background: red;
}
#Projekte_Adressen_adressenDefinieren td input{
    height: auto;
}
/* Locations */
#assignKategorieButton{
    display: block;
}
/* Stammlocations */
#kundenPopup #searchTerm{
    position: static;
    width:320px;
    border:1px solid #ccc;
    margin: 10px 0;
}

/* PROJEKT MITARBEITER */
#externalsTableDiv{
    margin-bottom: 15px;
}
#addExternalsPopupButton{
    margin-bottom: 20px;
}
/* PopUp */
#groupPopup .checkboxesRows input{
    float: left;
    margin-right: 6px;
    margin-bottom: 8px;
}
#groupPopup .checkboxesRows br {
    display: block;
    clear: both;
 }

/* PROJEKT -> POJEKTCONTROLLING */
#controllingForm2 #jaDiv{
    margin-bottom: 5px;
}
#controllingForm2 #jaDiv input,
#controllingForm2 #neinDiv input
{
    margin-right: 4px;
}
#controllingForm2 #csvButton-button{
    display: inline-block;
}








/****************************/
/* PERSONAL -> Sammdaten */
#persJeansgroesseW,
#persJeansgroesseL{
    width: 50px;
}
#persJeansgroesseW{
}
/* PERSONAL -> Bilder */
#personalImagesWrapper{
    overflow: hidden;
    margin-bottom: 30px;
}
.personalImagesContainer{
    float: left;
    margin-right: 27px;
}
.personalImagesContainer.last{
    margin-right: 0;
}
.personalImageTop{
    background:url(../img/personalImage_top_bg.png) center top no-repeat;
}
.personalImageTop h3{
    font-size: 15px;
    text-align: center;
    padding-bottom: 6px;
}
.personalImage{
}
.personalImage img{
    border: 5px solid white;
}
.personalImageBottom{
    width: 250px;
    height: 5px;
}
.personalImageUpload{
    margin: 5px 7px;
    padding-top: 7px;
}
.fileUploadField{
    display: block;

}
.fileUploadFieldContainer{
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #d5d5d3;
}

#personalImage_uploadButton{
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
    margin-top: 8px;
}
#personalImage_uploadButton button
{
    margin: 0;
    display: block;
    width: 100%;
}
.personalBilderDeleteContainer{
    padding-top: 4px;
}

/* PERSONAL -> Globale Rechte */
#permissionTable .msgText,
#permissionTable .msgOK,
#permissionTable .msgNotOK{
    margin: 0;
    padding: 0 15px 0 0;
    line-height: 30px;
}






/****************************/
/* TERMINE Statusbalken */
#fortschrittBalken #balkenRed,
#fortschrittBalken #balkenGreen,
#fortschrittBalken #balkenOrange
{
    border-right: 1px solid white;
    width: 13px;
    height: 9px;
    line-height: 9px;
    padding: 0;
}
#fortschrittBalken #balkenRed{
     /* Hintergrund Gradient */
    background: #e03e05; /* Old browsers */
    background: -moz-linear-gradient(top, #e76b40 0%, #e03e05 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e76b40), color-stop(100%,#e03e05)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e76b40 0%,#e03e05 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e76b40 0%,#e03e05 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e76b40 0%,#e03e05 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e76b40 0%,#e03e05 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e76b40', endColorstr='#e03e05',GradientType=0 ); /* IE6-9 */
}
#fortschrittBalken #balkenGreen{
     /* Hintergrund Gradient */
    background: #add62e; /* Old browsers */
    background: -moz-linear-gradient(top, #c0e05f 0%, #add62e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0e05f), color-stop(100%,#add62e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c0e05f 0%,#add62e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c0e05f 0%,#add62e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c0e05f 0%,#add62e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #c0e05f 0%,#add62e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0e05f', endColorstr='#add62e',GradientType=0 ); /* IE6-9 */
}
#fortschrittBalken #balkenOrange{
     /* Hintergrund Gradient */
    background: #edba08; /* Old browsers */
    background: -moz-linear-gradient(top, #f2cb42 0%, #edba08 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2cb42), color-stop(100%,#edba08)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2cb42 0%,#edba08 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2cb42 0%,#edba08 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2cb42 0%,#edba08 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f2cb42 0%,#edba08 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2cb42', endColorstr='#edba08',GradientType=0 ); /* IE6-9 */
}




/* TERMINE -> Zeitplanung */
#terminDetailsForm tr td{
}




/****************************/
/* LOCATIONS -> Stammdaten */
#kundenTyp{
    width: 245px;
}
td#field_locationtyp input{
    width: 235px;
    float: left;
}
td#field_locationtyp button{
    margin: 0 0 0 -31px;
    padding-bottom: 5px;
    min-height: 20px;
    height: 20px;
}

/* LOCATIONS IMPORT */
#getImportTemplateButton{
    margin-bottom: 20px;
}
select#csvFormat{
    width: 200px;
}

/* LOCATIONS ÖFFNUNGSZEITEN */
#oeffnungsZeitenTableDiv .yui-dt-col-vormittags select,
#oeffnungsZeitenTableDiv .yui-dt-col-nachmittags select
{
    margin: 0 3px;
}
#oeffnungsZeitenTableDiv .yui-dt-col-vormittags select:first-child,
#oeffnungsZeitenTableDiv .yui-dt-col-nachmittags select:first-child
{
    margin-right: 10px;
}




/***************************/
/* EQUIPMENT */
#rueckgabeButtonS,
#rueckgabeButtonA{
    float:left;
}
#rueckgabeButtonS button,
#rueckgabeButtonA button{
    margin-top: 0;
}
#rueckgabeButtonS{
    margin-right: 15px;
}







/**************************/
/* NACHRICHTEN */
#tblNeueNachricht{
    width: 50%;
}
#tblNeueNachricht td#tdNotSelectedUsers,
#tblNeueNachricht td#tdSelectedUsers
{
    width: 50%;
}

#tblNeueNachricht #addUserButton,
#tblNeueNachricht #delUserButton,
#tblNeueNachricht #addUserButton button,
#tblNeueNachricht #delUserButton button
{
    margin: 0;
}
#tblNeueNachricht #addUserButton{
    margin-bottom: 15px;
}
#tblNeueNachricht #addUserButton button,
#tblNeueNachricht #delUserButton button{
    display: inline-block;
}
#neueNachrichtForm #sendMessageButton{
    float: left; 
    margin-right: 40px
}
#neueNachrichtForm #resetButton{
    float: left;
}
#neueNachrichtForm #sendMessageButton,
#neueNachrichtForm #resetButton
{
    margin-top: 0;
}
#neueNachrichtForm input#sendToExtern,
#neueNachrichtForm input#nachrichtBetreff
{
    width: 300px;
}






/**************************/
/** REPORTS **/
/* Reportdetails */
select#reportTyp{
    margin-bottom: 5px;
}
#withProducts{ /* checkbox */
    margin-right: 5px;
}
#tabReportDetails #startKWT,
#tabReportDetails #endKWT
{
    width: 50px!important;
}
#tabReportDetails #csvButton,
#tabReportDetails #csvButton button
{
    margin-top: 2px;
}

/* Einzelerhebungen */
#Reports_EinzelErhebungen_einzelErhebungen hr{
    margin-bottom: 30px;
}
table.abverkaufTable td{
    padding-bottom: 0;
}
table.abverkaufTable table{
    margin-top: 10px;
}
table.abverkaufTable table td{
    padding-bottom: 5px;
}
.abverkaufModifiedBy{

}
#tabReportDetails #startDateT,
#tabReportDetails #endDateT
{
    width: 70px!important;
}




/**************************/
/* MEDIEN -> MEDIENDETAILS */
#tdMedien_mediendetails_isSensibel input{
    float: left;
    margin-right: 8px;
}
#tdMedien_mediendetails_isSensibel b{
    border: 0;
    float: left;
    line-height: 12px;
}

td.tdMediumDetailsImage>table{
    background: white;
    border: none!important;

    -webkit-box-shadow: 0 1.75em 1em -1.1em rgba(0,0,0,.35);
    -moz-box-shadow: 0 1.75em 1em -1.1em rgba(0,0,0,.35);
    box-shadow: 0 1.75em 1em -1.1em rgba(0,0,0,.35);
}
#mediumDetailsImageContainer{
    position: relative;
}
#mediumPopUpShow,
#mediumAddToCart
{
    position: absolute;
    top: 10px;
}
#mediumPopUpShow{
    right: 40px;
}
#mediumAddToCart{
    right: 15px;
}

/* Medienwarenbkorb */
#medienTableDiv b{
    margin: 0;
    padding: 0;
    border: 0;
}




/**************************/
/* PRODUKTIV DASHBOARD */
#tableHeaderProduktivDashboard #div_monDateInterval{
    padding-top: 0;
}
#tableHeaderProduktivDashboard #div_monDateInterval{
    border-bottom: 0;
    padding-left: 0;
}
#tableHeaderProduktivDashboard #select_IntervalValues{
    width: 150px!important;
    margin-top: 2px;
}





/**************************/
/* KALENDER */
#projektStartCalendar td{
    padding: 8px;
    cursor: pointer;
}
#projektStartCalendar td a{
    height: auto;
    display: block;
}
/* yui Kalender */
.yui-skin-sam .yui-calcontainer{
    border: none;
    background: none;
}
.yui-skin-sam table.yui-calendar{
    
}
.yui-skin-sam .yui-calendar tr{
}
.yui-skin-sam .yui-calendar th.calhead{
    padding: 0 5px;
}
.yui-skin-sam .yui-calendar .calheader{
    
    font-size: 15px;
    color : #3c4247;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 6px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #cccccc;
}

.yui-skin-sam .yui-calendar .calweekdaycell{ /* Wochenheader Mo, Di, Mit */
    font-weight: 600;
}


.yui-skin-sam .yui-calendar td.calcell,
.yui-skin-sam .yui-calendar td.calcell.calcellhover
{
    border: none;
    background: none;
}

.yui-skin-sam .yui-calendar .calweekdaycell,
.yui-skin-sam .yui-calendar td.calcell,
.yui-skin-sam .yui-calendar td.calcell.calcellhover,
.yui-skin-sam .yui-calendar td.calcell.calcellhover a,
.yui-skin-sam .yui-calendar td.calcell a
{
    color : #454a4f;
    font-family: "Source Sans Pro";
}
.yui-skin-sam .yui-calendar td.calcell{
    padding: 5px;    
}
.yui-skin-sam .yui-calendar td.calcell,
.yui-skin-sam .yui-calendar td.calcell a
{
    color: #333;
    font-size: 11px;
    line-height: 11px;
    height: auto;

}
.yui-skin-sam .yui-calendar td.calcell a
{
    display: block;
    background: none!important;

}
.yui-skin-sam .yui-calendar td.calcell a:hover,
.yui-skin-sam .yui-calendar td.calcellhover
{
    background: none;
    color: #e4316c;
}


/* Einträge vorhanden */
.yui-skin-sam .yui-calendar td.calcell.highlight4{
    background: #d6d6d4;
}
/* Aktuelle Auswahl */
.yui-skin-sam .yui-calendar td.calcell.highlight2{ 
    /*background: none;*/
    background-color:red;
}
.yui-skin-sam .yui-calendar td.calcell.highlight2{
    padding-top: 4px;
}
.yui-skin-sam .yui-calendar td.calcell.highlight2 a{
    color: black;
    /*background-color:red;*/
    font-weight: 600;
}

/* Heute */
.yui-skin-sam .yui-calendar td.calcell.today{
    background: #e4316c;
}
.yui-skin-sam .yui-calendar td.calcell.today a{
    color: white;
}

.yui-skin-sam .yui-calendar td.calcell.oom{ /* out of month */
    height: auto;
    background: none;
    color: #a2a5a5;
}


/* Icons */
.yui-skin-sam .yui-calendar .calnavleft{
    background:url(../img/calnavleft.png) left center no-repeat;
    margin-left: -15px;
}
.yui-skin-sam .yui-calendar .calnavright{
    margin-right: -30px;
    display: block;
    background:url(../img/calnavright.png) left center no-repeat;
}




/* WOCHENPLANER */

/* Neu BM für Wochenplan */
.dateFilled {
    border: 1px solid black;
    background: white;
}

.dateFilledOption {
    border: 1px solid black;
    background: #edb903;
    color: black;
    margin:1px;
    text-transform: none;
}

.dateOther {
    border: 1px solid black;
    background-color: darkgrey;
    background-image: url(schraffur.jpg);
}

/*Infobereich*/
.wochenplanCalTableContainer{
    border-bottom: 1px solid #bebfbe;
    margin-bottom: 10px;
}

#wochenPlanInfoTd{
    font-family: "Source Sans Pro";
    vertical-align: top;
    text-align: left;
    width: 220px;
    padding-right: 15px;
}
#wochenPlanInfoDay{
    display: block;
    font-size: 135px;
    line-height: 110px;
    padding: 0;
    font-weight: 400;
    margin: 0 6px 0 0px;
}
#wochenPlanInfoDatum{
    font-size: 15px;
    margin-bottom: 6px;
}
#wochenPlanInfoKalenderwoche{
    font-size: 15px;
    color: #acadad;
    font-weight: 300;
    margin-bottom: 13px;
}
#wochenPlanFormMitarbeiter label{
    font-size: 13px;
    margin-right: 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid #d6d6d3;
}
#wochenPlanInfoTd select{ /* Mitarbeiter Select */
    width: 135px!important;
}
 
 /* Einzelne Kalendercontainer */
#tabTagesansicht .yui-calcontainer,
#tabWochenansicht .yui-calcontainer,
#tabMonatsansicht .yui-calcontainer{
    margin-right: 25px;
}
#tabWochenansicht .yui-calcontainer.last-of-type{
    margin-right: 0;
}

/* Wochenansicht Tabelle */

/* Monatsansicht Tabelle */
#tabMonatsansicht .dateTable td{
    border: 1px solid #d6d6d3;
} 
#tabMonatsansicht .dateTable tr:first-child td{
    border: 0;
    padding: 4px;
}





/* DASHBOARD */
.dashboardContainer{
    float: left;
    width: 602px;
    height: 190px;
    margin: 15px 15px 0 0;
    padding: 10px;
    background: white;
    -webkit-box-shadow: 2px 2px 3px #b9b9b9;
    -moz-box-shadow: 2px 2px 3px #b9b9b9;
    box-shadow: 2px 2px 3px #d2d2c2;
    overflow: hidden;
    clear: both;
}
.dashboardContainer.last{
    margin-right: 0px;
    clear: none;
}
.dashboardContainer.wide{
    width: 1239px;
    height: 200px;
}
.dashboardContainer .inner{
    overflow: hidden;
    padding-bottom: 5px;
    border-bottom: 1px solid #CFD0CF;
    margin-bottom: 2px;
}
.dashboardContainer .content{
    height: 160px;
    overflow-y: auto;
}

.dashboardContainer h3{
    float: left;
    padding-top: 3px;
}
.dashboardContainer h4{
    float: left;
    padding: 4px 8px 0 0;
}
.dashboardContainer .containerFilter,
.dashboardContainer button{
    float: right;
    margin-left: 20px;
}
.dashboardContainer .button{

    /* TODO: push global as <button> definition */
    color: white;
    font-size: 13px;
    font-family: "Source Sans Pro";
    text-transform: uppercase;
    font-weight: 600;
    padding: 5px 10px 7px 10px;

    /* Hintergrund Gradient */
    background: #848789; /* Old browsers */
    background: -moz-linear-gradient(top, #848789 0%, #63686b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63686b), color-stop(100%,#d8d7d5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #848789 0%,#63686b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #848789 0%,#63686b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #848789 0%,#63686b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #848789 0%,#63686b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848789', endColorstr='#d8d7d5',GradientType=0 ); /* IE6-9 */
    
    /* Untere helle Kante */
    -webkit-box-shadow: inset 0 -3px 0px 0px #898c8e;
    -moz-box-shadow: inset 0 -3px 0px 0px #898c8e;
    box-shadow: inset 0 -3px 0px 0px #898c8e;
    /* TODO: push global end */

    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    
    padding: 0;
    font-size: 11px;
    
}
.dashboardContainer .button.export span{
    display: block;
    background: url(../img/export.png) 95% 40% no-repeat;
    padding: 2px 20px 4px 7px;
}
#div_DashBoardDateSelector #div_monDateInterval{
    padding-top: 2px;
    padding-left: 0;
    border-bottom: 0;
}
/* Tabellen Dashboard */
.yui-skin-sam .dashboardContainer .yui-dt th{
    padding-bottom: 4px;
}
.yui-skin-sam .dashboardContainer .yui-dt th,
.yui-skin-sam .dashboardContainer .yui-dt th a{
    text-transform: uppercase;
    background: none;
    color: #3c4247;
    padding-left: 0;
}
.yui-skin-sam .yui-dt th:first-child .yui-dt-liner{
    padding-left: 0;
}
.yui-skin-sam .dashboardContainer .yui-dt-label,
.yui-skin-sam .dashboardContainer .yui-dt th,
.yui-skin-sam .dashboardContainer .yui-dt th a
{
    font-size: 12px;
}
.yui-skin-sam .dashboardContainer tr.yui-dt-even{
    background: #edecea;    
}
.yui-skin-sam .dashboardContainer tr.yui-dt-odd{
    background: none;    
}
.yui-skin-sam .dashboardContainer .yui-dt tr.yui-dt-first td{
    border-top: none;
}
.yui-skin-sam .dashboardContainer .yui-dt tr td{
    padding: 1px;
}
.yui-skin-sam .dashboardContainer .yui-dt tr td .yui-dt-liner{
    padding-left: 6px;
}
/* Filterbereich Dashboard */
.dashboardContainer .containerFilter select{
    width: 200px;
}
.dashboardContainer  .filterInput{
    width: 80px;
    height: 18px;
}
/* Medienbereich Dashboard */
.dashboardContainer .gallerie_container{
    margin: 0;
    padding: 10px 0 0 0;
    overflow-x: scroll; /*Horizontal scrollbar*/
    -ms-overflow-x: scroll; /*IE 8 horizontal scrollbar*/
    overflow-y: hidden; /*Verical scrollbar*/
    -ms-overflow-y: hidden; /*IE 8 vertical scrollbar*/
    float:left;
    height: 165px;
    width: 1239px;
}
.dashboardContainer .gallerie_container ul{
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    display: table-row;
}
.dashboardContainer .gallerie_container ul li{
    display: table-cell;
    padding-right: 15px;
    vertical-align: bottom;
}
.dashboardMedienInfo{
    padding: 8px 0 0 10px;
}
.dashboardMedienInfo p{
    font-family: "Source Sans Pro";
    margin-bottom: 2px;
}
.dashboardMedienInfo p em{
    font-weight: bold;
}
/*** EINZELNE MODULE ***/
/* Reports Telefonica */
.dashboardContainer#reportsTelefonica{
    height: auto;
}
.dashboardContainer#reportsTelefonica .content{
    height: auto;
    overflow-y: auto;
    /*padding: 15px 0 0 15px;*/
    padding: 15px 0 0 5px;
}
#reportsTelefonica .hd.lev2{
    margin-bottom: 15px;
}
#reportsTelefonica .dashboardReportsIcon{
    display: block;
    float: left;
}
#reportsTelefonica .dashboardReportsContent{
    float: left;
    /*margin-left: 25px;*/
}
.yui-skin-sam #reportsTelefonica .hd.lev2{
    margin-top: 4px;
}
#reportsTelefonica label{
    float: left;
    clear: both;
    width: 90px;
}
#reportsTelefonica .dataFormTable tr td:last-child label{
    margin-right: 20px;
}
#reportsTelefonica select{
    width: 244px!important;
    float: left;
    margin-top: -2px;
}
#reportsTelefonica #vortagButton1,
#reportsTelefonica #vortagButton1 button,
#reportsTelefonica #vortagButton2,
#reportsTelefonica #vortagButton2 button
{
    float: left;
}
#reportsTelefonica #vortagButton1,
#reportsTelefonica #vortagButton2
{
    margin-top: -10px;
}
#reportsTelefonica #vortagButton1 button,
#reportsTelefonica #vortagButton2 button
{
    font-size: 12px;
    margin-top: 4px;
}
#reportsTelefonica #exportButton1,
#reportsTelefonica #exportButton2,
#reportsTelefonica #exportButton3
{
    margin-top: 0;
}
.exportDateWrapper{
    float: left;
    margin: -4px 10px 0 0;
}







/* LOGIN/ LOGOUT */
.loginContainer {
    margin-top: 170px;
    width:379px;
    margin-left:auto;
    margin-right:auto;
}
#login_logo {
    margin-bottom: 17px;
    padding-bottom: 17px;
    border-bottom:1px solid #cececc;
}
.login_headline {
    display: block;
    font-size: 20px;
    color: #3c4247;
    font-family: "Source Sans Pro";
    font-weight: 400;
    letter-spacing: 0.035em;
    text-transform: uppercase;
    margin-bottom: 22px;
}
.loginContainer .login_formRow{
    margin-bottom: 8px;
}
.loginContainer .login_formRow label{
    float: left;
    width: 90px;
    margin-right: 10px;
    padding-top: 3px;
    padding-bottom: 4px;
}
.loginContainer a{
    padding-top: 5px;
    color: #848889;
    font-size: 12px;
    font-family: "Source Sans Pro";
    font-weight: 400;
}
.loginContainer a#lostPassword{
    display: block;
    float: right;
}
.loginContainer input[type="text"],
.loginContainer input[type="password"]
{
    width: 138px;
}
.login_submitbutton,
.loginContainer a.login_submitbutton,
.yui-skin-sam .loginContainer .yui-push-button button 
{
    display: block;
    margin: 25px 0 0 0;
    width: 100%;
    font-size: 23px;
    line-height: 50px;
    padding: 0px 9px;
    color: #7f7f7f;
    font-family: "Source Sans Pro";
    font-weight: 400;
    text-transform: uppercase;
    text-shadow:1px 1px 1px #ffffff;

    /* Hintergrund Gradient */
    background: #cececc; /* Old browsers */
    background: -moz-linear-gradient(top, #cececc 0%, #c1c1c0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cececc), color-stop(100%,#c1c1c0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cececc 0%,#c1c1c0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cececc 0%,#c1c1c0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cececc 0%,#c1c1c0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #cececc 0%,#c1c1c0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cececc', endColorstr='#c1c1c0',GradientType=0 ); /* IE6-9 */
    
    /* Untere helle Kante */
    -webkit-box-shadow: inset 0 -3px 0px 0px #d0d0d0;
    -moz-box-shadow: inset 0 -3px 0px 0px #d0d0d0;
    box-shadow: inset 0 -3px 0px 0px #d0d0d0;
}
.yui-skin-sam .loginContainer .yui-push-button{
   display: block;
}
.login_submitbutton:hover{
    color: #8f8f8f;
}
/* PASSWORT VERGESSEN */
#requestPasswordContainer label{
    width: auto;
    white-space: nowrap;
}
#requestPasswordContainer input[type="text"]{
    width: 254px;
}
#requestPasswordContainer .login_headline {
    letter-spacing: 0.047em;
}
/* AFTER LOGOUT */
#afterLogoutContainer #proceedButton {
    text-align: center;
}




/* UNKNOWN / DEPRECATED? */
#user_interact {
    float:left;
    padding-top:8px;
}
.dd_list {
    width:155px;
    height:18px;
    border:1px solid #ccc;
    }


#tabHersteller{
    display:block;
}


#sort {
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    height:30px;
    padding-top:9px;
    }
#change {
    width:695px;
    height:30px;
    border-top:1px solid #ccc;
    float:left;
    margin-top:25px;
    text-align:right;
    padding-top:8px;
    font-size:14px;
    }
    
.change_text {
    float:left;
    width:665px;
    padding-top:4px;
    }   
    
.change_img {
    float:left;
    width:30px;
    }
#closeList{
    margin-right:8px;
}


.yui-skin-sam .yui-ac-container{
    top:2em;
    width:500px;
}

.yui-skin-sam .yui-ac-content{
    left:0px;
}


#savfil_img {
    width:30px;
    height:50px;
    float:right;
    margin-top:12px;
}

.add {
}

.yui-dt1-col-faelligBis .yui-dt-liner, .yui-dt0-col-faelligBis .yui-dt-liner {
    width:70px ! important;
}

#aufgabenFilter_FaelligBis_End {
    margin-left:4px;
}

#controllingEnd {
    margin-left:3px;
}

.yui-dt0-col-aufgabenActions .yui-dt-liner, .yui-dt1-col-aufgabenActions .yui-dt-liner {
    width:48px ! important;
}



#kundenTypes{
    line-height: 95%;
    width: 200px;
    position:absolute;
    left:89px;
    top:102px;
    z-index: 10001;
}

li.yui-ac-highlight {
    background-color:#ccc ! important;
}



.yui-dt0-col-theActions .yui-dt-liner{
    width:auto !important;
}










/* POPUPS */
.yui-skin-sam .mask{
    z-index: 2;
    width: 100%;
    margin: 0;
    position: fixed;
}
.yui-dialog{
    z-index: 3;
}

.yui-skin-sam .yui-panel-container.shadow .underlay{
    top: -0px;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.6;
    background: none;
    box-shadow: 0px 0px 25px black;
    margin: 0;
}

.yui-dialog .yui-module{
    background: #e9e9e7;
    padding: 3px 12px 12px 12px;
    overflow: hidden;
}
.yui-skin-sam .yui-dialog .yui-panel .hd{
    background: transparent;
    text-transform: uppercase;
    border-bottom: 1px solid #bebfbe;
    padding: 12px 25px 3px 0;
    
}


.yui-dialog button{
    clear: both;
}
.yui-dialog input[type="text"],
.yui-dialog select,
.yui-dialog textarea
{
    width: 150px;
}
.yui-dialog select{
    width: 158px;
}
.yui-dialog textarea{
    height: 29px;
}
.yui-dialog .formRow{
    margin-bottom: 10px;
}
.yui-skin-sam .container-close{
    top: 13px;
    right: 0;
    height: 16px;
}
.yui-dialog .yui-calcontainer{
    margin-left: 30px;
}




/** FORMULARDESIGNER */
#tabFormularDetails .contentPanel{
    padding-left: 20px;
}
#tabFormularDetails .contentPanel .actions{
    margin-top: 30px;
}
.yui-skin-sam .hd.lev2{
    text-transform: none;
    color: #848889;
    margin-top: 20px;
    background:url(../img/headline_hd_lev2_back.gif) 1px 4px no-repeat;
    border-bottom: 1px dotted #a6a6a4;
}
.yui-skin-sam .hd.lev2 span{
    font-size: 14px;
}
#formRestrictions{

}
#formRestrictions .userList div{
    padding: 3px 0;
    
}
#formRestrictions #restrictButton{
    margin-bottom: 10px;
}
#formRestrictions #tdNotSelectedUsers select,
#formRestrictions #tdSelectedUsers select{
    width: 150px;
}
#formRestrictions span#msgNotSelectedUsers,
#formRestrictions span#msgSelectedUsers{
    display: block;
    margin-bottom: 5px;
}
#formRestrictions td#userActionsAddDel{
    text-align: center;
    padding: 20px;
}
#formRestrictions #addButton,
#formRestrictions #delButton
{
    display: block;
    margin: 0 0 10px 0;
}
table.formDesignerTablePadding td{
    padding: 0 5px 5px 0;
}
table.formDesignerTablePaddingBig td{
    padding: 0 5px 15px 0;   
}
/* Actions */
#tabFormularDetails .contentPanel .actions a{
    background: none;
    border: none;
    margin: 0 5px 0 0;
    padding: 0;
    cursor: pointer;
}
#tabFormularDetails .contentPanel .actions a img{
    margin: 0;
    padding: 0;
}

/* Blöcke */
#fieldWidth,
#fieldHeight
{
    width: 50px;
}
#startText{
    width: 100px;
}
#endText{
    width: 40px;
}
#minValue,
#maxValue{
    width: 100px;
}
#formdesignerBlockSchulnotenAbhaengigkeiten td:first-child{
    white-space: nowrap;
}
.formdesignerBlockZahlenTable{
    margin-right: 15px;
}
.formdesignerBlockZahlenTable th{
    text-align: left;
    padding-bottom: 5px;
    padding-right: 5px;
    border: 1px solid gray;
}
.formDesignerBlockTabelleZahlenTable{
    margin-right: 15px;
}
.formDesignerBlockTabelleZahlenTable input[type="text"]{
    width: 100px!important;
}
#formDesignerBlockLieferAdresseTable td{
    padding: 10px;
}
/* Vorschau für Formularelement */
.formDesignerPreview{
    background: white;
    padding: 10px;
    -webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    0px 5px 10px rgba(50, 50, 50, 0.4);
    box-shadow:         0px 5px 10px rgba(50, 50, 50, 0.4);
}

/* Buttons */
#tabFormularDetails #previewButton,
#tabFormularDetails #previewButton button,
#tabFormularDetails #changeVisibleButton,
#tabFormularDetails #changeVisibleButton button,
#tabReportDetails #changeVisibleButton,
#tabReportDetails #changeVisibleButton button
{
    margin-top: 0;
}

/* Druck */
#formBlockPrint{
    margin-bottom: 25px;
}
#tabFormularDetails #previewPanel .bd textarea,
#tabFormularDetails #previewPanel .bd input[type="text"],
#formBlockPrint textarea,
#formBlockPrint input[type="text"],
.formDesignerPreview textarea,
.formDesignerPreview input[type="text"]
{
    border-bottom: 1px solid #bebfbe;
}
.printBody .formDesignerPreview{
    background: transparent;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
}




/* BILDER ALLGEMEIN */
.imageContainer .image{
    display: inline-block;
    padding: 5px;
    border: 1px solid #cccccc!important;
    margin-bottom: 5px;

    -webkit-box-shadow: 0 5px 8px rgba(0,0,0,.25);
    -moz-box-shadow: 0 5px 8px rgba(0,0,0,.25);
    box-shadow: 0 5px 8px rgba(0,0,0,.25);
}





/* VARIOUS OVEWRITES */
.dataFormTable td.noPaddingBottom,
.noPaddingBottom
{
    padding-bottom: 0;
}

.objID {
    font-size: 14px;
    color:#505559;
}



/* PRINT BERICHTE */
.printBericht{
    padding: 70px 40px;
    font-size: 15px;
}
.printBericht .printDate,
.printBericht .bigLabel
{
    font-size: 15px;
    color: #99a1a4;
    text-transform: uppercase;
}
.printBericht .header{
  padding-bottom: 17px;
  border-bottom: 1px dotted #344147;
  margin-bottom: 15px;
}
.printBericht h1{
    font-size: 30px;
    margin-top: 59px;
}
.printBericht h2{
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
  color: #344147;
  margin: 10px 0 15px 0;
  padding-top: 20px;
  border-top: 1px dotted #344147;
}
.printBericht h3{
  font-size: 17px;
  margin-bottom: 20px;
}
.printBericht .info{
  font-size: 20px;
  color: #e00046;
  padding-bottom: 15px;
  border-bottom: 1px dotted #344147;
  margin-bottom: 35px;
}
/* Tabellen */
.printBericht .printTable{
}
.printBericht .printTable th{
  text-align: left;
  font-weight: bold;
}
.printBericht .printTable th,
.printBericht .printTable td,
.printBericht p,
.printBericht .printTable td p
{
  font-size: 14px;
  line-height: 18px;
}
.printBericht .printTable th,
.printBericht .printTable td
{
  border: 0;
  padding: 5px 5px 5px 0;
  border-right: 8px solid white;
}
.printBericht .printTable th:first-child,
.printBericht .printTable tr td:first-child
{
  padding-left: 0;
}
.printBericht .printTable.bordered th,
.printBericht .printTable.bordered td
{
  border-bottom: 1px solid #c7c5c6;
}
.printBericht #unterschriftDivider{
  padding-top: 25px;
  border-bottom: 1px dotted #344147;
  margin-bottom: 35px;   
}
/* Handelspartner */
.printBericht table#handelspartner td{
  white-space: nowrap;
  padding-right: 15px;
}
.printBericht table#handelspartner td div{
  float: left;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  border: 1px solid black;
}
/* Footer */
#footerDivider{
  padding-top: 15px;
  border-bottom: 1px dotted #344147;
  margin-bottom: 15px;   
}
footer p{
  color: #99a1a4;
}