body          { color: #222222; font-family:  sans-serif; background-color: #cccccc; margin:0px;  }

div.top           { background-image: url(images/bg_top.png); background-repeat: no-repeat; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 119px }
div.top p        { margin-left:20px; color: #ffffff; }
div.top p.firma  { margin-top:35px; margin-bottom:0px; font-size: 18pt; font-weight:bold; }
div.top p.ges    { margin-top:0px; font-size: 12pt; }
div.top_side      { background-image: url(images/bg_top-side.png); background-repeat: repeat-x; position: fixed; z-index: 2; top: 0; width: 100%; height: 99px }
div.top_side img  { position:fixed; top:0px; left:507px; height:99px; }


div.bg_navi   { background-image: url(images/bg_navi.jpg); background-repeat: no-repeat; padding-left: 15px; position: fixed; z-index: 1; top: 120px; left: 0; width: 240px }
div.navi      { background-image: url(images/bg_navi2.png); background-repeat: no-repeat; margin-top: 10px; z-index: 101; width: 180px }
div.navi ul { color:#f82c1c; margin-left:0px; margin-top:0px; list-style:none; padding:0px; }
div.navi ul li { margin-left:0px; list-style:none; }
div.navi ul li a  { color:#006699; font-weight:bold; font-size:90%; text-decoration:none; display:block; width:150px; padding:5px; }
div.navi ol li a  { color:#0088AA; text-decoration:none; display:block; width:150px; }
div.navi a:hover  { color:#cccccc; background-color:#006699; }
div.navi a.aktiv   { color: #f82c1c; }


div.footer   { position:fixed; width:100%; bottom:0px; height:45px; text-align: center; background-color: #555555; z-index: 102; }
div.footer p { margin:0px; }
div.footer a { padding:3px; font-size: 70%; text-decoration: none; }
div.footer table { width:90%; font-size:10pt; color:#ffffff; }
div.footer table td { width:33%; }
div.footer table a { font-size:10pt; color:#ffffff; }


div.content  { position:relative; left:260px; width:60%; max-width:540px; top:120px; z-index:0; }
div.content p   { font-size: 12pt; }
div.content h3 { font-size: 13pt; font-weight:bold; background-color: #999999; padding-top:5px;}
div.content a       { color: #222222; text-decoration:none; }
div.content a.start:hover { background-color: #006699; color: #cccccc; } 
div.content a.start img:hover { border:2px solid #006699; } 
div.content img      { border:2px solid #333333; margin: 0px 5px 5px 5px; height:75px;}
div.content table    { width:100%; }
div.content table td { text-align: center; }
div.content p.platz  { height:10px; margin:0px; padding:0px; }


/* firma.html */
div#firma      { text-align: center; }
div#firma img  { border:2px solid #333333; height:100px;} 
div#firma img:hover { border:2px solid #006699; cursor:pointer;} 
div.content iframe#g { width:500px; height:300px; z-index:0; }
div.content div#map  { width:500px; height:300px; z-index:0;}

ul.zert  { cursor: pointer; list-style: outside; text-align: left;}
ul.zert li {  margin-top:10px; }
li#zert1 { list-style-image: url(images/firma/tn_brand.jpg); }
li#zert2 { list-style-image: url(images/firma/tn_tore.jpg); }
li#zert3 { list-style-image: url(images/firma/tn_gabel_seb.jpg); }
li#zert4 { list-style-image: url(images/firma/tn_gabel_tor.jpg); }
li#zert5 { list-style-image: url(images/firma/tn_zert5.jpg); }
ul.zert a:hover { color:#cccccc ; background-color: #006699;}


/* referenzen.html */
p.referenz { display:block; text-align: center; background-color:#aaaaaa; width:100%; }
p.referenz img { margin:10px 10px 5px 5px; height:75px; }
p.referenz img:hover { border:2px solid #006699; cursor:pointer;} 


/* links.html */
div#links      { text-align: center; }
div#links img  { border:0px; } 

/* leistungsbeispiele */
/* div#leistungen img {width: 100px; max-height: 75px;} */
div#leistungen img:hover { border:2px solid #006699; cursor:pointer;} 

/* showpic */
div.body         { text-align: center; font-weight: bold; color: black; visibility: hidden; position:fixed; left:0; top:0; width:100%; height:100%; background-image: url(images/picback.png); background-repeat: repeat; z-index: 104; }
div.body div.close { background-color: #cccccc; visibility:visible; margin:0px; padding: 0px; position:fixed; top:50px; left:200px; background-image: url(images/schliessen.gif); background-position: right top; background-repeat: no-repeat; cursor: pointer;}
div.body div div     { position:relative; margin:0px; padding: 0px; background: url(images/ladebalken.gif) center center no-repeat;}
div.body div div img { padding:0px; margin:20px 10px 10px 10px; height: 400px; }

h3 img { float:left; width:100px; border:2px solid #333333; margin: 0px 10px 5px 5px; }