html, body { height: 100%; }

html {
	background: #b9c3cd url(../images/template/bg-dots.gif);
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #757575;
	line-height: 1.4;
	background: url(../images/template/bg-verlauf.gif) 0px 1px repeat-x;
	margin: 0px 0px 0px 0px;
}

* { font-size: 1.0em; }

img { border: 0; }

object, embed {
	margin: 0;
	padding: 0;
}

a { color: #757575; }
a:hover { text-decoration: none; }

div.clear { clear: both; }


/* =======
Box-Layout
======= */

div#rahmen {
	font-size: 1.2em;
	position: relative;
	width: 981px;
	min-height: 100%;
	height: auto !important; /* moderne Browser */
	height: 100%; /* IE */
	margin-left: auto;
	margin-right: auto;
	padding: 0px 2px 0px 3px;
	background: #b9c3cd url(../images/template/bg-verlauf-inhalt.gif) repeat-x;
}

/* Kopfzeile */
div#header {
	position: absolute;
	left: 3px;
	top: 0px;
	z-index: 1;
}

div#logo {
	position: absolute;
	top: 35px;
	right: 12px;
}

div#nav-main {
	position: absolute;
	left: 2px;
	top: 97px;
	width: 982px;
	min-height: 39px;
	background: url(../images/template/bg-navigation.png) 0px 0px no-repeat;
	z-index: 5;
}

div#seitenbild {
	position: absolute;
	left: 3px;
	top: 141px;
	width: 979px;
}

div#bildstapel { margin: 0; }

div#bilderstapel img {
	position: absolute;
	z-index: 1;
}

div#bilderstapel img.mittlereebene { z-index: 2; }
div#bilderstapel img.obersteebene { z-index: 3; }

div#seitenbild div.rechts { position: absolute; right: 0px; }


/* Inhaltsbereich */
div#inhalt { padding: 343px 0px 0px 0px; }

div#inhalt-links {
	float: left;
	width: 224px;
	margin: 0px 0px 0px 0px;	
}

div.inhalt-links-text {
	font-size: 0.9em;
	color: #636c7c;
	background-color: #d5dbe1;
	padding: 24px 8px 16px 16px;
	margin: 0px 2px 5px 0px;
}

div#inhalt-mitte {
	float: right;
	width: 710px;
	margin: 0px 0px 0px 0px;
	padding: 25px 15px 32px 30px;
	background: #fff url(../images/template/bg-inhalt.gif) -755px 0px repeat-y;
}

div#inhalt-mitte-oben {
	position: relative;
	height: 3px;
	margin: -25px -15px 25px -30px;
	background: #fff url(../images/template/bg-inhalt.gif) 0px 0px no-repeat;
}

div#inhalt-mitte-text { min-height: 200px; }
* html div#inhalt-mitte-text { height: 200px; }

div#inhalt-mitte-unten {
	position: relative;
	height: 3px;
	margin: 32px -15px -32px -30px;
	background: #fff url(../images/template/bg-inhalt.gif) -1510px 0px no-repeat;
}

/* Inhalt ueber gesamte Breite */

div.wide div#inhalt-links { display: none; }

div.wide div#inhalt-mitte {
	float: none;
	width: 889px;
	padding-right: 60px;
	background: #fff url(../images/template/bg-inhalt-wide.gif) -979px 0px repeat-y;
}

div.wide div#inhalt-mitte-oben {
	margin-right: -60px;
	background: #fff url(../images/template/bg-inhalt-wide.gif) 0px 0px no-repeat;
}
div.wide div#inhalt-mitte-unten {
	margin-right: -60px;
	background: #fff url(../images/template/bg-inhalt-wide.gif) -1958px 0px no-repeat;
}


/* =============
Navigation oben
============= */

ul#nav-extra {
	height: 20px;
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul#nav-extra li {
	float: left;
	width: 240px;
	height: 20px;
	line-height: 20px;
	list-style-type: none;
	text-align: center;
	background-color: #b9bfcb;
	margin: 0px 6px 6px 0px;
}

ul#nav-extra li.item-g {
	height: 50px;
	line-height: 50px;
}

ul#nav-extra li.login { margin-right: 0px; }

ul#nav-extra li a {
	text-decoration: none;
	padding: 0px 6px 0px 6px;
	color: #636c7c; 
}

ul#nav-extra li.langext a { padding: 0px 2px 0px 0px; } 

ul#nav-extra li a:hover, ul#nav-extra li a.aktiv { color: #fff; }


