﻿
/* ----------------------------------------------- */
/* ----- newCOMer GmbH --- AV --- 16.12.2015 ----- */
/* ----------------------------------------------- */

body
{
  background-image: url(../../Images/Bildverwaltung/Lib/BodyBG.gif);
  background-position: left -20px;
  background-repeat: repeat-x;
}




/* --------------------------- */
/* Header */
/* --------------------------- */

header#Header div#Logo
{
  background-color: #707173;
}

header#Header div#Warenkorb
{
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #707173;
}

header#Header div#Warenkorb a
{
  color: #707173;
  text-decoration: none;
}

header#Header div#Warenkorb a:link
{
  color: #707173;
  text-decoration: none;
}

header#Header div#Warenkorb a:visited
{
  color: #707173;
  text-decoration: none;
}

header#Header div#Warenkorb a:hover
{
  color: #707173;
  text-decoration: underline;
}

header#Header div#Warenkorb a:active
{
  color: #707173;
  text-decoration: none;
}




/* Haupt Navigation */
header#Header div#HauptNavigationBlock
{
  /*background-color: #707173;*/
}

header#Header div#HauptNavigationBlock div#HauptNavigation ul li
{
  list-style-type: none;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  color: #707173;
  font-weight: 600;
  letter-spacing: 1px;
}

header#Header div#HauptNavigationBlock div#HauptNavigation ul li a
{
  color: #707173;
  text-decoration: none;
}

header#Header div#HauptNavigationBlock div#HauptNavigation ul li a:link
{
  color: #707173;
  text-decoration: none;
}

header#Header div#HauptNavigationBlock div#HauptNavigation ul li a:visited
{
  color: #707173;
  text-decoration: none;
}

header#Header div#HauptNavigationBlock div#HauptNavigation ul li a:hover
{
  color: #707173;
  text-decoration: none;
}

header#Header div#HauptNavigationBlock div#HauptNavigation ul li a:active
{
  color: #707173;
  text-decoration: none;
}





header#Header div#HauptNavigationBlock div#Support
{
  color: #707173;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 13px;
}

header#Header div#HauptNavigationBlock div#Support a
{
  color: #707173;
  text-decoration: none;
}

header#Header div#HauptNavigationBlock div#Support a:link
{
  color: #707173;
  text-decoration: none;
}

header#Header div#HauptNavigationBlock div#Support a:visited
{
  color: #707173;
  text-decoration: none;
}

header#Header div#HauptNavigationBlock div#Support a:hover
{
  color: #707173;
  text-decoration: none;
}

header#Header div#HauptNavigationBlock div#Support a:active
{
  color: #707173;
  text-decoration: none;
}



/* Header Navigation */
header#Header div#HeaderNavigation ul li
{
  list-style-type: none;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 13px;
  color: #707173;
}

header#Header div#HeaderNavigation ul li a
{
  color: #707173;
  text-decoration: none;
}

header#Header div#HeaderNavigation ul li a:link
{
  color: #707173;
  text-decoration: none;
}

header#Header div#HeaderNavigation ul li a:visited
{
  color: #707173;
  text-decoration: none;
}

header#Header div#HeaderNavigation ul li a:hover
{
  color: #707173;
  text-decoration: underline;
}

header#Header div#HeaderNavigation ul li a:active
{
  color: #707173;
  text-decoration: none;
}





/* --------------------------- */
/* Content */
/* --------------------------- */

div#Content div#Inhalt div.Bild a
{
  text-decoration: none;
}

div#Content div#Inhalt div.Bild a:link
{
  text-decoration: none;
}

div#Content div#Inhalt div.Bild a:visited
{
  text-decoration: none;
}

div#Content div#Inhalt div.Bild a:hover
{
  text-decoration: none;
}

div#Content div#Inhalt div.Bild a:active
{
  text-decoration: none;
}

.FAQFrage
{
  background-image: url(../../images/FAQplus_grau.gif);
}

.FAQFrage.inaktiv
{
  background-image: url(../../images/FAQplus_grau.gif);
}

