html { height: 100%; *overflow:auto;}


body{ 
   width: 100% ;
   height: 100%;
   font-size: 100.01%;
   font-family: Tahoma, Verdana, Arial, Times, sans-serif;
   color: #313131;
   margin: auto;
	background-color: #f9efca;
   padding: 0;
}

.clearer{ clear: both; }
h1{ 
   margin: 20px 0 0 0;
   padding:0; 
   font-family: Trebuchet MS;
   color: #bd0602;
   font-size: 1.85em;
   padding-bottom: 4px;
   clear: both;
}

a img { border: none }


#mainbox{ 
   position: relative;
   width: 1091px;
   min-height: 100%;
   _height: 100%;
   background-image: url(../bilder/bg-site.gif);
   background-repeat: repeat-y;
   background-position: left;
   font-size: 0.8em;
}

   #bild{ 
         /*border: 1px solid #fff000;*/
         height: 146px;
         width: 145px;
         float:right;
         position: relative;
         top: -20px;
         left: -5px;
         font-size: 0;
         clear: right;
      }

   #head{ 
      /*border: 1px solid red; */
      width: 941px;
   }

   #contentbox{ 
      width: 894px;
      background-image: url(../bilder/bg-contenttop.jpg);
      background-position: left top;
      background-repeat: no-repeat;
      padding: 35px 0 40px 46px;
      clear: both;
   }
   
   #contentbox p a, .csc-textpic-caption a, #contentbox ul a, #contentbox ol a, #contentbox table a{ color: #313133 }
   
      #content{ 
         /*background-color: red;*/
         width: 683px;
         float: left;
		 padding-left: 52px;
      }
      
         #content h1, #content h1.csc-firstHeader{
            border-bottom: 2px solid #bc0500;
            padding-bottom: 6px;
						margin-bottom: 15px;
         }
         
         #content h1.csc-firstHeader{margin-top: 0;}
         
         #content p{ padding:0 10px 0 0; margin: 0;}
         
      
      #content-right{ 
         /*background-color: aqua;*/
         width: 120px;
		 float:left;
         margin: 33px 22px 0 0;
         padding-left: 17px;
         padding-top: 30px;
      }
      
      #content-right h1{ 
         font-size: 0.95em; 
         border-bottom: 1px solid #bc0501; 
         margin-bottom: 3px;
         padding: 6px 0 0 0;
      }
      
   
   
   #footer{ 
      /*border: 1px solid #000;*/
      position: absolute;
      bottom: 0;
      _bottom: -1px;
      width: 941px;
      height: 22px;
   }
   
      #footer #hnm{ 
         width: 50px;
         float: right;
         font-size: 0.85em;
         color: #f6c602;
         position: relative;
         left: 55px;
         top: 4px;
      }



/********************** Menues **********************/

/********** oberes Menue **********/
#topmenu{ 
   /*border: 1px solid #000;*/
   width: 941px;
   height: 19px;
   float: left;
   position: relative;
   background-image: url(../bilder/bg-topmenu.jpg);
   background-repeat: no-repeat;
}
   #topmenu ul{ 
      margin: 0;
      padding: 0 22px 0 0;
      float: right;
      font-size: 0.85em;
   }
      #topmenu ul li{ 
         float: left;
         list-style: none;
         padding: 4px 0 0 28px;
      }
         #topmenu ul li a{ 
            text-decoration: none;
            color: #bd0402;
         }
/********** ENDE oberes Menue **********/


