body {margin:0; padding:0; font:1em arial, helvetica, verdana, georgia, sans-serif; color:#000; background:#fff; background-image:url(./../img/backgrounds/farben.gif); background-repeat: no-repeat; background-position: 96% 22px; background-attachment:scroll; text-align:left; line-height:1.5em;}

/* Allgemeines */
h1 {margin:.5em 0 .2em 0; padding:0;}
h2 {margin:1.5em 0 .5em 0; padding:0; color:#789; background:#fff;}
h2.first, h3.first {margin:0 0 .5em 0; padding:0;}
h3 {margin:1.5em 0 .5em 0; padding:0; color:#789; background:#fff;}
h4, h5, h6 {margin:1.5em 0 .5em 0; padding:0;}

p {margin:0 0 1em 0; padding:0;}
img {border-style: none;}
ul, ol {margin:0; padding:0;}

a {color:#069; background:#fff; text-decoration:underline;}
a:link {color:#03c; background:#fff; text-decoration:underline;}
a:visited {color:#903; background:#fff;}
a:hover {color:#c00; background:#fff;}
a:active {color:#c00; background:#fff;}

table {margin:1.5em 0; padding:0; display:table; border-collapse:collapse;}
tr {display:table-row;}
thead {display:table-header-group;}
tbody {display:table-row-group;}
tfoot {display:table-footer-group;}
col {display:table-column;}
colgroup {display:table-column-group;}
td, th {display:table-cell; vertical-align:top; padding:.25em .5em; text-align:left; border:0px ridge #b0c4de;}
caption {display:table-caption; padding:.25em 0; text-align:left;}
th {font-weight:bolder;}
.c1 {width:5em;}
.c2 {width:10em;}
.c3 {width:20em;}
.c4 {width:30em;}

.kunden td {text-align:center; vertical-align:middle; font-size:smaller; border:0px ridge #b0c4de;}
.beispiele td {padding:1em 0; text-align:left; vertical-align:top; border:0px ridge #b0c4de;}
.beispiele th {padding:1em 0 .25em 0;}

/* Allgemeine Klassen */
.blue, a.blue {color:#007ab2; background:#fff; text-decoration:none;}
.red, a.red {color:#c00; background:#fff; text-decoration:none;}
.purple, a.purple {color:#ab81ab; background:#fff; text-decoration:none;}
.orange, a.orange {color:#ecb659; background:#fff; text-decoration:none;}
.green, a.green {color:#18d386; background:#fff; text-decoration:none;}
.brown, a.brown {color:#966; background:#fff; text-decoration:none;}
#content a.blue, #content a.red, #content a.purple, #content a.orange, #content a.green, #content a.brown {border-bottom:1px dotted #ccc;}
#content a.blue:hover, #content a.red:hover, #content a.purple:hover, #content a.orange:hover, #content a.green:hover, #content a.brown:hover {border-bottom:1px solid #ccc;}

.bold {font-weight:bold;}

ul.liste, ol.liste {margin:0 0 1em 0; padding:0 0 0 2.5em; list-style-type:disc; list-style-position:outside;}
ol.liste {list-style-type:decimal;}

.haken {position:relative; margin:0 0 1em 0; padding:0; color:#000; background:#bddceb;}
.haken h4 {margin:0; padding:.2em .3em; color:#fff; background:#59a8cd;}
.haken h5 {margin:.5em 0 0 0; padding:0 .3em;}
.haken ul {margin:0; padding:0;}
.haken li {margin:0; padding:0 .3em; list-style-type:disc; list-style-position:inside; list-style-image:url(./../img/icons/haken.gif); color:#000; background:#bddceb; font-size:.95em;}
.haken a, .haken a:link { color:#000; background:#bddceb;}
.haken a:visited { color:#c03; background:#bddceb;}
.haken a:hover, .haken a:active { color:#c00; background:#bddceb;}

.pdf {position:relative; margin:0 0 1em 0; padding:0; color:#000; background:#bddceb;}
.pdf h4 {margin:0; padding:.2em .3em; color:#fff; background:#59a8cd;}
.pdf h5 {margin:.5em 0 0 0; padding:0 .3em;}
.pdf ul {margin:.2em 0; padding:0;}
.pdf li {margin:0; padding:0 .3em; list-style-type:disc; list-style-position:inside; list-style-image:url(./../img/icons/pdf-icon.gif); color:#000; background:#bddceb; font-size:.95em;}
.pdf a, .pdf a:link { color:#000; background:#bddceb;}
.pdf a:visited { color:#c03; background:#bddceb;}
.pdf a:hover, .pdf a:active { color:#c00; background:#bddceb;}

.quadrat {position:relative; margin:0 0 1em 0; padding:0; color:#000; background:#bddceb;}
.quadrat h4 {margin:0; padding:.2em .3em; color:#fff; background:#59a8cd;}
.quadrat h5 {margin:.5em 0 0 0; padding:0 .3em;}
.quadrat ul {margin:0; padding:0;}
.quadrat li {margin:0; padding:0 .3em; list-style-type:disc; list-style-position:inside; list-style-image:url(./../img/icons/quadrat-rot.gif); color:#000; background:#bddceb; font-size:.95em;}
.quadrat a, .quadrat a:link { color:#000; background:#bddceb;}
.quadrat a:visited { color:#c03; background:#bddceb;}
.quadrat a:hover, .quadrat a:active { color:#c00; background:#bddceb;}

.daten  {position:relative; margin:0 0 1em 0; padding:0; color:#000; background:#bddceb;}
.daten h4 {margin:0; padding:.2em .5em; color:#fff; background:#59a8cd;}
.daten h5 {margin:.5em 0 0 0; padding:0 .5em;}
.daten ul {margin:0; padding:0;}
.daten li {margin:0; padding:0 1.5em; list-style-type:disc; list-style-position:inside; font-size:.95em;}
.daten a, .daten a:link { color:#000; background:#bddceb;}
.daten a:visited { color:#c03; background:#bddceb;}
.daten a:hover, .daten a:active { color:#c00; background:#bddceb;}

/* Kopfzeile */
#header {margin:35px 0 0 0; padding:25px 1em 0 25%; color:#000; background:#fff; background-image:url(./../img/backgrounds/signiertechnik-bg.gif); background-repeat: repeat-x; background-position: 100% 0%; background-attachment:scroll; text-align:left; vertical-align:middle; font:bold 1.4em arial, helvetica, verdana, georgia, sans-serif; height:78px;}

/* Inhaltsbox*/
#content {position:relative; margin:1em 3% 1em 25%; padding:0 0; max-width:48em;}

/* Inhaltsueberschrift */
#contentheader {margin:0 0 1em 0; padding:0; border-top:1px solid red; border-bottom:1px solid red;}
#contentheader span {font-weight:bold;}

/* Inhalt links und rechts */
#content .boxleft {position:relative; margin:1em 1em 0 0; padding:0; width:27em; float:left; clear:left;}
#content .boxleft ul { list-style:circle; margin-left:15px;}
#content .boxright {position:relative; margin:1em 0 0 1em; padding:0; width:15em; float:right; clear:right;}
#content .boxright img {margin:0 0 1em 0; padding:0;}
#content p, table, br {clear:both;}

/* Logo */
#logo img {position:absolute; top:5px; left:3em; padding:0; width:88px; height:164px;}

/* Breadcrumbs */
#breadcrumbs {position:absolute; top:120px; margin:0 0 0 25%; padding:0; font-size:.82em; color:#789; background:#fff; width:auto; height:2em;}
#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:visited {color:#696969; background:inherit; text-decoration:none;}
#breadcrumbs a:hover, #breadcrumbs a:active {color:#c00; background:inherit;}

/* Navigationsbox */
#navi {position:absolute; top:200px; left:1em; padding:0; width:200px;}

#navi a {color:#000; background:#fff; text-decoration:none; font-weight:bold; font-size:.9em;}
#navi a:link {color:#000; background:#fff; text-decoration:none; font-weight:bold; font-size:.9em;}
#navi a:visited {color:#000; background:#fff;}
#navi a:hover {color:#c00; background:#fff;}
#navi a:active {color:#c00; background:#fff;}

#navi .aktuell {color:#c00; background:#fff; text-decoration:none; font-weight:bold; font-size:.9em;}

#navi ul li {list-style-type: none; list-style-position:outside; line-height:1.8em;}
#navi ul li.two {margin:0 0 0 1.1em; list-style-type: disc; list-style-position:outside; list-style-image: url(./../img/icons/markierung-rot.gif); line-height:1.3em;}
#navi ul li.three {margin:0 0 0 2.2em; list-style-type:disc; list-style-position:outside; list-style-image: url(./../img/icons/markierung-blau.gif); line-height:1.3em;}

#navi form {margin:1em 0; padding:0;}

#navi .germany {margin:.75em 0; padding:0; border-top:1px solid black; border-bottom:1px solid black; text-align:center; font-weight:bold; font-size:.95em;}
#navi .germany .red {color:red; background:#fff;}
#navi .germany .gold {color:#fc5; background:#fff;}
#navi .kontakt {padding:.2em .1em .2em .2em; font-size:smaller; line-height:1.2em; color:#000; background:#f1f1f1;}
#navi .kontakt a {color:#000; background:#f1f1f1; text-decoration:underline; font-weight:normal;}
#navi .kontakt a:link {color:#000; background:#f1f1f1; text-decoration:underline; font-weight:normal;}
#navi .kontakt a:visited {color:#000; background:#f1f1f1;}
#navi .kontakt a:hover {color:#c00; background:#f1f1f1;}
#navi .kontakt a:active {color:#c00; background:#f1f1f1;}

/* Sitemap */
#sitemap ul li {list-style-type: none; list-style-position:outside; line-height:2em;}
#sitemap ul li.two {margin:0 0 0 2.2em; list-style-type: disc; list-style-position:outside; list-style-image: url(./../img/icons/markierung-rot.gif); line-height:1.5em;}
#sitemap ul li.three {margin:0 0 0 4.4em; list-style-type:disc; list-style-position:outside; list-style-image: url(./../img/icons/markierung-blau.gif); line-height:1.5em;}

/* Fusszeile */
#footer {position:relative; margin:1em 0 0 0; padding:.5em 1em;}