/* do not compress - some functions do not work correctly when compressed */


* {
margin: 0;
padding: 0;
}

html {
background: #f3f1f1;
}


.kur1 { font-style:italic; }
.kur2 { font-style:italic; font-size:200%; }
.vd { font-style:verdana; font-size:85%; }
.vd1 { font-style:verdana; font-size:100%; }
.vd2 { font-style:verdana; font-size:200%; }
.hv1 { font-style:Helvetica; font-size:100%; }
.hv15 { font-style:Helvetica; font-size:105%; }
.hv2 { font-style:Helvetica; font-size:105%; }
.hv3 { font-style:Helvetica; font-size:200%; }
.cs2 { font-family:Comic Sans MS; font-size:200%; }
.cs15 { font-family:Comic Sans MS; font-size:150%; } 
.cs1 { font-family:Comic Sans MS; font-size:125%; } 
.cs11 { font-family:Comic Sans MS; font-size:100%; } 
.cs0 { font-family:Comic Sans MS; font-size:90%; } 
.cs07 {font-family:Comic Sans MS; font-size:70%; }
.cs08 {font-family:Comic Sans MS; font-size:80%; }
.tr70  {font: 70%/1.2 'trebuchet ms', arial, helvetica, sans-serif; }
.tr80  {font: 80%/1.2 'trebuchet ms', arial, helvetica, sans-serif; }
.ag1 { font-style:Algerian; font-size:125%; }

/* a:link { color:#EE0000; text-decoration:none; font-weight:bold; }      */          
/* a:visited { color:#EEAAAA; text-decoration:none; font-weight:bold; }  */
/* a:hover { color:#EE0000; text-decoration:none; background-color:#FFFF99; font-weight:bold; } */
/* a:active { color:#0000EE; background-color:#FFFF99; font-weight:bold; } */
/* a:focus { color:#00AA00; background-color:#FFFF77; font-weight:bold; }  */


.txcenter{
text-align:center;
}

h1 {
font-size: 3.0em;
}

p {

}

blockquote {
color: #927B6B;
font: italic 2.2em georgia, serif;
float: right;
line-height: 1.4;
margin: .3em 0 .7em .5em;
text-align: center;
width: 250px;
}

blockquote p {
margin: 0;
}

blockquote em {
color: #87420F;
}

blockquote span {
color: #BAB9B3;
font-size: 1.1em;
font-weight: bold;
line-height: 1;
padding: 0 .2em;
}

div#BLnav {
height: 35px;
width: 700px;
font: 70%/1.2 verdana, arial, helvetica, sans-serif;
}

div#BLnav ul {
list-style: none;
}

div#BLnav ul.a, div#BLnav ul.a li, div#BLnav ul.b li {
float: left;
}

div#BLnav ul.a {
background: #F3F1F1;
padding-left:  0px;
width: 700px;
}


div#BLnav ul.a li, div#BLnav ul.a li a:hover {
background: url(Buttons/BlechlaNav100X1.jpg);
}

div#BLnav ul.a li a {
background: url(Buttons/BlechlaNav100X2.jpg);
}


div#BLnav li, div#BLnav li a {
color: #FFF;
height: 35px;
text-decoration: none;
}

div#BLnav li {
font-size: 1.1em;
font-weight: bold;
line-height: 2.45;
width: 100px;
text-align: center;
}

div#BLnav li a {
display: block;
}

img.BildH1 {
background-image: url(PFBLN5.jpg);
}

img.Logo {
background-image: url(Logo/BlechlaLogo.jpg);
}

img.LogoGr {
background-image: url(Logo/BlechlaLogoGr.jpg);
}

img.BildTeis1 {
background-image: url(BLECHLAB1.jpg);
}

img.BildKastlruth01 {
background-image: url(\Graph2009_AS/KastelruthOkt09.jpg);
}

img.BildJungstars01 {
background-image: url(Graph2009_AS/Jungstars.jpg);
}

img.BildVolksT1 {
background-image: url(Graph/Volkstanz1.jpg);
}