.FAQFrage.aktiv
{
  background-image: url(../../images/FAQminus_grau.gif);
}





/* --------------------------- */
/* Übersicht */
/* --------------------------- */

div#Content div#Inhalt div.FilterControls
{
  border-bottom: 1px solid #bdbdbd;
  border-top: 1px solid #bdbdbd;
  color: #707173;
  font-family: 'Open Sans', Arial, Helvetica, Verdana, Sans-Serif;
  font-size: 12px;
}

div#Content div#Inhalt div.FilterControls div.FilterControl input[type=text]
{
  border: 1px solid #9a9a9a;
  color: #707173;
  font-family: 'Open Sans', Arial, Helvetica, Verdana, Sans-Serif;
  font-size: 12px;
}

div#Content div#Inhalt div.GalerieBlock div.GalerieItem div.Bild div.WarenkorbIcon
{
  background-position: left top;
  background-repeat: no-repeat;
}

div#Content div#Inhalt .WarenkorbIconEntfernen {background-image: url(../../Images/Lib/icnWarenkorbKlein_minus.gif) !important;}
div#Content div#Inhalt .WarenkorbIconHinzufuegen {background-image: url(../../Images/Lib/icnWarenkorbKlein_plus.gif) !important;}
div#Content div#Inhalt .WarenkorbIconEntfernenFarbe {background-image: url(../../Images/Lib/icnWarenkorbKleinGruen_minus.gif) !important;}
div#Content div#Inhalt .WarenkorbIconHinzufuegenFarbe {background-image: url(../../Images/Lib/icnWarenkorbKleinGruen_plus.gif) !important;}

div#Content div#Inhalt .DeleteWarenkorbIconEntfernen {background-image: url(../../Images/Lib/icnMuelltonneKleinGruen_minus.gif) !important;}
div#Content div#Inhalt .DeleteWarenkorbIconHinzufuegen {background-image: url(../../Images/Lib/icnMuelltonneKleinGruen_plus.gif) !important;}
div#Content div#Inhalt .DeleteWarenkorbIconEntfernenFarbe {background-image: url(../../Images/Lib/icnMuelltonneKleinGruen_minus.gif) !important;}
div#Content div#Inhalt .DeleteWarenkorbIconHinzufuegenFarbe {background-image: url(../../Images/Lib/icnMuelltonneKleinGruen_plus.gif) !important;}




/* --------------------------- */
/* Download */
/* --------------------------- */

div#Content div#Inhalt div#DownloadContainer div#DownloadBildContainer div.BildMandant,
div#Content div#Inhalt div#DownloadContainer div#DownloadBildContainer div.BildFotograf
{
  color: #707173;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: 400;
}

div#Content div#Inhalt div#DownloadContainer div#DownloadBildContainer div.BildMandant a,
div#Content div#Inhalt div#DownloadContainer div#DownloadBildContainer div.BildFotograf a,
div#Content div#Inhalt div#DownloadContainer div#DownloadBildContainer div.BildMandant a:link,
div#Content div#Inhalt div#DownloadContainer div#DownloadBildContainer div.BildFotograf a:link
{
  color: #707173;
  text-decoration: underline;
}

div#Content div#Inhalt div#DownloadContainer div#DownloadBildContainer div.BildMandant a:visited,
div#Content div#Inhalt div#DownloadContainer div#DownloadBildContainer div.BildFotograf a:visited
{
  color: #707173;
  text-decoration: underline;
}

div#Content div#Inhalt div#DownloadContainer div#DownloadBildContainer div.BildMandant a:hover,
div#Content div#Inhalt div#DownloadContainer div#DownloadBildContainer div.BildFotograf a:hover
{
  color: #707173;
  text-decoration: none;
}

div#Content div#Inhalt div#DownloadContainer div#DownloadBildContainer div.BildMandant a:active,
div#Content div#Inhalt div#DownloadContainer div#DownloadBildContainer div.BildFotograf a:active
{
  color: #707173;
  text-decoration: underline;
}



