@charset "utf-8";

/* ---------- Layout-Elemente, Klassen ---------- */



/* ########## Grundgerüst ########## */
div#wrapper {
	margin:0 auto;
	width:86.5em;
}



/* ########## Header ########## */
div#header {
	min-height:124px;
	position:relative;
	z-index:2;
}

div#header a {
	border:none;
}


div#zertifikate {
	float:left;
	margin:10px 0 0 15px;
	overflow:hidden;
	text-indent:-9999px;
	width:230px;
}

p#dkd {
	background:url(../images/layout/dkd.gif) left center no-repeat;
	float:left;
	height:55px;
	width:77px;
}

p#iso {
	background:url(../images/layout/iso-siegel.gif) no-repeat;
	float:right;
	height:55px;
	width:58px;
}

p#aeo {
	background:url(../images/layout/aeo.gif) no-repeat;
	float:right;
	height:55px;
	width:83px;
}


div#steuerung {											/* Breite geändert am 15.11.2010 */
	bottom:0;
	position:absolute;
	right:0;
/*	width:29em; */
	width:27em;
}

p#skiplinks {
	position:absolute;
	top:0;
	left:0;
	text-indent:-9999px;
	overflow:hidden;
}





/* ########## Sub-Header ########## */
div#subheader {
	background:#789cca url(../images/layout/subheader-hg.gif) bottom left repeat-x;
	min-height:143px;
	padding:15px 0 15px 0;
	position:relative;
	z-index:1;
}





/* ########## Hauptnavigation ########## */
ul#hauptnavi {
	bottom:0;
	font:1.25em "Lucida Sans Unicode","Lucida Sans","Lucida Grande",Verdana,sans-serif;
	left:0;
	list-style:none;
	position:absolute;
	z-index:2;
}

ul#hauptnavi li,
ul#hauptnavi a {
	float:left;
}

ul#hauptnavi li {
	position:relative;
}

ul#hauptnavi a {
	background:url("../images/layout/reiter-links.gif") no-repeat 0% 0;
	color:#fff;
	display:block;
	padding:0 0 0 10px;
	margin:0 3px 0 0;
	text-decoration:none;
}
ul#hauptnavi li a span {
	background:url("../images/layout/reiter-rechts.gif") no-repeat 100% 0;
	display:block;
	float:left;
	padding:10px 22px 8px 11px;
}

ul#hauptnavi li a:hover {
	background:url("../images/layout/reiter-links_current.gif") no-repeat 0% 0;
	text-decoration:underline;
}
ul#hauptnavi li a:hover span {
	background:url("../images/layout/reiter-rechts_current.gif") no-repeat 100% 0;
	text-decoration:underline;
}

ul#hauptnavi li.current a {
	background:url("../images/layout/reiter-links_current.gif") no-repeat 0% 0;
}
ul#hauptnavi li.current a span {
	background:url("../images/layout/reiter-rechts_current.gif") no-repeat 100% 0;
}



/* ########## Unternavigationen (erste Ebene) ########## */
ul#hauptnavi ol {
	background:#14529f;
	display:none;
	font-size:0.95em;
	left:0;
	list-style:none;
	padding:15px 22px 15px 22px;
	position:absolute;
	top:100%;
	white-space:nowrap;
	z-index:10;
}

ul#hauptnavi ol li {
	background:#14529F;
	color:#94c2fd;
	float:left;
	margin:3px 0;
	padding:0 22px 0 0;
	position:static;
	width:100%;
}

ul#hauptnavi li:hover ol {
	display:block !important;
}

ul#hauptnavi li.current ol {
	display:block;
}


ul#hauptnavi li.current ol {
	z-index:9;
}


ul#hauptnavi ol a,
ul#hauptnavi ol a:hover,
ul#hauptnavi li.current ol a {
	background:none !important;
	display:inline;
	float:none;
	padding:0;
}


ul#hauptnavi ol li.current {
	color:#fff;
}

ul#hauptnavi ol li.current a {
	font-weight:bold;
}


li#produkte ol {
	width:14em;
}

li#benutzerprofil ol {
	width:10em;
}
li#unternehmen ol {
	width:34em;
}
/*li#unternehmen ol {
	width:28em;
}*/
li#unternehmen ol li {
	width:42%;
}

li#kontakt ol {
	width:27em;
}
li#kontakt ol li {
	width:35%;
}


li#sensoren ol {
	width:17em;
}

li#waegezellen ol {
	width:22em;
}


li#auswerte ol {
	width:17em;
}

li#pruefstaende ol {
/*	width:26em; */
	width:18em;
}