img.BildKW_PFO_2008 {
background-image: url(Graph3/KW_TANZ_2008.jpg);
}

img.BildKW_PFO_2007 {
background-image: url(Graph3/KW_TANZ800.jpg);
}

img.BildBlaJuni2007 {
background-image: url(Graph3/BlechlaJuni2007.jpg);
}

img.BildBlecha98 {
background-image: url(Graph1999/Blechla98sepia.jpg);
}

img.BildMusikantenpause {
background-image: url(Graph3/Musikantenpause.jpg);
}

img.BildErwinK {
background-image: url(Graph3/ErwinKolb2.jpg);
}

img.Bild12mai07 {
background-image: url(Graph3/Blechla12mai07.jpg);
}

img.BildMuhrSWF {
background-image: url(Graph3/MuhrSWF.jpg);
}

img.BildGustGeb70 {
background-image: url(Graph8/GustGeb70_2.jpg);
}

img.BildThannh {
background-image: url(Graph8/Thannh.jpg);
}

img.BildJahrAb2009 {
background-image: url(Graph9/JahrAb09.jpg);
}

img.BildErwinsGeb80 {
background-image: url(Graph9/ErwinK801Geb.jpg);
}

img.BildMSBrombach2009 {
background-image: url(Graph9/MSBrombachsee2009.jpg);
}

img.Bild_Blechla_WRussen2009 {
background-image: url(Graph9/Blechla_WRussen.JPG);
}

img.BildGunMarkt {
background-image: url(Graph8/GunMarkt.jpg);
}
img.BildBarJan2008 {
background-image: url(Graph8/Bar0108.jpg);
}

img.BildGopp2008 {
background-image: url(Graph8/Goppelts0108.jpg);
}

img.BildLubber2008 {
background-image: url(Graph8/Lubber0108.jpg);
}

img.BildJurgen2008 {
background-image: url(Graph8/Jurgen0108.jpg);
}

img.BildGack2008 {
background-image: url(Graph8/Gack0108.jpg);
}

img.BildSuedt_1_2004 {
background-image: url(Graph04/Suedtirol01.jpg);
}

img.BildSuedt_2_2004 {
background-image: url(Graph04/Suedtirol02.jpg);
}

img.BildSuedt_3_2004 {
background-image: url(Graph04/Suedtirol03.jpg);
}

img.BildSuedt_4_2004 {
background-image: url(Graph04/Suedtirol04.jpg);
}

img.BildSuedt_5_2004 {
background-image: url(Graph04/Suedtirol05.jpg);
}

div#chronic {
margin-left: 235px;
width: 350px;
color: #fff;
}

.BlechlaCap {
float: left;
padding-right: .2em;
font-size: 2.0em;
}

.BlechlaCapBig {
float: left;
padding-right: .5em;
font-size: 3.0em;
}


.BL_H1 {
font-size: 2.0em;
}

.BlechlaH1 {
padding-left: 3.8em;
background: #9c9c9c;
color: #004000;
font-size: 3.1em;
line-height: 4.5em;

background: url(Graph8/BlechlaChr1.jpg);  

border-width:8px; border-color:#8d8d8d; 
border-style:solid;
margin:0px; 

}


/* padding-left: 3.8em; */
/* background: url(Graph/BlechlaLBL2.jpg);  */ 
.BlechlaH_IMP1 {

background: #9c9c9c;
color: #004000;
font-size: 3.1em;
line-height: 3.5em;

background: url(Graph8/BlechlaImpLblOld.jpg);

border-width:8px; border-color:#8d8d8d; 
border-style:solid;
margin:0px; 
}

.BlechlaH_CONT1 {
background: #9c9c9c;
color: #000;
font-size: 3.1em;
line-height: 2.6em;
border-width:8px; border-color:#8d8d8d; 
border-style:solid;
margin:0px; 

}




