@charset "utf-8";
/***********************************************/
/* mozart.css                                  */
/* Peter Meszmer 2008                          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

html,body {
   margin:0;
   padding:0;
   height:100%; /* needed for container min-height */
   background: #004b73;
   font-family: Georgia1, Georgia, serif;
   font-weight: bold;
   font-size:100%;
/*   Waldenburger Orange*/
/*   color:#eb7d1e;*/
/*   Waldenburger Blau */
   color:#004b73;
/*   Waldenburger Graublau */
/*   color:#82a5b9;*/
/*   Waldenburger helles Graublau */
/*   color:#cddce6;*/
}

/******* hyperlink and anchor tag styles *******/

a:link{
   color: #eb7d1e;
   text-decoration: none;
   font-weight: bold;
}

a:visited{
   color: #eb7d1e;
   text-decoration: none;
   font-weight: bold;
}

a:hover{
   text-decoration: underline;
   font-weight: bold;
}

/************** header tag styles **************/

h1{
   font-size:155%;
   color: #FFFFFF;
   margin: 35px 0px 15px 15px;/*top right bottom left*/
}


h2{
   font-size:140%;
   color: #004b73;
   margin: 16px 0px 8px 16px;/*top right bottom left*/
}

h3{
   font-size:105%;
   color: #004b73;
   margin: 16px 0px 8px 16px;/*top right bottom left*/
}

h4{
   font-size:85%;
   margin: 0px 16px 0px 16px;/*top right bottom left*/
   text-align: right;
}

h5{
   font-size:105%;
   color: #004b73;
   margin: 16px 16px 8px 16px;/*top right bottom left*/
   text-align: center;
}

h6{
   font-size:100%;
   color: #004b73;
   margin: 16px 0px 8px 16px;/*top right bottom left*/
   text-align: center;
}

small{
   font-size:85%;
}

right{
   text-align: right;
}

center{
   text-align: center;
}

#logo {
   float: right;
}

#sponsor{
   float: center;
   border:0;
}

hr {
   border: 0;
   width: 98%;
   color: #004b73;
   background-color: #004b73;
   height: 2px;
}

/* Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active {
   position: relative;
   text-decoration: none;
}

a.tooltip:hover {
  color: #eb7d1e;
  background-color:transparent;
}

a.tooltip span {
  display: none;
  text-decoration: none;
}

a.tooltip:hover span {
  display: block;
  position: absolute;
/*  border:1px solid #eb7d1e;*/
  visibility:visible;
  background-color:#ffffff;
  z-index: 40;
}

ul{
   list-style-type:circle;
 }


/***********************************************/
/* Table                                       */
/***********************************************/

table.events{
   margin-left:auto;
   margin-right:auto;
   width:95%;
   background-color: transparent;
   border: 4px #cddce6 solid;
   border-collapse: collapse;
   border-spacing: 10px;
}

td.normal{
   border-bottom: 2px #cddce6 dotted;
   text-align: left;
   font-family: Verdana, sans-serif, Arial;
   font-weight: bold;
   font-size: 90%;
   color: #004b73;
   background-color: transparent;;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 8px;
   padding-right: 0px;
}

td.small{
   border-bottom: 2px #cddce6 dotted;
   text-align: left;
   font-size: 80%;
   color: #004b73;
   background-color: transparent;;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 8px;
   padding-right: 8px;
}

td.normal_colored{
   border-bottom: 2px #cddce6 dotted;
   text-align: left;
   font-family: Verdana, sans-serif, Arial;
   font-weight: bold;
   font-size: 90%;
   color: #004b73;
   background-color: #eb7d1e;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 8px;
   padding-right: 0px;
}

td.small_colored{
   border-bottom: 2px #cddce6 dotted;
   text-align: left;
   font-size: 80%;
   color: #004b73;
   background-color: #eb7d1e;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 8px;
   padding-right: 8px;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

div#container {
   position:relative; /* needed for footer positioning*/
   margin:0 auto; /* center, not in IE5 */
   width:90%;
   background:#004b73;

   height:auto !important; /* real browsers */
   height:100%; /* IE6: treaded as min-height*/

   min-height:100%; /* real browsers */
}

div#header {
   background: #004b73;/* url("pics/silhouette_67x80.gif") fixed;*/
   background-attachment:fixed;
   background-repeat: no-repeat;
   background-position: 95%;

}

div#content {
   background: #ffffff;
   margin: 0px 0px 0px 0px; /*top right bottom left*/
   padding: 0px 0px 95px 0px;
   border-top: 4px solid #82a5b9;
   border-right: 4px solid #82a5b9;
   border-bottom: 4px solid #82a5b9;
   border-left: 4px solid #82a5b9;
   width:100%;
}
   div#content p {
      text-align:justify;
      padding:0 1em;
   }


div#footer {
   position:absolute;
   width:100%;
   bottom:0; /* stick to bottom */
   background:#004b73;
   color:#eb7d1e;

   font-size:80%;
   padding-top: 10px;
   padding-bottom: 10px;
   text-align: right;

   border-top: 4px solid #82a5b9;
   border-right: 4px solid #82a5b9;
   border-bottom: 4px solid #82a5b9;
   border-left: 4px solid #82a5b9;
   margin: 0px 0px 0px 0px; /*top right bottom left*/
   padding: 0px 0px 0px 0px;

}
   div#footer p {
      color:#eb7d1e;
      margin: 10px 10px 10px 10px;/*top right bottom left*/
      padding: 0px 0px 0px 0px;
      font-size:90%;
   }

#boxTop{
   background-color: transparent;
   width: 100%;
   visibility: visible;
   border-top: 1px solid #004b73;
   border-right: 4px solid #82a5b9;
   border-bottom: 4px solid #82a5b9;
   border-left: 4px solid #82a5b9;
   }

#boxInner{
   background-color: transparent;
   margin: 0px 8px 0px -8px;/*top right bottom left*/
   padding: 0px 0px 95px 0px;
   width: 100%;
   width: 100%;
   visibility: visible;
   border-top: 4px solid #cddce6;
   border-right: 4px solid #cddce6;
   border-bottom: 4px solid #cddce6;
   border-left: 4px solid #cddce6;
   }

#pageNav{
   font-size:80%;
   font-weight: normal;
   color: #ffffff;
   width: 100%;

   margin: 15px 0px 15px 0px;/*top right bottom left*/
   padding: 0px 0px 0px 0px;
   text-align: center;
   background-color: #004b73;
   border-right: 4px solid #004b73;
   border-left: 4px solid #004b73;
}

#small{
   font-size: 85%;
   margin: 15px 25px 15px 25px;/*top right bottom left*/
   padding: 0px 0px 0px 0px;
   /*line-hight: */
}

/********************* end :-) ******************/