@charset "utf-8";
/* CSS Document */
img, .pngtrans { behavior:url("../js/iepngfix.htc") }

* {
	margin: 0;
	padding: 0;
}

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #625d53;
	height: 100%;
	margin: auto;
}

a img {
	border: none;
}

a {
	text-decoration: underline;
	color: #625d53;
}

p {
	padding-bottom: 15px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0px;
	line-height: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	color: #7da7cb;
	line-height: 16px;
	padding-bottom: 4px;
}

h1 {
	padding-bottom: 20px;
}

div.page {
	width: 900px;
	margin: auto;
}

div.header div.balken {
	margin: 0 20px;
	height: 10px;
}

div.header div.logo {
	float: right;
	width: 277px;
	margin: 25px 20px 5px 0;
	background: url(../img/logo_saba.png);
}

* html div.header div.logo { /* IE 6 */
	position: absolute;
	margin-left: 603px;
	width: 277px;
	height: 100px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo_saba.png');	
	background: url(../js/blank.gif);
}

*+html div.header div.logo { /* IE7 */
	position: absolute;
	margin-left: 603px;
	z-index: 10;
}

div.header div.logo_en {
	float: right;
	width: 277px;
	margin: 25px 20px 5px 0;
	background: url(../img/logo_saba_en.png);
}

* html div.header div.logo_en { /* IE 6 */
	position: absolute;
	margin-left: 603px;
	width: 277px;
	height: 100px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo_saba_en.png');	
	background: url(../js/blank.gif);
}

*+html div.header div.logo_en { /* IE7 */
	position: absolute;
	margin-left: 603px;
	z-index: 10;
}

div.header div.grafik {
	padding: 10px 20px;
}

*+html div.header div.grafik { /* IE7 */
	padding-top: 97px;
}

* html div.header div.grafik { /* IE 6 */
	padding-top: 97px;
}

/* NAVIGATION */
/* Navigation mit Drop-Down-Menu */
div.header div.mod_navigation {
	float: left;
	width: 603px;
	position: absolute;
	overflow: visible;
	z-index: 999;
}

div.navigation {
	margin: 0 20px;
	padding: 52px 0 0 0;
}

div.navigation ul, div.footernavigation ul {
	list-style: none;
}

div.footernavigation ul li {
	float: left;
}

div.navigation ul li {
	float: left;
	padding: 15px 0 15px 0;
	margin: 0;
}

div.navigation ul li a, div.footernavigation ul li a {
	color: #625d53;
	text-decoration: none;
	padding: 0 12px 0 0;
	margin: 0 12px 0 0;
	background: url(../img/navigation_trenner.gif) no-repeat right;
}

div.mod_changelanguage ul li a {
	color: #625d53;
	text-decoration: none;
	padding: 0 12px 0 0;
	margin: 0 12px 0 0;
}

div.navigation ul li.last a, div.navigation ul ul li a {
	background: none;
	padding-right: 0;
	margin-right: 0;
}

div.navigation ul li {
	float: left;
}

div.navigation li:hover {
}

div.navigation li:hover a {
}

div.navigation li.active:hover {
}

div.navigation li a.active, div.navigation li a.trail {
}

div.navigation li ul {
	position: absolute;
	left: -999em;
	margin: 12px 0 0 -10px;
	background: url(../img/navigation_background.png);
}

*+html div.navigation li ul  { /* IE7 */
	clear: both;
	margin-top: 14px;
}

* html div.navigation li ul { /* IE 6 */
	background-color: #ffffff;
/*	margin-top: 14px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/navigation_background.png');	
	background: url(../js/blank.gif);
*/
}

* html div.navigation li ul li { /* IE 6 */
	padding-bottom: 5px;
}

div.navigation li ul li:hover {
}

div.navigation li ul {
	padding: 2px 10px;
}

div.navigation li ul li {
	line-height: 16px;
	padding: 0;
	display: block;
	clear: both;
}

div.navigation li ul li a {
}

div.navigation li ul li a.subnav {
}

div.navigation li ul li a.active {
}

div.navigation li:hover ul {
	left: auto;
}

div.navigation li:hover ul, div.navigation li.sfhover ul {
	left: auto;
}

div.navigation a {
	display: block;
	line-height: 16px;
	padding: 0;
	margin: 0;
}

/* INHALTE */
div.content {
	padding: 35px 0px 70px 20px;	
}