.BlechlaH_MUSIK1 {
background: #9c9c9c;
color: #004000;
font-size: 3.1em;
line-height: 2.6em;
background: url(Graph/Soklingtbeiuns150.jpg);  
background-repeat: no-repeat;

border-width:8px; border-color:#8d8d8d; 
border-style:solid;
margin:0px; 
}



/* fr  padding:16px;   border-color:#d0d0d0;  */
/* background-color:#b6b6b6; */
.BlechlaP1 {
background: #b7bbbf;
padding: 2.2em 2.0em;
color: #000;
border-top:0px;
border-bottom:15px;
border-right:10px;
border-left:10px;
border-color:#black; 
border-style:double;
margin:0px; 
}

.BlechlaP2 {
left: 13em;
}



/* position: absolute; */ 
/*left: 12.5em; */ 
div#Start {
margin-right: auto;
margin-left: auto;
width: 600px;
}

div#Aktu {
margin-right: auto;
margin-left: auto;
width: 700px;
}


/*  #chr  padding: .2em .7em; */
div#chr {
background: #b7bbbf;
position: absolute;
padding: .2em .7em;
}

div#BlechlaABS1 {
width: 37em;

}

div#BlechlaABS2 {
width: 35em;
padding-left: 1em;
top: 4.5em;
}

div#BlechlaABS2I {
width: 35em;
top: 4.5em;
}


div#BlechlaABS1 {
z-index: 1;
}

.BlechlaUP, .BlechlaDWN { display: block; }

.BlechlaUP *, .BlechlaDWN * {
display: block;
font-size: 1px;
height: 1px;
overflow: hidden;
}

#BlechlaABS1 .BlechlaUP *, #BlechlaABS1 .BlechlaDWN * { background: #8d8d8d; }

#BlechlaABS2 .BlechlaUP * { background: #b7bbbf; }

#BlechlaABS2 .BlechlaDWN * { background: #000; }


.BlechlaUP .B1, .BlechlaDWN .B4 { margin: 0 5px; }

.BlechlaUP .B2, .BlechlaDWN .B3 { margin: 0 3px; }

.BlechlaUP .B3, .BlechlaDWN .B2 { margin: 0 2px; }

.BlechlaUP .B4, .BlechlaDWN .B1 { height: 2px; margin: 0 1px; }




/* rounded box using gif */
/* hier beginnt das für die Box relevante CSS  */


/* padding-left: 100px;  */ 
/* float: left; */ 
.BlechlaBOX {
width: 700px;
margin-right: auto;
margin-left: auto;
top: 2.5em;

}

.ro {
background:url(Graph/ruro.gif) top right no-repeat;
}

.lo {
background:url(Graph/rulo.gif) top left no-repeat;
}

.ru {
background:url(Graph/ruru.gif) bottom right no-repeat;
}

.lu {
background:url(Graph/rulu.gif) bottom left no-repeat;
}

.BoxContent {
margin:0;
padding:3.5em 3.5em 3.5em 3.5em;
}

.BoxContent p {
margin:0;
padding:0 1em 1em 0;
}


.BoxContent img {
border:0;
float:left;
width:210;height:
160;margin-right:23px
}

.BlechlaL1 {
margin-right: auto;
margin-left: auto;
margin-top: 20px;
height: 5px;
width: 700px;
background-color: #b7bbbf;
}

.BlechlaL2 {
margin-right: auto;
margin-left: auto;
margin-top: 20px;
height: 5px;
width: 800px;
background-color: #b7bbbf;
}

/** Beginn ******** Year Selector Formular *********************************/

#xyear {
background: #a9a9a9;
border: 0px;
}

#haken {
background: url(handle59.jpg)  no-repeat;
height: 59px;
width: 59px;
border: 0;
margin-left: 9px;
vertical-align: bottom;
cursor:pointer;
}

/** Ende   ******** Year Selector Formular *********************************/ 


/** Beginn ******** Formular *********************************/ 
label {
	float:left;
    clear:both;
	display:block;
	width:60px;
	margin-bottom:2px;
        margin-top:2px;
       	padding-left:2px;
        padding-right:5px;
        font-size: 11px;
      }  
      
