/* screen.css
   (c) 2007 ffffm.de & june in fucking january
   if anything, try to learn from this and don't just c&p
---------------------------------------------------------------------------- */
/* reset me to death - via yaml framework */
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  } 
/* http://www.websemantics.co.uk/tutorials/useful_css_snippets/ */
html {
  height: 100%;
  }
/* Standardrahmen zuruecksetzen */
fieldset,
img {
  border: 0;
  }
/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu gross */ 
select,
input,
textarea {
  font-size: 99%;
  }
body {
/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Hoehe des Browserfensters. */
  /*min-height: 101%; */
/* Beseitigung des Rundungsfehlers bei Schriftgroessen im Opera sowie Standardformatierungen */
  font-size: 100.01%; 
/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Groesse des Browser 
    Fensters geaendert wird. */
  position: relative;
  margin: 0;
  padding: 0;
  background: #120300;
  font-family: Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
  text-align: center; /* fix for IE 5 WIN */
  line-height: 18px;
  color:#E5DBD7;
  font-size: x-small; /* compensate IE/MOZ fontsize-interpretations (4 vs 3) IE 5 WIN */
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
  background: #120300 url(images/bg_body.gif) top left repeat-x;
  }
html>body { /* be nice to opera */
  font-size: small;
  }

/* ll cool layout
---------------------------------------------------------------------------- */
#container {
  font-size: 13px;
  margin: 0 auto 18px auto;
  padding: 0 0 18px 0;
  width: 960px;
  text-align: left;
  }
#head {
  padding-top: 36px;
  }
#content {
  float: left;
  width: 680px;
  padding-top: 18px;
  }
#right {
  float: right;
  padding: 20px 30px;
  width: 220px;
  margin-top: 75px;
  }
#more {
  text-align: center;
  margin: 18px auto 0 auto;
  padding: 18px 0;
  width: 960px;
  }
#footer {
  clear: both;
  text-align: center;
  margin: 36px 0 0 0;
  padding: 36px 0;
  background: transparent url(images/spade.gif) top center no-repeat;
  }

/* navigation
---------------------------------------------------------------------------- */
#nav        { text-align: center; color: #777; font-size: 20px; }
#nav ul     { margin: 18px 0; }
#nav ul li  { list-style: none; display: inline; }
#nav ul li a { border: none; }
body.home #nav li.link-home a,
body.news #nav li.link-news a,
body.shows #nav li.link-shows a,
body.kontakt #nav li.link-contact a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border: none;
  }
body.home #nav li.link-home a:hover,
body.news #nav li.link-news a:hover,
body.shows #nav li.link-shows a:hover,
body.kontakt #nav li.link-contact a:hover {
  color:#ff6ffb; text-decoration:none; border-bottom:1px #660033 solid;
  }

/* basic hrefs
---------------------------------------------------------------------------- */
a {
  color: #ee2266;
  text-decoration: none;
  border-bottom: 1px #660033 solid;
  }
a:hover {
  color: #ff66aa;
  border-bottom: 1px #ee3e96 solid;
  }
#right a {
  border: none;
  }

/* basic typography
---------------------------------------------------------------------------- */
h1, h2, h3 {
  font-family: Georgia, Times, serif;
  font-weight: normal;
  margin-top: 1em;
  }
h2, h3, h4 {
  background: transparent url(images/bg_h2.gif) 0 50% repeat-x;
  color: #fff;
  font-family: "Courier New", Courier, sans;
  font-size: 12px;
  font-weight: normal;
  margin: 9px 0 18px 0;
  text-align: center;
  }
h2 span,
h3 span {
  background: #120300;
  padding: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  }
#right h3,
h4 {
  background-image: none;
  padding: 18px 0 0 0;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
  }
#content p  { padding-bottom: 18px; line-height: 1.5em; }
#content h3 {margin-left: 210px;}
#content ul { padding: 18px; }
blockquote  { margin: 0 0 0 0px; }
blockquote p  { font-size: 13px; }
blockquote,
blockquote p {
  font-family: "Courier New", Courier, sans;
  font-style: normal;
  }
p.posted {
  color: #999;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 10px;
  margin: 4px 0 0 0;
  padding: 0;
  }
