/**
*  +----------------------------------------------------------------------+
*  | BWARE Content Management System - Modul Webshop		              |
*  +----------------------------------------------------------------------+
*  | (c) Balazs Bezeczky / BWARE                    all rights reserved.  |
*  +----------------------------------------------------------------------+
*  | Lizenz stuff														  |
*  | Balazs Bezeczky / BWARE  Leystr. 54/9 1200 Wien					  |
*  +----------------------------------------------------------------------+
*
*	@since	20050510
*   @author	Balazs Bezeczky <office@bware.at>
*	@copyright	© 2005 Balazs Bezeczky / BWARE
*
*	Version: $Revision: 1.3 $
*	Letzte Änderung: $Date: 2015-09-27 06:52:49 $
*	Author: $Author: bbking $
*	Release Version: $Name:  $

*	Fullinfo: $Id: style.less,v 1.3 2015-09-27 06:52:49 bbking Exp $
*  +----------------------------------------------------------------------+
*/
/* allgemeine definitionen */
body {
  margin: 0px;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
div#distance {
  width: 1px;
  height: 48%;
  /* background-color:#00FF00;*/
  margin-bottom: -30em;
  float: left;
}
/* @artist-inhalt-hoehe beeinflusst die Anzeigefläche-Höhe auf ALLEN Seiten! 
   Nur diese Variable ändern! */
/* 520 sind OK */
/* Der Behälter der ganzen Seite, alles kommt hier rein */
div#main {
  position: relative;
  text-align: left;
  clear: left;
  max-width: 874px;
  width: 874px;
  height: 390px;
  margin: 0px auto;
  /*	background-color:#AAFF00; */

}
/* Behälter für Logo */
div#head {
  float: left;
}
/* Behälter für die Menüpunkte neben dem Logo */
div#kategorie {
  width: 200px;
  padding-left: 10px;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-stretch: extra-condensed;
  line-height: 17px;
  text-align: left;
  /*	background-color:#00FFAA; */

}
/* Behälter für die Untermenüpunkte, der dünne waagrechte Balken */
div#submenu {
  float: none;
  clear: left;
  height: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 11px;
  text-align: left;
  padding-left: 305px;
  padding-top: 0px;
  /*	background-color:#005500; */

}
/* Behälter, in dem sich der Inhalt der Seiten NEWS,
   CONTACT, PROJECTS immer ändert */
.inhalt {
  text-align: left;
  height: 530px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 13px;
  overflow: hidden;
  color: #ffffff;
  margin-top: 19px;
  width: 540px;
  /*	background-color:#FF0000; */

}
/* Behälter, in dem sich der Inhalt der Seiten NEWS,
   CONTACT, PROJECTS immer ändert, Mobilgeräte Version */