.radioTxt {    
	        font-size: 11px;
			}    
      
            
.inputfield {
	float:left;
	display:block;
	width:100px;
	border: 1px solid #333;
	background:#F4F4F4;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 10px;
	margin-bottom:4px;
        margin-top:2px;
	padding-left:5px;
    }
    
.maintfield {
	float:left;
	border: 1px solid #333;
	background:#F4F4F4;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 10px;
	margin-bottom:4px;
    margin-top:2px;
	padding-left:5px;
    }    
    
    
    /* #E2E1E1 */
.errorTable 
{
	border: #9F0004 1px solid;
	background-color: #d58383;
}     
    
.errorField 
{
	float:left;
	border: 1px solid #800000;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 10px;
	margin-bottom:4px;
    margin-top:2px;
	padding-left:5px;
	background-color: #d58383;
} 

div.clearer {
	clear:both;
	font-size:1px;
	line-height:1px;
	display:block;
	height:1px;
       }

.headform1, .terminform{
    text-align: center;
	font-size: 12px;
    font-weight:bold;
	background:#a8a0a0;
	display:block;
	padding:2px;
	border-bottom: 2px solid #958585;
      }

.headform1
   { 
   font-size: 14px;
   }



.formabsr{
      float:right;
      padding:0px;
	  margin-right:25px;
      }
      
 .formabsl{
      float:left;
      padding:0px;
	  margin-left:25px;
      }


/* form background #b7bbbf  width:180px;*/
.loginform {
	background:#a9a9a9;
	width:180px;
	border: 5px solid #c4c4c4;
    margin-bottom:20px;
    padding-left:4px;
      }
      
.terminform {
	background:#a9a9a9;
	width:480px;
	border: 5px solid #c4c4c4;
    margin-bottom:20px;
      }

.contactform {
	background:#dfdbdb;
	width:475px;
	border: 1px solid #404040;
    /* margin-bottom:20px; */
      }
    
.log-button, .alt-button, .rvm-button{
        margin-left:60;
        width:100px;
        height:20px;
	    clear:both;
        font-size: 10px;
        border-top: 1px solid white; 
	border-left: 1px solid white; 
	border-right: 1px solid black; 
	border-bottom: 1px solid black; 
        cursor:pointer; 
	background: #958585;
      }

/* Modify.gif*/
.mod-button {
	width:20px;
	height:20px;
	border: 0px;
        cursor:pointer; 
	background-image:url(Modify.gif);
      }
      
 .del-button {
   	width:20px;
	height:20px;
        border: 0px;
        cursor:pointer; 
	background-image:url(Delete.gif);
      }

/** Ende ***************************** LOGIN Formular *****/ 


/* tab */ 
table.BlechlaT2 {
border-collapse: collapse; table-layout: fixed; width: 780px;
font: 70%/1.2 'trebuchet ms', arial, helvetica, sans-serif;
} 

.BlechlaT2 td , .BlechlaT2 th {
border-right: 1px solid #c4c4c4; padding: .7em .4em; text-align: center;
} 

.BlechlaT2 th {
background: #808080 url(Graph/BlechlaTabl2.jpg) repeat-x;
    color: #FFF; font-weight: normal; letter-spacing: 1px;
    text-transform: uppercase;
}

.BlechlaT2 td {
background: #808080 url(Graph/BlechlaTabl2-cell.jpg) bottom right no-repeat;
border-top: 1px solid #fff;
}
  

.BlechlaTab1Row {
border: 5px solid #c4c4c4; padding: 5px; width: 30em;
}


/* width = 15em; */
.mod1 {
text-align: left; width: 13em; font-weight:bold;
}

.mod2 {
width: 5em; font-weight:bold;
}


/* width:20em; */ 
.mod3 {
text-align: left; width: 18em; font-weight:bold;
}

.mod4 {
width: 6em; font-weight:bold;
}

.mod5 {
width: 32px; font-weight:bold;
}