/********** Hauptmenue **********/
#mainmenu{ 
   /*border: 1px solid blue;*/
   width: 867px;
   height: 32px;
   background-image: url(../bilder/bg-menu.jpg);
   background-repeat: no-repeat;
   background-position: left;
   margin: 0;
   padding: 0 0 0 74px;
   clear: both;
}
      #mainmenu li{ 
         position: relative;
         list-style: none;
         float: left;
         width: 135px;
         text-align: center;
         /*border: 1px solid red;*/
      }
         #mainmenu li a, #mainmenu li a .aktiv{ 
            text-decoration: none;
            color: #be0000;
            font-weight: bold;
            font-size: 1.12em;
            padding: 7px 0 8px 0;
            display: block;
         }
         #mainmenu li a:hover{ 
            background-image: url(../bilder/bg-hover.gif);
            background-repeat: repeat-x;
         }
            #mainmenu li ul{ 
               position: absolute;
               padding: 0;
               *left: -40px;
            }
               #mainmenu li ul li{ float: none; display: block; width:100%;}
                  #mainmenu li ul li a, #mainmenu li ul li a .aktiv{ 
                     background-image: url(../bilder/bullet1.gif);
                     background-repeat: no-repeat;
                     background-position: 4px center;
                     background-color: #bc0501;
                     text-align: left;
                     padding: 2px 0 2px 13px;
                     color: #faeeb4;
                     font-weight: normal;
                     font-size: 1em;
                     width: 122px;
                  }
                  #mainmenu li ul li a:hover{ 
                     background-image: url(../bilder/bullet.gif);
                     background-repeat: no-repeat;
                     background-position: 4px center;
                     background-color: #f3b200;
                     color: #31312f;
                  }
            #mainmenu li ul { display: none; }
            #mainmenu li:hover>ul { display: block; }
            #mainmenu>li:hover>a { background-image: url(../bilder/bg-hover.gif); background-repeat: repeat-x;}
            
            /* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
            * html #mainmenu li.hoverIE {
              margin-right:0;  /* reservierten Platz freigeben */
              margin-bottom:-1.15em;  /* Fehlerkorrektur, ggfls. anpassen */
            }
            * html #mainmenu li.hoverIE ul { display: block; }
            * html #mainmenu li .hoverIE {background-image: url(../bilder/bg-hover.gif); background-repeat: repeat-x; }
            
            #mainmenu .last{ 
               background-image: url(../bilder/bg-level2.gif); 
               background-position: bottom;
               height: 30px;
            }
/********** ENDE Hauptmenue **********/


/********** Hauptmenue 2. Ebene **********/
#menulevel2{ 
   /*border: 1px solid red;*/
   width: 941px;
   height: 40px;
   background-image: url(../bilder/bg-menu-l2.jpg);
   background-repeat: no-repeat;
   clear: both;
}
   #menulevel2 ul{ 
      margin: 0;
      padding: 21px 0 0 99px;
      height: 40px;
	  _height: 19px;
	  /*border: 1px solid blue;*/
   }
      #menulevel2 ul li{ 
         list-style: none;
         float: left;
      }
         #menulevel2 ul li a{ 
            text-decoration: none;
            color: #bd0500;
            font-weight: bold;
            background-image: url(../bilder/lister.gif);
            background-repeat: no-repeat;
            background-position: 14px 8px;
            padding: 0 8px 0 23px;
         }

         #menulevel2 .first{ 
            background-image: url(../bilder/arrow.gif);
            background-repeat: no-repeat;
            background-position: 0 5px;
         }



/********** Footermenue **********/
#footermenu{ 
   width: 94%;
   height: 22px;
   float: left;
   background-image:url(../bilder/bg-footer.jpg);
   background-repeat: no-repeat;
}

   #footermenu ul{ 
      margin: 0;
      padding: 0 0 0 98px;
   }
   
      #footermenu ul li{ 
         list-style: none;
         float: left;
         font-size: 0.85em;
         padding: 4px 0 0 0;
      }
      
         #footermenu ul li a{ 
            color: #bc0500;
            text-decoration: none;
            padding-right: 29px;
         }



/************************************/
/********** Typo3 Restyle **********/
DL.csc-textpic-image{*margin: 5px; _margin: 0;}

.csc-mailform {border: 0;font-family: Tahoma, Verdana, Arial, Times, sans-serif;}

.csc-mailform INPUT, .csc-mailform SELECT, .csc-mailform TEXTAREA {
	overflow: auto; 
	font-size: 12px; 
	font-family: arial; 
	border: 1px solid #bc0501; 
	margin: 7px 7px 7px 100px;
	width: 200px;
	display: block;
}

.csc-mailform .mf-select{width: auto;}

.csc-mailform LABEL { float:left; }

#mailformformtype_mail { 
	float: left; 
	border: none; 
	font-weight: bold;
	color: #bc0501;
	padding: 3px; 
	width: auto; 
	margin-top: 10px;
	_margin-left: 51px;
	background-color: #f9eec1;
}

.csc-mailform SELECT {width: 253px;}