.layout_headline {
	font-family: Arial,Verdana,sans-serif;
	font-size: 11pt;
	color: #a0a0a0;
	margin: 0px 0px 20px 20px;
	letter-spacing: 1px;
}


.layout_goodies_red_line {
	padding: 0px 0px 6px 0px;
	margin: 5px 0px 5px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #c00000;
}


#layout_outer_container {
	clear: both;
	background-image: url( /Z/site_data_ltg/layouts/common/layout_outer_container_bg.gif );
	text-align: center;
	width: 750px;
}


/**
 *	Reiter der oberen Navigation. Ist in layout_header_nav_bg platziert.
 */
#layout_header_nav_content {
	clear: both;
	color: #b00000;
	font-size: 9pt;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	height: 50px;
	vertical-align: bottom;
	text-align: center;
}


/**
 *	Schiebt die Navigation der Reite nach rechts. Diese sollen mit dem Ende
 *  des rot im darunterliegenden Balken beginnen,
 */

#layout_header_nav_content_inside {
	margin: 0px 0px 0px 192px;
}


/**
 * Der schmalle, rotgraue Balken: "Nationale und int. Sped."
 * Geht über volle Breite.
 * Liegt direkt über dem grossen Bild
 * Inhalt: keiner
 */
#layout_header_bar_top_bg {
	clear: both;
	background-image: url( /Z/site_data_ltg/layouts/common/layout_header_bar_top.png );
	width: 748px;
	height: 22px;
	margin: 0px 1px 0px 1px;
}



/**
 * Fasst die nebeneinander stehenden Elemente Logo und Kopfbild zusammen.
 * Wird gebraucht, weil der IE da fürchterlich zickt.
 */
#layout_container_logo_n_image_bg {
	clear: both;
	width: 748px;
	height: 146px;
	margin: 1px 1px 1px 1px;
}


/**
 * Der Inhalt für das Logo im Kopf. Ist in einer Tabelle innerhalb von
 *  layout_header_logo_bg platziert.
 *
 * WICHTIG: Wir verwenden margin statt padding da Firefox im Gegensatz zu
 *  IE und Opera das Padding zur width dazuaddiert. Beim Margin hingegen
 *  verhalten sich alle gleich - der Margin liegt ausserhalb
 */
#layout_header_logo_content {
	float: left;
	width: 202px;
	overflow: hidden;
	height: 146px;
	margin: 0px;
	padding: 0px;
}


/**
 * Der Inhalt für das Bild im Kopf. Ist in einer Tabelle innerhalb von
 *  layout_header_logo_bg platziert.
 */
#layout_header_image_content {
	float: right;
	height: 146px;
	margin: 0px;
	padding: 0px;
}

/**
 * Der schmalle, rotgraue Balken: "Lagerl. und Container"
 * Geht über volle Breite.
 * Liegt direkt unter dem grossen Bild
 * Inhalt: keiner
 */
#layout_header_bar_bottom_bg {
	clear: both;
	background-image: url( /Z/site_data_ltg/layouts/common/layout_header_bar_bottom.png );
/*	width: 748px; Wegen Padding kein Width.*/
	padding-left: 222px;
	font-size: 5pt;
	height: 20px;
	margin: 0px 1px 0px 1px;
}


/**
 * Die graue Zeile über die volle Breite am Ende des Kopfes.
 * Geht über volle Breite.
 * Inhalt: layout_header_bottombar_content
 */
#layout_header_bottombar_bg {
	clear: both;
	background-image: url( /Z/site_data_ltg/layouts/common/layout_header_bottombar.gif );
	width: 748px;
	height: 13px;
	margin: 0px 1px 0px 1px;
}


/**
 *	Der Hintergrund für den dreispaltigen unteren Bereich
 *
 *	Wird für das gemeinsame Hintergrundbild gebraucht.
 *
 *	Sitzt mit einem Puffer von 1 Pixel nach den Seiten im äusseren Rahmen.
 */
#layout_container_content_bg {
	clear: both;
	background-image: url( /Z/site_data_ltg/layouts/common/layout_content_container_bg.gif );
	overflow: visible;
	width: 748px;
	margin: 0px 1px 0px 1px;
}


/**
 *	Die drei Bereiche unten in der Website. Nach langem hin- und her nun nicht
 *	mehr als floating divs, sondern als normale Divs in einer dreispaltigen Tabelle.
 *
 *	Das es immernoch divs sind, hat mit den so einfach zu spezifizierenden Paddings
 *  und Margins zu tun.
 *
 *	WICHTIG: Wir verwenden margin statt padding da Firefox im Gegensatz zu
 *	IE und Opera das Padding zur width dazuaddiert. Beim Margin hingegen
 *	verhalten sich alle gleich - der Margin liegt ausserhalb
 */
#layout_navigation_content {
	clear: both;
	margin: 0px 0px 25px 12px;
	padding: 0px;
	border-width: 0px;
}


