/** 
 * Copyright S.Raubal
 *
 * Colors:
 * red             #A01400
 * orange          #CC6600
 * grey            #B4B4B4 (frueher: 828282)
 * light yellow    #FFCC66
 */
 
/** Basic Tags */

body {
  background-color: #B4B4B4;
  color: #A01400;
  font: 0.7em "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  /* font: 0.7em/160% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; */
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

a {
  color: #A01400;
  text-decoration: underline;
}

a:hover {
  color: #FFF;
}

a.construction:hover {
  color: #FF9600;
}

h1, h2, h3, h4, h5, h6 {
  font: 100% bolder "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  font-style: italic;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 300%;
  color: yellow;
  padding: 0.2em 0 0.2em 0;
}

h2 {
  font-size: 125%;
  font-weight: bolder;
}

h3 {
  font-size: 110%;
  font-weight: bolder;
  color: #FFFFFF;
  _filter: DropShadow(Color=#626262, OffX=2, OffY=2, Positive=1);
  _width: 450px;
}

img {
  border: none;
}

em {
  color: #FFFFFF;
  font-weight: bolder;
}

i { /* semantisches tag waere besser gewesen :-( */ 
  font-style: normal;
  font-weight: bolder;
}

.title {
  background-repeat: no-repeat;
}

.title span {
  visibility: hidden;
}

.centered {
  text-align: center;
}

.cleared {
  clear: both;
}

/** Basic Elements */

#wrapper {
  background: #B4B4B4 url("images/bg_con_light.gif") repeat 0px 0px;
  border-collapse: collapse;
  border-style: none;
  padding: 0;
  margin: 0;
  width: 800px;
  height: auto;
  border-right: 1px solid #626262;
  border-bottom: 1px solid #626262;
}

#wrapper tr {
  height: 100%;
}

#wrapper td {
  vertical-align: top;
}
  
#navigation {
  background: #A01400 url("images/bg_nav.gif") repeat 0px 0px;
  width: 240px;
  height: 581px;
  margin: 0;
  padding: 0;
  text-align: right;
}

#sidebar {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
}

#content {
}

/** Navigation */

#navigation div.title {
  background-image: url("images/title1.gif");
  background-position: right 0;
  height: 50px;
}

#navigation h2 {
  color: #B4B4B4;
  _filter: DropShadow(Color=#701400, OffX=1, OffY=1, Positive=1);
  _width: 150px;
  margin-bottom: 2em;
}

#navigation ul {
  list-style-type: none;
  padding-right: 0.5em;
  margin-bottom: 0;
}

#navigation li.break {
  margin-top: 1em;
}

#navigation li.level3.break {
  margin-top: 1em;
}

#navigation li a {
  text-decoration: none;
  display: block;
  _filter: DropShadow(Color=#701400, OffX=2, OffY=2, Positive=1);
  _width: 170px;
}

#navigation li a:hover {
  color: #FFF;
  _filter: DropShadow(Color=#CC6600, OffX=2, OffY=2, Positive=1);
}

#navigation li .new {
  position: relative;
  border: 1px solid black;
  color: #A01400;
  background-color: #FFCC66; /* #828282; */
  padding: 2px;
  margin-left: 0.5em;
}

#navigation li.level1 a, #navigation li.level3 a {
  color: #FF9600;
}

#navigation li.level2 a {
  color: #B4B4B4;
}

#navigation li.level2 a:hover {
  color: #FFFFFF;
  _filter: DropShadow(Color=#B4B4B4, OffX=2, OffY=2, Positive=1);
}

#navigation li.current a {
  color: #FFFFFF;
}

#navigation li, #navigation li.level1 {
  font-size: 110%;
  font-style: italic;  
  font-weight: bolder;
  padding-top: 0.7em;
}

#navigation li.level1 {
  padding-top: 0.5em;
}

#navigation li.top {
  padding-top: 0em;
}

#navigation li.level2 {
  font-size: 110%;
  font-style: italic;  
  font-weight: bolder;
  padding-top: 0.5em;
}

#navigation li.level3 {
  font-size: 110%;
  font-style: italic;  
  font-weight: normal;
  padding-top: 0em;
}

#sidebar div {
  width: 55px;
  height: 83px;
  margin: 0;
}

