/**********************************************************************
 * Layout-Formatierung
 **********************************************************************/

.dhtmlgoodies_personalDataTabView {
   width:570px;
}


TABLE {
border:1px;
}


.imageBorder {
border:2px red solid;
}

.wikiBox {
   margin:5px 15px;
   color: #555555;
   background-color:#ffffff;
   /*border-bottom:1px solid #dfdfdf; */
   margin-bottom: 20px;

}

.profileEditLink {
   background-color: yellow;
   padding: 5px;
   background:url(../images/bg_yellow_topleft.gif) repeat top left;
}

.profileEditLink a,.internalLink:after {}
.profileEditLink a,.internalLink:before {
   content: url("../images/arrow_right.png");
}

wikiBox a,.internalLink, externalLink{
   text-decoration: none;
   color: #002071;
   font-weight: bold;

}


.wikiBoxMenuTop {
   background-color:#002071;
   color: white;
   height:1.5em;
}

.wikiBoxMenuTop .wikiBoxTitle{
   color: white;
}



.wikiBoxDarkBlueTop, .wikiLabel {
   background-color:#ffffff;
   border-bottom: 1px solid #dfdfdf;
   height:1.5em;
}

.wikiBoxDarkBlue,.wikiBoxMenu {
   background-color:#ffffff;
   border-bottom: 1px solid #dfdfdf;
   margin-right:5px;
}

.internalLink:after{
content: url(../images/arrow_right.png);
}




.wikiNoIndent {
margin:0;
}

.wikiBoxScrollableContent {
overflow:auto;
}

.wikiSelectableItems {
list-style:none;
width:20em;
margin-left:0;
padding-left:0;
}

.wikiSelectableItemOver {
background-color:#EFF0F2;
border:1px dotted;
}

.wikiSelectableItem {
width:20em;
height:14em;
background-color:#D9ECFF;
border:1px solid;
}

.wikiCustomerHomepage {
margin-left:0;
margin-right:5px;
}

.wikiCustomerHomepageTitle {
background:url(../images/bg_corner_topleft.gif) no-repeat top left;
background-color:#33508c;
height:1.5em;
}

.wikiCustomerHomepageTitle span {
color:#FFF;
font-weight:700;
margin-left:15px;
}

.wikiCustomerHomepageContent {
border:1px solid #33508c;
background-color:#EFF0F2;
}

.wikiBoxTitle, .wikiLabelText {
margin-left:15px;
color:#002071;
font-weight:bold;
}

.wikiBoxDarkYellow {
background:#ffffff;
border-bottom: 1px solid #dfdfdf;
margin-right:5px;
}


.wikiBoxDarkYellowTop {
background: url("../images/bg_yellow_topleft.gif") repeat scroll left top transparent;
padding:5px;
width:195px;
}



.wikiBoxDarkYellowTop DIV .wikiBox {
        margin: 0px 0px 0px 15px;
}


.wikiBoxDarkGreen {
background:#DCEBD5;
border-bottom:2px solid #51992C;
margin-right:5px;
}

.wikiBoxDarkGreenTop {
background:url(../images/bg_corner_topleft.gif) no-repeat top left;
background-color:#51992c;
border-bottom:2px solid #FFF;
height:1.5em;
}

.wikiBoxDarkRed {
background:#CD1628;
border-bottom:2px solid #FFF;
margin-right:5px;
color:#FFF;
}

.wikiBoxDarkRedTop {
background:url(../images/bg_corner_topleft.gif) no-repeat top left;
background-color:#B32628;
border-bottom:2px solid #FFF;
height:1.5em;
}

.wikiBlueWhiteTable th {
border:2px #33508c solid;
background-color:#33508c;
color:#FFF;
font-weight:700;
height:2em;
padding:4px;
}

.wikiBlueWhiteTable td {
border:2px #33508c solid;
background-color:#FFF;
margin:0;
padding:4px;
}

.wikiBlueTable th {
border:2px #33508c solid;
background-color:#33508c;
color:#FFF;
font-weight:700;
height:2em;
padding:4px 6px;
}

.wikiBlueTable td {
border:2px #33508c solid;
margin:0;
padding:4px 6px;
}

.wikiYellowWhiteTable td {
border:2px #FAD233 solid;
background-color:#FFF;
margin:0;
padding:4px;
}

.wikiYellowTable td {
border:2px #FAD233 solid;
margin:0;
padding:4px;
}

.wikiGreenWhiteTable td {
border:2px #51992c solid;
background-color:#FFF;
margin:0;
padding:4px;
}

.wikiGreenTable td {
border:2px #51992c solid;
margin:0;
padding:4px;
}

.wikiRedWhiteTable td {
border:2px #B32628 solid;
background-color:#FFF;
margin:0;
padding:4px;
}

