body {
background-color: #ffffff;
background-image:url(../00.images/back01.jpg);
background-repeat: repeat-x; 
font-size: 13px;
font-family: Arial,Helvetica,sans-serif;
color:#000000;
padding:0px;
margin:0px;
}


/* ----------container zentriert das layout-------------- */
#container {
width: 989px;
padding:0px;
margin: 0px auto;
background-color: #e2001d;
} 

/* ----------banner for logo-------------- */
#banner {
height: 385px;
background-image:url(../00.images/banner01.jpg);
background-repeat: no-repeat; 
text-align: left;
background-color: #e2001d;
padding: 0px;
margin: 0px;
}

#banner img {
padding:0px 0px;
}  

/* ----------outer und inner----------------- */

#outer{ 
border-left: solid 175px #e2001d; /* linke Menue Spalten Farbe  */ 
border-right: solid 175px #ffffff; /* rechte Menue Spalten Farbe  */ 
background-color: #ffffff; /* Farbe fuer Inhalt Mitte  */
margin: 0px 1px 0px 0px; /*  Linie Menue rechts */
padding: 0px;
}

#outer-ergebnisse{  /*---Ergebnisse alt ohne rechte Spalte--*/ 
border-left: solid 175px #e2001d; /* linke Menue Spalten Farbe  */ 
border-right: solid 10px #ffffff; /* rechte Menue Spalten Farbe  */ 
background-color: #ffffff; /* Farbe fuer Inhalt Mitte  */
margin: 0px 1px 0px 0px; /*  Linie Menue rechts */
padding: 0px;
} 

#inner{
margin:0; 
width:100%;
padding: 0px;
top: 0px;
}

/* --------------left und right navigavtion------------- */
#left {
width:175px; 
height: 550px;
float:left; 
position:relative; 
margin-left:-175px; 
margin-right:1px;
}
#right {
width:175px; 
float:right; 
position:relative; 
margin-right:-175px; 
margin-left:1px;
margin-top: 9px;
}


/* -----------------Inhalt--------------------- */ 
#content{ 
position: relative; 
min-height: 500px;
margin: 0px 0px 0px 0px;
background-color: #ffffff; /* Farbe fuer Inhalt  */
padding: 0px;
}


/*  ----------------footer---------------------- */ 
#footer {
padding:0px;
top: 0px;
margin: 0px auto;
width: 989px;
text-align: left;
background-color: #004494; /* Farbe fuer Footer  */
color: #ffffff;
font-size: 12px;
font-weight: normal;
}


/*  ---------------- F O N T S ---------------------- */

.font-h01  {/* Ueberschrift  z.B. Start  */
   font-size: 22px;
   color: #e2001d;
   text-align: left;
   margin: 0px 0px 9px 30px;
   padding: 43px 0px 0px 0px;
   font-weight: bold;
}


.font01  {/* Lauftext mitte   */
   font-size: 13px;
   color: #1a171b;
   text-align: justify;
   margin: 0px 22px 10px 50px;
   line-height: 1.4em;
   font-weight: normal;
} 
.font01a  {/* Lauftext mitte ff.   */
   font-size: 13px;
   color: #1a171b;
   text-align: justify;
   margin: 0px 22px 10px 50px;
   line-height: 1.4em;
   font-weight: normal;
}
.font01b  {/* Lauftext mitte ff.  Absatz */
   font-size: 13px;
   color: #1a171b;
   text-align: justify;
   margin: 20px 22px 10px 50px;
   line-height: 1.4em;
   font-weight: normal;
}
.font01c  {/* Lauftext mitte INFOS */
   font-size: 13px;
   color: #1a171b;
   text-align: justify;
   margin: 0px 0px 10px 50px;
   line-height: 1.4em;
   font-weight: normal;
}
.font01z  {/* Lauftext mitte ff. LETZTE ZEILE   */
   font-size: 13px;
   color: #1a171b;
   text-align: justify;
   margin: 20px 22px 0px 50px;
   padding-bottom: 50px;
   line-height: 1.4em;
   font-weight: normal;
}
.font-h02  {/* Ueberschrift  Hauptitel  Iframe */
   font-size: 22px;
   color: #e2001d;
   text-align: justify;
   margin: 0px 0px 10px 30px;
   font-weight: bold;
}
.font01d  {/* zurück Ergebnisse   */
   font-size: 13px;
   color: #1a171b;
   text-align: justify;
   margin: 0px 22px 10px 50px;
   line-height: 1.4em;
   font-weight: normal;
}

.font-h02a  {/* Folge-Ueberschriften   */
   font-size: 13px;
   color: #e2001d;
   text-align: justify;
   margin: 0px 0px 0px 50px;
   font-weight: bold;
}

.font-h03  {/* Folge-Haupt-Ueberschriften   */
   font-size: 13px;
   color: #ffffff;
   background-color: #e2201d;
   text-align: justify;
   margin: 0px 0px 0px 50px;
   padding: 1px 1px 1px 50px; 
   font-weight: bold;
   border-bottom: solid 2px red; 
}