#sidebar span {
  display: none;
}

/** Content */

#content div.title {
  background-image: url("images/title2_light.gif");
  height: 50px;
}

#content h2 {
  _filter: DropShadow(Color=#626262, OffX=1, OffY=1, Positive=1);
  _width: 350px;
  text-align: left;
  margin-bottom: 2em;
}

#content p {
  font-size: 110%;
  /* font-style: italic; */
  /* font-weight: bold; */
  padding-left: 2em;
  padding-right: 2em;
}

#content h3 {
  padding-left: 2em;
  padding-right: 2em;
}

/** Multimedia */

#realPlayerDownload {
  background-color: #FFF;
  border: 1px solid #000;
  font-size: 120%;
  width: 180px;
  height: 34px;
  position: absolute;
  top: 50px;
  left: 597px;
}

#realPlayerDownload img {
  float: left;
}

#realPlayerDownload a:hover {
  color: #000;
}

.videoLink {
  width: 248px;
  float: left;
  padding-left: 0em;
}

.videoLink .shadow {
  float:left;
  background-color: #CC6600;
  margin: 10px 0 0 18px !important;
  margin: 10px 0 0 13px;
}

.videoLink .shadow img {
  display: block;
  background-color: #000;
  border: 1px solid #000;
  margin: -3px 3px 3px -3px;
} 
  
.videoLink span {
  display: block;
  clear: both;
  font-size: 90%;
  line-height: 1em;
}

.videoLink.single {
  padding-left: 15em;
  padding-right: 15em;
}

body.comedySpots .scrollPane h3 {
  clear: both;
}

/** Pages (Index, Sidebar Defaults) */

body #sidebar .img1 {
  background-image: url("images/sidebar/home1.jpg");
}

body #sidebar .img2 {
  background-image: url("images/sidebar/home2.jpg");
}

body #sidebar .img3 {
  background-image: url("images/sidebar/home3.jpg");
}

body #sidebar .img4 {
  background-image: url("images/sidebar/home4.jpg");
}

body #sidebar .img5 {
  background-image: url("images/sidebar/home5.jpg");
}

body #sidebar .img6 {
  background-image: url("images/sidebar/home6.jpg");
}

body #sidebar .img7 {
  background-image: url("images/sidebar/home7.jpg");
}

body#index #content {
/*  background: transparent url("images/index1_wm.gif") no-repeat 180px 280px; */
  background: transparent;
}

body#index #content ul {
  width: 370px;
  _margin-left: 1.5em;
}

body#index #content ul li {
  _margin-left: 2em;
}

body#index #weihnachtsspecialBanner {
  position: absolute;
  left: 632px;
  top: 75px;
}

body#index #unterunsingrazBanner {
  position: absolute;
  left: 632px;
  top: 246px;
}

body#index #emschdudioBanner {
  position: absolute;
  left: 632px;
  top: 445px;
}

body#index #wochenwuchtlBanner {
  position: absolute;
  left: 469px;
  top: 445px;
}

body#index #wahlwuchtlBanner {
  position: absolute;
  left: 308px;
  top: 443px;
}

body#index #wmschdudioBanner {
  position: absolute;
  left: 66px;
  top: 445px;
}

body#index #daswehaehmschdudio {
  position: absolute;
  left: 632px;
  top: 70px;
}

/** Pages (Comedy) */

body#comedy #content p.images {
  padding: 0;
  margin: 0;
  line-height: 30px;
}

/** Pages (Termine) */

body#termine #sidebar .img1 {
  background-image: url("images/sidebar/termine1.jpg");
}

body#termine #sidebar .img2 {
  background-image: url("images/sidebar/termine2.jpg");
}

body#termine #sidebar .img3 {
  background-image: url("images/sidebar/termine3.jpg");
}

body#termine #sidebar .img4 {
  background-image: url("images/sidebar/termine4.jpg");
}

body#termine #sidebar .img5 {
  background-image: url("images/sidebar/termine5.jpg");
}

body#termine #sidebar .img6 {
  background-image: url("images/sidebar/termine6.jpg");
}

body#termine #sidebar .img7 {
  background-image: url("images/sidebar/termine7.jpg");
}

body#termine #content table {
  font-size: 80%;
}

