@charset "utf-8";
/**
 *Website von Tangoyim
 *
 *@link		http://www.tangoyim.de
 *@version	1.0*/

@import url(forms.css);
@import url(microformats.css);
@import url(iehacks.css);
@media print
{

  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
  body { font-size: 10pt; font-family: Verdana, Helvetica, sans-serif;}

  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
  #sidebar2, #head ul, #footer { display: none; }

  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .noprint { display:none; }

    /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
  h1,h2,h3,h4,h5,h6 { page-break-after:avoid; }
}

@media screen, projection 
{

/*===================== Reset =====================*/

/* fuer den ie5 muessen die im Drucklayout abgeschalteten Elemente noch einmal extra wieder eingeschaltet werden - try-and-error-workaround... */
  #sidebar2, #head ul, #footer { display: block; }

* {
  margin: 0;
  padding: 0;
}

img {
 border: none;
 }

ul {
 list-style: none;
}

/*===================== Schriften, Absätze, Überschriften =====================*/

body, td, th {font: normal 85%/167% "Trebuchet MS", Helvetica, sans-serif;}
 td, th {f\ont-size: 100%}

h1 {
 color: #3b2b20;
 font-family: "Lucida Sans", Helvetica, sans-serif;
 font-size: 3em;
 line-height: 1.1;
 margin: .8em 0;
 }
h1.phark {
    display: none;
}
h2 {
 font-family:"Book Antiqua",Georgia,serif;
 font-style:italic;
 color: #980c02;/* #3C6331 grün */
 font-size: 1.5em;
 line-height: 1.1;
 margin: 1.8em 0 .8em 0;
 }
h3 {
 font-size: 1.5em;
 line-height: 1.1em;
 margin: 1em 0 0 0;
 }
/* h5 wird als Trennlinie mißbraucht..., h6 ist für Bildunterschriften */
h5 {
    margin: 80px 0;
    border-bottom: 1px solid #000;
}
h5.rote_linie {
    border-bottom: 1px solid #9F1F16;
    margin: 20px 0 0 0;
}

p {
    margin: .8em 0;
}

/*===================== Layout =====================*/

body {
 /*width: 900px;
 margin: auto;*/
 /*das kapiert der IE6 nicht, daher der anschließende #rahmen*/
 color: #3b2b20;
 background: url(images/bggeige2.jpg);
 background-attachment: fixed;
}

#rahmen {
 width: 900px;
 margin: auto;
 background-color: white;
 }

#head {
 width: 900px;
 margin: auto;
 position: relative;
 background: #D3CCC2 url(images/strumenti.jpg) top right no-repeat;
 } 

/*Sidebar*/
/*Konzerttermine sidebar1 genannt, um evtl. text als content einfließen zu lassen*/
/*sidebar2 weniger opacity für die Bilder*/

#sidebar1 {
 float: left;
 width: 200px;
 height: 720px;
 background: #DCE0E2 url(images/sidebar.gif) repeat-y;
 opacity: .9;
 filter: Alpha(opacity = 90);
 margin: 0 10px 0 0;
 padding: 10px 10px 10px 15px;
 }

#sidebar2 {
 float: left;
 width: 200px;
 background: #DCE0E2 url(images/sidebar.gif) repeat-y;
 margin: 0 10px 0 0;
 padding: 10px 10px 10px 15px;
 }

#content {
 position: relative;
 background-color: white;
 /* opacity: .9;
 filter: Alpha(opacity = 90); */
 margin: 0 0 0 220px;
 padding: 20px;
 }

/*===================== Navigation =====================*/

a:link {
 color: #012AAE;
 background-color: transparent;
 }
a:visited {
 color: #4465CF;
 background-color: transparent;
 }
a:hover, a:focus {
 color: #980c02;
 background-color: transparent;
 text-decoration: none;
 }
a:active {
 color: white;
 background-color: #980c02;
 text-decoration: none;
 }

/*===================== Head =====================*/
                            
#head h1 {
 color: #34211C;
 background-color: transparent;
 font-size: 4em;
 margin: 0;
 padding: 1em;
 }

#head h1 span {
 color: #A07F62;
 vertical-align: -10px;
 }

#head ul {
 position: absolute;
 bottom: 0;
 right: 26px;
 }

