
/* Allg */
html {
  margin: 0px;
  padding: 0px;
}

body{
    background-color: #666666;
    color : Black;
    font-size : 12px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align:center;
}

h1,h2{
	 font-size : 16px;
    font-family: Arial, Helvetica, sans-serif;
	 color: #003366;
}

h3{
	 font-size : 12px;
    font-family: Arial, Helvetica, sans-serif;
	 color: #003366;
}

/* Bilder keine Rahmen */
img {
 border: 0px solid white;
}

a:link {
  color: White;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
}

a:hover {
  color: #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: underline;
}

a:active {
  color: #003399;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: underline;
}

a:visited {
  color: White;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
}

/* Klassen -------------------------------- */
.pos_haupttabelle {
	width: 900px;
	height: 613px;
	margin: 8px auto;
	padding: 0px;
  text-align:left;
  position:relative;
}

.blauer_rand_oben{
	background-color: #003366;
	width: 900px;
	height: 15px;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

.blauer_rand_unten_l{
	background-color: #003366;
	width: 140px;
	height: 23px;
	text-align: right;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	font-size: 8px;
}

/* ANFANG Impressum + Sitemap Links ------------------------ */
.blauer_rand_unten{
	background-color: #003366;
	width: 647px;
	height: 23px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: White;
	font-size: 8px;
}

#blauer_rand_unten a:link {
 color: White;
 font-size: 8px;
 text-decoration: none;
}

#blauer_rand_unten a:visited{
  color: White;
  font-size: 8px;
  text-decoration: underline;
}

#blauer_rand_unten a:hover{
  color: #999999;
  font-size: 8px;
  text-decoration: underline;
}

#blauer_rand_unten a:active{
  color: #999999;
  font-size: 8px;
  text-decoration: underline;
}

/* ENDE Impressum + Sitemap Links ------------------------ */

.blauer_rand_unten_r{
	background-color: #003366;
	width: 110px;
	height: 23px;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	font-size: 8px;
}

.linie_grau{
	width: 790px;
	height: 3px;
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0px;	
}

.linie_grau_r{
	width: 3px;
	height: 430px;
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0px;	
}

.bereich_logo_flash{
	width: 900px;
	height: 115px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	text-align: left;
	background-color: White;
}

.bereich_menu_oben{
	width: 790px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	background-color: White;
}

.bereich_platz_hblau{
	width: 140px;
	height: 32px;
	background-color: #345D85;
	margin: 0px;
	padding: 0px;
	font-size: 8px;
}

.bereich_headline{
	width: 647px;
	height: 32px;
   background-color: #345D85; 
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
}

.bereich_unter_menu{
	width: 140px;
	height: 398px;
	background-color: #345D85;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	background-image: url(../gfx/bg_untermenu.gif);
	background-position: left;
	background-repeat: repeat-y;

}

/* ANFANG inhalt Formatierung */
.bereich_inhalt {
  position:relative;
  float:left;
	width: 647px;
/*	min-height: 198px;*/
height: 100%;
	background-color: white;
/*	background-attachment: fixed; */
	background-image: url(../gfx/bg_inhalt.gif);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	color: Black;
	font-size: 12px;
}

/* ENDE inhalt Formatierung */

.bereich_rand_rechts{
	width: 110px;
	height: 436px;
	margin: 0px;
	padding: 0px;
	background-image: url(../gfx/bg_rand_rechts.gif);
	background-position: left;
	background-repeat: repeat-y;
	text-align: left;
	vertical-align: top;
	font-size: 8px;
}

/* Anfang IDs ------------------------------------------ */

#logo_24_plus{
   position: absolute;
 /*  top: 280px; */
   bottom: 90px;
	left: 0px;
	width: 140px;
	height: 73px;
	margin: 0px;
	padding: 0px;
	font-size: 8px;
}

/* Impressum Links */
#impr_site{
   position: relative;
   top: 3px; 
	left: 520px; 
	width: 125px;
	height: 18px;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
  z-index: 3;
}

#impr_site a:link {
 color: White;
 font-size: 10px;
 text-decoration: none;
}

#impr_site a:visited{
  color: White;
  font-size: 10px;
  text-decoration: none;
}

#impr_site a:hover{
  color: #999999;
  font-size: 10px;
  text-decoration: underline;
}