body#termine table tr.odd {
}

body#termine table tr.even {
  color: #222222;
}

body#comedySpots #content #scrollPane,
body#termine #content #scrollPane {
  height: 470px;
  width: 540px;
  overflow: auto;
}

body#termine #content #scrollPane p {
  _width: 480px;
}

/** Pages (Biographie, Referenzen) */

body#biographie #sidebar .img1 {
  background-image: url("images/sidebar/biographie1.jpg");
}

body#biographie #sidebar .img2 {
  background-image: url("images/sidebar/biographie2.jpg");
}

body#biographie #sidebar .img3 {
  background-image: url("images/sidebar/biographie3.jpg");
}

body#biographie #sidebar .img4 {
  background-image: url("images/sidebar/biographie4.jpg");
}

body#biographie #sidebar .img5 {
  background-image: url("images/sidebar/biographie5.jpg");
}

body#biographie #sidebar .img6 {
  background-image: url("images/sidebar/biographie6.jpg");
}

body#biographie #sidebar .img7 {
  background-image: url("images/sidebar/biographie7.jpg");
}

body#biographie #content p.images {
  padding: 0;
  margin: 0;
  line-height: 30px;
}

body#biographie #content dl, body#referenzen #content dl, body#kooperationen #content dl {
  font-size: 110%;
  /* font-weight: bold; */
  padding-left: 2em;
  padding-right: 2em;
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 0.5em;
}

body#biographie #content dt, body#referenzen #content dt, body#kooperationen #content dt {
  font-size: 110%;
  font-weight: bolder;
  color: #FFFFFF;
  _filter: DropShadow(Color=#626262, OffX=2, OffY=2, Positive=1);
  _width: 350px;
}

body#biographie #content dd.break, body#referenzen #content dd.break, body#kooperationen #content dd.break {
  margin-bottom: 1em;
}


body#biographie #content dd, body#referenzen #content dd, body#kooperationen #content dd {
  margin-left: 0;
}

body#biographie #content ul, body#referenzen #content ul, body#kooperationen #content ul {
  list-style-type: square;
}

body#biographie #content li.break, body#referenzen #content li.break, body#kooperationen #content li.break {
  margin-bottom: 1em;
}

body#referenzen #sidebar .img1 {
  background-image: url("images/sidebar/referenzen1.jpg");
}

body#referenzen #sidebar .img2 {
  background-image: url("images/sidebar/referenzen2.jpg");
}

body#referenzen #sidebar .img3 {
  background-image: url("images/sidebar/referenzen3.jpg");
}

body#referenzen #sidebar .img4 {
  background-image: url("images/sidebar/referenzen4.jpg");
}

body#referenzen #sidebar .img5 {
  background-image: url("images/sidebar/referenzen5.jpg");
}

body#referenzen #sidebar .img6 {
  background-image: url("images/sidebar/referenzen6.jpg");
}

body#referenzen #sidebar .img7 {
  background-image: url("images/sidebar/referenzen7.jpg");
}

body#referenzen #content #scrollPane {
  height: 420px;
  width: 540px;
  overflow: auto;
}

body#referenzen #content #scrollPane.reaktionen {
  height: 470px;
  width: 540px;
  overflow: auto;
}

body#referenzen #content #scrollPane.reaktionen p {
  font-weight: normal;
  margin-bottom: 2em;
}

body#referenzen #content #scrollPane.reaktionen .address {
  /* color: #CC6600; */
  font-weight: bolder;
}

/** Pages (Moderation) */

body#moderation #sidebar .img1 {
  background-image: url("images/sidebar/moderation1.jpg");
}

body#moderation #sidebar .img2 {
  background-image: url("images/sidebar/moderation2.jpg");
}

body#moderation #sidebar .img3 {
  background-image: url("images/sidebar/moderation3.jpg");
}

body#moderation #sidebar .img4 {
  background-image: url("images/sidebar/moderation4.jpg");
}

body#moderation #sidebar .img5 {
  background-image: url("images/sidebar/moderation5.jpg");
}

body#moderation #sidebar .img6 {
  background-image: url("images/sidebar/moderation6.jpg");
}

body#moderation #sidebar .img7 {
  background-image: url("images/sidebar/moderation7.jpg");
}

