/* LINKS */

a:link { 
  color:#cc0000;
  text-decoration:none; 
}
a:visited { 
  color:#333366;
  text-decoration:none; 
}
a:hover { 
  /*color:#5aad21;*/
  /*color:#00497e;*/
  /*color:#60A9Ce;*/
  text-decoration:underline; 
}
a:active { 
  color:#000000; 
  text-decoration:none; 
}
a:focus { 
  color:#333366;
  text-decoration:none; 
}

/* Alignment Klassen */

.al-right { 
  text-align: right;
}

.al-bottom-right { 
  text-align: right;
  vertical-align: bottom;
}

.al-left { 
  text-align: left;
}

.al-bottom-left { 
  text-align: left;
  vertical-align: bottom;
}

/* Grundsätzliche Einstellungen : Text */

body { 
  color: black;
  text-align: left;
  vertical-align: top;
  font-weight: bold; 
  font-family : "Verdana", "Geneva", "Helvetica", "Arial", sans-serif;
  font-size:10pt;
  line-height: 120%;
  height: 100%;
  background: #FFF70F;
  font-weight: bolder;
  margin: 0px;
  border: 0px;
  padding: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  overflow: hidden;
}

p { 
  font-weight: bold; 
  margin: 0px 0px 0.7em 0px;
}

td { 
  font-size: 10pt;
  text-align: left;
  margin: 0.5em 1.5em 0.5em 0.0em;
}

th { 
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  padding: 1.0em 1.5em 1.0em 0.0em;
}

h1 {
  color: #333366;
  background: url("balken-blau-klein.gif") no-repeat 0% 100%;
  font-size: 14pt;
  font-weight: bold;
  line-height: 120%;
  padding-left: 30px;
  padding-bottom: 5px;
  margin-left: -30px;
}

h2 {
  color: #0066cc;
  padding-top: 0px;
  font-size: 12pt;
  font-weight: bold;
  line-height: 120%;
  padding-bottom: 0.6em;
}

h3,h4,h5 { 
  font-size: 11pt;
  font-weight: bold;
  padding-top: 0px;
  padding-bottom: 0.6em;
}

table, div { 
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  margin: 10px 0px;
  padding: 0px;
}

ul { 
  margin: 0.4em 0px 0.0em 0px;
}

li { 
  padding: 0.0em 0px 0.0em 0px;
  margin-left: 20px;
}

a { }

img { 
  border: 1px;
  border-spacing: 0;
  border-collapse: collapse;
}

/* 
 * INNENSEITEN
 */

/* Format Layer - Innenseite */

#left {
  background: #333366;
  width: 175px;
  height: 100%;
  z-index: 2;
  margin: 0px;
  padding: 0px;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  top: 0px;
  left: 0px;
  bottom: 0px;
  position: absolute;
}

#top-left {
  background: #cc0000 url("halbloch-rot-oben.gif") no-repeat bottom left;
  width: 100%;
  height: 70px;
  overflow:hidden;
  z-index:2;
  margin: 0px;
  padding: 0px;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  top: 0px;
  left: 0px;
  right: 143px;
  position: absolute;
}

#stustaculumtitel {
  background: url("stustaculum-titel.gif") no-repeat;
  width: 482px;
  height: 45px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  left: 188px;
  top: 17px;
  z-index: 7;
  position: absolute; 
}

#top-right {
  background: #0066cc;
  height: 100%;
  width: 145px;
  z-index: 4;
  margin: 0px;
  padding: 0px;
  border: 0px;
  top: 0px;
  right: 0px;
  position: absolute;
}

#container {
  height: 100%;
  width: 100%;
  overflow: auto;
}

#bottom-right-content {
  overflow: auto;
  overflow-x: hidden;
  z-index: 10;
  top: 165px;
  left: 219px;
  right: 150px;
  bottom: 20px;
  margin: 0px 0px 20px 0px;
  padding: 0px 20px 0px 35px;
  font-weight: normal;
  position: absolute;
}

#bottom-right-content h1 {
  color: #333366;
  padding-top: 0px;
}

#bottom-right-content.nopictures { 
  right: 0px;
}

#bottom-right-content p { 
  font-weight: normal;
}

#bottom-right-content p.vorwort { 
}

#bottom-right-content p.unterschrift {
  text-decoration: italic;
}

/* Bilderlisten auf den Presse Seiten */
#bottom-right-content .bilder-tabelle {
  text-align: center;
  width: 100%;
}

#bottom-right-content .bilder-zelle {
  text-align: center;
  padding: 15px 0px;
}

#bottom-right-content .bilder-thumb {
  text-align: center;
  padding: 0px;
  margin: 5px;
  border: 0px;
  /*display: block;*/
}

#bottom-right-content .bilder-link {
  /*float: left;*/
  text-align: center;
  padding: 0px;
  margin: 0px;
  border: 0px;
  display: block;
}

#bottom-right-content .bilder-titel { 
  /*float: left;*/
  text-align: center;
  padding: 0px;
  margin: 0px;
  border: 0px;
  display: block;
}

#bottom-right-content .bilder-fotograf { 
  /*float: left;*/
  text-align: center;
  padding: 0px;
  margin: 0px;
  border: 0px;
  display: block;
}

/* Bilder allgemein rechts */
#bottom-right-pictures {
  text-align: center;
  margin: 0px;
  padding: 0px;
  border: 0px;
  overflow: hidden;
  width: 150px;
  z-index: 5;
  right: 0px;
  bottom: 0px;
  top: 186px;
  position: absolute;
}