#impr_site a:active{
  color: #999999;
  font-size: 10px;
  text-decoration: underline;
}

/* ------------------------------------- */

#headline{
	color: White;
	position: relative;
   top: 1px; 
	left: 5px; 
}

#inhalt{
	position: relative;
   top: 30px; 
	left: 18px; 
	width: 610px;
	color: Black;
	z-index: 1;
	color: Black;
	  float: left;
}

#inhalt a:link {
 color: #003366;
 font-size: 12px;
 text-decoration: none;
}

#inhalt a:visited{
  color: #003366;
  font-size: 12px;
  text-decoration: none;
}

#inhalt a:hover{
  color: #999999;
  font-size: 12px;
  text-decoration: underline;
}

#inhalt a:active{
  color: #999999;
  font-size: 12px;
  text-decoration: underline;
}

/* ANFANG Druck Links ----------------------- */
#bereich_druck_sache{
	position: absolute;
	bottom: 10px;
	left: 519px;
	width: 124px;
	height: 12px;
	font-size: 10px;
	color: #999999;
   z-index: 3;	
}

#bereich_druck_sache a:link {
 color: #999999;
 font-size: 10px;
 text-decoration: none;
}

#bereich_druck_sache a:visited{
  color: #999999;
  font-size: 10px;
  text-decoration: none;
}

#bereich_druck_sache a:hover{
  color: #003366;
  font-size: 10px;
  text-decoration: underline;
}

#bereich_druck_sache a:active{
  color: #003366;
  font-size: 10px;
  text-decoration: underline;
}

/* ENDE Druck Links ------------------------ */

#unter_menu{
	position: relative;
	top: 0px;
	left: 1px;
	width: 137px;
	font-size: 8px;
}

#bereich_sprache{
   position: relative;
	top: 0px;
	left: 0px;
	color: White;
	width: 110px;
	height: 60px;
	background-image: url(../gfx/bereich_sprache.gif); 
	background-attachment: fixed;
	background-position: top;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	line-height: 60px;
	font-size: 10px;
z-index: 1;
}

#bereich_sprache a:link {
 color: White;
 font-size: 10px;
 text-decoration: none;
}

#bereich_sprache a:visited{
  color: White;
  font-size: 10px;
  text-decoration: underline;
}

#bereich_sprache a:hover{
  color: #999999;
  font-size: 10px;
  text-decoration: underline;
}

#bereich_sprache a:active{
  color: #999999;
  font-size: 10px;
  text-decoration: underline;
}

/* ENDE Formatierung Spracheauswahl */ 

#grau_recht_o{
   position: relative;
	top: 46px;
	left: 1px;
	width: 108px;
	height: 3px;
	background-color: #CCCCCC;
	font-size: 3px;
}

#grau_recht_u{
   position: relative;
	top: 46px;
	left: 1px;
	width: 108px;
	height: 3px;
	background-color: #CCCCCC;
	font-size: 3px;
}

#weiss_rechts_1{
	position: relative;
	top: 46;
	left: 1;
	width: 108;
	height: 1px;
	font-size: 1px;
	background-color: white;
}

#weiss_rechts_2{
	position: relative;
	top: 46;
	left: 1;
	width: 108;
	height: 1px;
	font-size: 1px;
	background-color: white;
}
#bereich_formulare{
	position: relative;
	top: 46px;
	left: 1px;
	width: 108px;
	height: 75px;
	background-color: #999999;
	color: Black;	
	font-size: 8px;
}

#bereich_callback{
	position: relative;
	top: 46px;
	left: 1px;
	width: 108px;
	height: 75px;
	background-color: #999999;
	color: Black;	
	font-size: 8px;
	vertical-align: top;
	text-align: left;
   margin: 0px;
	padding: 0px;
}

#callback{
	padding: 0px;
	top: 10px;
	left: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;

}

#bereich_suche{
	position: relative;
	top: 46px;
	left: 1px;
	width: 108px;
	height: 75px;
	background-color: #999999;
	color: Black;	
	font-size: 8px;
}

#suche{
	padding: 0px;
	top: 10px;
	left: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;

}

#bereich_weiterempfehlen{
	position: relative;
	top: 46px;
	left: 1px;
	width: 108px;
	height: 75px;
	background-color: #999999;
	color: Black;	
	font-size: 8px;
}