div.content div.main {
	float: left;
	width: 530px;
	padding-right: 40px;
}

div.content div.right {
	float: left;
	width: 290px;
	padding-right: 2px;
}

div.content div.right div.ce_image {
	float: left;
}

div.content div.right div.ce_image img {
	float: left;
	padding: 0 0 10px 10px;
}

*+html div.content div.right div.ce_image img { /* IE 7 */
	clear: left;
}

div.content div.right div.ce_download {
	float: left;
	padding: 0 0 10px 10px;	
}

div.footer {
	background-color: #ffffff;
	padding: 20px;
}

div.footer div.copyright {
	float: left;
}

div.footer div.mod_customnav {
	float: right;
}

div.footer div.mod_changelanguage {
	float: right;
}


/* Farbangaben fuer einzelne Seiten */
/* Default */
body div.page {
	background-color: #dee8f3;
}

body h1, body h2 {
	color: #7da7cb;
}

body div.balken {
	background-color: #7da7cb;
}

body div.navigation ul li a.active, body div.navigation ul li a:hover, body div.navigation ul li a.trail {
	color: #7da7cb;
}

body div.content {
	background: url(../tl_files/background/background_news.gif) no-repeat bottom;
}
/* News */
body.news div.page {
	background-color: #dee8f3;
}

body.news h1, body.news h2 {
	color: #7da7cb;
}

body.news div.balken {
	background-color: #7da7cb;
}

body.news div.navigation ul li a.active, body.news div.navigation ul li a:hover, body.news div.navigation ul li a.trail {
	color: #7da7cb;
}

body.news div.content {
	background: url(../tl_files/background/background_news.gif) no-repeat bottom;
}

body.news_en div.content {
	background: url(../tl_files/background/background_news_en.gif) no-repeat bottom;
}
/* Unternehmen */
body.unternehmen div.page {
	background-color: #dee8f3;
}

body.unternehmen h1, body.unternehmen h1 {
	color: #7da7cb;
}

body.unternehmen div.balken {
	background-color: #7da7cb;
}

body.unternehmen div.navigation ul li a.active, body.unternehmen div.navigation ul li a:hover, body.unternehmen div.navigation ul li a.trail {
	color: #7da7cb;
}

body.unternehmen div.content {
	background: url(../tl_files/background/background_tradition.gif) no-repeat bottom;
}

body.unternehmen_en div.content {
	background: url(../tl_files/background/background_tradition_en.gif) no-repeat bottom;
}

body.geschichte div.content {
	background: url(../tl_files/background/background_geschichte.gif) no-repeat bottom;
}

body.geschichte_en div.content {
	background: url(../tl_files/background/background_geschichte_en.gif) no-repeat bottom;
}

body.leistungen div.content {
	background: url(../tl_files/background/background_leistungen.gif) no-repeat bottom;
}

body.leistungen_en div.content {
	background: url(../tl_files/background/background_leistungen_en.gif) no-repeat bottom;
}

/* Produkte */
body.produkte div.page {
	background-color: #e1ecd8;
}

body.produkte h1, body.produkte h2 {
	color: #74b558;
}

body.produkte div.balken {
	background-color: #74b558;
}

body.produkte div.navigation ul li a.active,
body.produkte div.navigation ul li a:hover,
body.produkte div.navigation ul li a.trail {
	color: #74b558;
}

body.produkte div.content {
	background: url(../tl_files/background/background_vielfalt.gif) no-repeat bottom;
}

body.produkte_en div.content {
	background: url(../tl_files/background/background_vielfalt_en.gif) no-repeat bottom;
}

body.staerke div.content {
	background: url(../tl_files/background/background_staerke.gif) no-repeat bottom;
}

body.staerke_en div.content {
	background: url(../tl_files/background/background_staerke_en.gif) no-repeat bottom;
}

body.technischestaerke div.content {
	background: url(../tl_files/background/background_technische-staerke.gif) no-repeat bottom;
}

body.technischestaerke_en div.content {
	background: url(../tl_files/background/background_technische-staerke_en.gif) no-repeat bottom;
}

body.konservierungsmittel div.content {
	background: url(../tl_files/background/background_konservierungsmittel.gif) no-repeat bottom;
}

body.konservierungsmittel_en div.content {
	background: url(../tl_files/background/background_konservierungsmittel_en.gif) no-repeat bottom;
}

