/*
    Variablen-Definitionen zur Benutzung durch alle Marken
*/
/* !!! IN DIESER DATEI NUR MIXINS UND LESS-VARIABLEN DEFINIEREN !!! */
/* !!! IN DIESER DATEI NUR MIXINS UND LESS-VARIABLEN DEFINIEREN !!! */
/*
    TODO:
    Das ist eine Kopie von StockFood.

    MUSS ÜBERPRÜFT UND GGF. WERDEN (inkl. Farben der SVGs)
*/
/*
SHARED MIXINS
(derzeit von SF, l4m, SPL & Strauss gemeinsam genutzt)
*/
/* --- Defaults für Variablen ---
(ggf. in den seitenunabhängigen Styles überschreiben)*/
/*
Mixin funktioniert nur auf oberster Ebene!
Beispiele:
Ein Icon:       .PreloadIcons(url('@{resources-icons}/arrow.png'));
Mehrere Icons:  .PreloadIcons(url('@{resources-icons}/arrow.png') url('@{resources-icons}/example.svg'));
*/
body::after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: url('/Sites/Living4Media/Resources/images/icons/Portrait_active.svg');
}
#Main {
  min-width: 1060px;
}
#Main .Teaser {
  width: 1055px;
}
#Main div.Alphabet {
  position: relative;
  width: 1055px;
  height: 260px;
  margin-top: 30px;
}
#Main div.Alphabet > a {
  position: absolute;
  text-align: center;
  text-decoration: none !important;
  /* --- BUCHSTABEN --- */
}
#Main div.Alphabet > a#A {
  height: 248px;
  line-height: 248px;
  width: 151px;
  font-size: 130px;
}
#Main div.Alphabet > a#B {
  width: 175px;
  height: 52px;
  line-height: 52px;
  left: 165px;
  font-size: 45px;
}
#Main div.Alphabet > a#C {
  width: 175px;
  height: 52px;
  line-height: 52px;
  left: 165px;
  top: 65px;
  font-size: 45px;
}
#Main div.Alphabet > a#D {
  width: 236px;
  height: 118px;
  line-height: 118px;
  left: 353px;
  font-size: 68px;
}
#Main div.Alphabet > a#M {
  height: 118px;
  line-height: 118px;
  width: 118px;
  left: 165px;
  top: 130px;
  font-size: 30px;
}
#Main div.Alphabet > a#N {
  height: 118px;
  line-height: 118px;
  width: 44px;
  left: 296px;
  top: 130px;
  font-size: 30px;
}
#Main div.Alphabet > a#O {
  height: 118px;
  line-height: 118px;
  width: 112px;
  left: 353px;
  top: 130px;
  font-size: 30px;
}
#Main div.Alphabet > a#P {
  height: 118px;
  line-height: 118px;
  width: 44px;
  left: 478px;
  top: 130px;
  font-size: 30px;
}
#Main div.Alphabet > a#Q {
  height: 53px;
  line-height: 53px;
  width: 55px;
  left: 534px;
  top: 130px;
  font-size: 38px;
}
#Main div.Alphabet > a#R {
  height: 53px;
  line-height: 53px;
  width: 55px;
  left: 534px;
  top: 195px;
  font-size: 38px;
}
#Main div.Alphabet > a#E {
  height: 118px;
  line-height: 118px;
  width: 118px;
  left: 600px;
  font-size: 68px;
}
#Main div.Alphabet > a#F {
  height: 118px;
  line-height: 118px;
  width: 118px;
  left: 728px;
  font-size: 68px;
}
#Main div.Alphabet > a#G {
  height: 53px;
  line-height: 53px;
  width: 55px;
  left: 857px;
  font-size: 38px;
}
#Main div.Alphabet > a#H {
  height: 53px;
  line-height: 53px;
  width: 55px;
  left: 923px;
  font-size: 38px;
}
#Main div.Alphabet > a#I {
  height: 53px;
  line-height: 53px;
  width: 55px;
  left: 989px;
  font-size: 38px;
}
#Main div.Alphabet > a#J {
  height: 53px;
  line-height: 53px;
  width: 55px;
  left: 857px;
  top: 64px;
  font-size: 38px;
}
#Main div.Alphabet > a#K {
  height: 53px;
  line-height: 53px;
  width: 55px;
  left: 923px;
  top: 64px;
  font-size: 38px;
}
#Main div.Alphabet > a#L {
  height: 53px;
  line-height: 53px;
  width: 55px;
  left: 989px;
  top: 64px;
  font-size: 38px;
}
#Main div.Alphabet > a#S {
  height: 53px;
  line-height: 53px;
  width: 180px;
  left: 600px;
  top: 129px;
  font-size: 35px;
}
#Main div.Alphabet > a#T {
  height: 53px;
  line-height: 53px;
  width: 180px;
  left: 600px;
  top: 195px;
  font-size: 35px;
}
#Main div.Alphabet > a#U {
  height: 53px;
  line-height: 53px;
  width: 55px;
  left: 791px;
  top: 129px;
  font-size: 38px;
}
#Main div.Alphabet > a#V {
  height: 53px;
  line-height: 53px;
  width: 55px;
  left: 791px;
  top: 195px;
  font-size: 38px;
}
#Main div.Alphabet > a#W {
  height: 118px;
  line-height: 118px;
  width: 55px;
  left: 857px;
  top: 130px;
  font-size: 30px;
}
#Main div.Alphabet > a#X {
  height: 118px;
  line-height: 118px;
  width: 55px;
  left: 923px;
  top: 130px;
  font-size: 30px;
}
#Main div.Alphabet > a#Y {
  height: 53px;
  line-height: 53px;
  width: 55px;
  left: 989px;
  top: 130px;
  font-size: 38px;
}
#Main div.Alphabet > a#Z {
  height: 53px;
  line-height: 53px;
  width: 55px;
  left: 989px;
  top: 195px;
  font-size: 38px;
}
#Main #LetterHeadline {
  font-size: 45px;
}
#Main div#Photographers div.Column {
  float: left;
  width: 525px;
  margin-bottom: 40px;
}
#Main div#Photographers a {
  text-decoration: none;
}
#Main div#Photographers a.ImagesBox:hover,
#Main div#Photographers a.VideosBox:hover,
#Main div#Photographers a.FeaturesBox:hover {
  text-decoration: underline;
}
#Main div#Photographers a.PortraitBox,
#Main div#Photographers a.BlogBox {
  display: inline-block;
  vertical-align: middle;
}
#Main div#Photographers a.PortraitBox {
  width: 16px;
  height: 19px;
  margin: 2px 4px;
  background-image: url('/Sites/Living4Media/Resources/images/icons/Portrait.svg');
  background-repeat: no-repeat;
}
#Main div#Photographers a.BlogBox {
  width: 24px;
  height: 17px;
  margin: -2px 3px;
  background-image: url('/Sites/Living4Media/Resources/images/icons/Blogger.svg');
  background-repeat: no-repeat;
}
#Main div#Photographers .Photographer.HasPortrait a:hover ~ a.PortraitBox,
#Main div#Photographers .Photographer.HasPortrait .CountryCode:hover ~ a.PortraitBox,
#Main div#Photographers .Photographer.HasPortrait a.PortraitBox:hover {
  background-image: url('/Sites/Living4Media/Resources/images/icons/Portrait_active.svg');
}
#Main div#Photographers .Photographer.HasPortrait a.BlogBox:hover {
  background-image: url('/Sites/Living4Media/Resources/images/icons/Blogger_active.svg');
}
#Main span.ToolTip {
  display: none;
  position: absolute;
  z-index: 1000;
  background-color: #fff;
  padding: 3px 5px;
  margin-left: -10px;
  margin-top: -6px;
  font-size: 13px;
  line-height: 16px;
  white-space: normal;
}
#Main .Teaser a {
  display: inline-block;
  padding-left: 18px;
  margin-left: 2px;
  background-size: 13px auto;
  background-image: url('/Sites/Living4Media/Resources/images/icons/Portrait.svg');
  background-repeat: no-repeat;
  background-position: left center;
}
#Main .Teaser a:hover {
  background-image: url('/Sites/Living4Media/Resources/images/icons/Portrait_active.svg');
  background-repeat: no-repeat;
}
#Main div.Alphabet > a {
  font-family: "HelveticaNeueLT-Thin", "Helvetica Neue", Helvetica, sans-serif;
  border: 1px solid #dddddd;
  color: #4d4d4d;
}
#Main div.Alphabet > a.Active {
  background: #e9e9e9;
}
#Main div.Alphabet > a:hover {
  background-color: #cc3f0e;
  border: 1px solid #cc3f0e;
  color: #FFF;
}
#Main div.Alphabet > a#B,
#Main div.Alphabet > a#C {
  font-size: 35px;
}
#Main #LetterHeadline {
  font-family: "HelveticaNeueLT-Thin", "Helvetica Neue", Helvetica, sans-serif;
  color: #cc3f0e;
  margin: 20px 0 10px 0;
}
#Main div#Photographers {
  height: 250px;
}
#Main div#Photographers a {
  color: #737373;
  font-family: "HelveticaNeueLT-Thin", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 19px;
}
#Main div#Photographers a.CountryCode {
  font-size: 15px;
}
#Main div#Photographers a.ImagesBox,
#Main div#Photographers a.VideosBox,
#Main div#Photographers a.FeaturesBox {
  font-size: 14px;
  font-family: "Segoe UI", "Roboto", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}
#Main div#Photographers a.ImagesBox:hover,
#Main div#Photographers a.VideosBox:hover,
#Main div#Photographers a.FeaturesBox:hover {
  color: #cc3f0e;
}
#Main div#Photographers a.PortraitBox {
  width: 13px;
  height: 16px;
  margin: -1px 4px;
  vertical-align: baseline;
}
#Main div#Photographers .Photographer {
  margin-bottom: 0.6em;
}
#Main div#Photographers .Photographer.HasPortrait a:hover {
  color: #cc3f0e;
}
#Main div#Photographers .Photographer.HasPortrait .CountryCode:hover {
  color: #737373;
}
#Main span.ToolTip {
  margin-left: -6px;
  border: 1px solid #dddddd;
}

/*# sourceMappingURL=../../SharedControllers/ArtistsPage/Styles.living4media.css.map */