/* =============
Hauptnavigation
============= */

div#nav-main ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#nav-main ul li {
	position: relative;
	float: left;
	list-style-type: none;
}

div#nav-main ul li a {
	display: block;
	height: 37px;
	line-height: 37px;
	padding: 0px 6px 0px 6px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-right: 1px solid #99a3b4;
}

div#nav-main ul li a:hover, div#nav-main ul li a.aktiv {
	color: #fff;
	background: url(../images/template/button-nav-main.png);
}

div#nav-main ul li.last a { border: none; }

/* Abmessungen */
ul.items5 li { width: 196px; }

ul.items6 li { width: 163px; }
ul.items6 li.last { width: 165px; }

body#ru ul.items5 li { width: 180px; }
body#ru ul.items5 li#item-1 { width: 260px; }

/* 2. Ebene */
div#nav-main ul li ul {
	position: absolute;
	/*min-width: 240px;*/
	z-index: 5;
	display: none;
	left: 0px;
	top: 37px;
}

/** html div#nav-main ul li ul { width: 240px; }
*+ html div#nav-main ul li ul { width: 240px; }*/

div#nav-main ul li ul li {
	float: none !important;;
	height: 28px;
	padding: 2px 0px 0px 0px;
	background: url(../images/template/clear.gif);
}

div#nav-main ul li ul li a {
	height: 28px;
	line-height: 28px;
	font-weight: normal;
	text-align: left;
	color: #636c7c;
	background-color: #fff;
	padding: 0px 3px 0px 12px;
	outline: none;
}

div#nav-main ul li ul li a:hover, div#nav-main ul li ul li a.aktiv {
	color: #636c7c;
	background: #d1d9e7;
}

div#nav-main ul li:hover ul { display: block !important; }
ul.subnavaktiv { display: block !important; }


/* =============
Unternavigation
============= */

div#inhalt-links ul {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;
}

div#inhalt-links ul li {
	list-style-type: none;
}

div#inhalt-links ul li a {
	display: block;
	height: 39px;
	line-height: 39px;
	padding: 0px 0px 0px 12px;
	font-weight: bold;
	text-decoration: none;
	color: #636c7c;
	background: url(../images/template/buttons-unternavigation.gif) 0px 0px no-repeat;
}

div#inhalt-links ul li a:hover, div#inhalt-links ul li a.aktiv {
	color: #fff;
	background-position: 0px -39px;
}


/* ====================
Einstieg Firmenbereiche
==================== */

div#einstieg-bereiche {
	display: inline-block;
	width: 961px;
	margin: 522px 0px 0px 0px;
	padding: 15px 0px 15px 18px;
	background-color: #fff;
}

dl.news {
	float: left;		
	width: 307px;
	height: 160px;
	background: #fff url(../images/template/news-box.png) no-repeat;
	margin: 0px 11px 0px 0px;
	overflow: hidden;
}

dl.news dt {
	height: 19px;
	line-height: 19px;
	margin: 0px 8px 0px 8px;
}

dl.news dd {
	text-align: center;
	margin: 0px 1px 0px 0px;
	padding: 0px 0px 0px 0px;
}

dl.leer {
	background-image: url(../images/template/news-blank.gif);
	background-position: 1px 1px;
}


/* =======
Startseite
======= */

div#inhalt-home {
	padding: 160px 0px 0px 12px;
	background: url(../images/template/bg-home.gif) 0px 136px repeat-x;
}

div#luftbild {
	text-align: right;
	margin: 150px 0px 0px 0px;
}

ul#firmenbereiche {
	position: absolute;
	width: 968px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul#firmenbereiche li {
	float: left;
	width: 171px;
	height: 124px;
	list-style-type: none;
	border: 1px solid #fbfdfe;
	margin: 0px 14px 19px 0px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

ul#firmenbereiche li a { outline: none; }

span.bereich-bild img { float: left; }

span.bereich-logo {
	display: block;
	height: 59px;
	text-indent: -9999px;
	border-bottom: 1px solid #fbfdfe;
	background: url(../images/template/firmenbereiche-logos.png) no-repeat;
}

/* Positionerung */
div#inhalt-home li#betek, div#inhalt-home li#sitek, div#inhalt-home li#siku { float: right; }
div#inhalt-home li#systems, div#inhalt-home li#siku { clear: both; }
div#inhalt-home li#betek { margin-top: 45px; }