.wikiRedTable td {
border:2px #B32628 solid;
margin:0;
padding:4px;
}

.wikiVideoNoFlash a {
font-size:0.85em;
}



.TEXTFIELD {
border:1px solid #646464;
padding:2px;
}

.RO_TEXTFIELD {
border:1px solid #646464;
color:silver;
padding:2px;
}

.button {
border:solid 1px #969696;
text-align:center;
font-weight:700;
padding:1px !important;
}


.greenButton {
   background:url("/images/blueButtonBackground.jpg");

color:white;
text-align:center;
font-weight:700;
/* padding:1px !important; */
padding:5px !important;
}

.greenButton:hover {
cursor:pointer;
border:solid 1px #505050;
background:#d9efb9;
color:#505050;
}

.redButton {
background:#B32628;
border:solid 1px #969696;
text-align:center;
color:#FFF;
font-weight:700;
padding:1px !important;
}

.redButton:hover {
cursor:pointer;
border:solid 1px #505050;
background:#CD1628;
color:#FFF;
}

/* Gelber Button im Newsletterpopup */
.yellowButton1 {
background:yellow;
border:solid 1px #969696;
text-align:center;
color:#1A3C7B;
font-weight:700;
padding:1px !important;
}

.yellowButton1:hover {
cursor:pointer;
border:solid 1px #505050;
background:#darkyellow;
color:#1A3C7B;
}
/* END */



.wikiSurvey div div {
padding:2px;
}

.wikiSurvey div div span {
margin-right:5px;
margin-left:5px;
vertical-align:top;
}

.checkList,.checklist ul {
background-color:#FFF;
border:1px solid #646464;
list-style:none;
height:5em;
overflow:auto;
width:30em;
margin:0;
padding:0;
}

.checkList,.checkList li {
margin:0;
padding:4px;
}

.checkList li label {
display:block;
color:#000;
}

.checkList li label:hover,.checkList li label:hover {
background:#777;
color:#fff;
text-decoration:none;
}

* html .checkList li label {
height:1%;
}

/* Spezielle Checklistdefinition fuer das Newsletterpopup */
.checkList1,.checklist1 ul {
/*background-color:#FFF;*/
/*border:1px solid #646464;*/
list-style:none;
height:5em;
overflow:auto;
width:30em;
margin:0;
padding:0;
}

.checkList1,.checkList1 li {
margin:0;
padding:4px;
}

.checkList1 li label {
display:block;
color:#fff;
}

.checkList1 li label:hover,.checkList1 li label:hover {
/*background:#777;*/
color:#fff;
text-decoration:none;
}

* html .checkList1 li label {
height:1%;
}
/* END */

.newsletterPopup {
background-color:#002071;
padding:5px 0px 5px 15px;
width:425px;
}

.marquee {
position:relative;
width:200px;
height:200px;
background-color:#FFF;
overflow:hidden;
border:3px solid orange;
color:#000;
padding:2px 2px 2px 4px;
}

.searchword {
background:#f93;
color:#000;
}

.graphBar {
background:#f93;
color:#f93;
}

.gBar {
white-space:nowrap;
}

.orangeBox {
border:solid 1px #e8b10d;
background-color:#FFF;
}

.orangeBox_groupboxHeader {
color:#FFF;
background-color:#F57709;
font-weight:700;
}

.yellowBox {
/*border:solid 1px #ffff80;*/
   border: none;
background-color:#FFF;
}

.yellowBox_groupboxHeader {
color:#002071;
background-color:#FF0;
font-weight:700;
background:url(../images/bg_yellow_topleft.gif) repeat top left;
padding: 5px;
}

.greyBox {
border:1px solid #ccc;
background:#f5f5f5;
}

.greyBox_groupboxHeader {
color:#FFF;
background:#565656;
font-weight:700;
}

.greenBox {
border:solid 1px #a0d651;
background-color:#d9efb9;
}

.greenBox_groupboxHeader {
color:#FFF;
background-color:#a0d651;
font-weight:700;
}

.lightBlueBox {
border:solid 1px #57b;
background-color:#d6dff7;
}

.lightBlueBox_groupboxHeader {
color:#FFF;
background-color:#57b;
font-weight:700;
}

.relevanceBar {
background:url(../images/grey_bar.gif) no-repeat top left;
width:219px;
height:12px;
}

ul.info-list {
list-style:none;
margin:0;
padding:0;
}

ul.info-list li {
background:url(../images/blue_info.gif) no-repeat top left;
margin:0;
padding:1px 0 .5em 22px;
}



.wikiToggleText {
background-color:#f1f1f1;
padding:5px;
cursor:pointer;
margin-bottom: 4px;
}

.wikiToggleText span {
background:url("/images/pfeil_nav.gif") no-repeat center left;
padding-left:15px;
/* margin-left:10px; */

}

.wikiToggleTextCaption {
font-weight:bold;
}