/* ########## Unternavigationen (zweite Ebene) ########## */
ul#hauptnavi ol ul {
	bottom:0;
	display:none;
	list-style:none;
	padding:20px 0 0 44px;
	position:absolute;
	z-index:10;
}

ul#hauptnavi ol ul.oben {
	z-index:100;
}

ul#hauptnavi ol li:hover ul,
ul#hauptnavi ol li.current ul {
	display:block;
}

ul#hauptnavi ol li.current li a {
	font-weight:normal;
}
ul#hauptnavi ol li.current li.current a {
	font-weight:bold;
}

ul#hauptnavi ol li.current ul {
	z-index:1;
}


ul#hauptnavi ol ul li {
	background:#5681b7 url(../images/layout/unternavi-pfeil.gif) 15px center no-repeat;
	float:none;
	padding:5px 20px 5px 27px;
	margin:0;
	width:auto;
}



li#unternehmen ol ul {
	left:28em;
}

li.subnavi-first {
	background-position:15px 1.8em !important;
	padding-top:20px !important;
}

li.subnavi-last {
	background-position:15px 0.7em !important;
	padding-bottom:20px !important;
}



li#sensoren ol ul {
	left:17em;
	min-width:19em;
	top:-1.4em;
}

li#sensoren ol ul li.subnavi-last {
	padding-bottom:50px !important;
}

li#sensoren ol ul.smallbox li.subnavi-last {
	padding-bottom:25px !important;
}






/* ########## Sprachauswahl ########## */
ul#sprachwahl {
	list-style:none;
	position:absolute;
	right:0;
	top:0;
	width:20em;
}

ul#sprachwahl li,
ul#sprachwahl a {
	float:right;
}

ul#sprachwahl li {
	width:9em;
}

ul#sprachwahl a {
	color:#14529f;
	display:block;
	padding:0 0 0 0.5em;
	margin:0 0.3em 0 0;
	text-decoration:none;
}
ul#sprachwahl li a span {
	display:block;
	padding:0.6em 1em 5px 0.5em;
}

ul#sprachwahl li a:hover {
	text-decoration:underline;
}
ul#sprachwahl li a:hover span {

}

ul#sprachwahl img {
	margin:0 0 0 5px;
}

ul#sprachwahl li.current a {
	background:url("../images/layout/reiter-sprache-links.gif") bottom left no-repeat;
	color:#fff;
}
ul#sprachwahl li.current a span {
	background:url("../images/layout/reiter-sprache-rechts.gif") bottom right no-repeat;
}



/* ########## Schriftgröße ########## */
div#schriftgroesse {
	float:right;
}

div#schriftgroesse ul {
	float:left;
	list-style:none;
	padding:0 8px 6px 0;
}

div#schriftgroesse li,
div#schriftgroesse a {
	color:#15539F;
	display:block;
	float:left;
	font-weight:bold;
}

div#schriftgroesse a {
	text-indent:-9999px;
	overflow:hidden;
 }

li#groesser a {
	background:url(../images/layout/fontsize-plus.gif) center left no-repeat;
	height:16px;
	margin:0 8px 0 10px;
	width:11px;
}

li#reset a {
	background:url(../images/layout/fontsize-reset.gif) no-repeat;
	height:16px;
	width:43px;
}

li#kleiner a {
	background:url(../images/layout/fontsize-minus.gif) center left no-repeat;
	height:16px;
	margin:0 0 0 8px;
	width:11px;
}



/* ########## Navigation oben ########## */
ul#navi-oben {
	border-top:1px solid #99b5d9;
	clear:both;
	float:right;
	list-style:none;
	margin:0 0 8px 0;
	padding:6px 0 0 0;
	width:100%;
}

ul#navi-oben li,
ul#navi-oben a {
	display:block;
}

ul#navi-oben li {
	margin:0 8px 0 1.5em;
	float:right;
}

ul#navi-oben a {
	color:#14529f;
	padding:0 0 0 16px;
	text-decoration:none;
}

ul#navi-oben li.current a {
	font-weight:bold;
}

ul#navi-oben a:hover,
ul#navi-oben a:hover span {
	text-decoration:underline;
}



li#button-startseite {
	background:url(../images/layout/icon-home.gif) left center no-repeat;
}

li#button-sitemap {
	background:url(../images/layout/icon-sitemap.gif) left center no-repeat;
}

li#button-impressum {
	background:url(../images/layout/icon-impressum.gif) left center no-repeat;
}



/* Sorgt dafür, dass die Navigationsreiter in der korrekten Reihenfolge überlappen */
body#bereich_unternehmen li#produkte,
body#bereich_kontakt li#unternehmen,
body#bereich_waegezellen li#sensoren,

