/*   
Theme Name: Danic Tageslicht (weicher Kontrast)
Theme URI: http://www.danic.net
Description: Webseite bei Tageslicht mit weichem Kontrast.
Author: Daniel Niccoli
Author URI: http://www.danic.net
Version: 1
.
General comments/License Statement if any.
.
*/



/********** - HINTERGRUND - **********/

* {
  margin: 0;
  padding: 0;
  font-family: "Century Gothic", "Trebuchet MS", Verdana;
  /* font-family: "Trebuchet MS", Verdana; */
  font-size: 94%;
  color: #CCC;
}

body {
  background: #FFF url('/_bilder/hintergrund-standard.png') no-repeat fixed top left;
}

b, strong {
  font-family: "Century Gothic", "Trebuchet MS", Verdana;
  color: #666;
  font-weight: normal;
  font-size: 100%;
}

a         { text-decoration: none; }
a:link    { color: #909; }
a:visited { color: #909; }
a:hover   { color: #666; }
a:active  { color: #666; }



/********** - TITEL - **********/

h1#titel {
  position: fixed;
  left: -1000px;
  margin-top: 22px;
  width: 217px;
  font: normal 220% 'Century Gothic';
  text-align: center;
}

img#titel-bild {
  position: fixed;
  top: 20px;
  left: 14px;
  border: none;
}

span#titel-leerzeichen {
  font-size: 0%;
}



/********** - NAVIGATION - **********/

ul#navigation {
  position: fixed;
  top: 160px;
  left: 0;
  width: 217px;
  text-align: center;
}

ul#navigation li {
  font-family: "Century Gothic", "Trebuchet MS", Verdana;
  list-style: none;
  font-size: 110%;
  line-height: 194%;
}

ul#navigation li a         { font-family: inherit; text-decoration: none; }
ul#navigation li a:link    { color: #CCC; }
ul#navigation li a:visited { color: #CCC; }
ul#navigation li a:hover   { color: #666; }
ul#navigation li a:active  { color: #666; }
ul#navigation li a.aktiv   { color: #666; }



/********** - THEMEN - **********/

ul#themen {
  position: fixed;
  top: 417px;
  left: 0;
  width: 217px;
  text-align: center;
}

ul#themen li {
  font-family: "Century Gothic", "Trebuchet MS", Verdana;
  list-style: none;
  font-size: 110%;
}

ul#themen li ul {
  margin-top: 6px;
  /* Bei drei Themen: padding-left: 55px; */
  padding-left: 70px;
  clear: both;
}

ul#themen li ul li {
  float: left;
  padding-left: 18px;
}

ul#themen li ul li img{
  opacity: 0.25;
}

ul#themen li ul li img:hover{
  opacity: 1;
}

ul#themen li ul li a > img { border: none; }



/********** - INHALT - **********/

div#inhalt-abstandoben {
  visibility: hidden;
  height: 2.6em;
  /* height: 115px; */
  width: 380px;
}

div.inhalt > * {
  padding-left: 20px;
}

div.inhalt {
  margin-left: 360px;
  margin-bottom: 20px;
  width: 380px;
}

h2 {
  font-family: "Century Gothic", "Trebuchet MS", Verdana;
  background: transparent url('/_bilder/inhalt-titel.png') no-repeat center left;
  font-size: 150%;
  font-style: italic;
  font-weight: normal;
}

h2.kein-hintergrund {
  font-family: "Century Gothic", "Trebuchet MS", Verdana;
  background: transparent;
  font-size: 150%;
  font-style: italic;
  font-weight: normal;
}

h2.galerie {
  font-family: "Century Gothic", "Trebuchet MS", Verdana;
  background: transparent;
  font-size: 150%;
  font-style: italic;
  font-weight: normal;
  color: #666;
}

h2 > a         { font-family: inherit; font-size: inherit; }
h2 > a:link    { color: inherit; }
h2 > a:visited { color: inherit; }
h2 > a:hover   { color: inherit; text-decoration: underline; }
h2 > a:active  { color: inherit; }

p.inhalt-datum {
  margin-bottom: 5px;
  font-size: 75%;
}

img.inhalt-vorschau {
  margin-bottom: 2px;
  opacity: 0.35;
  border: none;
}

img.inhalt-vorschau:hover{
  opacity: 1;
}

/**
 * p.inhalt-erster-absatz {
 *   margin-top: 0.3em;
 *   margin-bottom: 1.2em;
 *   line-height: 120%;
 * }

 * p.inhalt-absatz {
 *   margin-bottom: 1.2em;
 *   line-height: 120%;
 * }
 **/

p.inhalt-erster-absatz {
  margin-top: 0.3em;
  margin-bottom: 0.9em;
  line-height: 125%;
}

p.inhalt-absatz {
  margin-bottom: 0.9em;
  line-height: 125%;
}

img.daniel-niccoli-icq { margin-bottom: -4px; }

ul.empfehlung { margin-left: 20px; }

b, strong {
  color: #666;
  font-weight: normal;
  font-size: 100%;
}