html, body { margin: 0; padding: 0; width: 100%; height: auto; }
body { background: #000; font-family: Calibri, Helvetica, sans-serif; }
a { text-decoration:none; }
header {  margin:0.0em; }
header td { font-family: Trajan Pro, AR JULIAN, Tahoma, Verdana; font-weight:100; color:#fff; font-size:1.8em; }
header img { margin-top: 0.5em;  max-height: 80px; }
header p{ margin-top: 0.7em; }
header span{ padding: 0 0 5px 0; border-bottom: 1px solid #fff; }
h1 { font-weight:100; font-family: Trajan Pro, AR JULIAN, Tahoma, Verdana; font-size:2em; color:#000; }

#bodybg, .body { position: absolute; left: 0; top: 0; min-height: 100%; width: 100%; display:block; background-repeat:no-repeat; background-attachment: fixed; background-size: cover; background-position: right top; }
.home { background-image: url("bg/home.jpg"); }
.wir { background-image: url("bg/leistungen.jpg"); }
.leistung-st { background-image: url("bg/leistung-st.jpg"); }
.leistung-ta { background-image: url("bg/leistung-ta.jpg"); }
.leistung-la { background-image: url("bg/leistung-la.jpg"); }
.leistung-fg { background-image: url("bg/leistung-fg.jpg"); }
.leistung-kt { background-image: url("bg/leistung-kt.jpg"); }
.leistung-la { background-image: url("bg/leistung-la.jpg"); }
.leistung-sp { background-image: url("bg/leistung-sp.jpg"); }
.leistung-sa { background-image: url("bg/leistung-sa.jpg"); }
.leistung-sb { background-image: url("bg/leistung-sb.jpg"); }
.leistung-aa { background-image: url("bg/leistung-aa.jpg"); }
.leistung-bd { background-image: url("bg/leistung-bd.jpg"); }
.leistung-si { background-image: url("bg/leistung-si.jpg"); }
.leistung-ss { background-image: url("bg/leistung-ss.jpg"); }
.leistung-fa { background-image: url("bg/leistung-fa.jpg"); }
.leistung-ls { background-image: url("bg/leistung-ls.jpg"); }
.leistung-te { background-image: url("bg/leistung-te.jpg"); }
.leistung-zp { background-image: url("bg/leistung-zp.jpg"); }
.ref { background-image: url("bg/ref.jpg"); }
.service { background-image: url("bg/service.jpg"); }
.partner { background-image: url("bg/partner.jpg"); }
.wissen { background-image: url("bg/wissen.jpg"); }
.kont { background-image: url("bg/kont.jpg"); }
.impr { background-image: url("bg/impr-o.jpg"); }
.gast { background-image: url("bg/gast.jpg"); }
.datensch { background-image: url("bg/datensch-o.jpg"); }

#accordion{font-family: Trajan Pro, AR JULIAN, Tahoma, Verdana; width:210px; margin:3em 0 0 1em; display: inline-block; float: left;}		
#accordion div.abox{box-shadow:3px 0px 5px -7px #6B6B6B; padding:8px 1px 1px 8px; border:1px #999 solid; height:27px; width:210px; background-color:#fff; opacity: 0.9; transition:height 1s ease-in-out, background-color 0.5s; }
#accordion div.abox a{ color:#959595;}
#accordion div.abox:hover {background-color:#eaeaea; transition:height 1s ease-in-out, background-color 0.5s; opacity: 0.99;}
#accordion div.abox a:hover, a.aktive{ border-left: 0.4em solid #29253C; padding: 0.2em 0em 0em 0.4em; color:#242424; }
#accordion div.abox p{ padding:1px 0 0 13px; font-size:0.8em;}

#accordion-none {display: none; }

#accordion div#leist.abox {box-shadow:3px 0px 5px -7px #6B6B6B; padding:5px 1px 1px 8px; border:1px #999 solid; height:510px; width:210px; background-color:#fff; transition:height 1s ease-in-out, background-color 0.5s; opacity: 0.90; }
#accordion div#leist.abox:hover {background-color:#eaeaea; transition:height 1s ease-in-out, background-color 0.5s; opacity: 0.99; }

.st-home { width: 420px; text-align: center; margin-top: 10%; margin-left: 15%; margin-bottom: 40px; }
.st-home a { padding: 5px 5px 5px 5px; font-size:0.5em; color:#fff; background: #6B6B6B; background: -webkit-linear-gradient(left, #6B6B6B 0%, #AAA 66%, #6B6B6B 100%); background: -webkit-gradient(linear, left top, right top, from(#6B6B6B), color-stop(66%, #AAA), to(#6B6B6B)); background: -o-linear-gradient(left, #6B6B6B 0%, #AAA 66%, #6B6B6B 100%); background: linear-gradient(to right, #6B6B6B 0%, #AAA 66%, #6B6B6B 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6B6B6B', endColorstr='#6B6B6B', GradientType=1); border: 0.5px solid #fff; }

.st-content { display: inline-block; max-width: 470px; min-width: 380px; background: rgba(255,255,255,0.88); min-height: 200px; box-shadow:0px 0px 5px -7px #4C4948; padding: 15px 15px 5px 15px; margin:3em 0 0 1em; vertical-align: top; font-size:1em; 
-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.st-content_f { display: inline-block; max-width: 75%; min-width: 380px; background: rgba(255,255,255,0.88); min-height: 200px; box-shadow:0px 0px 5px -7px #4C4948; padding: 15px 15px 5px 15px; margin:3em 0 0 1em; vertical-align: top; }
.st-content ol, .st-content_f ol { display: block; list-style:disc; font-weight:90%; margin:0em; padding:0em; margin:0em 0em 0em 0.8em; text-align:justify;
-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.st-content p, .st-content_f p { line-height:1.2em; font-weight:90%; margin:0em; padding:0.8em 1em 0em 0em; text-align:justify;
-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.st-content li { margin-left:0.8em; }

/* **************************** Footer ********************/
footer { position:fixed; left:0; bottom:-5px; height:40px; width:100%; display:block; background-color:#371C00; opacity: 0.9;}
footer table { color:#fff; font-size:0.8em; line-height:2em; padding:0.1em 0.1em 0.1em 0.1em;  }
#navi-f { width:100%; display:block; font-family: Trajan Pro, AR JULIAN, Tahoma, Verdana; }
#navi-f ul { margin:0.1em 1em 0.1em 0.1em; }
#navi-f ul li { display:inline; }
#navi-f ul li span {text-align: center; }
#navi-f ul li a { color:#fff;}
#navi-f ul li a:hover { color:#D4D4D4; border-bottom:0.1em solid #D4D4D4; }

.blind { font-family: Trajan Pro, AR JULIAN, Tahoma, Verdana; font-weight:100; color:#fff; font-size:0.01em; }

@media all and (max-width: 960px) {
header td { font-size:1.0em; } header img { margin-top: -0.2em;  max-height: 45px; }
.st-home { width: 320px; text-align: center; margin-left: 9%; margin-bottom: 30px; font-size:1.6em; }
#accordion{ width:190px; margin:2.5em 0 0 1em; }		
#accordion div.abox{ padding:7px 1px 1px 7px; height:25px; width:190px; }
.st-content { display: block; max-width: 270px; min-width: 180px; padding: 15px 15px 5px 15px; margin:3em 0 0 1em; font-size:0.9em;}
}
@media all and (max-width: 800px) {
header td { font-size:0.8em; } header img { margin-top: -0.6em;  max-height: 35px; }
.st-home { width: 220px; text-align: center; margin-left: 1%; margin-bottom: 20px; font-size:1.2em; }
.st-content { display: block; max-width: 270px; min-width: 180px; padding: 15px 15px 5px 15px; margin:3em 0 0 1em; font-size:0.8em;}
}