div#Content div#Inhalt div#DownloadContainer div.ButtonWarenkorb
{
  background-position: left center;
  background-repeat: no-repeat;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

div#Content div#Inhalt div#DownloadContainer div.ButtonWarenkorb a
{
  color: #707173;
  text-decoration: none;
}

div#Content div#Inhalt div#DownloadContainer div.ButtonWarenkorb a:link
{
  color: #707173;
  text-decoration: none;
}

div#Content div#Inhalt div#DownloadContainer div.ButtonWarenkorb a:visited
{
  color: #707173;
  text-decoration: none;
}

div#Content div#Inhalt div#DownloadContainer div.ButtonWarenkorb a:hover
{
  color: #707173;
  text-decoration: underline;
}

div#Content div#Inhalt div#DownloadContainer div.ButtonWarenkorb a:active
{
  color: #707173;
  text-decoration: none;
}



div#Content div#Inhalt div.DownloadButtonsContainer div.ButtonDownload
{
  border-bottom: 1px solid #b2b2b2;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

div#Content div#Inhalt div.DownloadButtonsContainer div.ButtonDownload:last-of-type
{
  border-bottom: 0px;
}

div#Content div#Inhalt div.DownloadButtonsContainer div.ButtonDownload a
{
  background-color: #f0f0f0;
  /*background-image: url(../../Images/Lib/Download.gif);
  background-position: right center;
  background-repeat: no-repeat;*/
}

div#Content div#Inhalt div.DownloadButtonsContainer div.ButtonDownload a:link
{
  color: #707173;
  text-decoration: none;
}

div#Content div#Inhalt div.DownloadButtonsContainer div.ButtonDownload a:visited
{
  color: #707173;
  text-decoration: none;
}

div#Content div#Inhalt div.DownloadButtonsContainer div.ButtonDownload a:hover
{
  color: #707173;
  text-decoration: none;
}

div#Content div#Inhalt div.DownloadButtonsContainer div.ButtonDownload a:active
{
  color: #707173;
  text-decoration: none;
}







/* ----------------------- */
/* Unternavigation */
/* ----------------------- */

div#Content div#Inhalt ul.Navigation li a
{
  color: #707173;
  text-decoration: none;
  background-image: url(../../images/Lib/icnPfeil.png);
  background-position: left 10px;
  background-repeat: no-repeat;
}

div#Content div#Inhalt ul.Navigation li a:link {color: #707173; text-decoration: none;}
div#Content div#Inhalt ul.Navigation li a:visited {color: #707173; text-decoration: none;}
div#Content div#Inhalt ul.Navigation li a:hover {color: #2a9d02; text-decoration: none;}
div#Content div#Inhalt ul.Navigation li a:active {color: #707173; text-decoration: none;}

div#Content div#Inhalt ul.Navigation li a.Aktiv,
div#Content div#Inhalt ul.Navigation li a.Aktiv:link,
div#Content div#Inhalt ul.Navigation li a.Aktiv:visited,
div#Content div#Inhalt ul.Navigation li a.Aktiv:hover,
div#Content div#Inhalt ul.Navigation li a.Aktiv:active {color: #2a9d02;}





/* ----------------------- */
/* Upload */
/* ----------------------- */

div#Content div#Inhalt div.ToggleBox:nth-child(2n)
{ /*background-color: #efefef;*/
}

div#Content div#Inhalt div.ToggleBox:last-of-type
{
  border-bottom: 1px solid #bdbdbd;
}

div#Content div#Inhalt div.ToggleBox div.ToggleHeadline
{
  border-top: 1px solid #bdbdbd;
  background-image: url(../../Images/Lib/Pfeil_inaktiv.gif);
  background-position: left top;
  background-repeat: no-repeat;
  cursor: pointer;
}

div#Content div#Inhalt div.ToggleBox.Aktiv div.ToggleHeadline
{
  background-image: url(../../Images/Lib/Pfeil_aktiv.gif);
}



div#Content div#Inhalt div.ToggleBox div.ToggleContainer div.ToggleContainerDaten
{
  background-color: #efefef;
}

div#Content div#Inhalt div.ToggleBox:nth-child(2n) div.ToggleContainer div.ToggleContainerDaten
{ /*background-color: #ffffff;*/
}

div#Content div#Inhalt div.ToggleBox div.ToggleContainer div.ToggleContainerDaten table.tblBilddaten tr td,
div#Content div#Inhalt div.ToggleBox div.ToggleContainer div.ToggleContainerDaten table.tblBilddaten tr td input[type=text],
div#Content div#Inhalt div.ToggleBox div.ToggleContainer div.ToggleContainerDaten table.tblBilddaten tr td textarea
{
  color: #707173;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 12px;
}

div#Content div#Inhalt div.ToggleBox div.ToggleContainer div.ToggleContainerDaten table.tblBilddaten tr td [type=checkbox]
{
  margin-left: 15px;
}

div#Content div#Inhalt div.ToggleBox div.ToggleHeadline div.BildLoeschen
{
  color: #707173;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 13px;
}

div#Content div#Inhalt div.ToggleBox div.ToggleHeadline div.BildLoeschen a
{
  color: #707173;
  text-decoration: underline;
}

div#Content div#Inhalt div.ToggleBox div.ToggleHeadline div.BildLoeschen a:link
{
  color: #707173;
  text-decoration: underline;
}

div#Content div#Inhalt div.ToggleBox div.ToggleHeadline div.BildLoeschen a:visited
{
  color: #707173;
  text-decoration: underline;
}

div#Content div#Inhalt div.ToggleBox div.ToggleHeadline div.BildLoeschen a:hover
{
  color: #707173;
  text-decoration: none;
}

div#Content div#Inhalt div.ToggleBox div.ToggleHeadline div.BildLoeschen a:active
{
  color: #707173;
  text-decoration: underline;
}






/* ----------------------- */
/* Formatierungen */
/* ----------------------- */

div#Content div#Inhalt h1
{
  color: #707173;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

div#Content div#Inhalt h2
{
  color: #707173;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

div#Content div#Inhalt h3
{
  color: #707173;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

div#Content div#Inhalt h4,
div#Content div#Inhalt h5
{
  color: #707173;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

div#Content div#Inhalt h6
{
  color: #707173;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

div#Content div#Inhalt .UeberschriftStrich
{
  border-bottom: 1px solid #707173;
}

div#Content div#Inhalt,
div#Content div#Inhalt p,
div#Content div#Inhalt ul li,
div#Content div#Inhalt ol li,
div#Content div#Inhalt table tr th,
div#Content div#Inhalt table tr td
{
  color: #707173;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 14px;
}

div#Content div#Inhalt hr
{
  background-color: transparent;
  border: 0px;
  border-bottom: 1px solid #bdbdbd;
}

div#Content div#Inhalt a.LinkWieButton
{
  color: #707173;
  background-color: #ffffff;
  background-image: url(../../Images/Lib/PfeilButton.png);
  background-position: right center;
  background-repeat: no-repeat;
  border: 1px solid #9d9d9d;
  text-decoration: none;
}

div#Content div#Inhalt a.LinkWieButton:link
{
  color: #707173;
  text-decoration: none;
}

div#Content div#Inhalt a.LinkWieButton:visited
{
  color: #707173;
  text-decoration: none;
}

div#Content div#Inhalt a.LinkWieButton:hover
{
  color: #707173;
  text-decoration: none;
  background-color: #f6f6f6;
}

div#Content div#Inhalt a.LinkWieButton:active
{
  color: #707173;
  text-decoration: none;
}



/* Bilder und Galerien */
div#Content div#Inhalt div.Kategorie
{
  color: #707173;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 13px;
}

div#Content div#Inhalt div.Kategorie a
{
  color: #707173;
  text-decoration: none;
}

div#Content div#Inhalt div.Kategorie a:link
{
  color: #707173;
  text-decoration: none;
}

div#Content div#Inhalt div.Kategorie a:visited
{
  color: #707173;
  text-decoration: none;
}

div#Content div#Inhalt div.Kategorie a:hover
{
  color: #707173;
  text-decoration: underline;
}

div#Content div#Inhalt div.Kategorie a:active
{
  color: #707173;
  text-decoration: none;
}









/* Suche */


div#Suche div#SucheDropDown
{
  border: 1px solid #b7b8b9;
  background-image: url(../../Images/Lib/PfeilDropdown.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  color: #707173;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 13px;
}

div#Suche input.txtSuche
{
  border: 1px solid #b7b8b9;
  color: #9fa0a2;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
}


div#Suche input.txtSuche:focus
{
  color: #707173;
  font-style: normal;
  font-weight: 400;
}

div#Suche input.btnSuche
{
  background-color: #2a9d02;
  border: 0px;
  color: #ffffff;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

div#Suche input.btnSuche:hover
{
  background-color: #268a03;
}





/* Slider */
div.SliderTitel
{
  color: #ffffff;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

div.SliderText
{
  color: #ffffff;
  font-family: 'Open Sans', Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 400;
}


div.SlideControlsContainerKlein div.MiniSliderIndicator span
{
  background-color: rgba(255, 255, 255, 0.50);
  border: #cccccc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

div.SlideControlsContainerKlein div.MiniSliderIndicator span.Aktiv
{
  background-color: rgba(255, 255, 255, 1);
}



/* Allgemein */
.Kursiv
{
  font-style: italic;
}

.Fett
{
  font-weight: 600;
}

.Unterstrichen
{
  text-decoration: underline;
}





/* Filter Controls */
div.FilterControls select, div#Suche select
{
  font-size: 11px;
  color: #707173;
  margin-top: 1px;
}

div.FilterControls .DropDownChecklist, div#Suche .DropDownChecklist
{
  color: #707173;
}

div.FilterControls .ui-dropdownchecklist-selector, div#Suche .ui-dropdownchecklist-selector
{
  padding: 0px;
  padding-bottom: 1px;
  margin-bottom: 2px;
  cursor: pointer;
  padding-left: 5px;
  font-size: 11px;
  background-image: url(../../Images/Lib/PfeilDropdown.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 20px;
}

div.FilterControls .ui-dropdownchecklist-selector:hover, div#Suche .ui-dropdownchecklist-selector:hover
{
  background-color: #FFFFFF;
  color: #707173;
}

div.FilterControls .ui-dropdownchecklist-text
{
  font-size: 11px;
}




div#Suche .ui-dropdownchecklist-text
{
  font-size: 12px;
}

div#Suche .QuickSearch
{
  float: left;
  margin-right: 4px;
}


div#Suche .QuickSearch .ui-autocomplete-loading
{
  background-position: 1px 1px;
  background-size: 14px 14px;
}

div.QuickSearchMehr
{
  text-align: center;
  font-size: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
}

li.QuickSearchMehr a
{
  border: 0px !important;
}

div.QuickSearchMehr a
{
  display: inline !important;
}


.chosen-container-single .chosen-single,
.chosen-container .chosen-results li
{
  font-size: 14px !important;
}

div.pBestaetigung
{
  color: #2a9d02;
}


.pnlKategorienRechte{


}

.pnlKategorienRechte ul{
  margin-left: 10px !important;
  padding-left:  10px !important;
  list-style-type: square !important;

}

.pnlKategorienRechte li{
  margin-left: 10px !important;
  padding-left:  10px !important;
   list-style-type: square !important;
}

/*Neue WarenkobButtons*/


div.pnlButtonDownloadWarenkorb{
padding-right: 30px;
position: relative;
}


div#Content div#Inhalt div.DownloadButtonsContainer div.ButtonDownload a.Web{
  background-image: none;
}

div#Content div#Inhalt div.DownloadButtonsContainer div.ButtonDownload a.Print{
  background-image: none;
}

.btnWarenkorbEinzelformate{
  width: 30px;
  height: 33px;
  background-image: url(../../Images/Lib/icnWarenkorbKleinGruen_plus.gif) !important;
  background-repeat: no-repeat;
  background-position: 4px 6px !important;
  padding: 0px !important;
  margin: 0px !important;
  top: 0px;
  right: 0px;
  position: absolute;
  background-color: #f0f0f0 !important;
}