* html div#inhalt-home ul#firmenbereiche li#betek, * html div#inhalt-home ul#firmenbereiche li#sitek { margin-top: 190px; }
*+ html div#inhalt-home ul#firmenbereiche li#betek, *+ html div#inhalt-home ul#firmenbereiche li#sitek { margin-top: 190px; }

/* Logos Firmenbereiche + Mouseover */
li#beschlagtechnik a span.bereich-logo { background-position: 0px 0px; }
li#beschlagtechnik a:hover span.bereich-logo { background-position: 0px -59px; }

li#galvanotechnik a span.bereich-logo { background-position: -171px 0px; }
li#galvanotechnik a:hover span.bereich-logo { background-position: -171px -59px; }

li#sintertechnik a span.bereich-logo { background-position: -342px 0px; }
li#sintertechnik a:hover span.bereich-logo { background-position: -342px -59px; }

li#werkzeugbau a span.bereich-logo { background-position: -513px 0px; }
li#werkzeugbau a:hover span.bereich-logo { background-position: -513px -59px; }

li#systems a span.bereich-logo { background-position: -684px 0px; }
li#systems a:hover span.bereich-logo { background-position: -684px -59px; }

li#betek a span.bereich-logo { background-position: -855px 0px; }
li#betek a:hover span.bereich-logo { background-position: -855px -59px; }

li#sitek a span.bereich-logo { background-position: -1026px 0px; }
li#sitek a:hover span.bereich-logo { background-position: -1026px -59px; }

li#siku a span.bereich-logo { background-position: -1197px 0px; }
li#siku a:hover span.bereich-logo { background-position: -1197px -59px; }

li#firmengruppe a span.bereich-logo { background-position: -1368px 0px; }
li#firmengruppe a:hover span.bereich-logo { background-position: -1368px -59px; }

/* Mouseover Texte */
span.bereich-details {
	position: absolute;
	width: 570px;
	top: 140px;
	left: 188px;
	font-size: 0.8em;
	line-height: 1.3em;
	color: #000204;
	text-decoration: none;
	display: none;
}

ul#firmenbereiche li a:hover span.bereich-details, span.bereich-aktiv { display: block; }


/* =================
Popups AGB/Impressum
================= */

body#popup { background: #fff; }

div#rahmen-popup {
	font-size: 1.2em;
	padding: 0px 0px 0px 0px;
	background: #fff url(../images/template/bg-popup.gif) repeat-x;
}

div#rahmen-popup div#header {
	height: 214px;
	width: 100%;
	left: 0px;
	background: url(../images/template/popup-motiv.jpg) center bottom no-repeat;
	overflow: hidden;
}

div#rahmen-popup ul#nav-extra {
	width: 100%;
	height: 20px;
	background-color: #c6cdd6;
	padding: 0px 0px 0px 6px;
}

* html div#rahmen-popup ul#nav-extra { width: 101%; }
*+ html div#rahmen-popup ul#nav-extra { width: 101%; }

div#rahmen-popup ul#nav-extra li {
	background: none;
	width: 236px;
	border-left: 3px solid #acb6c3;
	border-right: 3px solid #acb6c3;
	margin: 0px 0px 0px 0px;
}

div#rahmen-popup ul#nav-extra li.item-g {
	clear: left;
	margin: 6px 0px 0px 6px;
	background-color: #c6cdd6;
	border: none;
}

div#rahmen-popup ul#nav-extra li.sitemap { border-left-width: 6px; }
div#rahmen-popup ul#nav-extra li.login { border-right-width: 6px; }

div#rahmen-popup div#inhalt { padding: 235px 20px 16px 20px; }

/* Imressum + AGB */
div.impressum-links, div.impressum-mitte, div.impressum-rechts { float: left; }
div.impressum-links { width: 290px; padding: 0px 10px 10px 0px; }
div.impressum-mitte { width: 295px; padding: 0px 40px 10px 0px; }
div.impressum-rechts { width: 280px; padding: 0px 0px 10px 0px; }

/* Sitemap */
body.Sitemap { width: 1740px; }

body.Sitemap div#rahmen-popup {
	width: 100%;
	background-image: url(../images/template/bg-popup-g.gif);
}

body.Sitemap div#rahmen-popup ul#nav-extra { width: 1732px; }

body.Sitemap div#rahmen-popup div#header { z-index: 1; overflow: visible; }

body.Sitemap div#rahmen-popup div#inhalt {
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
	padding: 206px 20px 20px 20px;
	z-index: 5;
}

body.Sitemap ul#firmenbereiche {
	position: relative;
	width: 1700px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	z-index: 5;
}

