html, body, table{
    font-size: 12pt;
    font-family:verdana;
    line-height:14pt;
    color:#CCCCCC;
}

/* -------- Layout -------- */
body {
   //background-color: #525252;
   background-color: #333333;
   color: #CCCCCC;
   padding: 0;   
   margin: 0;
   }

#header {
   font-size: 13pt;
   padding: 0;  
   border: none;  
   margin: 0;  
   width: 100%;  
   overflow: auto; 
   border-bottom: 1px solid #CCCCCC;
   background-image: url(../img/layout/header.gif);
   height: 100px;
   }

#header-inside {
   padding: 0;  
   border: 0px solid #f60;  
   margin: 10px; 
   }
   
#navigation {
   padding: 0;
   margin: 0;
   width: 200px;
   float: left;
   overflow: auto;
   }

#main {
   padding: 0;
   border: none;
   margin: 0;
   width: expression(document.body.clientWidth -200);
   float: left;
   overflow: auto;
   border-left: 1px solid #CCCCCC;
   height: expression(document.body.clientHeight -160);
   }
   
#main-inside {
   padding: 0;
   border: 0px solid #f09;
   margin: 10px;
   width: expression(document.body.clientWidth -250);
   }

#footer {
   padding: 0;  
   border: none;  
   margin: 0;  
   width: 100%;
   clear: both;
   border-top: 1px solid #CCCCCC; 
   }
#footer-inside {
   padding: 0;  
   border: 0px solid #a6f;  
   margin: 10px; 
   }
   
/* -------- Navigation -------- */

#navigation a {
 font-family: verdana, arial, helvetica;
 line-height:15pt;
 text-decoration: none;
 text-decoration:none;
 text-align: left;
 color:#CCCCCC;
 display:block;
 padding-bottom: 2px;
 padding-top: 2px; 
}

#navigation a:hover {
  color:#EEEEEE;
}

/*Style-Definition für die First-Level-Navigation*/
div.fstlevel a {
 font-size: 1.1em;
 font-weight:normal;
 padding-left: 10px;
 margin-left: 0px; 
}

/*style-definition für die first-level-navigation bei aktivem link*/
div.fstlevelactive a {
 font-size: 1.1em;
 font-weight:normal;
 background-color: #6F6F6F;
 padding-left: 10px;
 margin-left: 0px; 
}

/*Style-Definition für die Second-Level-Navigation*/
div.seclevel a {
 font-size: 1em;
 font-weight: normal;
 padding-left: 20px;
 margin-left: 0px;
}

/*Style-Definition für die Second-Level-Navigation bei aktivem Link*/
div.seclevelactive a {
 font-size:1em;
 font-weight: normal;
 background-color: #6F6F6F;
 padding-left: 20px;
 margin-left: 0px;
}


/* -------- Content -------- */

.paragraphBlock {
 font-size: 1em;
 padding: 0px;
 margin: 0px;
 margin-bottom: 8px;
 width:550px;
}

.paragraphBlock a {
  /* font-weight:regular; */
  font-weight : bolder;
  color:#F6DC49;
  text-decoration:none;
}

.paragraphBlock a:hover {
  /* font-weight:regular; */
  font-weight : bolder;
  color:#F5ECBA;
  text-decoration:none;
}

.paragraphTitle {
  font-weight:bold;
  text-decoration:none;
}

.paragraphLegend {
  font-size:0.75em;
  margin-bottom:10px;
}

.paragraphBlock UL {
  margin-left: 41px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 19px;
}

.lafolia {
  font-size: 1.2em;
  font-weight:bold;
  font-style : italic;
  font-family: "Times New Roman, Times, serif";
  text-decoration:none;
}
/* -------- Events -------- */

.events_month {
 clear: both;
 width:560px;
 padding-top:10px;
 font-size: 1em;
 font-weight:bold;
}

.events_dw {
 float:left;
 width:30px;
 font-size: 1em;
}

.events_day {
 float:left;
 width:30px;
 font-size: 1em;
}

.events_data {
 float:left;
 width:400px;
 font-size: 1em;
}

.events_rem {
 float:left;
 width:500px;
 margin-left:60px;
 font-size: 0.9em;
}

/* Tonträger */
table.tontraeger {
 width:560px;
 text-align:left;
 font-size: 1em;
}

td.right {
 text-align:right;
 vertical-align:top;
}

.mp3 {
 font-size: 1em;
 font-weight:bold;
}

/* -------- Formulare -------- */
fieldset{
  /* width:80; */
  padding:0px 15px 5px 15px;
  margin:0px;
  border: 0px;
}

label{
  padding-top:0px;
  margin-top:5px;
  font-weight:normal;
  width:20%;
  vertical-align:top;
}

input {
 font-size: 1em;
 background-color: #CCCCCC;
 border: 1px solid #484848;
 vertical-align : bottom;
}

textarea {
 //font-family:arial, helvetica, sans-serif; 
 font-size: 0.95em;
 background-color: #CCCCCC;
 border: 1px solid #484848; 
}

input.button, input.button:hover, input.button:active {
  width:125px;
  border:1px solid #484848;
  background-color: #CCCCCC;
  margin:0px;
}

/* -------- Footer -------- */

#footer {
  font-size:0.9em;
  color: #CCCCCC;
}

#footer a {
  /* font-weight:regular; */
  font-weight : bolder;
  color:#F6DC49;
  text-decoration:none;
}

#footer a:hover {
  /* font-weight:regular; */
  font-weight : bolder;
  color:#F5ECBA;
  text-decoration:none;
}

/* -------- Diverses -------- */
.italic {
	font-style : italic;
	font-weight : bolder;
}

.hinweis {
	font-weight : bolder;
	color:#F6DC49;
}

.tooltip {
  font: 11px Verdana,sans-serif;
  color: #666666;
  background: #FFFFCC;
  border: 1px solid #CCCC99;
  padding: 1px 3px;
}

hr {
 color:#CCCCCC;
 height:1px;
}