* {
  margin: 0;
  padding: 0;
}

ul, li {
  list-style: none;
}

body {
  background: #fbf6e5;
  font: 11px/16px "Trebuchet MS", "Trebuchet", Verdana, sans-serif;
  text-align: center;
}

#container, #containerWithBanner {
  margin: 40px auto;
  text-align: left;
  width: 816px;
}

#containerWithBanner {
  margin-top: 20px;
}

#logo {
  clear: both;
  margin: 0;
  margin-top: 4px;
  margin-bottom: 8px;
}

#logo a {
  border: 0;
}

#logo img {
  border: 0;
  height: 146px;
  width: 808px;
}

.bannerbar {
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 24px;
}

.bannerbar a:hover, .bannerbar a:active {
  color: black;
  background-color: transparent;
}

#page {
  background: #fff;
  padding: 4px;
}

#left {
  float: left;
  width: 128px;
  margin-bottom: 28px;
}

#left .box {
  margin-top:11px;
}

#main {
  float: left;
  width: 544px;
  padding-bottom: 30px;
  position: relative;
}
#inner-main {
  padding-left: 8px;
}

#right {
  float: right;
  width: 128px;
  margin-top: 12px;
  padding-bottom: 30px;
}

#right a {
  font-weight: normal;
  text-decoration: underline;
}

#right a:hover, #right a:active, #right a.active {
  text-decoration: none;
}

.largeContent #right {
  display: none;
}

.largeContent #main {
  width: 680px;
}

#footer {
  clear: both;
}

#sponsors {
  border-top: 3px solid #000;
}

.highbar marquee a {
  font-weight: normal;
  text-decoration: none;
  float: none;
  display: inline;
  padding: 0;
}

#content {
  padding-bottom: 28px;
  clear: both;
}

#banner {
  margin-bottom: 20px;
}

#banner>div {
  border:1px solid black;
}

div.bannerSmall {
  float: left;
  width: 128px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin-right: 9px;
}

div.bannerLarge {
  float: right;
  width: 468px;
  height: 60px;
  text-align: center;
}

/* =Elements
------------------------------------------------ */

.h1Spacer {
  margin-top: 12px;
}

h1 span {
  text-transform: uppercase;
}

a {
  color: black;
  text-decoration: underline;
  padding-left: 2px;
  padding-right: 2px;
}

a:hover, a:active, a.active {
  color: white;
  background-color: black;
  text-decoration: none;
}

a.thumbnailLink {
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
}

h2, #right h3, h1 {
  background-color: #000;
  color: #fff;
  font-size: 13px;
  padding: 0;
  padding-left: 3px;
  margin-bottom: 8px;
  text-transform: uppercase;
  padding-top: 1px;
  padding-bottom: 1px;
}
h1 {
  margin-top: 12px;
}

h2 a, #right h3 a {
  background-color: #000;
  color: #fff;
}

h3 {
  margin-bottom: 8px;
  text-transform: uppercase;
}

table, td {
  font-size: 11px;
  border-collapse: collapse;
}


a img {
  border: none;
}

.subTopic img {
  float: left;
  margin: 0 8px 0 0;
}

.subTopic {
  padding: 0 0 10px 0;
  clear: both;
  overflow: hidden;
  width: 100%;
}

.news .subTopic {
  border-bottom: 2px solid #000;
  margin: 0 0 10px 0;
}

.subTopic.last {
  border: none;
}

.subTopic .text, .subTopic .contentTeaser {
  margin-left: 136px;
  width: 392px;
}

.largeContent .subTopic .text {
  width: 468px;
}

.artists {
  border-top: 16px solid #000;
  padding-top: 16px;
}


/* =Navi
------------------------------------------------ */
#left .navi {
  padding: 8px 0 8px 0;
}

#left .navi a {
  font-size: 13px;
  text-decoration: underline;
  padding-left: 2px;
  padding-right: 2px;
}

#left .navi a.active {
  color: black;
  background-color: #cccccc;
  text-decoration: none;
}

#left .navi a:hover {
  color: white;
  background-color: black;
}

#left .navi .box1 a {
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
}

#left .navi a img {
  margin: 3px 0;
}

#left .navi ul {
  padding-top: 4px;
}
#left .navi ul ul {
  padding-top: 0px;
}
#left .navi li {
  padding-left: 4px;
  padding-top: 4px;
}
#left .navi li li {
  padding-left: 13px;
}

#left .navi .box1 li {
  height: 16px;
  color: white;
  background-color: black;
  background-image: url(pics/arrow-filled-right.png);
  background-repeat: no-repeat;
  background-position: top right;
  padding-right: 9px;
  padding-top: 0px;
  padding-left: 2px;
}

#left .navi .box1 ul ul {
  /* workaround because limit for breadcrumb navi doesn't seem to work */
  display: none;
}

#pro-rol a:link, #pro-rol a:visited  {
  background: transparent url(pics/pro-rol.gif) no-repeat left bottom;
  display: block;
  height: 35px;
  outline: none;
  width: 128px;
  position: relative;
  text-indent: -1000px;
}

#pro-rol a:hover, #pro-rol a:active, #pro-rol {
  background: transparent url(pics/pro-rol.gif) no-repeat left top;
}

#fes-rol a:link, #fes-rol a:visited  {
  background: transparent url(pics/fes-rol.gif) no-repeat left bottom;
  display: block;
  height: 35px;
  outline: none;
  width: 128px;
  position: relative;
  text-indent: -1000px;
}

#fes-rol a:hover, #fes-rol a:active, #fes-rol {
  background: transparent url(pics/fes-rol.gif) no-repeat left top;
}