body.Sitemap ul#firmenbereiche li { height: auto; }

body.Sitemap ul#firmenbereiche li p {
	height: 125px;
	margin-bottom: 12px;
}

body.Sitemap ul#firmenbereiche li dl {
	line-height: 1.5em;
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0px 0px;
}

body.Sitemap ul#firmenbereiche li dt {
	float: none;
	font-weight: bold;
	margin: 12px 0px 0px 0px;
}

body.Sitemap ul#firmenbereiche li dd {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* =============
Standard-Inhalte
============= */

h1 {
	font-size: 1.2em;
	margin: 0px 0px 20px 0px;
}

h1 span {
	font-size: 0.83em;
	font-weight: normal;
	text-transform: none;
}

h2 {
	font-size: 1.0em;
	margin: 40px 0px 2px 0px;
}

h2.abstand { margin-bottom: 25px; }

h3 {
	font-size: 1.0em;
	margin: 0px 0px 20px 0px;
}

h4 {
	font-size: 1.0em;
	margin: 0px 0px 0px 0px;
}

p {
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 0px 0px;
}

dl.twocol dd { margin: 0 0 0.3em 8.0em; } /* Galvano > Produkte */

div.inhalt-links-text p { margin-bottom: 12px; }

div.inhalt-links-text a { color: #636c7c; }

sup { font-size: 0.8em; }

div.spacer-blank {
	height: 1px;
	clear: both;
}

div#inhalt-mitte div.spacer, div#inhalt-mitte div.spacer-decent, div#rahmen-popup div.spacer, div.spacer-tall {
	clear: both;
	height: 1px;
	background-repeat: repeat-x;
	margin: 0px 0px 20px 0px;
}

div#inhalt-mitte div.spacer, div#rahmen-popup div.spacer { background-image: url(../images/template/bg-dashed.gif); }
div#inhalt-mitte div.spacer-decent { border-top: 1px solid #c9ccd6; }

div.spacer-tall {
	clear: both;
	height: 40px;
	margin: 0px 0px 20px 0px;
	background: url(../images/template/bg-dashed.gif) bottom repeat-x;
}

div#inhalt-mitte div.spacer-double {
	clear: both;
	height: 5px;
	background-image: url(../images/template/bg-dashed-double.gif);
	background-repeat: repeat-x;
	margin: 0px 0px 40px 0px;
}

div.spacer-form { height: 20px; }

p.zertifikat {
	text-align: center;
	padding-bottom: 8px;
	line-height: 1.5em;
}

ul {
	margin: 0px 0px 20px 17px;
	padding: 0px 0px 0px 0px;
}

ul.abstand-links { padding-left: 100px; }

dl {
	margin: 0px 30px 20px 0px;
	padding: 0px 0px 0px 0px;
}

dl dt {
	float: left;	
	clear: left;
}

dl dd { padding: 0 0 0.2em 0.5em; }
dl.chronologie dd { margin-left: 8.0em; }

.zentriert { text-align: center; }
.zentriert img { margin-right: 30px; }

p.signatur {
	float: left;
	padding: 0px 30px 0px 0px;
	text-align: center;
}

span.email img { vertical-align: middle; }

* html span.email img { margin: 3px 0px 0px 0px; }
*+ html span.email img { margin: 3px 0px 0px 0px; }

div.news-bild-links {
	float: left;
	min-width: 132px;
	margin: 0px 20px 20px 0px !important;
	padding: 0px 0px 0px 0px;
}

* html div.news-bild-links { width: 132px; }

p.news-text-links { margin: 0; }

p.single-bild img { margin: 5px 0px 5px 15px; }

div.text-klein { font-size: 0.9em; }

a.link-download {
	font-weight: bold;
	text-decoration: none;
}

body#popup-ideenbox {
	width:960px;
	height:600px;
	overflow:hidden;
}

/* Breites Bild ohne Abstand (Sitek Leistungen) */
p.img-wide { margin: 0px 0px 16px -27px; }

/* Bilder links + Text mit Bild links */

div.textpic-links { clear: both; }

div.textpic-links-bild {
	float: left;
	width: 130px;
	margin: 0px 20px 4px 0px;
}

div.textpic-links-text {
	display: inline;
	float: left;
	width: 555px;
}

div.textpic-links-bild ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.textpic-links-bild ul li {
	list-style-type: none;
	margin: 0px 0px 12px 0px;
}

/* Text mit Bild rechts */

div.textpic-rechts { clear: both; }

div#inhalt-mitte div.textpic-rechts div.spacer { margin-bottom: 8px; }