.font03a  {/* Lauftext mitte eingerückt ff.   */
   font-size: 13px;
   color: #1a171b;
   text-align: justify;
   margin: 0px 22px 10px 100px;
   line-height: 1.4em;
   font-weight: normal;
}


a.std-link01:link{ 
	font-size: 13px;
	color: #1a171b; 
	text-decoration: none;
    font-weight: bold; 	
	} 
 a.std-link01:active{ 
	font-size: 13px;
	color: #1a171b; 
	text-decoration: none;
    font-weight: bold;	
	}
 a.std-link01:visited{ 
	font-size: 13px;
	color: #1a171b; 
	text-decoration: none; 
	font-weight: bold;
	} 
 a.std-link01:hover{ 
	font-size: 13px;
	color: #e2001d; 
	text-decoration: none; 
	font-weight: bold;
	} 

	
	
a.std-link02:link{ 
	font-size: 13px;
	color: #e2001d; 
	text-decoration: none;
    font-weight: bold;
	margin: 0px 0px 0px 695px;
	}
 a.std-link02:active{ 
	font-size: 13px;
	color: #e2001d; 
	text-decoration: none;
    font-weight: bold;
	margin: 0px 0px 0px 695px;
	}
 a.std-link02:visited{ 
	font-size: 13px;
	color: #e2001d; 
	text-decoration: none; 
	font-weight: bold;
	margin: 0px 0px 0px 695px;
	} 
 a.std-link02:hover{ 
	font-size: 13px;
	color: #1a171b; 
	text-decoration: none; 
	font-weight: bold;
	margin: 0px 0px 0px 695px;
	}

	
	
a.footer-link:link{   /* Link Footer  */
	font-size: 13px;
	color: #ffffff; 
	text-decoration: none;
    font-weight: normal;
	margin: 0px 0px 0px 15px;
	}
 a.footer-link:active{ 
	font-size: 13px;
	color: #ffffff; 
	text-decoration: none;
    font-weight: normal;
	margin: 0px 0px 0px 15px;
	}
 a.footer-link:visited{ 
	font-size: 13px;
	color: #ffffff; 
	text-decoration: none; 
	font-weight: normal;
	margin: 0px 0px 0px 15px;
	} 
 a.footer-link:hover{ 
	font-size: 13px;
	color: #ffffff; 
	text-decoration: none; 
	font-weight: normal;
	margin: 0px 0px 0px 15px;
	}	
/*----------------         Menu01 links           -------------------- */ 

.menu01  {/*  Menu-Lage   */
   text-align: left;
   margin: 0px 0px 0px 0px;
   padding-bottom: 400px;
   } 

/* --------------------------  Menu neu     -------------------------------------------------------------------- */

.arrowlistmenu{
width: 175px; /*width of accordion menu*/
margin: 1px 0px 0px 0px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 13px Arial;
color: #ffffff;
background: #e2001d url(../00.images/titlebar.png) repeat-x center left;
margin: 5px 0px 5px 0px; /*spacing between header and rest of content*/
border-top: solid 1px #ffffff;
text-transform: uppercase;
padding: 4px 0px 4px 14px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../00.images/titlebar.png);   /*  ANDERSFARBIG:   titlebar-active.png */
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: #000000 !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: #000000 !important;
}

.arrowlistmenu ul li a{
color: #ffffff;
/*background: url(../00.images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0px;
padding-left: 30px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #ffffff;
font-size: 13px;
}

.arrowlistmenu ul li a:visited{
color: #ffffff;
}

.arrowlistmenu ul li a:link{ 
background-color: #e2001d;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #f8001d;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: #000000;
}

a.menupkt-einzeilig:link{ 
	font-size: 14px;
	color: #ffffff; 
	text-decoration: none;
    font-weight: bold; 	
	} 
 a.menupkt-einzeilig:active{ 
	font-size: 14px;
	color: #ffffff; 
	text-decoration: none;
    font-weight: bold;	
	}
 a.menupkt-einzeilig:visited{ 
	font-size: 14px;
	color: #ffffff; 
	text-decoration: none; 
	font-weight: bold;
	} 
 a.menupkt-einzeilig:hover{ 
	font-size: 14px;
	color: #ffffff; 
	text-decoration: none; 
	font-weight: bold;
	}   
   

/*----------------         Menu02 oben           -------------------- */ 

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 794px;
overflow: hidden;
margin-left: 172px;
border-top: 1px solid #ffffff; /*bottom horizontal line that runs beneath tabs*/
padding-top: 6px;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 34px; /*offset of tabs relative to browser left edge Abstand Text von links ab Linie  */
font: bold 13px arial,verdana,geneva,sans serif;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 1px 18px 1px 18px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #e2001d; /*background of tabs (default state)*/
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #e2001d; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}


/*----------------         Eigenschaften    I f r a m e s           -------------------- */  
#body-iframe01 {
background-color: #ffffff;
font-size: 13px;
font-family: Arial,Helvetica,sans-serif;
color:#1a171b;
padding:0px;
margin:0px;
}

#container-iframe01 {
width: 595px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
}



