/* Neue Zentrale Layoutdefinition fuer tgunkel.de */

/* Formularelemente die normale Besucher nicht sehen sollen, Spammer Roboter aber schon :-) */
.venusfalle   { display:none; }


/* --- --- Wird von alten Browsern ignoriert --- --- */
@media all
{

  body        /* Aussen Abstand, Hintergrundfarbe, Randfarbe- Dicke */
              {
               padding:0em;
	       margin:0em;
               color:black; background-color:black; 
              }

  #Seite      /* Die ganze Seite */
              {
              }

  #NichtKopf  /* Alles ausser der Kopfleiste */
              {
               border-style:outset;
               border-width:thin;
               /* background-color:white; */
               /* background-color:#ffffee; */
               background-color:#ffe1ad; background-image:url('logos/sitebackground1.gif');
               margin-left:1em; margin-right:1em;
               padding-top:3em; padding-left:1em; padding-right:1em;
	      }


  #Main       /* Der ganze Inhalt , ohne Fussleiste, ohne Navi */
              {
               width:100%;
	          }

  /* Alle Eintraege (der 1. und der Rest) */
  #Main_Oben, .Main_Inhalt
              {
               border-style:solid; border-width:thin;
               -moz-border-radius:2em;
               -webkit-border-radius:2em;
               border-radius:2em;
               padding:1em; margin-bottom:1em;
               /* background-color:#ffffee; */
               background-color:white;

              }

  #Main_Oben
              {              
              }

/* XXXX  Start: Die ganz neue Navigationsleiste oben  XXXX */

  #Kopfleiste {
      padding-top:0.2em; padding-bottom:0.1em;
      background-color:white;
      position:fixed; top:0px; left:0px; right:0px; min-height:1.5em;
      border-bottom-style:solid; border-bottom-width:thin;

      -o-box-shadow:      1em 0.2em 0.5em black;
      -icab-box-shadow:   1em 0.2em 0.5em black;
      -khtml-box-shadow:  1em 0.2em 0.5em black;
      -moz-box-shadow:    1em 0.2em 0.5em black;
      -webkit-box-shadow: 1em 0.2em 0.5em black;
      box-shadow:         1em 0.2em 0.5em black;
              }
  
   .KopfEintrag
      {
       float:left;
       border-right-style:solid; border-right-width:thin;
       padding-left:0.5em; padding-right:0.5em;
      }

   /* I box with all headings on the current page you can jump to Only appears while you hover on it*/
   .JumpToBox ul
   {
       max-width:20em;
       max-height:20em;
       overflow:auto;
   }
   .JumpToBox ul       { display:none;  }
   .JumpToBox:hover ul { display:block; }

   .JumpToBoxEntry1  { }
   .JumpToBoxEntry2  { margin-left:1em; }
   .JumpToBoxEntry3  { margin-left:2em; }
   .JumpToBoxEntry4p { margin-left:3em; font-size:small; }

   .FeedbackBox
   {
       max-width:25em;
       vertical-align:top;
   }

   .FeedbackBox form       { display:none; }
   .FeedbackBox:hover form { display:block; }

   #NavLeiste {
               border-style:solid; border-width:thin;
               float:left; width:15em;
               margin-right:2em; margin-bottom:1em;
               padding:1em;
               /* background-color:#ffffd0; */
               /* background-color:#ffefee; */
               /* background-color:#ffffee; */
               background-color:white;
               -moz-border-radius:2em;
               -webkit-border-radius:2em;
               border-radius:2em;
              }

   /* Text in der Kopfleiste soll oben beginnen, also den Rest oben ausrichten */
   .KopfEintrag img,
   .KopfEintrag form
     { vertical-align:top; }



   .Navi_Sprachen_passiv img,
   #Navi_Sprachen_aktiv  img
   {
       border-style:none;
   }

   #Navi_Sprachen_aktiv  img       { height:1.2em; }
   #Navi_Sprachen_aktiv  img:hover { height:1.3em; }
   .Navi_Sprachen_passiv img:hover { height:1.2em; }


   #TheRealContent { margin-top:3em; }

      a:link[href].NavDirAct,   a:link[href].NavPagAct, .NavDirAct  { color:#4450ff;    }
   a:visited[href].NavPagAct,a:visited[href].NavDirAct              { color:#878fff;    }
           a[href].NavPagAct                       { font-weight:bold; font-size:large; }

   #NavLeiste ul  { padding-left:0.5em; }
   #NavLeiste h2  { background-color:inherit; }

/* XXXX  Ende  neue Navigationsleiste oben XXXX */

  #Unten      {
                clear:both;
              }
  #Fusszeile
              {
               text-align:right;
              }

  .radio-old  { background-color:#ffffab; }
  .radio-pop  { background-color:#abffff; }
  .radio-tlk  { background-color:#ffabff; }
  .radio-freq { text-align:right;                }
  .radio-nr   { min-width:4em; empty-cells:show; }
  .radio-ukwp { text-align:center;               }

  .software-linkname { font-weight:bold; }

  /* Links einfaerben */

  /* Alle meine Ueberschriften sind Links auf sich selbst, sollen aber nicht so aussehen */
  h1 a:visited[href], h2 a:visited[href], h3 a:visited[href],
  h1 a:link[href],    h2 a:link[href],    h3 a:link[href]
              { text-decoration:none;
                color:black;
              }

  a:link[href], a:visited[href], a:hover[href], a:active[href], a.focus[href]
              { text-decoration:underline; }
  a:link[href]     
              { color:black; background-color:inherit; }

  a:visited[href]  
              { color:#ababab; background-color:inherit; }
  a:hover[href], a:active[href], a.focus[href]
              { color:black; }
  a:hover[href], a.focus[href]
              { background-color:#ffffbc; }
  a:active[href]   
              { background-color:yellow; }

  a.Navi_Pfad_aktiv:link, a.Navi_Pfad_aktiv:visited
              {
               border-style:solid;
               border-width:thin;
               background-color:white;
              }

  h           { font-weight:bold; }
  em          { font-weight:bold; }
  th          { vertical-align:top; }
  pre         
              { 
               font-family:monospace;
               white-space:pre-wrap;
               margin:0.5em; padding:0.5em;
               border-style:dashed; border-width:thin;
              }

  h1, h2 
              { 
	      }

  img         { vertical-align:bottom; margin:2px; }

  a:link[href] img, a:visited[href] img, a:active[href] img
              {
               text-decoration:none;
              }

  .imgnobrd   /* Keinen Rahmen um diese Bilder machen */
              { border-style:none; }


  .bilder_prev_next_img
              {
               border-style:none;
               margin:0px;
               text-decoration:none;
               /* text-decoration:underline; */
              }

  .datumskasten  /* Letzte Aenderung rechts ausrichten */
              {
               text-align:right; font-style:italic;
               clear:right;
              }

  /* Woerter in anderen Sprachen */
  .ForeignLang_de, .ForeignLang_en, .ForeignLang_fr
              {
               color:red;
              }

  .ForeignLang_de img, .ForeignLang_en img, .ForeignLang_fr img
  { border-style:none; }

  /* Gaestebuch */
  .td_space   { empty-cells:show; border-right:medium solid black; }
  .td_text    { padding:1em; border-style:solid; border-width:medium; border-color:black; }

  .img_float_right
              { float:right;
                margin-left:5px; margin-top:5px; margin-bottom:5px;
              }

  .img_float_left
              { float:left;
                margin-right:5px; margin-top:5px; margin-bottom:5px;
              }

  .table_align_td_center_th_left tr td
              {
                text-align:center;
              }
  .table_align_td_center_th_left tr th
              {
                text-align:left;
              }


  /* BLOG */
  .blog-img   { vertical-align:middle; }
  .blog-quote
              {
                font-family:monospace;
                white-space:pre-wrap;
             	margin-left:1em; padding-left:1em;
		border-width:thin;
                border-style:solid;
		background-color:#d8fcff;
	      }

  .blog-menu-bar
              { 
                text-align:center;
	 	 	    padding-top:0.5em; margin-top:0.5em; padding-bottom:0.5em; margin-bottom:0.5em; 
	          }

  .blog-menu-item
              {
                text-align:center;
			    padding-right:0.125em; margin-right:0.125em; padding-left:0.125em; margin-left:0.125em;
		      }

  .blog-topic-row  
              {
                text-align:right;
				margin-bottom:1em;
              }

  .blog-all-topics-row
              { 
               /* text-align:center; */
              }

  .blog-all-topics-column
              { 
               /* float:right; */
               /* border-style:solid; */
               /* border-width:thin; */
               /* background-color:#ffffeb; */
               margin-left:1em; margin-top:1em;
              }

  .blog-one-topic
              {
               white-space:nowrap;
               margin:0.3em;
               float:left;
              }
  .blog-topic-buttons
              {
               text-align:right;
              }

  .blog-text 
              { 
               margin-left:1em; padding-left:1em;
               margin-top:0.5em; padding-top:0.5em;
               margin-bottom:0.5em; padding-bottom:0.5em;
              }
  .blog-infos { }

  .blog-input-form
              {
               clear:both;                    
              }

  /* Kalender */
  .cal-all    {
               empty-cells:hide;			  
              }
  .cal-daynr     {
                   text-align:center;
			       background-color:#cfcfcf;
			     }
  .cal-daynr-today 
				 {
			       text-align:center;
 			       background-color:#ffffc2;
			     }
  .cal-day-pre   {
			       background-color:#f0f0f0;
				   vertical-align:top;
			     }
  .cal-day-today {
			       background-color:#f0f0f0;
				   vertical-align:top;
			     }
  .cal-day-post  {
			       background-color:#fafafa;
				   vertical-align:top;
			     }
  .cal-day-ul    { margin-left:0px; padding-left:1em; }
  .cal-day-li    { margin-left:0px; padding-left:0em; }
  .cal-wod       { text-align:center; }
  .cal-wod-row   { }
  .cal-month-row { padding-top:2em; padding-bottom:0.5em; }


  /* Google Kasten */
  .searchbox     {
                  float:right; border-style:solid; border-width:thin; padding:0.5em;
                 }
  .searchboxlogo {
                  text-align:right;
                 }

  div[class=searchboxlogo] img { border-style:none; }

  .media_logos   {
                  padding-right:5px;
                 }
}
/* --- --- Wird von alten Browsern ignoriert --- --- */


/* --- --- Druck --- --- */
@media print
{
 
 body         /* Body ohne Rand und bw */
              {
	           padding:0em; margin:0em;
	           color:black; background-color:white;
              }

 
 a:link[href] /* Links bw */
              {
               color:black; background-color:white; text-decoration:none;
              }
 
 #Kopfleiste  {
               display:none;
              }
 #NavLeiste 
              {
               display:none;
              }
 #Unten
	      {
	           display:none;
	      }
 .NotForPrinting
              {
               display:none;
              }

 #Main_Oben, .Main_Inhalt, #Unten
              {
               page-break-inside:avoid;
              }

}
/* --- --- Druck --- --- */