div.textpic-rechts-bild {
	float: right;
	margin: 0px 0px 4px 20px;
}
div.textpic-rechts-bild p { margin-bottom: 10px;}

div.textpic-rechts-text { margin: 0px 0px 4px 0px; }

div.textpic-rechts-text h2 { margin-top: 0px; }
div#inhalt-mitte div.textpic-rechts-text p { margin-right: 0px; }

.rahmen img { border: 1px solid #062f5d; }

.resize a img { cursor: url(/media/images/zoomimage/zoomin.cur), pointer; }


/* Text mit Bild(ern) unten */

div.textpic-unten h2 { margin-top: 0px; }
div#inhalt-mitte div.textpic-unten div.spacer {	margin-bottom: 8px; }

div.textpic-unten ul.bildliste-rahmen li {
	font-size: 0.8em;
	font-weight: normal;
	padding: 0px 6px 8px 0px;
}

div.textpic-unten ul.bildliste-rahmen li.last { margin-right: 0px; }


/* Text zweispaltig */

div.text-two-col { clear: both; }
div.text-two-col p { margin-right: 0px !important; }

div.text-two-col-left {
	float: left;
	width: 310px;
	margin: 0px 30px 0px 0px;
}
div.anfahrt div.text-two-col-left  { width: 233px; }

div.text-two-col-right {
	float: left;
	width: 365px;
}
div.anfahrt div.text-two-col-right  { width: 442px; }


/* Bilder nebeneinander mit caption und Rahmen */

ul.bildliste-rahmen {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.bildliste-rahmen li {
	position: relative;
	float: left;
	list-style-type: none;
	padding: 0px 8px 8px 0px;
}

ul.bildliste-rahmen li p {
	font-size: 0.9em;
	margin-bottom: 3px;
}

ul.bildliste-rahmen li img { border: 1px solid #1e3892; }

/* Lupe */
ul.bildliste-rahmen li a span {
	display: block;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 0px;
	right: 8px;
	background: url(../images/template/piscto-lupe.gif) no-repeat;
}


/* Referenzen */

p.referenz { margin: 0px 0px 32px 24px; }

ul.referenzen {
	margin: 0px -32px 16px 24px;
	padding: 0px 0px 0px 0px;
}

ul.referenzen.linksbuendig { margin-left: 0px; }

div#rahmen-popup ul.referenzen { margin-right: 0px; }

ul.referenzen li {
	display: inline;
	list-style-type: none;
}

ul.referenzen li img {
	vertical-align: middle;
	margin: 16px 32px 16px 0px;
}

ul.referenzen li.clear { clear: left; }

ul.logos-narrow { margin: 0px -24px 16px 12px; }
ul.logos-narrow li img { margin: 0px 32px 8px 0px; }


/* Ausbildung */

ul.menue {
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #c9ccd6;
}

ul.menue li {
	list-style-type: none;
	line-height: 2.2em;
	padding-left: 1px;
	border-bottom: 1px solid #c9ccd6;
}

div.coolerjob {
	position: relative;
	margin-top: -1px;
	padding: 5px 2px 2px 2px;
	border-top: 1px solid #c9ccd6;	
	border-bottom: 1px solid #c9ccd6;
}

div.coolerjob p { margin-bottom: 5px; }


/* Dateilinks */

dl.downloads {
	width: 680px;
	padding: 0px 0px 30px 0px;
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #c9ccd6;
}

dl.downloads dt {
	float: left;
	line-height: 2.2em;
	margin: 0px 0px 0px 0px;
	/*border-bottom: 1px solid #c9ccd6;*/
	clear: both;
}

dl.downloads dd {
	text-align: right;
	line-height: 2.2em;
	margin: 0px 0px 0px 0px;
	padding-right: 5px;
	border-bottom: 1px solid #c9ccd6;
}


/* Liste mit Titel links (Sinter > Vorteile) */

dl.cols { margin-bottom: 40px; }

dl.cols dt {
	float: left;
	width: 250px;
	font-weight: bold;
	clear: left;
}

dl.cols dd { margin-left: 250px; }


/* Liste mit fett dargestelltem Header links (Sitek > Firmenentwicklung) */

dl.headline-bold dt { font-weight: bold; }
dl.headline-bold dd, dl.headline-bold dt { padding-bottom: 8px; }


/* Liste mit durchgezogenen, horizontalen Linien */

ul.liste-rahmen {
	width: 692px;
	padding: 0px 0px 30px 0px;
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #c9ccd6;
}

ul.liste-rahmen li {
	width: 692px;
	list-style-type: none;
	line-height: 2.2em;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #c9ccd6;
}

ul.liste-rahmen li a:hover, ul.liste-rahmen li.aktiv a {
	color: #d5a054;
	text-decoration: underline;
}

/* Liste ohne Anfuehrungszeichen */

ul.custom-list-item { margin-left: 1px; }
ul.custom-list-item li { list-style-type: none; }


/* Liste mit doppeltem Zeilenabstand */
ul.double-lines li { padding-bottom: 20px; }


/* Tabelle Standard */

table {
	width: 707px;
	border-top: 1px solid #c9ccd6;
	margin: 6px 0px 30px 0px;
}

table td, table th {
	text-align: left;
	vertical-align: top;
	padding: 5px 12px 6px 0px;
	border-bottom: 1px solid #c9ccd6;
}


/* Tabelle mit gestrichelter Linie */

table.dashed-rows {
	width: 716px;
	background-image: url(../images/template/bg-dashed.gif);
	background-repeat: repeat-x;
	border: none;
}

table.dashed-rows td, table.dashed-rows th {
	text-align: left;
	vertical-align: top;
	padding: 5px 0px 6px 0px;
	background-image: url(../images/template/bg-dashed.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	border: none;
}

.noborder, .noborder td, .noborder th { background-image: none !important; }


/* Auslandsvertretungen */

div#vertretungen-text {
	position: absolute;
	width: 290px;
}

div#vertretungen-text-sitek div {
	position: relative;
	margin-top: -60px;
}
* html div#vertretungen-text-sitek { height: 100px; }

p.vertretung-links { width: 300px; float: left; }
p.vertretung-rechts { width: 300px; float: left; }

div#vertretungen-text div, div#vertretungen-text-sitek div { display: none; }

img#vertretungen-karte { margin-left: 290px; }

img#vertretungen-karte-sitek { margin-left: 100px; }

div#vertretungen-auswahl {
	width: 120px;
	float: right;
	position: absolute;
	right: 0px;
}

div#vertretungen-auswahl ul {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#vertretungen-auswahl ul li { list-style-type: none; }


/* Schaubild Sitek > Ziele. Verfahren */

div#schaubild-ziele, div#schaubild-verfahren {
	position: relative;
	margin: 0px 0px 32px 0px;	
}