body.grundstoffe div.content {
	background: url(../tl_files/background/background_grundstoffe.gif) no-repeat bottom;
}

body.grundstoffe_en div.content {
	background: url(../tl_files/background/background_grundstoffe_en.gif) no-repeat bottom;
}

body.fluessigzucker div.content {
	background: url(../tl_files/background/background_fluessigzucker.gif) no-repeat bottom;
}

body.fluessigzucker_en div.content {
	background: url(../tl_files/background/background_fluessigzucker_en.gif) no-repeat bottom;
}

body.suessstoffe div.content {
	background: url(../tl_files/background/background_suessstoffe.gif) no-repeat bottom;
}

body.suessstoffe_en div.content {
	background: url(../tl_files/background/background_suessstoffe_en.gif) no-repeat bottom;
}

body.ballaststoffe div.content {
	background: url(../tl_files/background/background_ballaststoffe.gif) no-repeat bottom;
}

body.ballaststoffe_en div.content {
	background: url(../tl_files/background/background_ballaststoffe_en.gif) no-repeat bottom;
}

body.verdickungsmittel div.content {
	background: url(../tl_files/background/background_verdickungsmittel.gif) no-repeat bottom;
}

body.verdickungsmittel_en div.content {
	background: url(../tl_files/background/background_verdickungsmittel_en.gif) no-repeat bottom;
}

body.milchpulverprodukte div.content {
	background: url(../tl_files/background/background_milchpulverprodukte.gif) no-repeat bottom;
}

body.milchpulverprodukte_en div.content {
	background: url(../tl_files/background/background_milchpulverprodukte_en.gif) no-repeat bottom;
}

body.karamelle div.content {
	background: url(../tl_files/background/background_karamelle.gif) no-repeat bottom;
}

body.karamelle_en div.content {
	background: url(../tl_files/background/background_karamelle_en.gif) no-repeat bottom;
}

body.bioprodukte div.content {
	background: url(../tl_files/background/background_bioprodukte.gif) no-repeat bottom;
}

body.bioprodukte_en div.content {
	background: url(../tl_files/background/background_bioprodukte_en.gif) no-repeat bottom;
}

body.gewuerzesaaten div.content {
	background: url(../tl_files/background/background_gewuerze-und-saaten.gif) no-repeat bottom;
}

body.gewuerzesaaten_en div.content {
	background: url(../tl_files/background/background_gewuerze-und-saaten_en.gif) no-repeat bottom;
}

body.pharmazeutischeprodukte div.content {
	background: url(../tl_files/background/background_pharmazeutische-produkte.gif) no-repeat bottom;
}

body.pharmazeutischeprodukte_en div.content {
	background: url(../tl_files/background/background_pharmazeutische-produkte_en.gif) no-repeat bottom;
}

body.gewuerzmischungen div.content {
	background: url(../tl_files/background/background_gewuerzmischungen.gif) no-repeat bottom;
}

body.gewuerzmischungen_en div.content {
	background: url(../tl_files/background/background_gewuerzmischungen_en.gif) no-repeat bottom;
}

body.zimt div.content {
	background: url(../tl_files/background/background_zimt.gif) no-repeat bottom;
}

body.zimt_en div.content {
	background: url(../tl_files/background/background_zimt_en.gif) no-repeat bottom;
}

body.spezialitaeten div.content {
	background: url(../tl_files/background/background_spezialitaeten.gif) no-repeat bottom;
}

body.spezialitaeten_en div.content {
	background: url(../tl_files/background/background_spezialitaeten_en.gif) no-repeat bottom;
}

body.phosphate div.content {
	background: url(../tl_files/background/background_phosphate.gif) no-repeat bottom;
}

body.phosphate_en div.content {
	background: url(../tl_files/background/background_phosphate_en.gif) no-repeat bottom;
}

/* Branchen */
body.branchen div.page {
	background-color: #fde3cf;
}

body.branchen h1, body.branchen h2 {
	color: #f1873c;
}

body.branchen div.balken {
	background-color: #f1873c;
}

body.branchen div.navigation ul li a.active,
body.branchen div.navigation ul li a:hover,
body.branchen div.navigation ul li a.trail {
	color: #f1873c;
}

body.branchen div.content {
	background: url(../tl_files/background/background_spektrum.gif) no-repeat bottom;
}