#head h1 {
  background: transparent url(images/bg_header_temp.jpg) bottom center no-repeat;
  margin: 0;
  padding: 18px 0 0 0;
  height: 200px;
  text-indent: -5000px;
  width: 960px;
  }
#head h1 a {
  display: block;
  height: 200px;
  width: 960px;
  }

/* DIVERSES
---------------------------------------------------------------------------- */
hr {
  display: none;
  }
pre {
  padding: 0 20px 9px 20px;
  }
small {
  font-size: .8em;
  }

/* SIDEBAR
---------------------------------------------------------------------------- */
#right p {
  line-height: 15px;
  font-size: 10px;
  }
#right ul {
  list-style: none;
  padding: 0;
  margin: 0;
  }
#right ul.mp3 {
/*  border-bottom: 1px solid #222;*/
  padding: 0 0 18px 0;
  margin: 0 0 9px 0;
  }
#right ul.mp3:last-child {
  border: none;
  background-image: none;
  }
#right ul.mp3 li,
#right ul.pdf li,
#right ul.linklist li {
  line-height: 18px;
  font-size: 11px;
  margin: 0;
  padding: 0 0 0 18px;
  color: #999;
  background: transparent url(images/bullet_mp3.gif) 0px 3px no-repeat;
  }
#right ul.pdf li {
  background: transparent url(images/bullet_pdf.gif) 0px 4px no-repeat;
  }
ul.linklist li {
  background: transparent url(images/bullet_link_ext.gif) 0 50% no-repeat;
  }
ul.linklist li {
  display: block;
  float: left;
  padding: 0 0 0 18px;
  margin: 0px 5px 5px 0;
  }
ul.linklist li a {
  border: none;
  margin-right: 9px;
  }
#more h4 {
  padding: 0;
  clear: left;
  }
#myspace {
  width: 200px;
  background-color: #ee2266;
  float: right;
  font-weight: bold;
  font-size: 28px;
  line-height: 36px;
  padding: 18px 0;
  }
#myspace a {
  border: none;
  color: #fff;
  }
#more-links {
  float: right;
  width: 540px;
  margin: 0 auto 0 0px;
  text-align: left;
  }
.wrap {
  margin: 0 auto;
  }

/* FOOTER
---------------------------------------------------------------------------- */
#footer p {
  text-align: center;
  }
#footer a {
  border: 0;
  }
#footer a.feed {
  background: transparent url(images/feed-icon-12x12.gif) no-repeat 0 50%;
  padding-left: 15px;
  }
#footer p small {
  color: #777;
  }

/* articles
---------------------------------------------------------------------------- */
.article,
.first-article,
.news-archive {
  padding: 0px 20px;
  border-bottom: 0px solid #333;
  margin: 0 0 18px 0px;

  }
.article h3 {
  margin-bottom: 0;
  padding-bottom: 0;
  }
.news-archive {
  margin: 18px 0 18px 210px;
  padding: 36px 0 0 0;
  background: transparent url(images/spade.gif) top center no-repeat;
  }
.first-article {
  padding: 0;
  }
.first-article h2 {
  margin: 0 0 9px 210px;
  }
.first-article p,
.first-article p.posted,
.first-article ul {
  margin: 0 0 0 210px;
  }
.first-article p.posted {
  margin: 0 30px;
  width: 150px;
  float: left;
  
  }
#content .first-article h2 {
  background-image: none;
  font-size: 28px;
  line-height: 36px;
  font-family: Georgia,Times,serif;
  text-align: left;
  }
#content .first-article h2 a {
  border: none;  
  }

/* livesearch-specific
---------------------------------------------------------------------------- */
input#livesearch {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  }
#LSResult       { background-color:#120300; margin-top:15px; }
#LSShadow       { padding:0; }
#LSRes          { background-color:#120300; }
.LSRow          { background:transparent url(/css/icon_arrow.gif) no-repeat 10px 50%; }
.LSRow li       { margin:0; padding:0; font-size:10px; line-height:15px; }
.LSRow a        { background-color:transparent; font-size:10px; line-height:15px; }
.LSRow a:hover  { background-color:transparent; color:#111; border-bottom:1px solid #ff6600; }
 #LSHighlight   { background-color:#ffc299; }
 #LSHeader      { }
.lsDate         { display:block; color:#555; }
p#searchnoresult { border-bottom:1px solid #120300; margin:auto auto 0 auto; padding:8px 0; }
p#searchinfo {
  border-bottom: 1px solid #120300;
  border-top: 1px solid #120300;
  margin: auto auto 0 auto;
  padding:8px 0;
  }
p#searchinfoclose {
  padding:8px 0;
  }
