/* Stylesheet fuer 'Barrierefreies Webdesign' */
/* Experiment #1 */
/* Entwicklung: pa.eng, http://barrierefrei.e-workers.de */
/* (c) 2002, all rights reserved */
/* Stand: 02. Juli im Jahr des Pferdes 2002 */
@CHARSET "ISO-8859-1";

body {
background-color:#CCC;
background-image:url(../images/stadion2_1920.jpg);
background-position:top;
background-repeat:no-repeat;
background-attachment:fixed;
color:#000000;
font-family: Calibri, Helvetica, sans-serif;
margin:0px 0px 0px;
font-size: 0.8em;
text-align: justify;
color: #000080;
background-attachment:fixed;
font-weight:bold;
text-align:center;
}

body>#menue {
/*position: fixed; */
}

body>#header {
position: absolute;
}

#imgteufel{
	width:75px;
	height:120px;
}

/* === Header === */
#header {
z-index: 2;

top: 20px;
left: 30px;
width:95%;
/*border: 1px solid;
background:#D5F0FF;
border-color: #ffffff #304e6a #304e6a #ffffff;
background-image:url(../images/stadion2_1920.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:top;
position:absolute;
*/
}

#headleft
{
width:10%; 
height:125px; 
min-width:75px;  
float: left; overflow:hidden;
}

#headright
{
width:10%; 
height:125px; 
min-width:75px;  
float: right; 
overflow:hidden;
text-align:right;
}

#headcenter
{
height:125px; 
text-align:center; 
overflow:hidden; 
margin:0 80px 0 80px;
}

#navigation {
z-index: 4;
position:fixed;
top: 0px;
height:20px;
left: 30px;
width:95%;
/*
background-image:url(../images/stadion2_1920.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:top;
*/
font-family: Arial, "Times New Roman", Times, serif;

/*border: 1px solid;
border-color: #ffffff #304e6a #304e6a #ffffff;
background: #d0c0a0;*/
}


#header #abstand1 {
padding: 10px 15px 2px;
}

#header hr {
background-image:url(../images/imgblau.jpg); 
height:40px;

}

#header #trenner {
background-image:url(../images/imgblau.jpg); 
height:40px;
}

#header #trenner #trenner_links{
width: 275px;
font-size: 160%;
position:absolute;
left: 0px;
height:33px;
color:#FFF;
padding-top:5px;
}

#header #trenner #trenner_rechts{
font-size: 180%;
height:33px;
color:#FFF;
padding-top:5px;
left: 280px;
text-align:center;
margin: 0 0 0 280px;
overflow:hidden;
}

#header #trenner #trenner_mitte{
font-size: 180%;
height:33px;
position:absolute;
color:#FFF;
padding-top:5px;
width:100%;
left:0px;
}

#header #abstand1 h1 {
/*font-family: Georgia, "Times New Roman", Times, serif;*/
font-family: Calibri, Helvetica, sans-serif;
display:inline;
font-size:200%;
font-weight:normal;
}

#header #abstand1 h2 {
/*font-family: Georgia, "Times New Roman", Times, serif;*/
font-family: Calibri, Helvetica, sans-serif;
font-size:120%;

}

/* === content === */
#inhalt {
z-index: 1;
position: absolute;
top: 190px;
left: 30px;
width: 95%;
font-size: 180%;
padding-bottom: 40px;
}

#inhalt  .satz {
font-size:80%;
padding: 10px 30px 10px;
}

#inhalt .headline{
line-height:150%;
text-transform:uppercase;
text-decoration:underline;
font-size:100%;
}


#inhalt  .content{

font-size:100%;
font-weight:normal;
}


#inhalt #abstand2 {
margin: 0px 0px 0px 285px;
}

#inhalt #abstand2 .satz {
/*border: 1px solid;
border-color: #ffffff #304e6a #304e6a #ffffff;
background: #e7d5b5;*/
padding: 0px 30px 10px;
}

#inhalt #abstand2 p {
font-size:80%;
}

#inhalt #abstand2 .headline{
line-height:150%;
text-transform:uppercase;
text-decoration:underline;
font-size:100%;
}


#inhalt #abstand2 .content{

font-size:100%;
font-weight:normal;
}

#inhalt #abstand2 h2 {
color:#666666;
letter-spacing:2px;
font-family:'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
font-size:110%;
}

#inhalt #abstand2 A {
font-size:100%;
font-weight:bold;
text-decoration:underline;
}
#inhalt #abstand2 A:link {
color:#304e6a; 
}
#inhalt #abstand2 A:visited {
color:#336699;
}
#inhalt #abstand2 A:hover {
color:#2e66e6;
}
#inhalt #abstand2 A:active {
color:#304e6a;
}

.ecke {
float: left;
margin: 0;
display:inline;
}
	
/* === Menue left === */
#menue {
z-index: 1;
position: absolute;
top: 190px;
left: 30px;
width: 275px;
font-size: 160%;
}