.iframe02 {/* parameter Iframe  in Hauptdatei  01.Onlineanmeldung */
   margin: 25px 0px 0px 50px;
}


/*----------------         Eigenschaften    Tabelle in  Standard           -------------------- */    
#table01 {
  border-collapse:collapse;
  border-spacing:0;
  border:0;
  border-width:0;
  padding:0px 0px 0px 0px;
  margin:0px 0px 10px 50px;
  width:564px;
  text-align:left;
  color: #1a171b;
}

#table01 th {
  border-style:solid;
  border-width:0px;
  border-color:#23001d;
  padding:2px 1px 2px 3px;
  background-color:#e2001d;
  color:#ffffff;
  text-align:left;
}

#table01 td.text01 {
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#e2001d;
  padding:1px 1px 1px 1px;
  width:auto;
}

#table01 td.text02 {
  border-style:solid;
  border-width:1px;
  border-color:#e2001d;
  padding:1px 1px 1px 1px;
}

#table01 td.text03 {
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#e2001d;
  padding:3px 1px 1px 1px;
  width:auto;
  vertical-align: top;
}
#table01 td.text04 {
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#e2001d;
  padding:3px 1px 1px 1px;
  width:auto;
  vertical-align: top;
  font-weight: bold;
}
/*----------------         Eigenschaften    Tabelle   z.B. Impressum           -------------------- */    
#table02 {
  border-collapse:collapse;
  border-spacing:0;
  border:0;
  border-width:0;
  padding:0px 0px 0px 0px;
  margin:0px 0px 10px 50px;
  width:564px;
  text-align:left;
  color: #1a171b;
}

#table02 th {
  border-style:solid;
  border-width:0px;
  border-color:#23001d;
  padding:0px 1px 0px 1px;
  background-color:#e2001d;
  color:#ffffff;
  text-align:left;
  vertical-align: middle;
}

#table02 td.text01 {
  border: none;
  padding:1px;
  vertical-align: top;
  }

#table02 td.text02 {
  border-style:solid;
  border: none;
  padding:1px;
  color: #e2001d;
  font-weight: bold;
  vertical-align: top;
}

#table02 td.text03 {
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#e2001d;
  padding:1px;
  font-weight: normal;
  vertical-align: top;
}

#table02 td.text04 {
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#e2001d;
  padding:1px;
  color: #e2001d;
  font-weight: bold;
  vertical-align: top;
}

#table02 td.text05 {
  border: none;
  padding:1px;
  vertical-align: bottom;
}

/*----------------         Eigenschaften    Tabelle in  INFOS           -------------------- */    
#table03 {
  border-collapse:collapse;
  border-spacing:0;
  border:0;
  border-width:0;
  padding:0px 0px 0px 0px;
  margin:0px 0px 10px 50px;
  width:530px;
  text-align:left;
  color: #1a171b;
}

#table03 th {
  border-style:solid;
  border-width:0px;
  border-color:#23001d;
  padding:2px 1px 2px 3px;
  background-color:#e2001d;
  color:#ffffff;
  text-align:left;
}

#table03 td.text01 {
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#e2001d;
  padding:1px 1px 1px 1px;
  width:auto;
}

#table03 td.text02 {
  color:#e2001d;
  font-weight: bold;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#e2001d;
  padding:1px 1px 1px 1px;
  width:auto;
}

#table03 td.text03 {
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#e2001d;
  padding:3px 1px 1px 1px;
  width:auto;
  vertical-align: top;
}
#table03 td.text04 {
  border-bottom-style:none;
  padding:3px 1px 1px 1px;
  width:auto;
  vertical-align: top;
}

/*    ----------------------------- flash-Content -------------------------------- */
#flashcontent01 {
   position: relative;
   float: left;
   top: 10px;
   left: 15px;
   width: 135px; height: 85px;
   background-color: transparent;
   color: #1a171b;
   z-index: 100;
   }
   
 /*----------------         Spalte rechts           -------------------- */ 

.font-h01-rechts  {/*  Spalte rechts  Co-Sponsoren  */
   text-align: left;
   color: #e2001d;
   font-size: 13px;
   font-weight: bold;
   margin: 46px 20px 0px 15px;
   line-height: 1.4em;
   border-bottom: solid 2px #e2001d;
   padding-bottom: 5px;
   }
 .font01-rechts  {/*  Spalte rechts   */
   text-align: justify;
   color: #1a171b;
   font-size: 13px;
   font-weight: normal;
   margin: 0px 20px 0px 15px;
   line-height: 1.4em;
   }
   
.font-h02-rechts  {/*  Spalte rechts  News */
   text-align: left;
   color: #e2001d;
   font-size: 13px;
   font-weight: bold;
   margin: 90px 20px 8px 15px;
   line-height: 1.4em;
   border-bottom: solid 2px #e2001d;
   padding-bottom: 5px;
}

.font03-rechts  {/*  Spalte rechts  mehr-News...  */
   text-align: left;
   color: #e2001d;
   font-size: 13px;
   font-weight: normal;
   margin: 8px 20px 0px 15px;
}