/**
 *	Die mittlere Fläche im Hauptbereich (Inhalt)
 *
 *	Wichtig:	Ist der Puffer über margin statt über padding definiert, so stört das
 *				den IE mitunter weit unten in der Element-Hierarchie - dort tauchen
 *				dann überflüssige Abstände auf. So beobachtet bei den Text-Feldern
 *				des Kontaktformulars - beim SELECT hingegen nicht!
 */
#layout_content_content {
	clear: both;
	margin: 0px;
	padding: 12px 10px 20px 20px;
	border-width: 0px;
}


/**
 *	Der Drucken-Link (Javascript) im Frontend
 */
#layout_content_content_print {
	clear: both;
	margin: 10px 0px 10px 20px;
	color: #808080;
}

/**
 * Die rechte Fläche im Hauptbereich (Goodies)
 */
#layout_goodies_content {
	clear: both;
	margin: 10px 5px 10px 8px;
	padding: 0px;
	border-width: 0px;
}


#layout_footer {
	height: 1px;
	overflow: hidden;
	background-image: url( /Z/site_data_ltg/layouts/common/layout_footer_bg.gif );
}

/* Wird von scroller_builtScroller() gefuellt */
#layout_scroller {
	position: relative;
	left: 0px;
	top: 0px;
	width: 750px;
	height: 120px;
	margin-top: 10px;
	overflow: hidden;
}

#layout_scroller_inside {
	position: absolute;
	left: 10px;
	top: 0px;
	width: 2000px;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
}

#layout_scroller img {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

/******
 *	Die Styles der hartkodierten Reiternavigation
 *
 *	Die verschiedenen Selected-Zustände der jeweils aktuellen Seite werden über
 *	spezifische Layouts gemacht. Hier werden alle definiert und dann im
 *	spezifischen Layout der, der vom Normalzustand abweicht noch einmal.
 *
 *	Dabei ändert sich über die spezifischen Layouts hinweg eigentlich nur eine
 *	Sache: der normal-Zustand der gerade aktuellen Seite wird auf selected
 *	gesetzt.
 *
 *	Zuerst die deutschen, dann die englischen.
 ******/


a.layout_topnav_home_de {
	display: block;
	float: left;
	height: 50px;
	width: 48px;
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_home_de.gif );
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #ffffff;
	border-width: 0px 0px 0px 0px;
}

a.layout_topnav_home_de:hover {
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_home_de_selected.gif );
}


a.layout_topnav_company_de {
	display: block;
	float: left;
	height: 50px;
	width: 100px;
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_unternehmen.gif );
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #ffffff;
	border-width: 0px 0px 0px 0px;
}

a.layout_topnav_company_de:hover {
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_unternehmen_selected.gif );
}


a.layout_topnav_contact_de {
	display: block;
	float: left;
	height: 50px;
	width: 73px;
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_kontakt.gif );
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #ffffff;
	border-width: 0px 0px 0px 0px;
}

a.layout_topnav_contact_de:hover {
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_kontakt_selected.gif );
}


a.layout_topnav_imprint_de {
	display: block;
	float: left;
	height: 50px;
	width: 90px;
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_impressum.gif );
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #ffffff;
	border-width: 0px 0px 0px 0px;
}

a.layout_topnav_imprint_de:hover {
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_impressum_selected.gif );
}


a.layout_topnav_2english_de {
	display: block;
	float: left;
	height: 50px;
	width: 48px;
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_2english.gif );
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #ffffff;
	border-width: 0px 0px 0px 0px;
}

a.layout_topnav_2english_de:hover {
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_2english_selected.gif );
}


/**
 * Englisch
 */

a.layout_topnav_home_en {
	display: block;
	float: left;
	height: 50px;
	width: 48px;
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_home_en.gif );
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #ffffff;
	border-width: 0px 0px 0px 0px;
}

a.layout_topnav_home_en:hover {
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_home_en_selected.gif );
}


a.layout_topnav_company_en {
	display: block;
	float: left;
	height: 50px;
	width: 100px;
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_company.gif );
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #ffffff;
	border-width: 0px 0px 0px 0px;
}

a.layout_topnav_company_en:hover {
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_company_selected.gif );
}


a.layout_topnav_contact_en {
	display: block;
	float: left;
	height: 50px;
	width: 73px;
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_contact.gif );
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #ffffff;
	border-width: 0px 0px 0px 0px;
}

a.layout_topnav_contact_en:hover {
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_contact_selected.gif );
}


a.layout_topnav_imprint_en {
	display: block;
	float: left;
	height: 50px;
	width: 90px;
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_imprint.gif );
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #ffffff;
	border-width: 0px 0px 0px 0px;
}

a.layout_topnav_imprint_en:hover {
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_imprint_selected.gif );
}


a.layout_topnav_2english_en {
	display: block;
	float: left;
	height: 50px;
	width: 48px;
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_2german.gif );
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	color: #ffffff;
	border-width: 0px 0px 0px 0px;
}

a.layout_topnav_2english_en:hover {
	background-image: url( /Z/site_data_ltg/layouts/common/bt_navtop_2german_selected.gif );
}