body#bereich_auswerte li#sensoren,
body#bereich_auswerte li#waegezellen,

body#bereich_pruefstaende li#sensoren,
body#bereich_pruefstaende li#waegezellen,
body#bereich_pruefstaende li#auswerte {
	position:relative;
	z-index:10;
}




/* ########## Fertigungsprogramm (nur Startseite); Hinweise (nur Software) ########## */
div#fertigungsprogramm,
div#hinweise {
	background:#e8f1fb url(../images/layout/fertigungsprogramm-hg.gif) repeat-x;
	border-right:1px solid #6881a2;
	float:left;
	margin:0 0 0 2.2em;
	min-height:100px;
	padding:1.5em 1.8em 1.2em 1.8em;
	width:51.3em;
}


div#hinweise {
	min-height:113px;
}

div#fertigungsprogramm div {
	float:left;
}


div#fertigungsprogramm h2,
div#hinweise h2 {
	color:#14529f;
	font:italic 1.8em "Lucida Sans Unicode","Lucida Grande",Geneva,Tahoma,sans-serif;
}

div#fertigungsprogramm h2 span,
div#hinweise h2 span {
	color:#000;
	font-size:0.9em;
	font-style:normal;
}


div#fertigungsprogramm ul {
	float:left;
	list-style:none;
	padding:0 0 0 30px;
}

div#fertigungsprogramm ul li {
	background:url(../images/layout/fertigungsprogramm-pfeil.gif) left center no-repeat;
	padding:0 0 0 10px;
}

div#fertigungsprogramm ul li a {
	border-bottom:none;
	color:#000000;
	text-decoration:none;
}

div#fertigungsprogramm ul li a:visited {
	color:#003399;
}

div#fertigungsprogramm ul li a:hover {
	border-bottom:1px solid #003399;
	color:#003399;
}

div#fertigungsprogramm ul li a:active {
	border-bottom:1px solid #0066ff;
	color:#0066ff;
}

div#slideshow {
	height:101px;
	margin:5px 0 0 0;
	width:274px;
}

div#hinweise p {
	margin:1em 0 0 0;
}

h2#kundenbereich {
	margin-left:7.5em;
}




/* ########## Suche ########## */
form#suchformular {
	float:right;
	margin:0 18px 0 0;
	width:20em;
}

form#suchformular fieldset {
	background:none;
	border:none;
	margin:0;
	padding:0;
}

form#suchformular input#suchtext {
	background:#fff;
	border:1px solid #52749f;
	color:#000;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
	width:12em;
}

form#suche-erweitert label.radio {						/* Beschriftungen für Checkboxen */
	width:auto;
}

form#suche-erweitert label.radio input {
	background:none;
	border:none;
	margin:2px 3px 0 0;
	width:20px;
}

label#label-suchtext {
	text-align:left;
	width:25%;
}


input#submit {
	background:#14529f;
	border:none;
	color:#fff;
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	padding:3px 4px;
	width:auto;
}

.markierung {
	color:#c00;
}

span.t_nummer {
	color:#789CCA;
	font:3.5em/0.8em "Lucida Sans Unicode","Lucida Sans","Lucida Grande",Verdana,sans-serif;
	float:left;
	margin:0 5px 0 0;
}

h4.treffer {
	font-weight:bold;
	margin:0 0 2em 0;
}



/* ########## Änderungsdatum und Logout-Link ########## */
p#aenderungsdatum,
p#logoutlink {
	bottom:30px;
	color:#fff;
	font-size:1.1em;
	left:54em;
	position:absolute;
	z-index:12;
}






/* ########## Inhaltsbereich ########## */
div#main {
	background:#fff;
}

div#main h2 {
	color:#003674;
	font:1.6em "Lucida Sans Unicode","Lucida Sans","Lucida Grande",Verdana,sans-serif;
	margin:0 0 0.9em 0;
}

div#main p {
	margin:0 0 1.2em 0;
}





/* Geordnete Listen */
div#main ol {
	border-bottom:1px dotted #99B5D9;
	border-top:1px dotted #99B5D9;
	margin:0.5em 0 2em 0;
	padding:0.5em 0.2em 0.5em 1.4em;
}

div#main ol li {
	margin:0.8em 0 0.8em 10px;
}

div#main table ol {
	border:none;
	list-style-type:none;
	margin:0 0 1em 0;
	padding:0;
}

div#main table ol li {
	margin:0;
}



/* Ungeordnete Listen */
div#main ul {
	border-bottom:1px dotted #99B5D9;
	border-top:1px dotted #99B5D9;
	list-style-type:square;
	margin:0.5em 0 2em 0;
	padding:0.5em 0.2em 0.5em 1.4em;
}

