/*
Theme Name: Kammertöne
Description: Theme für das Vokalensemble Kammertöne. DE-Edition
Version: 1.0
Author: Christian Niklas
Author URI: http://xing.com/profile/Christian_Niklas
last modified: 11.02.2009
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
# Farbton (Hintergrund): #cc9966
# Farbton (Hüllenhintergrund): #ffcc99
# Farbton (Text, h3): #774c20
# Farbton (Dunkleres Braun, Schrift, h2): #ffcc99
# Farbton (Braun, Links im Fliesstext, Schrift, #metainformation, msiteinformation): #663333
# Farbton (Text): #000
*/

/* Weblinks
--------------------------------------------------------------------------------------- */

/*
http://jeenaparadies.net/weblog/2007/jun/png-alphatransparenz-im-ie-nutzen
http://jeenaparadies.net/weblog/2007/mar/umgang-mit-ie-hacks
*/


@media screen, projection {
  
  /* Reset
  --------------------------------------------------------------------------------------- */
  
  * {
    padding: 0;
    margin: 0;
  }
  
  /* Globals und Typo 
  --------------------------------------------------------------------------------------- */
  
  html {
    font-size: 75%; /* IE */
  }
  
  html>body {
    font-size: 12px; /* standardkonforme Browser */
  }
  
  body {
    /* Wahlweise Linienhintergrund, abgestimmt auf eine Schriftgröße von 12px. */
    /*background: transparent url(images/line-height.gif) top left;*/
    background: #f1efe2 url(images/body_bg.png) repeat-x left top;
    color: #000;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Verdana, sans-serif;
    text-align: left;
  }
  
  
  a:link {
    color: #048db4; /*#0066ff;*/
    text-decoration: none;
  }
  
  a:visited {
    color: #048db4;
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: underline;
  }
    
  a:focus {
    outline: none;
  }
  
  a:active {
  }
  
  img, a img {
    border: 0;
  }
  
  * html #header {
    behavior: url(iepngfix.htc); /* IE PNG Fix */
  }
  
  
  h1, h2, h3, h4, h5, h6, p, blockquote, 
  pre, dl, dt, dd, ol, ul, li, fieldset, 
  form, label, legend, table, caption, 
  tbody, tfoot, thead, tr, th, td {
    text-align:left;
  }
  
  p {
    font-size: 1em;
    line-height: 1.5em;
    /*margin-top: 1.5em;*/
    /*margin-bottom: 1.5em;*/
    padding: 0 0 1.5em;
  }
  
  h1 {
    font: 3em Georgia, "Times New Roman", Times, serif; /*2.5em ...*/
    letter-spacing: 0.15em; /*0.27em*/
    padding: 113px 0 0 23px; /* . . . 25px; */
  }
  
  h2 {
    font: 1.8em Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    /*margin-top: 1em;*/
    /*margin-bottom: 1em;*/
    text-align: center;
  }
  
  h3 {
    font: 1.5em Georgia, "Times New Roman", Times, serif;
    /*margin-top: 1.5em;*/
    /*margin-bottom: 0.5em;*/
  }
  
  h4 {
    font: 1.17em Georgia, "Times New Roman", Times, serif;
    /*margin-top: 1.29em;*/
    /*margin-bottom: 1.29em;*/
  }
  
  small {
    /*line-height: 1em;*/
  }
  
  
  hr {
    display: none;
  }
  
  
  
  /* Generelle Styles
  --------------------------------------------------------------------------------------- */
  
  .alignleft {
    float: left;
    margin: 0 0.5em 0 0;
  }
  
  .alignright {
    float: right;
    margin: 0 0 0 0.5em;
  }
  
  
  
  /* Layout-Elemente
  --------------------------------------------------------------------------------------- */
  
  #wrapper {
    margin: 10px auto;
    width: 980px;
  }
  
  #header {
    background: transparent url(images/header.png) no-repeat left top;
    height: 188px;
    position: relative;
  }
  
  #content {
    background: transparent url(images/content.png) repeat-y left top;
    height: 1%; /* IE6 */
    overflow: hidden;
    padding: 9px 0 0;
  }
  
  #wrapper div.full-size {
    background: transparent url(images/content_white.png) repeat-y left top;
  }
  
  #main {
    float: left;
    padding: 0 13px 0 23px;
    width: 567px; /*603px*/
  }
  
  #sidebar {
    float: right;
    padding: 0 23px 0 13px;
    width: 341px;
  }
  
  div.full-size #main {
    float: none;
    padding: 0 23px;
    width: auto;
  }
  
  div.full-size #sidebar {
    display: none;
  }
  
  #footer {
    background: transparent url(images/footer.png) no-repeat left bottom;
    height: 86px;
    /*overflow: hidden;*/
    padding: 13px 23px 0;
  }
  
  
  
  /* Header
  --------------------------------------------------------------------------------------- */
  
  #header div.description {
    text-indent: -999em;
  }
  
  
  
  /* Navigation 
  --------------------------------------------------------------------------------------- */
  
  #nav_main {
    /*clear: both;*/
    position: absolute;
    /*top: 158px;*/
    bottom: 0;
    left: 0;
    padding: 0 0 0 10px;
  }
  
  #nav_main li {
    float: left;
    list-style-type: none;
  }
  
  #nav_main a {
    color: #fff;
    display: block;
    font-size: 1.08em;
    line-height: 1.5em;
    padding: 6px 10px 5px;
    text-decoration: none;
  }
  
  #nav_main li ul {
    position: absolute;
    left: -999em; /* hide submenu */
    /*height: auto;*/
    /*width: 13.9em; /*14.4em;*/
    /*w\idth: 13.9em; /* IE opt. */
    
    /*background: #1284ab; /*#037ca6;*/ /*Bkp: #2a769e;*/
    /*opacity: 0.94;*/
    /*filter: alpha(opacity=94);*/
  }
  
  #nav_main li li {
    float: none;
    /*width: 13.9em;*/
  }
  
  #nav_main li li a {
    background: transparent url(images/nav_opaque.png) repeat-x;
    padding: 4px 10px;
  }
  
  #nav_main li:hover ul, #nav_main li li:hover ul, #nav_main li li li:hover ul, 
  #nav_main li.sfhover ul, #nav_main li li.sfhover ul, #nav_main li li li.sfhover ul {
    left: auto; /* show submenu */
  }
  
  #nav_main li a:hover, 
  #nav_main li.sfhover, 
  #nav_main li.current_page_item {
    background-color: #275269;
  }
  
  #nav_main li li a:hover, 
  #nav_main li li.sfhover, 
  #nav_main li li.current_page_item {
    /*background: #19475f;*/
    background-color: transparent;
    background-position: left bottom;
  }
  
  
  
  /* Main
  --------------------------------------------------------------------------------------- */
  
  #main h2.headline {
    /*margin: 0.5em 0 1em 0;*/
    /*padding: 0.3em 0.3em 0.3em 0.55em;*/
  }
  
  .post {
    font-size: 1.08em;
    /*margin: 0;*/
    padding: 0; /*0 13px 30px 23px*/
  }
  
  .post ul {
    line-height: 1.5em;
    /*margin: -1em 0 0 0;*/
    padding: 0 0 0 13px; /* . . . 26px */
  }
  
  .post ol {
    /*margin: 0;*/
    padding: 0 0 0 13px; /* . . . 26px */
  }
  
  .post blockquote {
    color: #00485c;
    padding: 0 0 0 26px;
  }
  
  .postmetadata, .commentmetadata {
    font-size: 0.9em;
  }
  
  
  .navigation {
    line-height: 1.5em;
    overflow: hidden;
    /*padding: 1em 0 2em 23px;*/
  }
  
  .navLeft {
    background: transparent url(images/left_ornament.png) no-repeat left center;
    float: left;
    padding: 0 0 0 22px;
  }
  
  .navRight {
    background: transparent url(images/right_ornament.png) no-repeat right center;
    float: right;
    padding: 0 22px 0 0;
  }
  
  
  ol.gbook_commentlist {
    font-size: 1.08em;
    list-style: none;
    line-height: 1.5em;
    /*margin: -1em 0 0 0;*/
    /*padding: 0 13px 0 23px;*/
  }
  
  ol.gbook_commentlist li {
    padding: 0.6em 0.6em 0;
  }
  
  ol.gbook_commentlist li span {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.8em;
    font-style: italic;
  }
  
  ol.gbook_commentlist li p {
    color: #00485c; /* = blockquote */
    /*margin-top: 0.5em;*/
    /*margin-bottom: 0;*/
  }
  
  ol.gbook_commentlist li.alt {
    background-color: #f1efe2;
  }
  
  
  
  /* Sidebar
  --------------------------------------------------------------------------------------- */
  
  #sidebar h2.headline {
    /*background-color: #f9f7f1;*/
    /*margin: 0.5em 0 1em 0;*/
    /*padding: 0.3em 0.3em 0.3em 0.55em;*/
  }
  
  
  .input {
    background: #fff url(images/back_input.gif) repeat-x center top;
    border: 1px solid #a79d8f;
    padding: 3px 4px;
    -moz-border-radius: 6px;  
    -webkit-border-radius: 6px;  
  }
  
  textarea {
    overflow: auto;
    width: 97%;
  }
  
  
  
  /* Footer
  --------------------------------------------------------------------------------------- */
  
  #footer p {
    color: #fff;
    margin: 0;
    /*padding: 1em 2em;*/
  }
  
  #footer a:link, 
  #footer a:visited  {
    color: #000;
  }
  
}



@media print {
  
  body {
    background: white;
    font-size: 12pt;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
  }
  
  #nav_main {
    display: none;
  }
  
  #wrapper {
    width: auto;
    margin: 0 5%;
    padding: 0;
    border: 0;
    float: none !important;
    color: #000;
    background: transparent none;
  }
  
  h1, h2, h3, h4, h5, h6 {
    padding-top: 2pt;
    padding-bottom: 2pt;	
  }
  
  h1 {  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20pt;
    font-weight: normal;
  }
  
  h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: normal;
  }
  
  h3 { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16pt;
    font-weight: normal;    
  }
  
  h4 {
    font-size: 14pt;   
  }
  
  p, ul{
    font-size: 12pt;
    line-height: 14pt; 
  }
  
  textarea, input[type=text] {
    border: none;
  border-bottom: 2px #000 dashed;
  }
  
  a {
    color: inherit;
    text-decoration: none;
  }
  
  /*
  a[href]:after {
    content:" <"attr(href)"> ";
    font-style: italic;
    font-size: 0.7em;
  }
  */
  
  .navigation {
    display: none;
  }
  
}