@charset "utf-8";
/*	Text
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
SYBORG Stylesheet: Text
Version: aktuell
Aenderung: 11/09/08
Autor: Markus Koeck
Website: http://www.syborg.de/
alle Auszeichnungen werden alphabetisch gelistet
Verwendung: regelt alle text- / inhaltsrelevanten Formatierungen inclusive Listen (Breadcrumbs, Karteireiter, Sitemap), Tabellen  und Sonderformaten für Grafiken
[Hinweis: verwendete Farben
blau #039
gelb #ffb300
grau #666
gruen #099
rot #f03]
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
html, body
{color: #000;
cursor: crosshair;
font: 0.9em/1.4em verdana, arial, helvetica, sans-serif;
text-align: left;}
/*=====Copyright-Eindruck fuer den Ausdruck; 
Parallelformatierung im syborgstyles_print.css=====*/
#druckkopf
{display: none;}
/*	Breadcrumbs; Navigationspfad Textblockrand
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
#breadcrumbs
{background-image:  url(bilder/bg_breadcrumbs_gruen.gif);
color: #699;
font-size: 0.8em;
font-weight: bold;
margin: 0;
padding: 0 2em 0 0;
z-index: 0;}
#breadcrumbs li
{display: inline;
list-style: none;}
#breadcrumbs li a
{text-decoration: none;}
#breadcrumbs li a:link, #breadcrumbs li a:visited 
{color: #699;
text-decoration: none;}
#breadcrumbs li a:hover
{background: #039;
color: #fff;
text-decoration: none;}
#breadcrumbs #arrow
{color: #f03;
font-size: 1.1em;
font-weight: bold;
vertical-align: middle;}
/*hier ist unbedingt auf die Notation zu achten! Im Gegensatz zu den Link-Formatierungen weiter unten, die ebenfalls eine Klasse "current" zugewiesen bekommen, benötigt man hier ein Leerzeichen Abstand zur id, damit das Format angewendet werden kann. Bei den Pseudoklassen verhält es sich anders - dort muss die Klasse nahtlos angeschlossen werden*/
#breadcrumbs .current
{color: #039;}
/*	 Ueberschriften
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
h1, h2, h3, h4, h5, h6
{color: #039;}
/*=====Ueberschriften fuer die News-Overlays=====*/
h1.newsheader
{color: #000;
letter-spacing: -2px;
text-transform: lowercase;}
h2.newsheader, h3.newsheader
{color: #f03;}
/*=====Inhaltsueberschriften=====*/
h1
{line-height: 1.3em;
margin: 1.5em 0 0 0;}
h2.ueberschrift
{border-bottom: 1px dotted #189;
line-height: 1.3em;
margin: 1.5em 0 1.0em 0;
padding: 0 0 0.5em 0;
text-shadow: #bbb 2px 2px 2px;}
h2.blau
{line-height: 1.3em;
margin: 1.5em 0 1.0em 0;}
h2.newsheader-intern
{border-bottom: 1px dotted #f03;
line-height: 1.3em;
margin: 1.5em 0 1.0em 0;
padding: 0 0 0.5em 0;
text-shadow: #bbb 2px 2px 2px;}
h2.errorheader
{color: #000;
line-height: 1.3em;
margin: 1.5em 0 1.0em 0;}
/*=====Zwischenueberschriften=====*/
h3.text
{margin-top: 2.0em;}
/*	Listen
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
ul, ol
{color: #039;}
ul ul
{list-style-position: inside;
list-style-type: disc;}
.none, .kontaktliste, #tp
{list-style-type: none;}
.text
{list-style-type: circle;}
.dezimal
{list-style-position: inside;
list-style-type: decimal;}
/*=====Listenformate fuer den umflossenen Abbildungsblock im Kapitel Produkte=====*/
#abbildungen
{border: 2px dotted #bbb;
float: left;
list-style-type: none;
margin: 6px 10px 0 5px;
padding: 0 1.0em 0.5em 0.5em;
width: 22%;}
#abb-tapping
{border: 2px dotted #bbb;
float: left;
list-style-type: none;
margin: 6px 14px 0 5px;
padding: 0 1.5em 0.5em 0.5em;
position: relative;
width: 22%;}
/*=====Ueberschriftenformate in Listen=====*/
li h2, li h3, li h5, li h6 
{color: #cff;
display: inline;}
li h4 
{color: #cff;
display: inline;
padding: 0 4px;}
/*	Karteireiter; Seitentitel und Unternavigationen in den Kapiteln Produkte, Karriere 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/*=====Header; Karteireiter Ebene eins; link visited hover focus active=====*/
#header
{border-bottom: 2px dotted #cdd;	
font-size: 1.3em;
font-weight: bold;
margin: -10px 0 0 0;
padding: 3px 1em;}
#header li
{background-color: #57a;
color: #bff;
display: inline;
letter-spacing: -1px;
padding: 3px 1em;
text-transform: lowercase;}
#headernews
{border-bottom: 1px solid #f03;
font-size: 1.3em;
font-weight: bold;
margin: -10px 0 0 0;
padding: 3px 1em;}
#headernews li
{background-color: #57a;
border-left: 1px solid #f03;
border-right: 1px solid #f03;
color: #bff;
display: inline;
letter-spacing: -1px;
padding: 3px 1em;
text-transform: lowercase;}
#header li a
{background-color: #57a;
color: #bff;
text-decoration: none;}
#header li a:link, #header li a:visited 
{color: #bff;}
#header li a:hover
{background: #57a;
border-color: #cdd;
color: #bff;}
#header li a.current
{background-color: #57a;
color: #bff;
font-weight: bold;
letter-spacing: -1px;}
/*=====Tab 1; Karteireiter Ebene zwei; link visited hover focus active=====*/
#tabeins
{border-bottom: 2px dotted #bcc;	
font-size: 0.9em;
letter-spacing: 1px;
margin: 0;
padding: 3px 1em;}
#tabeins li
{display: inline;
list-style-type: none;}
#tabeins li a
{background-color: #cdd;
border-bottom: 2px solid #bcc;
color: #028;
margin: 0 0 0 0.2em;
padding: 3px 1em;
text-decoration: none;}
#tabeins li a:link, #tabeins li a:visited 
{color: #039;}
#tabeins li a:hover
{background: #79c;
border-color: #79c;
color: #cff;}
#tabeins li a.current
{background-color: #79c;
border-bottom: 2px solid #79c;
color: #cff;
font-weight: bold;
letter-spacing: -1px;
margin: 0 0 0 0.2em;
padding: 3px 1em;}
/*=====Tab 2; Karteireiter Ebene drei; link visited hover focus active=====*/
#tabzwei
{border-bottom: 2px dotted #abb;
font-size: 0.8em;
font-weight: bold;
letter-spacing: 1px;
line-height: 1.2em;
margin: 1.5em 0 0 0;
padding: 2px 1em;}
#tabzwei li
{display: inline;
list-style-type: none;
margin: 0 0 0 0.5em;}
#tabzwei li a
{background-color: #cdd;
border-bottom: 1px solid #abb;
color: #cff;
margin: 0 0 0 5px;
padding: 2px 1em;
text-decoration: none;}
#tabzwei li a:link, #tabzwei li a:visited
{color: #039;}
#tabzwei li a:hover
{color: #cff;
background: #9ae;
border-color: #9ae;}
#tabzwei li a.current
{background-color: #9ae;
border-bottom: 1px solid #9ae;
color: #cff;
font-weight: bold;
letter-spacing: -1px;
margin: 0 0 0 0.3em;
padding: 2px 1em;}
/*=====Tabellen und Listen fuer: Uebersicht / Sitemap / Vue d´ensemble=====*/
table.sitemap-table
{border-spacing: 0;
font-size: 1.0em;
line-height: 1.6em;}
td.sitemap-table
{text-align: left;
vertical-align: top;}
.sitemap-ul 
{font-size: 1.0em;
line-height: 1.6em;
list-style-type: none;
margin: 0;
padding: 0 2em 0 0;}
.sitemap-ul li {display: inline;}
.sitemap-ul li a, .sitemap-ul li a:link, .sitemap-ul li a:visited 
{color: #000;
text-decoration: none;}
.sitemap-ul li a:active, .sitemap-ul li a:hover, .sitemap-ul li a:focus
{background-color: #039;
color: #fff;
text-decoration: none;}
.sitemap-zwei
{list-style-type: none;}
/*	Formatierungen fuer Links
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/*Vorsicht! Die Links fuer #navnews und #navhaupt sind im overlays.css definiert, da im Zusammenhang sinnvoller aufgehoben [Hinweis: Die Reihenfolge der Formatierung (link, visited, hover, focus, active) ist unter allen Umständen ein zu halten, sonst kommt es zu Fehldarstellungen!]*/
a:link 
{color: #198;
text-decoration: none;}
a:visited 
{color: #666;
text-decoration: none;}
a:hover, a:focus, a:active
{background-color: #039;
color: #fff;
text-decoration: none;}
/*=====Link-Formatierungen fuer den Logo-Container / Link zur Startseite=====*/
#container-logo a:link, #container-logo a:visited, #container-logo a:hover, #container-logo a:focus, #container-logo a:active
{background-color: transparent;}
/*=====Links intern=====*/
.sitemap-intern
{background-color: #cee;
border-bottom: 2px solid #cdd;
border-right: 2px solid #cdd;
letter-spacing: -1px;
padding: 0.1em 1.0em 0.1em 1.0em;
z-index: 0;}
/*=====Pfeil vor internen Links=====*/
.arrow
{color: #f03;
font-size: 1.1em;
font-weight: bold;
vertical-align: middle;}
/*	Farb-Auszeichnungen 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
.blau
{color: #039;}
.blaucapitals
{color: #039;
font-size: 1.5em;
letter-spacing: -2px;
margin: -2px 0 0.3em 0;
text-shadow: #bbb 2px 2px 2px;
text-transform: lowercase;}
.gelb
{color: #ffb300;}
.grau
{color: #666;}
.gruen
{color: #099;}
.rot
{color: #f03;}
.rotcapitals
{color: #c01;
font-size: 1.5em;
letter-spacing: -2px;
margin: -2px 0 0.3em 0;
text-shadow: #bbb 2px 2px 2px;
text-transform: lowercase;}
/*	Text-Auszeichnungen 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
.initial
{color: #039;
font-size: 1.2em;
font-weight: bold;
text-shadow: #aaa 1px 1px 1px;}
.initialnews
{color: #099;
font-size: 1.2em;
font-weight: bold;
text-shadow: #aaa 1px 1px 1px;}
.initialerror
{color: #000;
font-size: 1.2em;
font-weight: bold;
text-shadow: #aaa 1px 1px 1px;}
pre
{font-size: 1.1em;}
acronym
{letter-spacing: 1px;
text-decoration: none;}
/*	Absaetze
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
p.mitte {text-align: center;}
/*	Buchstabenabstaende fuer em und strong, global
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
#subinhalt strong, #subinhaltnews strong 
{letter-spacing: 1px;
word-spacing: -1px;}
#subinhalt ul#abbildungen li.blaucapitals strong, 
#subinhalt ul#abbildungen li.produktgrafik em, 
#subinhalt ul#abbildungen li.produktgrafik strong, 
#subinhalt ul#abb-tapping li.blaucapitals strong,
#subinhalt ul#abb-tapping li.tapping em,
#subinhalt ul#abb-tapping li.tapping strong,  
#subinhaltnews h3 em
{letter-spacing: -1px;}
em:before {content:""; margin-left: 0.1em;}
em:after {content:""; margin-right: 0.1em;}
/*	besondere Grafikformate 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/*=====SYBORG Gebaeude in der Seite "Kontakt / Contact"=====*/
img.kontaktbild
{float: right;
margin: 5px;}
/*=====Format fuer im Text platzierte Grafiken=====*/
img.sondergrafik
{float: right;
margin: 0 0 0 10px;}
/*=====Format fuer Bilder, um die Link-Umrahmung bei Verweisen zu unterdruecken=====*/
img.ohnerand
{border: 0px;}