#menue table 
{
font-size:70%;
width:100%;
}

#menue table tr
{
font-weight:bold; 
line-height:80%;
}

#menue #calendar-info 
{
font-size:170%;	
}

#menue .head
{
	font-size:100%;
	height: 25px; 
	padding-bottom:5px; 
	padding-top:5px;
}

#menue #abstand3 {
/*border: 1px solid;
border-color: #ffffff #304e6a #304e6a #ffffff;
background: #e7d5b5;*/
padding: 20px 10px 5px 5px;
}

#schalter a {
background:url(butt1.gif) fixed;
background-repeat:repeat-y;
display: block;
padding: 2px;
text-decoration:none;
border: 1px solid #e7d5b5;
width:160px;
font-size:75%;
font-weight:bold;
text-align: right;
margin-bottom:0.5px;
}

#schalter a:link {
color:#304e6a; 
}
#schalter a:visited {
color:#336699;
}
#schalter a:hover {
background:url(butt2.gif) fixed;
background-repeat:repeat-y;
color:#2e66e6;
border-top:solid 1px #eeeeee;
border-right:solid 1px #304e6a;
border-bottom:solid 1px #304e6a;
border-left:solid 1px #eeeeee;
}
#schalter a:active {
color:#cc0000;
}

#schalter a .pfeil {
display: none;
}
#schalter a:hover .pfeil {
display: inline;
color: #cc0000;
}

#menue .toc {
color:#757575;
font-size:70%;
font-weight:bold;
margin:0 5px 5px;
}

#menue .copy {
color:#757575;
font-size:60%;
font-weight:normal;
margin:5px 0 0;
text-align:right;
}

#menue .line {
background-image:url(line3.gif);
background-repeat:no-repeat;
font-size:1px;
margin:3px 0 3px 0
}

/* === copyright-bar === */
#footer {
border: 1px solid;
border-color: #ffffff #304e6a #304e6a #ffffff;
background: #d0c0a0;
margin-top:5px;
margin-bottom:0px;
}

#footer #abstand4 {
padding: 3px 5px 3px;
color: #666666;
text-align:center;
}

#footer #abstand4 a.foot {
font-size:70%;
text-decoration:none;
font-weight:normal;
}

/* === Sonstige === */
.ohne {
text-decoration:none;
}

code {
font-family:'Courier new',monospace;
color:#990099;
font-size:95%;
}

blockquote {
font-size:80%;
line-height:150%;
}


#B_Col_RED 
{
    BACKGROUND-COLOR: #FF0000;
	color:white;
}
#B_Col_DBlue 
{
    BACKGROUND-COLOR: #000066;
	color:white;
}
#B_Col_Blue 
{
    BACKGROUND-COLOR: #0000FF;
	color:white;
}
#B_Col_LBlue 
{
    BACKGROUND-COLOR: #0066FF;
}
#B_Col_VLBlue 
{
    BACKGROUND-COLOR: #AACCFF;
}
#B_Col_Black 
{
    BACKGROUND-COLOR: #000000;
	color:white;
}
#B_Col_Normal 
{
	color:#006;
	background:none;
}

#B_Col_Green
{
    BACKGROUND-COLOR: #00FF00;
}

#B_Col_DGreen
{
    BACKGROUND-COLOR: #006600;
	Color: White;   
}

#tab 
{
    BACKGROUND-COLOR: #FFFFFF;
}


#tr_Col_Red 
{
    BACKGROUND-COLOR: #FF0000; 
	color:#FFFFFF;
}

#tr_Col_DBlue
{
    BACKGROUND-COLOR: #000066;
    Color: White;
	
}

#tr_Col_Blue
{
    BACKGROUND-COLOR: #0000FF;
    Color: White;
}
#tr_Col_LBlue
{
    BACKGROUND-COLOR: #0066FF;
    Color: White;
}
#tr_Col_Black
{
    BACKGROUND-COLOR: #000000;
    Color: White;
}
#tr_Col_VLBlue
{
    BACKGROUND-COLOR: #AACCFF; 
}

#tr_Col_Green
{
    BACKGROUND-COLOR: #00FF00;
}

#tr_Col_DGreen
{
    BACKGROUND-COLOR: #006600;
	Color: White;   
}

#tr_Col_DFB
{
    BACKGROUND-COLOR: #006600;
	Color: White;   
}

#tr_Col_CL
{
    BACKGROUND-COLOR: #004f92;
	Color: White;   
}

#tr_Col_EL
{
    BACKGROUND-COLOR: #4C0B5F;
	Color: White;   
}




#redx
{
	color:#FF0000; 
	width:30px;
	font-weight:bold;
}

.table
{
	width:95%;
}
.tabledfb
{
	width:95%;
	font-size:80%;
}

#textfeld
{
	width:200px;
	background-color:#AACCFF;
}