.wikiToggleTextContent {
margin-left: 10px;
}




#dhtmlgoodies_tooltip {
background-color:#EEE;
border:1px solid #000;
position:absolute;
display:none;
z-index:20000;
font-size:0.9em;
-moz-border-radius:6px;
font-family:"Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
padding:2px;
}

#dhtmlgoodies_tooltipShadow {
position:absolute;
background-color:#555;
display:none;
z-index:10000;
opacity:0.7px;
-moz-opacity:0.7px;
-moz-border-radius:6px;
}



.customerTabbedLoginContainer {
   background-color:white;
   padding: 0px;
   width: 425px;
}

.customerTabbedLoginByNavigation {
   background-color:#D9ECFF;
   margin: 0px;
}

.customerTabbedLoginByNavigation ul {
   margin:0;
   padding:0;

}

.customerTabbedLoginByNavigation li {
   display:inline;
   list-style:none;
}

.customerTabbedLoginByNavigation li a {
   text-decoration:none;
   margin:0;
}



.loginByID {
background:url(../images/DE_LoginByID_New.jpg) no-repeat top left;
width:378px;
height:240px;
margin-left:20px;
}


.loginByID_CardIDText {
   margin-left:125px;
   padding-top: 90px;

}


.loginByID_CardIDIF {
   margin-left:125px;
}


.loginByID_CardIDPFText {
   margin-left:125px;
}

.loginByID_CardIDPF {
   margin-left:125px;
}

.loginByOldCard {
   background:url(../images/DE_LoginByOldCard_New.jpg) no-repeat top left;
   width:350px;
   height:240px;
   margin-left:20px; 
}

.loginByOldCard_CardIDText {
   padding-top: 110px;
   padding-left: 70px;
}

.loginByOldCard_CardIDPFText {
   padding-left: 70px;

}

.loginByOldCard_CardIDIF {
   padding-left: 70px;
}

.loginByOldCard_CardIDPF {
   padding-left: 70px;
}

.loginByName {
   background:url(../images/DE_LoginByName_New.jpg) repeat top left;
   margin-left:20px;
   width:350px;
   height:240px;
}


.loginByName_CardIDText {
   padding-top: 110px;
   padding-left: 70px;
}


.loginByName_CardIDIF {
   padding-left: 70px;
}

.loginByName_CardIDPFText {
   padding-left: 70px;
}

.loginByName_CardIDPF {
   padding-left: 70px;
}

.catalog {


}

.catalogTitle {
      font-weight:bold;
}

.catalogView {
   padding-top:5px;
   padding-bottom:5px;  
}

.catalogIcons {
list-style:none;
margin:0;
padding:0;
font-size: 0.7em;
}

.catalogIcons li {
margin:0;
padding:0;
}

.storeDetailTop {
background:url("/images/win_close.gif") no-repeat top right;
background-color:#E2E0E1;
border-bottom:2px solid #FFF;
height:1.5em;
}

#storeDetail {
      background-color:white;
      border:1px solid #666;
      overflow:auto;
      /*font-size:12px; */
      color:#333;
      text-align:left;
      z-index:9999;
}
   
#modal_overlay {
      z-index:9998;
      background-color:#000;
      /* for IE */
      filter:alpha(opacity=60);
      /* CSS3 standard */
      opacity:0.6;
      /* for Mozilla */
      -moz-opacity:0.6;
}

/* Hintergrunddiv fuer ein InsertPage-Popup. */
#insert_page_modal_overlay {
      z-index:8887;
      background-color:#000;
      /* for IE */
      filter:alpha(opacity=60);
      /* CSS3 standard */
      opacity:0.6;
      /* for Mozilla */
      -moz-opacity:0.6;
}

#catalog_Detail {
      background-color:#D9ECFF;
      border:1px solid #666;
      overflow:auto;
      /*font-size:12px; */
      color:#333;
      text-align:left;
      z-index:9999;
}

.wikiSelectableAvailZone,.wikiSelectableDropZone {
width:23em;
height:45em;
}

   margin: 0px 0px 0px 5px;

.wikiBlueWhiteTable,.wikiBlueTable,.wikiYellowWhiteTable,.wikiYellowTable,.wikiGreenWhiteTable,.wikiGreenTable,.wikiRedWhiteTable,.wikiRedTable {
border-collapse:collapse;
margin:5px 0;
}

.wikiYellowWhiteTable th,.wikiYellowTable th {
border:2px #FAD233 solid;
background-color:#FAD233;
color:#33508c;
font-weight:700;
padding:4px;
}

.wikiGreenWhiteTable th,.wikiGreenTable th {
border:2px #51992c solid;
background-color:#51992c;
color:#FFF;
font-weight:700;
padding:4px;
}

