<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Dokument-Body */
body { margin:0px; font-family: helvetica,arial,sans-serif; height:100%; background: #fff url('images/nback.png') repeat-y; }

/* Grundformen auf Dokument */
.menu { position: fixed; top:0px; left:0px; padding:10px; width:320px; color:#fff; background-color: #0090da; }
.site { text-align: left; margin-left:350px; padding:10px; background: #fff; position: relative; overflow: hidden;  }
.limit { max-width: 800px; min-width:520px; }
.printonly { display: none; }

/* Tooltip-Overlay (beweglich f�r Webreferenzen-Infos), darunter WebReferenz-Kasten und Bildausschnitt */
#Tooltip { display: none; width:300px; background: #fdffac; border: 2px solid; border-color:rgb(141,142,96); padding:5px; color:black; font-size:8pt; box-shadow: 5px 5px 10px #777; }
#Tooltip p { color: black; font-size:8pt; }
.wdiv { text-decoration: none; float: left; margin:5px; color: black; font-size:11pt; }
.wdiv a { text-decoration: none; color: black; font-size:11pt; }
.wref { width:290px; height:190px; text-decoration: none; display: block; padding:5px; background:url('img6.jpg?a') no-repeat; }
.mref { width:140px; height:190px; text-decoration: none; display: block; padding:5px; background:url('ds2.jpg') no-repeat; }

/* Tooltip-Overlay (ganze Site f�r "PopUp") */
#ontop{ margin:0; position: fixed; height: 100%; z-index:999; padding:0px; width:100%; left:0px; top:0px; clear:none; background:url('images/whiteshadow.png'); display:none; }
#response { cursor: pointer; text-align:center; font-size:12pt; position:fixed; top:50%; right:0px; width:40px; height:140px; margin-top:-100px; margin-right:-10px; padding-top:20px; background:#000; background:rgba(0,0,0,0.8); box-shadow: 0px 0px 10px #777; border-radius: 10px; }

/* Tooltip-Info (Browser: title)
.info[title]{ */
.info { border-bottom: dotted 1px #777; cursor: pointer; }

/* Imagesprites f�r Men� zuordnen */
.mpic { width:45px; height:45px; text-decoration:none; display:block; background:url('images/img8.png') no-repeat 0 0; margin-right:5px; float:left; }
#Service { background-position:0 0; }
#Preisliste { background-position:-45px 0; }
#Servicevertrag { background-position:-90px 0; }
#dienstl { background-position:-90px 0; }
#Fernwartung { background-position:-135px 0; }
#Hosting { background-position:-180px 0; }
#Referenzen { background-position:-225px 0; }
#Impressum { background-position: -270px 0; }

.m_entry { display:block; width:309px; text-decoration: none; overflow:hidden; padding:5px; cursor:pointer; border: solid 1px #0090da; min-height:45px; text-align:left; color:white; }
.m_entry a { text-decoration: none; font-weight:bold; color:white; font-size: 11pt; }
.m_entry p { margin:0 0 0 50px; font-size:8pt; }
.m_entry_selected { display:block; text-decoration: none; background-color: #0080c2; width:309px; padding:5px; cursor:pointer;border: solid 1px; border-color: #0068da #6bb4da #6bb4da #0068da; min-height:45px; text-align:left; color:white; }
.m_entry_selected a { text-decoration: none; font-weight:bold; color:white; font-size:11pt; }
.m_entry_selected p { margin:0 0 0 50px; font-size:8pt; }
.m_entry:hover { border: solid 1px; border-color: #6bb4da #0068da #0068da #6bb4da; min-height:45px; text-align:left; color:white; }
.m_entry:hover a { text-decoration: none; font-weight:bold; color:white; }
.m_entry:hover p { margin:0 0 0 50px; }
.m_sub { font-size: 11pt; background-color: #0090da; float:right; padding:5px; margin: 5px 0 -5px 0; border:1px solid; border-color: #6bb4da #0090da #0090da #6bb4da; border-radius: 5px 0 0 0; }
.m_sub:hover { font-size: 11pt; background-color: #0090da; float:right; padding:5px; margin: 5px 0 -5px 0; border:1px solid; border-color: #0068da #0090da #0090da #0068da; border-radius: 5px 0 0 0; }
.m_sub_selected { font-size: 11pt; background-color: #0080c2; float:right; padding:5px; margin: 5px 0 -5px 0; border:1px solid; border-color: #0068da #0090da #0090da #0068da; border-radius: 5px 0 0 0; }

#submenu{ background: rgb(0,0,0); background:rgba(0, 0, 0, .5); padding:7px; color:white; font-size:12pt; right:-10px; top:5px; position:absolute; border-radius: 10px 0 0 10px ; }

table { font-size: 12pt; font-family: sans-serif,helvetia,arial; }
table a { color:black; }
th { color:white; text-align:center; background-color: #0090da; }
th a { color:white; }
fieldset { border: 2px solid black; }
fieldset tr:nth-child(odd) { background-color: #ddd; }
h1 { font-size: 15pt; font-family: sans-serif,helvetia,arial; }
h2 { font-size: 14pt; font-family: sans-serif,helvetia,arial; font-weight:normal; font-style:italic; }
p,ol,ul,li { font-size: 12pt; font-family: sans-serif,helvetia,arial; }
p a,ol a, ul a,li a,h1 a, h2 a { color:black; }
dd a, dt a { color:black; }
dl,dt,dd,dd p,dd li,dl li { font-size:12pt; }
dt { font-weight:bold; }
dl dd { margin-left:20px; }
dl ol { padding-left:20px; }
.twocol dl,.twocol dt,.twocol dd,.twocol p,.twocol li { font-size:8pt; }
.twocol ul,.twocol ol { padding-left:15px; }
.twocol dt { font-weight:normal; }
.twocol ol li { font-weight:bold; }
.twocol ol ol li { font-weight:normal; }
.twocol { column-count:2; column-rule:1px solid #ccc; column-gap:40px; }
.small { font-size: 9pt; }
.small a { color:black; }
#goTop { display:none; z-index:1; font-size:2em; cursor: pointer; position:fixed; bottom:10px; right:10px; filter:alpha(opacity=50); opacity: 0.50; }
.banner { font-size:8pt; display:block; position:fixed; background-color:#fff; border:2px solid #999; width:170px; height:95%; overflow:auto; top:0; right:0; margin:10px 10px; text-align:center;  box-shadow: 0px 0px 10px #777; }
.banner a { font-size:8pt; color: #1a486b; }
#kartenzahlung {float:right;}
.vcard, .vcsub { width:49%; float:left; margin:0px; }

@media screen and (min-width: 861px) {
.logo { text-decoration:none; display:block; color:#fff; width:315px; height:93px; margin-bottom:5px; }
}
/* Men� auf kleineren Displays beweglich machen da sonst Zoom scheitert */
@media screen and (max-width: 860px) {
	body { margin:0px; font-family: helvetica,arial,sans-serif; height:100%; background: #fff url('images/nback.png') repeat-y -260px 0; }
	.site { text-align:left; margin-left:100px; padding:10px; background: #fff;}
	.menu { position:absolute; top:0px; left:0px; padding:10px; width:57px; background-color: #0090da; }
/*	#logo { width:57px; height:57px; text-decoration:none; display:block; background:url('images/img7.png') no-repeat 6px 0; background-size: auto 104px; } */
	.logo { text-decoration:none; display:block; color:#fff; width:260px; height:77px; clip-path: inset(0 200px 7px 0); margin-bottom:5px; }
	.m_entry { width:45px; overflow:hidden; padding:5px; cursor:pointer; border: solid 1px #0090da; min-height:45px; text-align:left; color:white; }
	.m_entry_selected { background-color: #0080c2; width:45px; padding:5px; cursor:pointer;border: solid 1px; border-color: #0068da #6bb4da #6bb4da #0068da; min-height:45px; text-align:left; color:white; }
	.big { display:none; }
}


</pre></body></html>