div#main ul li {
	margin:0.8em 0 0.8em 0;
}

div#main table ul {
	border:none;
	list-style-type:none;
	margin:0 0 1em 0;
	padding:0;
}

div#main table ul li {
	margin:0;
}


/* Ungeordnete Listen auf aktuelles.php */
div#main.aktuelles ul {
	border-bottom:none;
	margin:0.5em 0 0 0;
}

div#main.aktuelles p {
	margin:0 0 3em 0;
}


/* Verschachtelte Listen */
div#main ul ul, div#main ol ul {
	border:none;
	margin:0 0 2em 15px;
	padding:0;
}






/* Einspaltig */
div#content {
	clear:both;
	padding:2.2em 2.2em 2em 2.2em;
}


/* Zweispaltig */
div#spalte-links, div#spalte-rechts {
	float:left;
	min-height:200px;
	padding:2.2em 1.4em 2em 2.2em;
	width:45%;
}

div#spalte-links {
	border-right:1px solid #99b5d9;
	padding-bottom:2.2em;
}

div#mitte {
	text-align:center;
}

div#spalte-links.suche {
	border:none;
}



/* Zweispaltig mit unterschiedlichen Größen (Software-Downloads) */
div#spalte-klein {
	float:left;
	padding:2.2em 1.4em 2em 2.2em;
	width:25%
}

div#spalte-gross {
	border-left:1px solid #99b5d9;
	float:left;
	min-height:400px;
	padding:2.2em 1.4em 2em 2.2em;
	width:65%;
}




/* Dreispaltig */
div#spalte01, div#spalte02, div#spalte03 {
	float:left;
	min-height:250px;
	padding:2.2em 1.4em 2em 2.2em;
	width:28.8%;
}


div#spalte02 {
	background:#eff6fe;
	border-left:1px solid #99b5d9;
	border-right:1px solid #99b5d9;
}

div#spalte03 {
	padding-right:16px;
}





/* ########## Seitenfuß ########## */
div#footer {
	background:#14529f;
	color:#fff;
	padding:5px 0;
}

div#footer:after {
	clear:both;
	content:".";
	display:block;
	height:1px;
	visibility:hidden;
}

div#footer p {
	float:left;
	margin:0 1.4em 0 2.2em;
	width:28.8%;
}

span.fax {
	margin:0 0 0 0.5em;
}

div#footer a {
	color:#fff;
	text-decoration:underline;
}
div#footer a:hover {
	color:#C0D2EA;
}

span.telefon {
	background:url(../images/layout/icon-telefon.gif) left center no-repeat;
}



/* ############################# */
/* ########### Sonstiges ########## */
/* ############################ */


/* ---------- Sondergrößen ---------- */
.klein {
	color:#000;
	font:.9em Verdana, Arial, Helvetica, sans-serif;
}

.gross {
	color:#000;
	font:1.5em Verdana, Arial, Helvetica, sans-serif;
}



/* ---------- Ausrichtung ---------- */
.clear {
	clear:both;
}


.links {
	float:left;
	margin-bottom:15px;
	padding-right:15px;
}

.rechts {
	float:right;
	margin-bottom:15px;
	margin-left:15px;
}

.center {
	text-align:center;
}

/* ---------- Formatierung ---------- */
span.hochgestellt {
	vertical-align:super;
}

img.rahmen {
	border:1px solid #ccc;
	padding:5px;
}

img.halbrahmen {
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:0 0 10px 10px;
}

.linie {
	border-bottom:1px dotted #15539F;
	margin:0 0 1.5em 0 !important;
	padding:0 0 0.8em 0;
}

table.fluid {
	width:auto;
}




/* ---------- PDF-Downloads ---------- */
ul.pdf-download {
	list-style:none !important;
}

ul.pdf-download li, a.download {
	background:url(../images/layout/icon-download.gif) left 0.4em no-repeat;
	padding:0 0 0 18px;
}

a.download {
	padding:3px 0 2px 18px;
}

a.download_fest {
	list-style:none !important;
	background:url(../images/layout/icon-download.gif) left 0.4em no-repeat;
	padding:0 0 0 18px;
	position:absolute;
}

li.download {                                                    /* Wenn die Zeile umbricht - also mehrzeilig wird */
	list-style:none !important;
	background:url(../images/layout/icon-download.gif) left 0.4em no-repeat;
	padding:0 0 0 18px;
}

li.fest {
	position:absolute;
}


dl.bild {
	max-width:240px;
	margin-bottom:1.5em;
}

dl.gross {
	max-width:300px;
}

dl.groesser {
	max-width:400px;
}