.wikiRedWhiteTable th,.wikiRedTable th {
border:2px #B32628 solid;
background-color:#B32628;
color:#FFF;
font-weight:700;
padding:4px;
}




.wikiCrisis {
background: white;
margin-right:5px;
color:#FFF;
width:850px;
}

.wikiCrisisTop {
background:url(../images/bg_corner_topleft.gif) no-repeat top left;
background-color:#B32628;
border-bottom:2px solid #FFF;
height:1.5em;
}

.wikiCrisisContent {
border: 2px solid #B32628;
}

.wikiCrisisContent td {
margin:0;
padding:0;
}


.sixColTable {
   width: 100%;
}   

.sixColTable tr td {
    width: 16%;
}


.fiveColTable {
   width: 100%;
}

.fiveColTable tr td {
   width: 20%;
}

.fourColTable {
    width: 100%;
}    


.fourColTable tr td {
    width: 25%;
}


.threeColTable {
   width: 100%;
}

.threeColTable tr td {
    width: 33%;
}

.twoColTable {
    width: 100%;
}

.twoColTable tr td {
    width: 50%;
}     



.carousel {
    overflow: hidden;
}

.carousel .inner {
    
}

.carousel .middle {
    overflow: auto;
}

.carousel-control {

}


#stripePluginCarousel {
    width: 800px;
    height: 223px;
}

#stripePluginCarousel .middle {
    height: 240px;
}

#stripePluginCarousel .slide {
    width: 200px;
    padding: 5px;
    float: left;
}




#stripePluginCarousel a {
    float: left;
    width: 41px;
    height: 240px;
    line-height: 240px;
}

#stripePluginCarousel a img {
    top: 120px;
}

#stripePluginCarousel a.prev {
    background:url(../images/Pfeil-Links.jpg) no-repeat center left;
}

#stripePluginCarousel a.next {
    background:url(../images/Pfeil-rechts.jpg) no-repeat center right;
    padding-left: 10px;
    float: right;
}


#stripePluginControl a {
    float: left;
    width: 41px;
    height: 40px;
    line-height: 240px;
}

#stripePluginControl a img {
    top: 120px;
}

#stripePluginControl a.prev {
    background:url(../images/Pfeil-Links.jpg) no-repeat center left;
}

#stripePluginControl a.next {
    background:url(../images/Pfeil-rechts.jpg) no-repeat center right;
    padding-left: 10px;
    float: right;
}

#myFavoritesList {

}


.myFavorites {
   margin-left:-30px;
   margin-top:-10px;
   margin-right:-10px;

   width:205px;
   border:none;

}

.myFavorites td {
   padding-right: 0px;
}


.myFavorites a {
   text-decoration: none;
   text-align:middle;   
}

.myFavoritesHeader {
   cursor:pointer;
}

.myFavoritesEditAction:hover {
   font-weight:bold;
   color:red;
}

.myFavoritesEditAction {
   color:#555555;
}

.myServices {

}




.serviceItem {
   width:115px;
   height:115px;
}

.emptyServiceItem {
   border: 2px dashed #555555;
   width:115px;
   height:115px;
   text-align:center;
   color: #555555;
   background:url(../images/sp_add.gif) no-repeat center;
   cursor:pointer;
}

.serviceItemRemove {
   height:20px;
}

.serviceItemRemove img {
   cursor:pointer;
}

.serviceItemContent {
   width:110px;
   height:115px;

   /* border: 1px solid grey; */
}

/*
.popupWindow {
   z-index:9999;
   background-color:#CECFD3;
}
*/

.popupWindow span {
   cursor:pointer;
}

.availableServices {
   z-index:9999;
   width:400px;
   height:500px;  
   background-color:#CECFD3;
}

.availableServices ul {
   height:450px;  
   list-style:none;
   padding-left:0px;
   overflow:auto;
}

.availableServices li {
   background-color:white;
   height:50px;
   margin:10px;
   cursor:pointer;
}

.availableServices li div {
   text-align:top;
}

.availableServices li div img {
   height:52px;
   width:50px;
}
.availableServicesItems ul{
    overflow:auto; 
}

.availableServicesHeader {
   height:30px;
}

.availableServicesHeader {
   vertical-align: middle;
   color:white;
   font-size:1.5em; 
   font-weight:bold;
}


.availableServicesHeader span {
   cursor:pointer;
}

.myServicesToggleEdit {
   border: 1px solid grey;
   cursor:pointer;
}

.customerActivityBox {
    margin-left:-15px;
}

.customerActivityText {
    font-weight:bold;
    color:#555;
}

.profileCompleteness-table {
}

.customerActivityBar {
    border: 1px dotted lightgrey;
    padding: 1px;
}

.customerActivityGraphBar {
    background-color: #002071;
    position: relative;
    text-align: center;
    color: yellow;
    font-weight: bold;
    height: 20px;
    padding-top: 3px;
}