#weiterempfehlen {
	padding: 0px;
	top: 10px;
	left: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}
  



#bereich_downloads {
	position: relative;
  top: 59px;
	left: 1px;
	width: 98px;
  height: 12px;
	color: Black;	
	font-size: 10px;
  margin-left: 10px;
}


/* Formatierung für typo3 Mail-Formulare  */
.csc-mailform{
	 color : Black;
    font-size : 12px;
    font-family: Arial, Helvetica, sans-serif;	
	 text-align: left;
	 vertical-align: top;
}

.csc-form-label-req{
    color : Black;
    font-size : 12px;
    font-family: Arial, Helvetica, sans-serif;	
}

.csc-form-fieldcell{

}

.beschriftung{
	vertical-align: top;
}

.form_label{
	font-weight: bold;
}

.text_feld{
	   background-image: url(../gfx/bg_eingabefelder.gif);
   background-attachment: fixed;
	background-position: top;
	background-repeat: repeat;
	border-bottom : thin none;
	border-right: #000000 1px solid;
	border-left: #000000 1px solid;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	color : #000000;
}

/* ANFANG Fomular Sachen -------------- */

#bg_callback{
	background-attachment: fixed;
	background-image: url(../gfx/callback.gif);
	background-repeat: no-repeat;
}

#eingabe_feld{
	font-size : 10px;
	font-family: Arial, Helvetica, sans-serif;
	color : Black;
	background-color: #B7B7B7;
	border-bottom : thin none;
	border-right: #676767 1px solid;
	border-left: #676767 1px solid;
	border-top: #676767 1px solid;
	border-bottom: #676767 1px solid;
	color : #000000;
}

#senden_pfeil{
	background-color: transparent;
	border-bottom : thin none;
	border-right: #999999 0px solid;
	border-left: #999999 0px solid;
	border-top: #999999 0px solid;
	border-bottom: #999999 0px solid;
	color : #000000;
}

#sende_button{
	width: 69px;
	height: 23px;
	border-bottom : thin none;
	border-right: #999999 0px solid;
	border-left: #999999 0px solid;
	border-top: #000000 0px solid;
	border-bottom: #000000 0px solid;
	color : #000000;
}

.sende_button{
	width: 69px;
	height: 23px;
	/*
	background-image: url(../gfx/senden_button.gif);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	*/
	background-color: #345D85;
	border-bottom : thin none;
	border-right: #FFFFFF 0px solid;
	border-left: #FFFFFF 0px solid;
	border-top: #FFFFFF 0px solid;
	border-bottom: #FFFFFF 0px solid;
	color : #FFFFFF;
	font-size: 12px;
}

#allg_form_feld{
   background-image: url(../gfx/bg_eingabefelder.gif);
   background-attachment: fixed;
	background-position: top;
	background-repeat: repeat;
	border-bottom : thin none;
	border-right: #000000 1px solid;
	border-left: #000000 1px solid;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	color : #000000;
}

.allg_form_feld{
   background-image: url(../gfx/bg_eingabefelder.gif);
   background-attachment: fixed;
	background-position: top;
	background-repeat: repeat;
	border-bottom : thin none;
	border-right: #000000 1px solid;
	border-left: #000000 1px solid;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	color : #000000;
}

/* Formatierungne fürs Sitemap */
#sitemap {
  border: 0px solid #FF0000; 
}
#sitemap UL {
  list-style: square;
  color: #003399;
  margin: 0;
  padding: 0;
  padding-left: 32px;
}

#text_inhalt{
 	 color : Black;
    font-size : 12px;
    font-family: Arial, Helvetica, sans-serif;
 }

/* Formatierung von Gefahrgut  */
.contenttable{
   vertical-align: top;
	font-size: 12px;
	width: 600px;
	text-align: left;
}

.tr-even tr{
	vertical-align: top;
}

.td-0{
  vertical-align: top	
}

.td-1{
  vertical-align: top	
}

.td-last{
	vertical-align: top;
}

/* NEU !!!!!!! */
/* Flash Film */
#flash_film{
	position: absolute;
	top: 18px;
	left: 193px;
	width: 707px;
	height: 115px;
	background-color: #345d85;
}

#eischeid.de{
	position: absolute;
	top: 20px;
	left: 193px;
	width: 708px;
	height: 114px;
}


