/* ======================================
Stylesheet für www.thärichen.de
Datei: main.css - media:screen
Author: http://andreas-spannagel.de
========================================= */

/* ======== Browser/HTML Angaben- HTML-Resets ======= */
*
{
 margin: 0;
 padding: 0;
}
li
{
 list-style-type: none;
}
img
{
 border: none;
}

html
{
 height: 100.01%;
}

body
{
 background: #666 url(images/bodybg_.jpg) repeat-x;
 font: 85%/1.6em verdana, arial, helvetica, sans-serif;
 color: #C5C5C5;
}
/* -----Ende Reset Bereich----- */
/* ============== Hyperlinks ========= */

a:link {text-decoration: none; color: #66CCFF;}
a:visited {text-decoration: none; color: #66CCFF;}
a:hover {text-decoration: underline; color: #C7ECF5;}
a:active {text-decoration: none; outline: none; color: #FFF;}
a:focus {text-decoration: none; outline: none;}


#skiplink       /* Skiplink */
{
 height: 1px;
 position: absolute;
 left: -1000em;
 top: -1000em;
 width: 1px;
}
.sprunglink
{
 padding: 0 0 20px 0;
 font-size: .9em;
 text-align: right;
 clear: both;
}
#navi               /* ========= HAUPTNAVIGATION ==========*/
{
 clear: both;
 text-align: center;
 background: #000 url(images/navbg.jpg) repeat-x right top;
 line-height: 2em;
 font-weight: bold;
}
#navi strong
{
 padding: 5px;
 margin:4px;
}
#navi a
{
 color: #CCCCFF;
 padding: 5px;
 margin: 4px;
}
#navi a:hover
{
 background: #333 url(images/navbghover.jpg);
 text-decoration: none;
 color: ;
 height: 100%;
}
#navi a:active, a:focus
{
 outline: none;
}

#navi li
{
 display: inline;
 font-size: 1.1em;
}
/* Formatierung footer */
#footer
{
 clear: right;
 background: #000 url(images/footerbg.jpg) repeat-x right top;
 text-align: center;
 line-height: 1.9em;
 margin-top: 40px;
}
#footer li
{
 display: inline;
 font-size: .9em;
}
#footer a
{
 padding: 6px;
 margin: 4px;
}
#footer strong
{
 font-weight: bold;
 padding: 6px;
 margin: 4px;
}
#footer a:hover
{
 background: #333 url(images/navbghover.jpg);
 text-decoration: none;
}
/* ======== Ende Formatierung Hyperlinks =========*/
/* ============= Layout Bereiche ============== */
#hidden  /*image replacement "phark methode" */
{
 text-indent: -1000em;
 height: 0;
 width: 0;
}
h2
{
 font-size: 1.5em;
 text-align: center;
 letter-spacing: .3em;
 border-bottom: 1px dotted #444;
 padding: 10px;
 margin: 40px 0 50px 0;

}
h3
{
 font-size: 1.1em;
 letter-spacing: .1em;
 padding: 10px 0 0 14px;
 margin: 0px 0 0 25px;
}
p
{
 padding: 20px 10px 20px 20px;
 margin: 10px;
}
#wrapper
{
 background: #2C2C2B;
 margin: 0 auto;
 min-width: 1000px;
 width: 75%;
 border: 1px solid #444;
}
#nikiheader
{
 background: #000 url(images/nikheader4.jpg) no-repeat center;
 height: 250px;
}

#tentettheader
{
 background: #000 url(images/tentettheader.jpg) no-repeat center;
 height: 250px;
}
#fotoheader
{
  background: url(images/fotoheader.jpg) no-repeat center;
  height: 250px;
}
#audioheader
{
  background: url(images/audioheader.jpg) no-repeat center;
  height: 250px;
}
#bioheader
{
  background: url(images/nikheader4.jpg) no-repeat center;
  height: 250px;
}
#content
{
 background: #2C2C2B;
 padding: 10px;
 margin: 0 auto;
 padding-top: 50px;
}
/* =============== Ende Layout Bereich ============ */
/* =============== Formatierung Aktuelles Seite ==============*/
h4.termine
{
 text-align: center;
 font-size: 1.2em;
 background: url(images/hbg.gif);
}
h3.termine
{
 padding: 0 0 0 4px;
 font-size: .9em;
 border-bottom: 1px dotted #333;
 border-left: 8px solid #333;
 width: 20%;
}
.termine
{
 padding: 5px;
 margin: 5px 10px 20px 50px;
}
.termine li
{
 padding: 5px;
 margin: 0;
}
.teaserimg
{
  padding: 3px;
  margin-bottom: -10px;
}


/*============ Ende Formatierung Aktuelles Seite ==============*/
/* ======= Formatierung Thärichens Tentett Seite  =========*/
p.letter:first-letter
{
 font-size: 2em;
 padding: 1px;
 color: #66CCFF;
 font-family: times, serif;
}
#besetzung
{
 padding: 0;
 margin: 20px 0 20px 30px;
}

#besetzung li
{
 padding: 10px;
 display: block;
}
img.foto_rechts
{
 float: right;
 position: relative;
 top: 10px;
 right: 5px;
 padding: 3px;
 margin: 20px;
 clear: right;
}
img.foto_links
{
 float: left;
 position: relative;
 top: 15px;
 right: 5px;
 padding: 20px;
 margin-left: 20px;
 clear: left;
}
#infos
{
 border-top: 1px solid #444;
 padding: 5px;
 margin: 5px;
}
#infos li
{
 display: block;
 text-align: right;
 padding: 2px;
}
/* =====  Ende Formatierung Thärichens Tentett Seite  ========*/
/* ========== Formatierung Audio Seite ============ */
.cover
{
 clear: both;
 float: right;
 padding: 7px;
 margin-right: 100px;
}
#audio
{
 background: #2C2C2B url(images/audiobg.jpg) repeat-x top;
}
.songs a:visited
{
  text-decoration: none; color: #666;
}
.songs ul
{
 clear: right;
 width: 30%;
 margin: 0;
}
.songs li
{
 display: block;
 padding: 5px;
 margin-left: 40px;
}
.video li
{
 display: block;
 padding: 10px 0 0 40px;
 margin: 0;
}
#player
{
 padding: 0;
 margin-top: 50px;
 text-align: center;
}
h3.cdtitel
{
 font-size: 1.2em;
 border-bottom: 1px solid #444;
 margin-bottom: .8em;
}
/* ========== Ende Formatierung Audio Seite ============ */
/* =========Formatierung Foto Seite ============== */
.noscript
{
 color: #FF3333;
 text-align: center;
}
.galerie_caption
{
 text-align: center;
 margin: 0px 0 20px 0;
}
.galerie
{
 padding: 5px;
 margin: 0 auto;
 width: 670px;
}
.galerie li
{
 display: inline;
}
.galerie img
{
 padding: 2px;
 margin: 2px;
}
.galerie a img
{
 border: 2px solid #444;
}
.galerie a:hover img
{
 background: #333;
 border: 2px solid #D3D3D3;
}
.galerie a:active img
{
 border: 2px solid #fff;
}
.pressefotos li
{
 display: block;
 padding: 5px;
 margin-left: 60px;
}
/* Formatierung Fotoarchiv  */
.archiv
{
 text-align: center;
 padding: 5px;
 margin: 0 auto;
 width: 760px;
}
.archiv li
{
 display: inline;
}
.archiv img
{
 padding: 2px;
 margin: 2px;
}
.archiv a img
{
 border: 2px solid #444;
}
.archiv a:hover img
{
 background: #333;
 border: 2px solid #D3D3D3;
}
.archiv a:active img
{
 border: 2px solid #fff;
}
/* ======== Ende Formatierung Foto Seite =========== */
/* ======== Formatierung Biographie Seite =========== */
#quicknav
{
 margin: 0 0 50px 30px;
}
#quicknav li
{
 display: inline;
 font-size: .9em;
 color: #C5C5C5;
 padding: 0;
}
img.biofoto
{
 border: 1px solid #444;
 padding: 1px;
 margin-left: 50px;
}
#bio h3
{
 clear: right;
 padding: 3px;
 margin: 0 0 50px 0;
 border-bottom: 1px solid #444;
}
#bio
{
 background: #2C2C2B url(images/biobg1.jpg) no-repeat fixed 150px 350px;
 padding: 0 40px 0 40px;
 margin: 0 auto;
}
#bio dt
{
 clear: both;
 float: left;
 width: 20%;
 padding-bottom: 20px;
 font-weight: bold;
}
#bio dd
{
 float: right;
 width: 70%;
 padding: 0 0 20px 0px;
 margin-bottom: 10px;
}
#bio:after
{
 content: ".";
 visibility: hidden;
 height: 0;
 display: block;
 clear: both;
}
/* ======== Ende Formatierung Biographie Seite =========== */
#kontakt
{
 text-align: center;
 padding: 2px;
 margin: 50px 0 30px 0;
}
/* ======== Formatierung Impressum Seite =========== */
address
{
 text-align: center;
 font-style: normal;
 padding: 2px;
 margin-top: 20px;
}

.haftung
{
 text-align: center;
}

/* ======== Ende Formatierung Impressum Seite =========== */
/* ======== Formatierung Datenschutz Seite ============ */

.daten li
{
 list-style-type: disc;
 padding: 0;
 margin-left: 60px;
}
/* ======== Formatierung Datenschutz Seite ============ */