/* CSS Document */


html,body           { 
SCROLLBAR-FACE-COLOR: #FFFFFF;	
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #000000;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
SCROLLBAR-BASE-COLOR: #CCCCCC;
SCROLLBAR-3d-light-color: #000000; 
}

body {
background-color:#ffffff; 
font-family: Verdana, Arial, Helvetica,sans-serif;
font-size: 10pt;
text-align: justify;
color:#000000; 
}

TD {
font-family:"Lucida Grande",  Verdana, Arial, Helvetica,sans-serif;
font-size: 11px;
color:#000000; 
margin: 0px; 
line-height: 165%
}

.content {  font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; line-height: 165%; font-weight: normal; font-variant: normal; text-transform: none; color: #000000; text-decoration: none}
.aktiv {  font-family: "Lucida Grande", Verdana, Arial, Helvetica,sans-serif; font-size: 9pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #CC3300; text-decoration: none}


a {
color:#CC3300;
text-decoration:none;
}

a.download {
font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
color:#CC3300;
text-decoration:none;
}

a.download:link { 
font: bold 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #666666; text-decoration: none; }
a.download:visited { 
font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #999999; text-decoration: underline; }
a.download:hover { 
font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #999999; text-decoration: underline; }
a.download:active { 
font: normal 12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #999999; text-decoration: none; }

hr {style: border:solid #CC3300; 1px;
background-color:#CC3300;height:4px;margin:15px 0px;}

hr2{width:600px; color:#ffffff; background-color:#ffffff; height:5px;
  margin-right:0; text-align:right; border:1px dashed black;}

hr3{border:dashed #000000 1px;
background-color:#CC3300;height:5px;}

p  { 
COLOR:#000000; 
font: normal 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
line-height: 165%;
 }

b { 
color:#000000; 
FONT-FAMILY:"Lucida Grande", Verdana, Arial, Helvetica,sans-serif;
FONT-SIZE:11px; 
font-weight:normal; 
}

span.Stil1 { 
color:#CCCCCC; 
FONT-FAMILY:"Lucida Grande", Verdana, Arial, Helvetica,sans-serif;
FONT-SIZE:11px; 
font-weight:normal; 
}

strong { 
color:#000000; 
FONT-FAMILY:"Lucida Grande", Verdana, Arial, Helvetica,sans-serif;
FONT-SIZE:12px; 
font-weight:bold; 
}

h3 { 
color:#000000; 
FONT-FAMILY:"Lucida Grande", Verdana, Arial, Helvetica,sans-serif;
font-weight:bold; 
}

a:link              { color: #666666; text-decoration: none; }
a:visited           { color: #999999; text-decoration: underline; }
a:hover             { color: #999999; text-decoration: underline; }
a:active            { color: #999999; text-decoration: none; }

span.highlight { background-color: #FFCC66; font-weight: bold; }
span.whitemarker { color: #FFFFCC; background-color: #FF3300; font-weight: bold; }

input {border-width:0;border-color:#CC3300;background-color:#ffffff;FONT-FAMILY: Verdana, Arial, Helvetica,sans-serif;color:#000000;}
textarea {border-width:0;border-color:#CC3300;background-color:#CC3300;}
select {border-width:0;border-color:#CC3300;background-color:#CC3300;}
.Radio { background-color:#ffffff; border:1px solid #ffffff; }

/* menue oben */

#menu a {display: block;
line-height:15px;
background-color:#000000;
color:#ffffff;
text-decoration:none ;font-family:Verdana, Arial, Helvetica,sans-serif;
font-size: 9pt;

padding-left: 2px; padding-bottom: 2px;   padding-top: 2px;margin: 0px auto;

}

#menu a:visited{
line-height:15px;
color:#ffffff;
background-color:#000000;
text-decoration:none ;font-family:Verdana, Arial, Helvetica,sans-serif;
font-size:9pt;

padding-left: 2px; padding-bottom: 2px;   padding-top: 2px;margin: 0px auto;

  }

#menu a:active{
background-color:#000000;
color:#ffffff;
text-decoration:none ;font-family:Verdana, Arial, Helvetica,sans-serif;
font-size: 9pt;

padding-left: 2px; padding-bottom: 2px;   padding-top: 2px;margin: 0px auto;

  }

#menu a:hover {
background-color:#CC3300;
color:white;
text-decoration:none ;font-family:Verdana, Arial, Helvetica,sans-serif;
font-size: 9pt;

padding-left: 2px; padding-bottom: 2px;   padding-top: 2px;margin: 0px auto;
}

.feld {
font-family:"Lucida Grande",  Verdana, Arial, Helvetica,sans-serif;
font-size: 11px;
background-color: #ffffff;
border-style: solid;
border-color: #cccccc;
border-width: 1;
}


.tabelle{
background-color: #ffffff;}

.zelle1{
background-color: #cccccc;}

.zelle2{
background-color: #ffffff;
}



.buttons{
color: #ffffff;
border-width: 0;
border-style: solid;
border-color: #ffffff;
background-color: #cccccc}

/* menue oben */

.menuleiste {
	vertical-align:top;
	height:24px;
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	border-top:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;
}

#menutop a , #menutop a:visited , #menutop a:active {
display:block;
background-color:#ffffff;
color:#cccccc;
font: 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
height:20px;
text-decoration:none ;
padding: 0px 10px 0px 10px;
text-align:center;
border-right:solid 1px #ffffff;
border-top:solid 1px #ffffff;
}

#menutop a:active {display:block;
background-color:#ffffff;
color:#cccccc;
font: bold 11px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
height:20px;
text-decoration:none ;
padding: 0px 10px 0px 10px;
text-align:center;
border-right:solid 1px #ffffff;
border-top:solid 1px #ffffff;
}

#menutop a:hover{
background-color:#ffffff;
color:#fffffff;
text-decoration:none;
border:solid 1px #000000;
}


/* pixmouseover logo */

a.info{ 
    position:relative; 
    z-index:1; background-color:#ccc; 
    color:#000; 
    text-decoration:none;
	border:1px solid #ccc;
} 

a.info:hover{z-index:2; background-color:#ff0} 

a.info span{display: none; 
background-image: url(logo_blck.jpg); 
}

a.info:hover span{ 
    display:block; 
    position:absolute; 
    top:-150px; left:0px; width:300px;height:300px; 
    border:1px solid #ccc; 
    background-color:#FFFFFF; color:#000; 
    text-align: center;
	}

/* pixmouseover logo silver*/

a.info1{ 
    position:relative; 
    z-index:1; background-color:#ccc; 
    color:#000; 
    text-decoration:none;
	border:1px solid #ccc;
} 

a.info1:hover{z-index:2; background-color:#ff0} 

a.info1 span{display: none; 
background-image: url(logo_silverblck.jpg); 
}

a.info1:hover span{ 
    display:block; 
    position:absolute; 
    top:-150px; left:0px; width:300px;height:300px; 
    border:1px solid #ccc; 
    background-color:#FFFFFF; color:#000; 
    text-align: center;
	}
	
	/* pixmouseover drum whitblck*/

a.info2{ 
    position:relative; 
    z-index:1; background-color:#ccc; 
    color:#000; 
    text-decoration:none;
	border:1px solid #ccc;
} 

a.info2:hover{z-index:2; background-color:#ff0} 

a.info2 span{display: none; 
background-image: url(drum_whitblck.gif); 
}

a.info2:hover span{ 
    display:block; 
    position:absolute; 
    top:-150px; left:0px; width:300px;height:300px; 
    border:1px solid #ccc; 
    background-color:#FFFFFF; color:#000; 
    text-align: center;
	}
	

/* pixmouseover moon whitred*/

a.info3{ 
    position:relative; 
    z-index:1; background-color:#ccc; 
    color:#000; 
    text-decoration:none;
	border:1px solid #ccc;
} 

a.info3:hover{z-index:2; background-color:#ff0} 

a.info3 span{display: none; 
background-image: url(moon_whitred.jpg); 
}

a.info3:hover span{ 
    display:block; 
    position:absolute; 
    top:-150px; left:0px; width:300px;height:300px; 
    border:1px solid #ccc; 
    background-color:#FFFFFF; color:#000; 
    text-align: center;
	}


/* pixmouseover moon whitblck*/

a.info4{ 
    position:relative; 
    z-index:1; background-color:#ccc; 
    color:#000; 
    text-decoration:none;
	border:1px solid #ccc;
} 

a.info4:hover{z-index:2; background-color:#ff0} 

a.info4 span{display: none; 
background-image: url(moon_whitblck.jpg); 
}

a.info4:hover span{ 
    display:block; 
    position:absolute; 
    top:-150px; left:0px; width:300px;height:300px; 
    border:1px solid #ccc; 
    background-color:#FFFFFF; color:#000; 
    text-align: center;
	}


/* pixmouseover moon silverblck*/

a.info5{ 
    position:relative; 
    z-index:1; background-color:#ccc; 
    color:#000; 
    text-decoration:none;
	border:1px solid #ccc;
} 

a.info5:hover{z-index:2; background-color:#ff0} 

a.info5 span{display: none; 
background-image: url(moon_silverblck.jpg); 
}

a.info5:hover span{ 
    display:block; 
    position:absolute; 
    top:-150px; left:0px; width:300px;height:300px; 
    border:1px solid #ccc; 
    background-color:#FFFFFF; color:#000; 
    text-align: center;
	}

	/* pixmouseover drum whitred*/

a.info6{ 
    position:relative; 
    z-index:1; background-color:#ccc; 
    color:#000; 
    text-decoration:none;
	border:1px solid #ccc;
} 

a.info6:hover{z-index:2; background-color:#ff0} 

a.info6 span{display: none; 
background-image: url(drum_whitred.gif); 
}

a.info6:hover span{ 
    display:block; 
    position:absolute; 
    top:-150px; left:0px; width:300px;height:300px; 
    border:1px solid #ccc; 
    background-color:#FFFFFF; color:#000; 
    text-align: center;
	}
	
/* pixmouseover cd ep*/

a.info7{ 
    position:relative; 
    z-index:1; background-color:#ccc; 
    color:#000; 
    text-decoration:none;
	border:1px solid #ccc;
} 

a.info7:hover{z-index:2; background-color:#ff0} 

a.info7 span{display: none; 
background-image: url(ep.jpg); 
}

a.info7:hover span{ 
    display:block; 
    position:absolute; 
    top:-150px; left:0px; width:300px;height:300px; 
    border:1px solid #ccc; 
    background-color:#FFFFFF; color:#000; 
    text-align: center;
	}
	
/* pixmouseover single*/

a.info8{ 
    position:relative; 
    z-index:1; background-color:#ccc; 
    color:#000; 
    text-decoration:none;
	border:1px solid #ccc;
} 

a.info8:hover{z-index:2; background-color:#ff0} 

a.info8 span{display: none; 
background-image: url(fanboy.jpg); 
}

a.info8:hover span{ 
    display:block; 
    position:absolute; 
    top:-150px; left:0px; width:300px;height:300px; 
    border:1px solid #ccc; 
    background-color:#FFFFFF; color:#000; 
    text-align: center;
	}
	
/* mouseover gestatten*/

a.info9{ 
        color:#666666; 
    text-decoration:none;
} 

a.info9:hover{z-index:2; background-color:#fff} 

a.info9 span{display: none; 
background-image: url(hhsampler3.jpg); 
}

a.info9:hover span{ 
    display:block; 
    position:absolute; 
    top:100px; left:150px; width:300px;height:300px; 
    border:1px solid #ccc; 
    background-color:#FFFFFF; color:#000; 
    text-align: center;
	}
	
.abschnittleiste {
	vertical-align:top;
	height:24px;
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	border-bottom:solid 1px #cccccc;
}