div#schaubild-ziele ul, div#schaubild-verfahren ul li { margin: 0px 0px 0px 0px; }

div#schaubild-ziele ul li, div#schaubild-verfahren ul li {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 0.8em;
	color: #fff;
	list-style: none;
}

div#schaubild-ziele ul li { width: 160px; }
div#schaubild-verfahren ul li { width: 125px; }

div#schaubild-ziele ul li#text-1 { margin: 115px 0px 0px 20px; }
div#schaubild-ziele ul li#text-2 { margin: 234px 0px 0px 230px; }
div#schaubild-ziele ul li#text-3 { margin: 115px 0px 0px 440px; }

div#schaubild-verfahren ul li#text-1 { margin: 126px 0px 0px 15px; }
div#schaubild-verfahren ul li#text-2 { margin: 110px 0px 0px 222px; }
div#schaubild-verfahren ul li#text-3 { margin: 126px 0px 0px 434px; }
div#schaubild-verfahren ul li#text-4 { margin: 274px 0px 0px 222px; }
div#schaubild-verfahren ul li#text-5 { margin: 324px 0px 0px 222px; }


/* Sintertechnik Fertigungsprozess */

div#fertigungsprozess-text div {
	position: absolute;
	display: none;
	font-size: 0.9em;
	color: #022F62;
	background-color: #ebd2ad;
	padding: 5px 2px 5px 10px;
}

div#text-pulvermischung { width: 375px; margin: 123px 0px 0px 200px; }
div#text-pressen { width: 360px; margin: 342px 0px 0px 163px; }
div#text-sintern { width: 360px; margin: 270px 0px 0px 200px; }
div#text-kalibrieren { width: 220px; margin: 240px 0px 0px 420px; }
div#text-nachbearbeitung { width: 280px; margin: 272px 0px 0px 235px; }
div#text-traenken { width: 290px; margin: 225px 0px 0px 215px; }
div#text-fertigteil { width: 270px; margin: 160px 0px 0px 130px; }

div#fertigungsprozess-text h5 {
	font-size: 1.0em;
	margin: 0px 0px 12px 0px;
}