#contentNav {
  right: 0;
  top: 12px;
  position: absolute;
}

#contentNav li {
  float: left;
}

#contentNav li a {
  padding-left: 8px;
  font-weight: bold;
  text-transform: uppercase;
}

/* navi below banner ******************************************************/
.naviBelowBanner {
  padding-left: 2px;
}
.naviBelowBanner li {
  float: left;
}
.naviBelowBanner a {
  display: block;
  float: left;
  margin-right: 11px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}


/* =Subnavi
------------------------------------------------ */
.highbar .year {
  height: 16px;
}

.highbar {
  text-transform: uppercase;
}

.highbar .separator {
  float: left;
  padding-left: 8px;
  padding-right: 8px;
}

.highbar ul {
  float: left;
}

.highbar li, .highbar li a {
  float: left;
}

.highbar ul li.first a {
  margin-left: 0px;
}

.highbar a {
  display: block;
  margin-left: 15px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 2px;
}

.highbar legend {
  display: none;
}

.highbar td {
  vertical-align: top;
  height: 16px;
}

.highbar marquee {
  width: 740px;
}

/* lower subnavi *************************************************/

.lowbar {
  text-transform: uppercase;
  font-size: 10px;
  clear: both;
  padding-top: 14px;
  padding-bottom: 14px;
}

.lowbar ul {
  float: right;
}

.lowbar li, .lowbar li a {
  float: left;
}

.lowbar a {
  display: block;
  margin-left: 15px;
  text-transform: uppercase;
  font-size: 10px;
  padding-left: 2px;
  padding-right: 2px;
}

.lowbar td {
  vertical-align: top;
  height: 16px;
}

/** SEARCHBOX **/

#search input.searchbox {
  display: inline;
  background: #fff;
  font-size: 10px;
  vertical-align: bottom;
  height: 16px;
  width: 128px;
  margin-left: 6px;
  background-color: #cccccc;
  border: none;
}

#search input.searchbtn {
  display: inline;
  font-size: 10px;
  padding-top: 1px;
  padding-bottom: 2px;
  vertical-align: bottom;
  height: 16px;
  border: none;
  color: white;
  background-color: black;
  background-image: url(pics/arrow-filled-right.png);
  background-repeat: no-repeat;
  background-position: top right;
  padding-right: 9px;
}

#search ul {
  float: right;
}

#search li, #search li a {
  float: left;
}

#search fieldset {
  border: none;
}

#search legend {
  display: none;
}

/** ----- **/

.highbar .lngSelector {
  float: none;
  padding-left: 12px;
}

.lngSelector li a {
  background-position: left 4px;
  background-repeat: no-repeat;
  margin-left: 3px;
}

.lngSelector li a.de-DE, a.de-DE:visited, a.de-DE:active, a.de-DE:hover,
.lngSelector li a.en-EN, a.en-EN:visited, a.en-EN:active, a.en-EN:hover {
  padding-left: 18px;
}

.lngSelector li a.de-DE, a.de-DE:visited, a.de-DE:active {
  background-image: url('lngs/de-DE.gif');
}

.lngSelector li a.de-DE:hover {
  background-image: url('lngs/de-DE_hover.gif');
}

.lngSelector li a.en-EN, a.en-EN:visited, a.en-EN:active {
  background-image: url('lngs/en-EN.gif');
}

.lngSelector li a.en-EN:hover {
  background-image: url('lngs/en-EN_hover.gif');
}

/*.lngSelector li img {
  width: 16px;
  height: 11px;
  border: none;
  padding-right: 4px;
}
*/

/* =Forms (basics)
----------------------------------------------- */
label {
  display: block;
  font-weight: bold;
  padding-bottom: .2em;
}
textarea.text, input.text {
  border: 1px solid #ccc;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  padding: 1px;
  width: 99%;
}

button {
  background: #fff;
  border: 1px solid #666;
  color: #000;
  cursor: pointer;
  font-weight: bold;
  font-size: 100%;
  padding: 1px;
}

input:focus, textarea:focus {
  background: #FFFFCC;
}

form p {
  margin-bottom: .8em;
}

div.message {
  background: #fffae8;
  border: 1px solid #666;
  color: #333;
  margin: 3em 0;
  padding: 5px;
  text-align: center;
}

/*
=Papaya */
.topicImageLeftBreakNone img,.topicImageRightBreakNone img,.topicImageLeftBreakSide img,
.topicImageRightBreakSide img,.topicImageCenter img, img.papayaImage {
  border: none !important;
}

.topicImageLeftBreakNone {
  text-align: left;
  width: 100%;
  padding-bottom: 1em;
}

.topicImageRightBreakNone {
  text-align: right;
  width: 100%;
  padding-bottom: 1em;
}

.topicImageLeftBreakSide {
  float: left;
  padding: 0 12px 12px 0;
}

.topicImageRightBreakSide {
  float: right;
  padding: 0 0 12px 12px;
}

.topicImageCenter {
  width: 100%;
  text-align: center;
}

.papayaImageSubtitle {
  font-size: 90%;
}

#content #print_recommend {
  clear: both;
  float: right;
}

#content #print_recommend a {
  text-decoration: none;
  background-color: transparent;
}

#content #print_recommend .sendBtn .sendTitle,
#content #print_recommend .printBtn .printTitle {
  display: none;
  padding-right: 4px;
  text-decoration: none;
  font-weight: bold;
  color: #000;
}

#content #print_recommend .sendBtn:hover .sendTitle,
#content #print_recommend .printBtn:hover .printTitle {
  display: none;
}

.clear {
  clear: both;
}