#bottom-right-pictures img { 
  float:left;
  text-align: center;
  padding: 0px 0px;
  margin: 0px 0px 10px 0px;
  /*max-width: 150;*/
}

#bottom-right-pictures a { 
  float:left;
  padding: 10 px 0px;
}

/* StuStaCulum Schrift */

#ssc-schriftzug { 
  border: 0px;
  z-index: 4;
  top: 110px;
  right: 10px;
  position: absolute;
}

/* Navigation oben: Menue1 */

#menue1-bg {
  position:absolute;
  z-index: 1;
  background: #FFF70F;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 130px;
}
#menue1-ly { 
  /*width: 100%;*/
  z-index: 4;
  top: 80px;
  left: 185px;
  position: absolute;
  padding: 0;
  z-index: 10;
}

#menue1-ly a {
  color: black;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-family: "Verdana", "Geneva";
  padding: 0 0 0 7px;
}

#menue1-ly a:hover {
  color: #D2030E;
}

#menue1-ly a.aktiv {
  color: #D2030E;
}

/* Navigation links: Menue2 + Menue3 */

#navi-left-ly {
  color: #FFF70F;
  background: #cc0000;
  font-weight: bold;
  font-family: "Verdana", "Geneva";
  font-size: 10pt;
  text-align: left;
  top: 205px;
  left: 16px;
/*   width: 173px; */
  width: 11.5em;	
  width: expression( (document.body.currentStyle.fontSize) < "12pt" ? "164px" : "11.5em");
  min-width: 164px;
  z-index: 6;
  position: absolute;
  margin: 0;
  border: 0;
  padding: 10px 0 10px 0;
/*   padding: 12px 0px 21px 17px; */
}

#navi-left-ly a {
  color: #FFF70F;
  padding: 0px 0px 0px 21px;
  display: block;
}

#navi-left-ly a:hover { 
  color: #333366;
  text-decoration: none;
}

#navi-left-ly a.aktiv { 
  color: #333366;
  text-decoration: none;
}

#navi-left-ly h1 {
  color: #FFF70F;
  background: url("balken-gelb-klein.gif") no-repeat 100% 100%;
  font: bold "Verdana";
  padding: 0px 30px 5px 0px;
  margin-right: 5px;
  margin-left: 0;
}

#navi-third-ly {
  color: #FFF70F;
  background: #333366;
  font-weight: bold;
  font-family: "Verdana", "Geneva";
  font-size: 10pt;
  text-align: left;
  z-index: 6;
  border: 0;
  margin: 0 20px 3px -20px;
  padding: 13px 13px 13px 13px;
  /*padding-top: 12px 0px 21px 17px;*/
  float: left;
}

#navi-third-ly a {
  color: #FFF70F;
  display: block;
}

#navi-third-ly a:hover {
  color: #cc0000;
  text-decoration: none;
}

#navi-third-ly a.aktiv {
  color: #cc0000;
  text-decoration: none;
}

#klecks-rot {
  background: url("klecks-rot.gif") no-repeat;
  width: 175px;
  height: 199px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  left: 0px;
  bottom: 0px;
  z-index: 5;
  position: absolute; 
}

#tartaglia {
  background: url("tartaglia.gif") no-repeat;
  width: 68px;
  height: 185px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  right: 45px;
  top: 15px;
  z-index: 6;
  position: absolute; 
}

#klecks-blau {
  background: url("klecks-blau.gif") no-repeat;
  width: 86px;
  height: 111px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  right: 145px;
  top: 0px;
  z-index: 4;
  position: absolute; 
}

#datum {
  background: url("datum.gif") no-repeat;
  width: 145px;
  height: 15px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  right: 173px;
  top: 110px;
  z-index: 7;
  position: absolute; 
}

#trommler {
  background: url("trommler.gif") no-repeat;
  width: 78px;
  height: 145px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  left: 5px;
  top: 73px;
  z-index: 7;
  position: absolute; 
}

#gitarrist-klein {
  background: url("gitarrist-klein.gif") no-repeat;
  width: 45px;
  height: 83px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  left: 124px;
  top: 133px;
  z-index: 7;
  position: absolute; 
}

#halbloch-blau-oben {
  background: url("halbloch-blau-oben.gif") no-repeat;
  width: 24px;
  height: 16px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  left: 151px;
  top: 70px;
  z-index: 1;
  position: absolute; 
}

#halbloch-blau-unten {
  background: url("halbloch-blau-unten.gif") no-repeat;
  width: 17px;
  height: 26px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  left: 158px;
  bottom: 6px;
  z-index: 5;
  position: absolute; 
}

#loch-rot1 {
  background: url("loch-rot1.gif") no-repeat;
  width: 34px;
  height: 26px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  left: 27px;
  top: 3px;
  z-index: 3;
  position: absolute; 
}

#loch-rot2 {
  background: url("loch-rot2.gif") no-repeat;
  width: 52px;
  height: 33px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
  left: 86px;
  top: 10px;
  z-index: 3;
  position: absolute; 
}

#loch-rot3 {
  background: url("loch-rot3.gif") no-repeat;
  width: 21px;
  height: 16px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
/*   left: 690px; */
  right: 320px;
  top: 44px;
  z-index: 3;
  position: absolute; 
}

/* Spezielle Klassen */

img.partner { 
  text-align: center;
  padding: 5px;
  margin: 5px;
}

tr.partner, td.partner { 
  text-align: center;
  vertical-align: middle;
}

.float-image { 
  float: left;
  border: 0px;
  margin: 0px;
  padding: 0px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

/* */

.huge {
	font: bold xx-large sans-serif;
}