#head ul li {
 float: left;
 list-style: none; 
 margin: 0 8px 0 0;
 }

#head ul a, #head ul strong {
 color: #D2CBC1;
 background: #5B301F url(images/button.gif) bottom left repeat-x;
 display: block;
 padding: .8em;
 text-transform: uppercase;
 text-decoration: none;
 }

#head ul strong {
 color: #5B301F;
 }

#head ul a:hover, #head ul a:focus, #head ul a:active {
 color: white;
 background: #980c02 url(images/buttonactive.gif) bottom left repeat-x;
 }

#head .maennchen {
 margin: 0 0 0 330px;
 position: absolute;
 bottom: -28px;
 z-index: 1;
 }

 /*===================== Sidebar =====================*/

#sidebar2 ul {
 list-style-type: none;
 }
 
/*Liste in sidebar Texte und Programm*/

div#sidebar1 ul li, div#sidebar2 ul li {
 background: url(images/navpfeil.gif) 0px 6px no-repeat;
 text-indent: 1em;
 font-size: .9em;
}

 /*===================== Content und allgemeine Klassen =====================*/
 /* Verwendung bei den Pressetexten im Service */
#content .floatright {
    float: right;
    width: 45%;
}
#content .floatleft {
    float: left;
    width: 45%;
}
#content .clear {
    clear: both;
}
#content .pressebox {
    background: #FAFAF9;
    border: 1px solid #efefef;
    padding: 10px;
}
/* Verwendung bei diversen Bildern */
#content .img_floatright {
 float: right;
 text-align: right;
 padding: 0 0 0 20px;
   }
#content .img_floatleft {
 float: left;
 padding: 0 40px 0 0;
 }
 
#content .img_clear {
 clear: right;
 padding: 20px 0 0 0;
}

/*für die Jovana-Fotos und auf Seite Musik */
.abstand_oben_40 {
    margin-top: 40px;
} 

.abstand_oben_60 {
    margin-top: 60px;
}
 
#content .texteinleitung {
 padding: 30px;
 font-size: 1.1em;
 }
 
 #content .kleiner_text {
     font-size: 0.8em;
 }
 
#content .background-box {
    padding: 20px;
    background-color: #eee;
    border: 1px solid #ccc;
}
 
#content dt {
 font-size: 1.5em;
 padding: 1em 0 .2em 0;
  }

 /*===================== Content: Klassen für La Luna =====================*/
  
#content .luna {
 margin: 0 0 0 -220px;
 padding: 0px 100px 0px 100px;
 background-image: url(images/vollmond.jpg);
 background-repeat: no-repeat;
 background-color: #000000;
 color: #F7F7F7;
 }
 
 #content .lunatext {
 padding: 20px 20px 20px 100px;
 background-image: url(images/vollmondklein.jpg);
 background-repeat: no-repeat;
 background-color: #000000;
 color: #F7F7F7;
 font-size: 1.1em;
 }
 
#content .spanisch {
 font-weight: bold;
 }
 
#content .deutsch {
 padding: 0 0 0 20px;
 }
 
#content .zitat {
 font-style: italic;
 padding: 0 0 0 20px;
 }

/* ================== Titelseite ================== */

#content .titel {
 position: absolute;
 top: 0px;
 left: 0px;
 }
 
#content .titel h3 {
    position: relative;
     top: -150px;
     left: 400px;
}
 
#content .titel h3 a {
    font: 1.5em "lucida sans";
    font-style: italic;
    color: #C3C1B6;
} 
 
 /*===================== Fernandos Upload-Seite =====================*/
 
body.ferbody {
    background-image: url(images/bgfer.jpg);
}

#ferform
{
  width: 400px;
  margin: 200px auto 0;
}

#ferform li
{
    display: block;
    width: 200px;
    background: #eee;
    text-align: center;
    padding: 10px;
    margin: 10px;
}

 /*===================== Formsreceive-Seite =====================*/

.receive {
    padding: 20px;
    background: #eee;
     opacity: .9;
    filter: Alpha(opacity = 90);
}


 /*===================== Footer =====================*/* 

#footer {
 background: #D3CCC2 url(images/strumenti.jpg) top left no-repeat;
 padding: 10px;
 text-align: center;
 clear: both;
  }
  }