p#searchinfoclose a { }

/* comments */
ol.comments {
  margin: 0 20px;
  }
ol.comments li {
	display: block;
	clear: both;
	margin-bottom: 9px;
  }
ol.comments li div.comment {
	width: 450px;
	display: block;
	float: right;
  }
div.comment-meta {
	width: 120px;
	display: block;
	float: left;
	padding-bottom: 9px;
  }
.comment-meta cite {
	font-weight: bold;
	color: #999;
	display: block;
	width: 120px;
	background: url(images/bg_h2.gif) bottom left repeat-x;
	margin-bottom: 0;
  }
.comment-meta cite a {
	border: none;
	font-style: normal;
	color: #37322a;
  }
.comment-time a {
  font-size: .8em;
  border: none;
  }
.comment {
  padding: 18px 0;
  }
  
.comments-wrapper {
  margin-left: 210px;
  }
a.comments-label {
  border: none;
  color: #aaa;
  padding: 0 4px 0 16px;
  background: transparent url(images/comment_bubble.gif) 4px 50% no-repeat;
  }
a.comments-label:hover {
  color: #fff;
  }

/* forms: textpattern comment forms + zemContact-specific markup
---------------------------------------------------------------------------- */
.theform input,
.theform select,
.theform textarea,
#txpCommentInputForm input,
#txpCommentInputForm textarea,
#txpCommentInputForm select {
  padding: 3px;
  font: 11px Verdana, Arial, sans-serif;
  width: 80%;
  background: #fffeed;
  }
.theform input:focus,
.theform textarea:focus,
.theform select:focus,
#txpCommentInputForm input:focus,
#txpCommentInputForm textarea:focus,
#txpCommentInputForm select:focus {
  background: #ff9;
  }
label.zemRequired {
  font-weight: bold;
  }
form#txpCommentInputForm label {
  display: block;
  margin: 18px 0 0 0;
  }
.betreff {
  display: block;
  }
#zemContactForm fieldset {
  border: none;
  }
#zemContactForm fieldset legend,
#txpCommentInputForm legend {
  display: none;
  }
input#zemSubmit,
#txpCommentInputForm .button {
  border-color: #ffffff #999999 #999999 #ffffff;
  border-style: solid;
  border-width: 1px;
  padding: 5px 8px 6px;
  background: #ff9955;
  color: #fff;
  font-weight: bold;
  width: auto;
  }
#txpCommentInputForm input.comments_error,
#txpCommentInputForm textarea.comments_error {
  background-color: #ff6666;
  }
#txpCommentInputForm input.comments_error:focus,
#txpCommentInputForm textarea.comments_error:focus {
  background-color: #ff9;
  }
#txpCommentInputForm input.checkbox {
  width: auto;
  }

/* news-archive list
---------------------------------------------------------------------------- */
#content .news-archive ul {
  margin: 0 0 18px 0;
  padding: 0;
  }
body.shows .news-archive {
  padding: 0;
  }
.news-archive li {
  color: #aaa;
  list-style: none;
  clear: left;
  display: block;
  padding: 5px 0 4px 0;
  border-bottom: 1px dotted #1a1a1a;
  margin: 0;
  }
.news-archive li:last-child {
  border: none;
  }
.news-archive li:hover {
  background-color: #111;
  }
a.title,
a.title:hover {
  border: 0;
  }
span.date {
  color: #aaa;
  text-transform: uppercase;
  font: 11px "Courier New", Courier, sans-serif;
  padding: 0 9px;
  }

/* whatever floats your boat: http://positioniseverything.net/easyclearing.html
---------------------------------------------------------------------------- */
.clearfix:after,
#container:after,
#more:after,
.wrap:after,
ol.comments:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
.clearfix:after,
#container:after,
#more:after,
.wrap:after,
ol.comments:after {
  display: inline-table;
  }
/* Hides from IE-mac \*/
* html .clearfix,
* html #container,
* html #more,
* html .wrap,
* html ol.comments {
  height: 1%;
  }
.clearfix {
  display: block;
  }
/* End hide from IE-mac */