/* Verdana is the font used in the Tonikum Logo.
   We also use it for all body text. */
body {
       font-family:Verdana,Helvetica,Arial,sans-serif;
       font-size:12px;
       line-height:15px;
       margin-top:0px;
       margin-bottom:0px;
       margin-left:0px;
       margin-right:0px;
     }

table,div,span {
        font-family:Verdana,Helvetica,Arial,sans-serif;
        font-size:12px;
        line-height:15px;
      }

/* frameless 100%-wide tables without borders and padding */
table.layout {
               font-size:12px;
               line-height:15px;
               width:100%;
               border-spacing:0px; padding:0px;
             }

h1 { font-size:24px; font-weight:normal; }
h2 { font-size:18px; font-weight:normal; }
h3 { font-size:15px; font-weight:normal; }

/* "mehr >>" Links */
a.more { font-size:10px; font-weight:normal; font-style:italic;
         text-decoration:none; }
a.more:hover { font-weight:bold; }

/* "weiter: ..."-Links für horizontale Navigation */
#weiter { position:absolute; right:3%; }
a.weiter1 { color:#FF9937; font-size:12px; font-weight:normal; font-style:italic; text-decoration:none; }
a.weiter2 { color:#3737CC; font-size:12px; font-weight:normal; font-style:italic; text-decoration:none; }
a.weiter3 { color:#B2B2B2; font-size:12px; font-weight:normal; font-style:italic; text-decoration:none; }
a.weiter1:hover { font-weight:bold; }
a.weiter2:hover { font-weight:bold; }
a.weiter3:hover { font-weight:bold; }

/* font style + alignment for page title (bullet+text) */
.ptitle { vertical-align:middle; font-size:18px; }

/* bullet alignment for "Kontakt" page */
.bullet {  vertical-align:middle; }

/* "Aktuelles Projekt" on main page */
.aktmain {}

/* blind tables for layout */
table.blind { border-style:none; border-spacing:0px; padding:0px; }

/* "Archiv" links to old events */
a.archiv { font-size:12px; font-weight:normal; font-style:normal;
           text-decoration:none; }
a.archiv:hover { font-weight:bold; }

/* "In-Text" links inside floating text */
a.intext { font-weight:normal; font-style:italic; text-decoration:none; }
a.intext:hover { font-weight:bold; }

/* "Email" links */
a.email { font-weight:normal; font-style:normal; text-decoration:underline; }
a.email:hover { font-weight:bold; }

/* "Download" links (PDF etc) */
a.download { font-weight:normal; font-style:normal; text-decoration:underline; }
a.download:hover { font-weight:bold; }

/* "Email" links */
a.email { font-weight:normal; font-style:normal; text-decoration:underline; }
a.email:hover { font-weight:bold; }

/* "Poster" links (on concert poster pages, not inside floating text) */
a.poster { font-weight:normal; font-style:italic; text-decoration:none; }
a.poster:hover { font-weight:bold; }

/* all other links are underlined and will hover */
a { color:black; font-weight:normal; font-style:normal; 
    text-decoration:underline; }
a:hover { font-weight:bold; }

/* special style for archive links */
a.archiv: {}
div.archiv_sub: { font-size:11px; }

/* main navi colors:
   orange = 255 153  51   #FF9937
   blue   =  51  51 204   #3333CC
   gray   = 178 178 178   #B2B2B2
*/

/* navigation bar elements (e.g. Portrait/Konzerte/Kontakt) */
a.navi,a.navi11,a.navi12,a.navi13  {
  font-weight:normal; color:black; text-decoration:none;
}
a.navi:hover   { font-weight:bold; }
a.navi11:hover { font-weight:bold; color:#FF9937; }
a.navi12:hover { font-weight:bold; color:#3737CC; }
a.navi13:hover { font-weight:bold; color:#B2B2B2; }
a.navi:link   { text-decoration:none; }
a.navi:active { text-decoration:none; }
a.navi:an     { text-decoration:none; }

/* small navigation bar elements (e.g. Impressum) */
a.smallnavi        {
                     font-size:10px;
		     color:black;
                     font-weight:normal;
                     text-decoration:none;
                   }
a.smallnavi:hover  { font-weight:bold; }
a.smallnavi:link   { font-decoration:none; }
a.smallnavi:active { font-decoration:none; }
a.smallnavi:an     { font-decoration:none; }

/* Submenus are positioned in absolute coordinates.
   Height of the page elements from top to bottom:
     spacer1     	 25px
     logo 		 32px
     spacer2      	 10px
     hline1        	  1px
     spacer3      	 10px (mouseover: switch off navi)
     navi1 	 	 25px
     spacer4      	  5px
     hline2        	  1px
     spacer5        	 25px (empty space between header+content; also
                               dummy space for navi bar 2)
     spacer6        	  5px (mouseover: switch off navi)
 */

#header_spacer1 { position:absolute; z_index:10;  top:0px;   left:0%; padding:0px; margin:0px; }
#header_logo    { position:absolute; z_index:20;  top:25px;  left:3%; width:94%; padding:0px; margin:0px; }
#header_spacer2 { position:absolute; z_index:50;  top:62px;  left:0%; padding:0px; margin:0px; }
#header_hline1  { position:absolute; z_index:20;  top:67px;  left:0%; padding:0px; margin:0px; }
#header_spacer3 { position:absolute; z_index:10;  top:68px;  left:0%; padding:0px; margin:0px; }
#header_navi1   { position:absolute; z_index:50;  top:78px;  left:3%; width:94%; padding:0px; margin:0px; }
#header_spacer4 { position:absolute; z_index:10;  top:103px; left:0%; padding:0px; margin:0px; }
#header_hline2  { position:absolute; z_index:20;  top:108px; left:0%; padding:0px; margin:0px; }
#header_spacer5 { position:absolute; z_index:10;  top:109px; left:0%; padding:0px; margin:0px; }
#header_spacer6 { position:absolute; z_index:40;  top:134px; left:0%; padding:0px; margin:0px; }

/* header background starts at same position as header logo */
#header_bg { position:absolute; z_index:1; top:0px;  left:0px; width:100%; padding:0px; margin:0px; }

/* content starts below spacer6 */
#content_start  { position:absolute; z_index:50;  top:139px;  left:3%; padding:0px; }

/* navi row 2 starts 3 pixels below navi bar 1 */
#sub1   { position:absolute; z_index:100; top:103px; left:3%; padding:0px; }
#sub2   { position:absolute; z_index:100; top:103px; left:3%; padding:0px; }
#sub3   { position:absolute; z_index:100; top:103px; left:3%; padding:0px; }

/* alternative navigation if no JavaScript is available */
#navi_nojava_1 { position:absolute; z_index:200; top:100px; left:3%; padding:0px; }
#navi_nojava_2 { position:absolute; z_index:200; top:100px; left:3%; padding:0px; }
#navi_nojava_3 { position:absolute; z_index:200; top:100px; left:3%; padding:0px; }
a.alt_navi       { font-size:10; font-weight:normal; color:white; text-decoration:none; }
a.alt_navi:hover { font-weight:bold; }




/* background color/image for the footer line */
table.footer {
               width:100%;
               border:0; cellpadding:0; cellspacing:0;
             }
table.footer_old {
               width:100%;
               border:0; cellpadding:0; cellspacing:0;
               background-color:#8A8A8A;
               background-image:url(img/footer_bg.png);
             }