dl.bild dt, dl.bild dd {
	text-align:center;
}

dl.bild dd {
	color:#14529F;
	font-style:italic;
}





/* ---------- Umrechnungs-Formular ---------- */
form.berechnung input {
	width:45%;
}

fieldset#einstellungen, fieldset#stellen {
	background:none !important;
	border:none !important;
}

fieldset#einstellungen {
	margin:0 0 0 6px !important;
	padding:0 0 0 45% !important;
}

fieldset#einstellungen input {
	background:#5681B7;
	color:#fff;
	cursor:pointer;
	padding:3px 5px;
	width:auto;
}

select#stellenWahl {
	border:1px solid #5681B7;
	margin:0 0 5px 5px;
	float:left;
	width:45%;
}



/* ---------- Kontaktadressen ---------- */
p.kontaktadresse {
	float:left;
	margin-right:2% !important;
	width:48%;
}



/* ---------- Login-Formular und Anmeldung ---------- */
form#login label {
	text-align:right;
	width:25%;
}

form#login input {
	width:45%;
}

form#login label.checkbox {
	margin:0 0 0 22%;
	width:auto;
}

form#login label.checkbox input {
	background:none;
	border:none;
	margin:2px 3px 0 0;
	width:20px;
}


input#send {
	background:#5681B7;
	border:none;
	color:#fff;
	cursor:pointer;
	font-size:1.2em;
	margin:5px 0 10px 0;
	padding:5px 20px;
	width:auto;
}

input#plz {
	width:15%;
}

input#ort {
	width:32%;
}


form#Anmelden p {
	color:#004696;
	margin:0 0 15px 45%;
	padding:0 0 0 11px;
}





/* ------ Meldungen ------ */

p.login-error, p.login-info {
	font-weight:bold;
	margin:0 0 2em 0 !important;
	padding:10px 0 10px 30px;
}

p.login-error {
	background:url(../phplogin/login_de/images/icon_error.gif) left center no-repeat;
	color:#c00;
}

p.login-info {
	background:url(../phplogin/login_de/images/icon_info.gif) left center no-repeat;
}


/* ------ Tabellen mit Software und PDFs ------ */
table.fixiert {
	table-layout:fixed;
}

td.anleitung-bild {
	padding:10px 15px;
	text-align:center;
	vertical-align:middle;
}

/*
th.typ {
	min-width:5em;
}
*/

th.typ {
	width:7.5em;
}

th.typ1 {
	width:7.5em;
	background:#81A3CE;
}

th.alle1 {
	background:#81A3CE;
}

/*
th.bild {
	width:12em;
}
*/

th.bild {
	width:11em;
}

th.bild1 {
	width:11em;
	background:#81A3CE;
}

/*
th.typ {
	width:10em;
}

th.typ2 {
	width:10em;
}
*/

/*
th.dxf {
	width:18em;
}*/

/*
th.dxf {
	width:14.5em;
}


th.dxf1 {
	width:14.5em;
	background:#81A3CE;
}
*/

th.dxf {
	width:16.0em;
}


th.dxf1 {
	width:16.0em;
	background:#81A3CE;
}

/*
th.igs {
	width:12em;
}*/


/*
th.igs {
	width:14.5em;
}*/

th.igs {
	width:16.0em;
}

th.dxf-kupplung, th.igs-kupplung, th.pdf {
	white-space:nowrap;
}

/*
th.igs1 {
	width:14.5em;
	background:#81A3CE;
}*/

th.igs1 {
	width:16.0em;
	background:#81A3CE;
}

th.dxf-kupplung1, th.igs-kupplung1, th.pdf1 {
	white-space:nowrap;
	background:#81A3CE;
}

/*
th.pdf {
	width:13em;
}
*/

/*
th.pdf {
	width:11.5em;
}
*/

th.pdf {
	width:11.5em;
}

/*
th.dxf-kupplung, th.igs-kupplung {
	width:7em;
}*/


/* ------ Tabellen zur Detailansicht ------ */
table.details {
	margin-left:20px;
	width:auto;
}

table.details th {
	background:#E8F1FB;
	color:#14529F;
	font-weight:bold;
}




/* ###### Formulare ###### */

fieldset.hidden {
	display:none;
}

fieldset.no-bg {
	background:none;
	border:none;
	padding:0;
}





/* ########## Clearing der Floats ########## */
div#header:after, div#main:after, div#subheader:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

/* ########## Alles zurücksetzen (für IE6 und IE7)########## */
li.zurueck {
	list-style:none !important;
	text-indent:0px !important;
	text-decoration:none !important;
	padding:0 0 0 0px !important;
}