.inhalt_mob {
  text-align: left;
  height: 530px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 13px;
  overflow: scroll;
  color: #ffffff;
  margin-top: 19px;
  width: 560px;
}
/* Behälter, in dem sich der Inhalt immer ändert bei den Künstlern */
.inhalt_bio {
  text-align: left;
  height: 530px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 13px;
  color: #ffffff;
  padding-left: 305px;
  padding-top: 19px;
  /*	background-color:#224488; */

}
.inhalt_bio_IE {
  text-align: left;
  height: 529px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 13px;
  color: #ffffff;
  padding-left: 21px;
  padding-top: 19px;
  margin-top: 8px;
  /*	background-color:#224488; */

}
/* Behälter ganz unten, wo Deutscht|English drin steht */
div#sprache {
  clear: left;
  height: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 11px;
  font-weight: bold;
  padding-left: 305px;
  padding-top: 18px;
  padding-bottom: 18px;
  text-align: left;
  /* 	background-color:#667788; */

}
/* Behälter für Untermenüpunkte der einzelnen Künster */
div#artists_menu {
  width: 280px;
  float: left;
  height: 530px;
  padding-top: 0px;
  padding-left: 24px;
  margin-right: 0px;
  /*	background-color:#334455; */

  margin-top: 19px;
}
/* Behälter für Untermenüpunkte der einzelnen Künster */
div#artists_menu_IE {
  width: 280px;
  float: left;
  height: 515px;
  padding-top: 0px;
  padding-left: 24px;
  margin-right: 0px;
  /*	background-color:#334455; */

  margin-top: 19px;
}
.facebook {
  padding-top: 10px;
}
.facebook_IE {
  margin-top: 10px;
}
/* Behälter für Inhalt auf den Seiten News, Projects, Contact */
.inhalt_fixe_seiten {
  /* +19, weil die .inhalt margin-top:19px hat */

  height: 549px;
}
.iframe_website {
  /*width:150px; xxxx*/

  width: 250px;
  height: 180px;
  border: 0px;
  /*	bb: 06.07.2009	overflow:none; */

  overflow: hidden;
  /*	background-color:#44AA55; */

}
/* Behälter für Inhalte der einzelnen Künster */
div#artists_inhalt {
  text-align: left;
  height: 530px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 13px;
  /*padding-left:304px; xxxxx*/

  padding-top: 19px;
  margin-left: 0px;
  /*overflow:auto;*/

  color: #ffffff;
  /*padding-right:24px;*/

  /* 	background-color:#667788; */

}
div#artists_inhalt_IE {
  text-align: left;
  height: 485px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 13px;
  /*padding-left:304px; xxxxx*/

  padding-top: 19px;
  margin-left: 0px;
  /*overflow:auto;*/

  color: #ffffff;
  /*padding-right:24px;*/

  /* 	background-color:#667788; */

}
.artist_sub_inhalt {
  overflow: hidden;
  width: 540px;
  height: 395px;
  /*	background-color:#FF3377; */

}
.artist_sub_inhalt_mob {
  overflow: scroll;
  width: 560px;
  height: 373px;
}
.artist_sub_inhalt_IE {
  overflow: hidden;
  /* bb 05.07.2009	width: 570px; */

  width: 530px;
  /* bb 25.06.2009	height: 221px; */

  /*	bb 05.07.2009 height: 251px; */

  height: 400px;
  /*	background-color:#123456; */

}
/* 20121126: wird nicht mehr als div sondern als Unterklasse definiert, weil das Div nun myDisp heisst, damit */
/* es gescrollt werden kann */
.galerie_inhalt {
  text-align: left;
  height: 530px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 13px;
  /*padding-left:130px; xxxx*/

  padding-top: 19px;
  overflow: hidden;
  color: #ffffff;
  /*	background-color:#667788;    	*/

}
/* Behälter, in dem alle Künstler aufgelistet sind */
/* 20121126: wird nicht mehr als div sondern als Unterklasse definiert, weil das Div nun myDisp heisst, damit */
/* es gescrollt werden kann */
/* div#artists_liste_inhalt */
.artists_liste_inhalt {
  text-align: left;
  height: 530px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 13px;
  padding-left: 22px;
  padding-top: 19px;
  overflow: hidden;
  color: #ffffff;
  /* 	background-color:#667722;  */

}
.artists_liste_inhalt_mob {
  text-align: left;
  height: 530px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 13px;
  padding-left: 22px;
  padding-top: 19px;
  overflow: scroll;
  color: #ffffff;
  /* 	background-color:#667788; */

}
div#scroll_up {
  position: absolute;
  width: 20px;
  height: 20px;
  text-align: right;
  vertical-align: top;
  margin-left: 845px;
  margin-top: 16px;
}
div#scroll_up_IE {
  position: absolute;
  width: 20px;
  height: 20px;
  text-align: right;
  vertical-align: top;
  margin-left: 845px;
  margin-top: 16px;
}
div#scroll_down {
  position: absolute;
  width: 20px;
  height: 20px;
  text-align: right;
  margin-left: 845px;
  margin-top: -12px;
}
/* Behälter, der im Backend den Editor darstellt */
.editorInhalt {
  background-color: #999999;
}
/* ### LINKS ### */
/* Egal welche Farbe sprache_fg_farbe hat, die Links erhalten diese auch */
a:link,
a:visited,
a:focus {
  text-decoration: none;
  font-stretch: extra-condensed;
  /*	color:#ada4a9;*/

  color: #7a5a48;
}
a:hover,
a:active {
  /*text-decoration:none;*/

  text-decoration: underline;
  font-stretch: extra-condensed;
  color: #ffffff;
}
a.extramenu:link,
a.extramenu:visited,
a.extramenu:focus {
  text-decoration: none;
  font-stretch: extra-condensed;
  color: #FFFFFF;
}
a.extramenu:hover,
a.extramenu:active {
  /*text-decoration:none;*/

  text-decoration: none;
  font-stretch: extra-condensed;
  color: #7a5a48;
}
a.normalerLink:link,
a.normalerLink:visited,
a.normalerLink:focus {
  text-decoration: none;
  font-stretch: extra-condensed;
}
a.normalerLink:hover,
a.normalerLink:active {
  /* text-decoration:underline; */

  text-decoration: none;
  font-stretch: extra-condensed;
  color: #ffffff;
}
a.tronline:link,
a.tronline:visited,
a.tronline:active,
a.tronline:focus {
  text-decoration: none;
  font-stretch: extra-condensed;
  color: #bb2654;
}
a.tronline:hover {
  text-decoration: underline;
  font-stretch: extra-condensed;
  color: #ffffff;
}
a.bware:link,
a.bware:visited,
a.bware:active,
a.bware:focus {
  text-decoration: none;
  font-stretch: extra-condensed;
  color: #3e547c;
}
a.bware:hover {
  text-decoration: underline;
  font-stretch: extra-condensed;
  color: #ffffff;
}
a.weiss:link,
a.weiss:visited,
a.weiss:active,
a.weiss:focus {
  text-decoration: none;
  font-stretch: extra-condensed;
  color: #ffffff;
}
a.weiss:hover {
  text-decoration: underline;
  font-stretch: extra-condensed;
  color: #ffffff;
}
a.braun:link,
a.braun:visited,
a.braun:active,
a.braun:focus {
  text-decoration: none;
  font-stretch: extra-condensed;
  color: #7a5a48;
}
a.braun:hover {
  text-decoration: underline;
  font-stretch: extra-condensed;
  color: #7a5a48;
}
a.news:link,
a.news:visited,
a.news:active,
a.news:focus {
  text-decoration: none;
  font-stretch: extra-condensed;
  color: #71807d;
}
a.news:hover {
  text-decoration: underline;
  font-stretch: extra-condensed;
  color: #71807d;
}
a.download:link,
a.download:visited,
a.download:active,
a.download:focus {
  text-decoration: none;
  font-stretch: extra-condensed;
  color: #ffffff;
}
a.download:hover {
  text-decoration: underline;
  font-stretch: extra-condensed;
  color: #ffffff;
}
/* ### TABELLEN ### */
table.artists_tab {
  /*	bb 05.07.2009 width:545px; */

  width: 530px;
  border-spacing: 0px;
  color: #7a5a48;
}
td.rechts {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-left: 121px;
  padding-top: 0px;
  padding-bottom: 0px;
}
td {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 0px;
  padding-bottom: 0px;
}
td.laender {
  color: #7a5a48;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-left: 121px;
  padding-top: 0px;
  padding-bottom: 0px;
}
td.headline {
  color: #7a5a48;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-bottom: 1px solid #7a5a48;
  width: 530px;
  /* width:545px; 7.5.09 */

  padding-top: 0px;
  /* background-color:#123456;*/

}
td.linie {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-bottom: 1px solid #FFFFFF;
  padding-top: 0px;
  padding-bottom: 0px;
  /*	bb 02.07.2009 width:545px; */

  width: 530px;
}
td.linie_braun {
  color: #7a5a48;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  border-bottom: 1px solid #7a5a48;
  padding-top: 0px;
  padding-bottom: 0px;
  /* bb 06.07.2009 width:545px; */

  width: 530px;
}
td.bild {
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  height: 90px;
}
td.galerie_grossbild {
  /*background-color:#FFFFFF;*/

  width: 204px;
  height: 282px;
  text-align: left;
  vertical-align: middle;
}
td.galerie {
  width: 60px;
  height: 86px;
  background-color: #FFFFFF;
  vertical-align: top;
  text-align: center;
  padding: 0px;
  border: 0px;
  margin: 0px;
  border-width: 0px;
}
td.bla {
  padding: 0px;
  /* border:1px solid #000000; */

  border: 0px solid #000000;
  margin: 0px;
  height: 12px;
}
td.vspalte {
  width: 10px;
  height: 86px;
}
td.copyright {
  height: 10px;
  width: 60px;
}
/* Tabelle für die 9 Bilder */
table.galerie_tab {
  border-spacing: 0px;
  width: 204px;
  height: 282px;
  border: 0px;
  padding-top: 0px;
  margin-top: 14px;
}