/** Pages (Firmenkabarett) */

body#kabarett #sidebar .img1 {
  background-image: url("images/sidebar/firmenkabarett1.jpg");
}

body#kabarett #sidebar .img2 {
  background-image: url("images/sidebar/firmenkabarett2.jpg");
}

body#kabarett #sidebar .img3 {
  background-image: url("images/sidebar/firmenkabarett3.jpg");
}

body#kabarett #sidebar .img4 {
  background-image: url("images/sidebar/firmenkabarett4.jpg");
}

body#kabarett #sidebar .img5 {
  background-image: url("images/sidebar/firmenkabarett5.jpg");
}

body#kabarett #sidebar .img6 {
  background-image: url("images/sidebar/firmenkabarett6.jpg");
}

body#kabarett #sidebar .img7 {
  background-image: url("images/sidebar/firmenkabarett11.jpg"); /* Bild 7,9 sind nicht hoch genug! */
}
/*
body#kabarett #sidebar .img8 {
  background-image: url("images/sidebar/firmenkabarett8.jpg");
}

body#kabarett #sidebar .img9 {
  background-image: url("images/sidebar/firmenkabarett9.jpg");
}

body#kabarett #sidebar .img10 {
  background-image: url("images/sidebar/firmenkabarett10.jpg");
}

body#kabarett #sidebar .img11 {
  background-image: url("images/sidebar/firmenkabarett11.jpg");
}

body#kabarett #sidebar .img12 {
  background-image: url("images/sidebar/firmenkabarett12.jpg");
}

body#kabarett #sidebar .img13 {
  background-image: url("images/sidebar/firmenkabarett13.jpg");
}
*/

body#kabarett #content #scrollPane,
body#strategie #content #scrollPane,
body#zuhausein #content #scrollPane {
  height: 440px;
  width: 540px;
  overflow: auto;
}

body#strategie #content #scrollPane .images img {
  height: 100px;
}

body#zuhausein #content #scrollPane .images img {
  height: 140px;
}

/** Pages (Kooperationen) */

body#kooperationen #sidebar .img1 {
  background-image: url("images/sidebar/kooperationen1.jpg");
}

body#kooperationen #sidebar .img2 {
  background-image: url("images/sidebar/kooperationen2.jpg");
}

body#kooperationen #sidebar .img3 {
  background-image: url("images/sidebar/kooperationen3.jpg");
}

body#kooperationen #sidebar .img4 {
  background-image: url("images/sidebar/kooperationen4.jpg");
}

body#kooperationen #sidebar .img5 {
  background-image: url("images/sidebar/kooperationen5.jpg");
}

body#kooperationen #sidebar .img6 {
  background-image: url("images/sidebar/kooperationen6.jpg");
}

body#kooperationen #sidebar .img7 {
  background-image: url("images/sidebar/kooperationen7.jpg");
}

body#kooperationen .images img {
  height: 130px;
}

body#kooperationen .images.fourEvents img, 
body#kooperationen .images.karriere img, 
body#kooperationen .images.ollimo img,
body#kooperationen .images.scream img {
  height: 96px;
}

body#kooperationen #scrollPane .images img {
  height: 82px;
}

body#kooperationen #content #scrollPane {
  height: 370px;
  width: 540px;
  overflow: auto;
}

body#kooperationen #content .logo {
  margin-left: 1em;
}

/** Pages (Impressum) */

body#impressum div.personBorder {
  padding-left: 2em;
  width: 600px;
}

body#impressum div.person {
  font-size: 110%;
  /* font-weight: bold; */
  padding-left: 0em;
  padding-right: 0em;
  clear: both;
  height: 10em;
}

body#impressum div.person div {
  float: left;
}

body#impressum div.person img {
  float: left;
  padding-right: 1em;
  width: 83px;
}

body#impressum div.person h3 {
  margin-left: 0em;
  padding-left: 0em;
  padding-right: 0em;
}

body#impressum div.person p.name {
  font-size: 90%;
  font-style: italic;
  padding-left: 0em;
  margin: 1em 0 -1em 0;
}

body#impressum div.person p.description {
  font-size: 90%;
  padding-left: 0em;
  line-height: 1.4em;
}