body.branchen_en div.content {
	background: url(../tl_files/background/background_spektrum_en.gif) no-repeat bottom;
}

body.fleisch div.content {
	background: url(../tl_files/background/background_fleisch.gif) no-repeat bottom;
}

body.fleisch_en div.content {
	background: url(../tl_files/background/background_fleisch_en.gif) no-repeat bottom;
}

body.pharma div.content {
	background: url(../tl_files/background/background_pharma.gif) no-repeat bottom;
}

body.pharma_en div.content {
	background: url(../tl_files/background/background_pharma_en.gif) no-repeat bottom;
}

body.baeckerei div.content {
	background: url(../tl_files/background/background_baeckerei.gif) no-repeat bottom;
}

body.baeckerei_en div.content {
	background: url(../tl_files/background/background_baeckerei_en.gif) no-repeat bottom;
}

body.getraenke div.content {
	background: url(../tl_files/background/background_getraenke.gif) no-repeat bottom;
}

body.getraenke_en div.content {
	background: url(../tl_files/background/background_getraenke_en.gif) no-repeat bottom;
}

body.suesswaren div.content {
	background: url(../tl_files/background/background_suesswaren.gif) no-repeat bottom;
}

body.suesswaren_en div.content {
	background: url(../tl_files/background/background_suesswaren_en.gif) no-repeat bottom;
}

/* Zertifizierung */
body.zertifizierung div.page {
	background-color: #e4dcd5;
}

body.zertifizierung h1, body.zertifizierung h2 {
	color: #9b8169;
}

body.zertifizierung div.balken {
	background-color: #9b8169;
}

body.zertifizierung div.navigation ul li a.active, body.zertifizierung div.navigation ul li a:hover, body.zertifizierung div.navigation ul li a.trail {
	color: #9b8169;
}

body.zertifizierung div.content {
	background: url(../tl_files/background/background_qualitaet.gif) no-repeat bottom;
}

body.zertifizierung_en div.content {
	background: url(../tl_files/background/background_qualitaet_en.gif) no-repeat bottom;
}

body.zertifizierung div.download {
	float: left;
	width: 165px;
	margin-right: 10px;
}

/* Impressum */
body.impressum div.page {
	background-color: #e4dcd5;
}

body.impressum h1 {
	color: #9a8169;
}

body.impressum h2 {
	color: #625d53;
}

body.impressum div.balken {
	background-color: #9a8169;
}

body.impressum div.navigation ul li a.active, body.impressum div.navigation ul li a:hover, body.impressum div.navigation ul li a.trail {
	color: #9a8169;
}

body.impressum div.content {
	background: url(../tl_files/background/background_kontakt.gif) no-repeat bottom;
}

body.impressum_en div.content {
	background: url(../tl_files/background/background_kontakt_en.gif) no-repeat bottom;
}

/* Jobs */
body.jobs div.page {
	background-color: #fde3cf;
}

body.jobs h1 {
	color: #f1873c;
}

body.jobs h2 {
	color: #f1873c;
}

body.jobs div.balken {
	background-color: #f1873c;
}

body.jobs div.navigation ul li a.active, body.jobs div.navigation ul li a:hover, body.jobs div.navigation ul li a.trail {
	color: #f1873c;
}

body.jobs div.content {
	background: url(../tl_files/background/background_zukunft.gif) no-repeat bottom;
}

body.jobs_en div.content {
	background: url(../tl_files/background/background_zukunft_en.gif) no-repeat bottom;
}

/* Kontakt */
body.kontakt div.page {
	background-color: #e1ecd8;
}

body.kontakt h1 {
	color: #74b558;
}

body.kontakt h2 {
	color: #74b558;
}

body.kontakt div.balken {
	background-color: #74b558;
}

body.kontakt div.navigation ul li a.active, body.kontakt div.navigation ul li a:hover, body.kontakt div.navigation ul li a.trail {
	color: #74b558;
}

body.kontakt div.content {
	background: url(../tl_files/background/background_nuernberg.gif) no-repeat bottom;
}

body.kontakt_en div.content {
	background: url(../tl_files/background/background_nuernberg_en.gif) no-repeat bottom;
}

body.kontakt div.content div.main {
	float: left;
	width: 290px;
	padding-right: 40px;
}

body.kontakt div.content div.right {
	float: left;
	width: 530px;
	padding-right: 2px;	
}

/* Suche */
body.suche div.page {
	background-color: #e1ecd8;
}