div#fertigungsprozess-text p { margin-bottom: 12px; }

div#fertigungsprozess-text ul { margin-bottom: 0px; }

div#fertigungsprozess-text ul li {
	padding-left: 20px;
	margin-bottom: 12px;
}


/* Sinter und Galvano: Geschaeftsfelder */

div#geschaeftsfelder ul.liste-rahmen { height: 130px; }

div#geschaeftsfelder-grafik, div#geschaeftsfelder-grafik-galvano {
	float: left; 
	width: 319px;
	height: 198px;
}

div#geschaeftsfelder-grafik-galvano { width: 220px !important; }

div#geschaeftsfelder-grafik-galvano img, div#geschaeftsfelder-text-rechts p img { border: 1px solid #263e8f; }

div#geschaeftsfelder-grafik-galvano p { display: none; }

div#geschaeftsfelder-details {
	display: none;
	float: left;
	width: 375px;
	height: 198px;
	text-align: right;
	background-image: url(../images/template/bg-geschaeftsfelder-linie.gif);
	background-repeat: repeat-x;
	background-position: center;
}

div#geschaeftsfelder-details p {
	display: none;
	margin: 0;
}

div#geschaeftsfelder-details img {
	border: 1px solid #263e8f;
	margin: 0px 0px 0px 25px;
}

img#leuchtpunkt {
	display: none;
	position: absolute;
}

img#leuchtpunkt-zusatz { position: absolute; }

div#geschaeftsfelder-text {
	height: 3.0em;
	position: relative;
	clear: both;
	font-size: 0.9em;
	font-weight: bold;
	padding: 3px 0px 0px 0px;
}

div#geschaeftsfelder-text-rechts {
	float: left;
}

div#geschaeftsfelder-text p, div#geschaeftsfelder-text-rechts p { display: none; }

ul#geschaeftsfelder-pictos {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

ul#geschaeftsfelder-pictos li {
	list-style-type: none;
	margin: 0px 12px 10px 0px;
}

ul#geschaeftsfelder-pictos li a {
	display: block;
	width: 39px;
	height: 39px;
	text-decoration: none;
	border: 1px solid #263e8f;
}

ul#geschaeftsfelder-pictos li a:hover, ul#geschaeftsfelder-pictos li.aktiv a { border-color: #d5a054; }


/* ======
Videos
====== */

div#video { margin: 20px 0px 20px 0px; }

div#video a {
	display: block;
	width: 640px;
	height: 360px;
	outline: none;
}
	

/* ======
Formulare
====== */

form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}

form p { margin: 0px 0px 12px 0px; }

form label {
	float: left;
	width: 130px;
	clear: left;
}
form.label-ru label, form.label-fr label { width: 180px; }

select, input.textfeld, textarea {
	font-family: Arial;
	font-size: 1.0em;
	border: 1px solid #a5acb2;
	padding: 0px 0px 0px 2px;
}

select {
	line-height: 1.2em;
	width: 302px;
}

form.form-two-col input.textfeld { width: 188px; }
form.form-two-col input#PLZ_r { width: 49px; }
form.form-two-col input#Ort_r { width: 133px; }

form.kontakt input.textfeld { width: 298px; }
form.kontakt input#PLZ_r, input#plz_r, input#lplz_r { width: 57px; }
form.kontakt input#Ort_r, input#ort_r, input#lort_r { width: 233px; }

textarea {
	width: 300px;
	height: 80px;
}

input#senden, input#loeschen { padding: 0px 10px 0px 10px; }

input#senden { margin-left: 130px; }
form.label-ru input#senden, form.label-fr input#senden { margin-left: 180px; }


/* ==================
Moebel Produktkatalog
================== */

div#moebel-katalog h2 { margin: 0px 0px 5px 0px; }

div#moebel-katalog h3 { font-weight: bold; }
div#moebel-katalog h3 span, div#moebel-katalog h2 span { font-weight: normal; }

form.katalog-suche p { margin: 0px 0px 0px 0px; }

form.katalog-suche input.search {
	font-family: Arial;
	width: 150px;
	font-size: 1.0em;
	border: 1px solid #a5acb2;
	padding: 2px 0px 2px 2px;
}

/* Uebersichten */

div.katalog-inhalt ul {
	width: 680px;
	padding: 0px 0px 30px 0px;
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #c9ccd6;
}

div.katalog-inhalt ul li {
	width: 680px;
	list-style-type: none;
	line-height: 2.2em;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #c9ccd6;
}

div#moebel-katalog ul.katalog-auswahl-bild {
	width: 536px;
	margin-left: 170px;
}

div#moebel-katalog ul.katalog-auswahl-bild li {
	width: 535px;
	margin-left: 0px;
	clear: none;
}
* html div#moebel-katalog ul.katalog-auswahl-bild li { width: 528px; }

div#moebel-katalog ul.katalog-auswahl-bild li.abbildung {
	width: 160px;
	float: left;
	margin: 0px 0px 0px -170px;
	border: none;
	clear: none;
}
* html div#moebel-katalog ul.katalog-auswahl-bild li.abbildung { position: relative; }

/* Produktdetails */

div#moebel-katalog div.katalog-details-bild {	
	padding-bottom: 15px;
	border-bottom: 1px solid #c9ccd6;
}

div#moebel-katalog div.katalog-details-text {
	text-align: center;
	margin: 5px 0px 0px 0px;
}

div#moebel-katalog dl {
	float: left;
	width: 500px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}

div#moebel-katalog dt {
	width: 15.0em;
	font-weight: bold;
	text-align: left;
}

div#moebel-katalog dl dd {
	text-align: left;
	margin-left: 15.0em;
}

p.katalog-button { margin: 0 !important; }

p.katalog-button a {
	display: block;
	float: right;
	width: 205px;
	margin: 0px 0px 20px 1px;
	line-height: 2.0em;
	font-size: 0.9em;
	color: #203b95;
	text-align: center;
	text-decoration: none;
	background-color: #c7cee4;
}

/* Warenkorb */

div#moebel-katalog div.katalog-warenkorb-inhalt {
	min-height: 330px;
	padding-bottom: 15px;
	margin-bottom: 2px;
	border-bottom: 1px solid #c9ccd6;
}
* html div#moebel-katalog div.katalog-warenkorb-inhalt { height: 330px; }

div.katalog-warenkorb-inhalt h4 { clear: both; }

div.katalog-warenkorb-inhalt input { border: 1px solid #a5acb2; }

div.katalog-warenkorb-inhalt table dl { padding: 0px 0px 0px 0px !important; }
div.katalog-warenkorb-inhalt dl dt { font-weight: normal !important; }

.rechts { text-align: right;  }
.rechts p input { border-color: #fff; }

div#moebel-katalog form.kontakt {
	clear: left;
	padding-top: 10px;
}

div.warenkorberror { 
	color: #CC0000;
	margin: 10px 0px 10px 0px;
}

/* Suche */

td.suche-link { width: 12%; }
td.suche-artnr { width: 10%; }


/* ==================
 Sitek Produktkatalog
================== */

div#sitek-katalog h2 { margin: 0px 0px 5px 0px; }

/* Uebersichten */

ul.katalog-auswahl, ul.katalog-auswahl-bild {
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #c9ccd6;
}

ul.katalog-auswahl li, ul.katalog-auswahl-bild li {
	list-style-type: none;
	line-height: 1.2em !important;
	padding: 8px 0px 8px 1px;
	border-bottom: 1px solid #c9ccd6;
	clear: left;
}

div#sitek-katalog ul.katalog-auswahl-bild li { padding: 0px 0px 0px 0px !important; }

ul.katalog-auswahl-bild li img {
	float: left;
	margin: 0px 20px 0px 0px;
}

ul.katalog-auswahl-bild li p { padding: 20px 0px 0px 0px; }

/* Produktdetails */

div#sitek-katalog div.katalog-details-bild {
	float: left;
	width: 285px;
	margin: 0px 0px 40px 0px;
}

div#sitek-katalog div.katalog-details-text {
	float: left;
	width: 405px;
	text-align: center;
	margin: 20px 0px 40px 0px;
}

div#sitek-katalog div.katalog-details-text dl {
	border-top: 1px solid #c9ccd6;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

div#sitek-katalog div.katalog-details-text dl dt, div#sitek-katalog div.katalog-details-text dl dd {
	text-align: left;
	padding: 5px 0px 5px 3px;
	border-bottom: 1px solid #c9ccd6;
}

div#sitek-katalog div.katalog-details-text dl dt { font-weight: bold; }

div#sitek-katalog div.katalog-details-text dl dd {
	text-align: right;
	padding-right: 10px;
}

div#sitek-katalog p.backlink, div#moebel-katalog p.backlink {
	clear: both;
	padding-top: 8px;
	margin: 10px 0px 0px 0px;
	background-image: url(../images/template/bg-dashed.gif);
	background-repeat: repeat-x;
}