body.suche h1 {
	color: #74b558;
}

body.suche h2 {
	color: #74b558;
}

body.suche .relevance {
	color: #74b558;
}

body.suche div.balken {
	background-color: #74b558;
}

body.suche div.navigation ul li a.active, body.suche div.navigation ul li a:hover, body.suche div.navigation ul li a.trail {
	color: #74b558;
}

body.suche div.content {
	background: none;
}

body.suche div.content div.main {
	float: left;
	width: 530px;
	padding-right: 40px;
}

body.suche div.content div.right {
	float: left;
	width: 290px;
	padding-right: 2px;	
}

/* Kontaktformular */
label {
	float: left;
	width: 140px;
}

input, select {
	margin-bottom: 5px;
}

div.checkbox_container {
	float: left;
	padding: 0;
	margin: 0;
}

*+html div.checkbox_container  {
}

*+html div.checkbox_container label { /* IE 7 */
	width: 440px;
}

* html div.checkbox_container label { /* IE 6 */
	width: 440px;
}

div.checkbox_container input.checkbox {
	float: left;
	margin: 0 10px 0 0;
}

div.checkbox_container label {
	float: left;
	width: 460px;
}

div.explanation {
	padding: 20px 0 0 0;
}

div.submit_container {
	padding: 10px 0 0 140px;
}

div.submit_container input.submit {
	width: 155px;
}

div.formbody p.error {
	color: red;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

div.formbody label.error {

}

div.formbody input.error {
	margin: 0 0 20px 140px;
	padding: 0;
}

/* Intro */
div.pageintro {
	width: 900px;
	margin: auto;
	padding: 0;
	color: #f5a27e;
	background-color: #fdf2ec;
}

div.pageintro div.header  {
	float: left;
	height: 100px;
}

div.pageintro div.header div.navigation {
	margin: 0 20px;
	padding: 0 0 0 0;
}

div.pageintro div.navigation li ul {
	display: none;
}

div.pageintro div.header div.grafik {
	padding: 0;
}

div.pageintro div.content div.main {
	float: left;
	width: 900px;
}

div.pageintro div.content {
	float: left;
	padding: 0;
	margin: 0;
	background: none;
}

div.pageintro a, body.intro div.mod_changelanguage ul li a {
	color: #f5a27e;
}

div.pageintro div.navigation ul li a, body.intro div.footernavigation ul li a {
	color: #f5a27e;
	background: url(../img/navigation_trenner_pageintro.gif) no-repeat right;
}

div.pageintro div.navigation ul li.last a, div.pageintro div.navigation ul ul li a {
	background: none;
	padding-right: 0;
	margin-right: 0;
}

/* Suche */
div.right div.formbody {
	padding-bottom: 10px;
}

div.right div.formbody input#keywords, div.right div.formbody input#keywords31 {
	width: 208px;
	margin-left: 10px;
}

*+ html div.right div.formbody input#keywords, *+ html div.right div.formbody input#keywords31 { /* IE 7 */
	width: 205px;
}

div.right div.formbody input#submit {
	float: right;
}

/* Autocompleter */
div.mod_search div.formbody ul, div.right div.formbody ul {
	margin:	0 0 5px 0;
	padding: 0 2px;
	list-style:	none;
	text-align: left;
	z-index: 50;
	background-color: #fff;
}

div.right div.formbody ul {
	margin:	5px 0 0 0;
	padding: 2px;
	position: absolute;
	width: 250px;
}

*+ html div.right div.formbody ul { /* IE7 */
	/*position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: red;*/
}

div.right div.formbody li {

}

ul.autocompleter-choices li, div.mod_search div.formbody li {
	/*position: relative;*/
	margin: -2px 0 0 0;
	padding: 0.2em 1.5em 0.2em 1em;
	display: block;
	float: none !important; 
	cursor:	pointer;
	font-weight: normal;
	white-space: nowrap;
	font-size: 1em;
	line-height: 1.5em;
}

ul.autocompleter-choices li.autocompleter-selected, div.mod_search div.formbody li.autocompleter-selected {
	color: #000000;
}

ul.autocompleter-choices span.autocompleter-queried, div.mod_search div.formbody ul span.autocompleter-queried  {
	display: inline;
	float: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried, div.mod_search div.formbody ul li.autocompleter-selected span.autocompleter-queried {

}