/* Seitenweite Grundstyles */ * { color:#363738; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; } body { background-color:#363738; height:99%; } a:link { color:#363738; text-decoration:none; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; } a:visited { color:#363738; text-decoration:none; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; } a:active { color:#363738; text-decoration:none; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; } a:focus { color:#363738; text-decoration:none; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; } a:hover { color:#F08700; text-decoration:none; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; } html { height: 99%; } /* Standart Headlines, oft benutzte Kleinelemente */ h1 { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:16pt; font-weight:100; } h2 { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; font-weight:bold; } p { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; font-weight:100; } div.clear { clear:left; } /* Seiten-Zentrierung */ div#out { height:99%; width:99%; overflow:hidden; position:relative; } div#out[id] { display:table; position:static; } div#mid { position:absolute; top:50%; text-align:center; } div#mid[id] { display:table-cell; vertical-align:middle; position:static; } div#in { position:relative; top:-50%; text-align:left; width:900px; height:580px; background-color:#ffffff; } div#in[id] { position:static; margin-left:auto; margin-right:auto; } /* Start */ div#start { width:900px; height:500px; background:transparent url(Bilder/willkommen.jpg) no-repeat 0px 0px; } div#startinhalt { position:relative; top:450px; left:200px; width:500px; height:80px; overflow:hidden; text-align:center; } /* Ueber Uns */ div#ueber { width:900px; height:500px; background:transparent url(Bilder/ueber.jpg) no-repeat 0px 0px; } div#ueberinhalt { position:relative; top:162px; left:362px; width:373px; height:252px; overflow:auto; padding:10px; } /* Kunden */ div#kunden { width:900px; height:500px; background:transparent url(Bilder/kunden.jpg) no-repeat 0px 0px; } div#kundeninhalt { position:relative; top:90px; left:200px; width:382px; height:260px; overflow:auto; padding:10px; } /* referenzen */ div#referenzen { width:900px; height:500px; background:transparent url(Bilder/referenzen.jpg) no-repeat 0px 0px; } div#referenzeninhalt { position:relative; top:126px; left:430px; width:344px; height:250px; overflow:auto; padding:10px; } /* Kontakt */ div#kontakt { width:900px; height:500px; background:transparent url(Bilder/kontakt.jpg) no-repeat 0px 0px; } div#kontaktinhalt { position:relative; top:180px; left:230px; width:380px; height:260px; overflow:auto; padding:10px; } /* referenzen Unterseiten mit Vorschaubalken usw */ div#referenzenu { width:900px; height:500px; background:transparent url(Bilder/referenzenu.jpg) no-repeat 0px 0px; } div#feldramen { position:relative; top:82px; left:234px; width:520px; height:250px; overflow:hidden; padding:10px; } div#vorschaubalken { position:relative; top:110px; left:234px; width:542px; height:70px; clear:left; } div#bildstreifen { float:left; width:450px; height:74px; padding:0px 5px 0px 5px; overflow:hidden; margin:0px 10px 0px 10px; } div.pfeilli { float:left; background-image:url(Bilder/pfeil-l-i.jpg); width:31px; height:70px; } div.pfeilli:hover { background-image:url(Bilder/pfeil-l-a.jpg) } div.pfeilre { float:left; background-image:url(Bilder/pfeil-r-i.jpg); width:31px; height:70px; } div.pfeilre:hover { background-image:url(Bilder/pfeil-r-a.jpg) } div#vorschau { position:relative; height:70px; float:left; top:0px; padding:5px; } div#vorschau2 { position:relative; height:70px; float:left; top:-80px; padding:5px; } div.revbesch { padding-left:20px; } span.arev { font-size:8pt; } /* Menue */ div#menue { position:relative; top:0px; left:0px; width:100%; height:80px; background:transparent url(Bilder/menuver.jpg) repeat-x 0px 0px; } div#hauptm { position:relative; top:20px; left:60px; width:600px; height:20px; } div#unterm { position:relative; top:20px; left:60px; width:600px; height:10px; } div#logo { position:relative; top:-80px; left:660px; width:170px; height:50px; background:transparent url(Bilder/logo.jpg) no-repeat 0px 0px; } a.umen:link { color:#363738; font-size:10pt; } a.umen:visited { color:#363738; font-size:10pt; } a.umen:active { color:#363738; font-size:10pt; } a.umen:focus { color:#363738; font-size:10pt; } a.umen:hover { color:#0076BF; font-size:10pt; } a.hmen:link { color:#363738; font-size:12pt; } a.hmen:visited { color:#363738; font-size:12pt; } a.hmen:active { color:#363738; font-size:12pt; } a.hmen:focus { color:#363738; font-size:12pt; } a.hmen:hover { color:#F08700; font-size:12pt; } a.akt { font-style:oblique; } /* Bildwechsel */ div.bilder { width:100px; height:60px; float:left; margin-right:10px; } div.bild1 { background-image:url(Bilder/referenzen/vorschau/B1k.jpg); } div.bild2 { background-image:url(Bilder/referenzen/vorschau/B2k.jpg); } div.bild3 { background-image:url(Bilder/referenzen/vorschau/B3k.jpg); } div.bild4 { background-image:url(Bilder/referenzen/vorschau/B4k.jpg); } div.bild5 { background-image:url(Bilder/referenzen/vorschau/B5k.jpg); } div.bild6 { background-image:url(Bilder/referenzen/vorschau/B6k.jpg); } div.bild7 { background-image:url(Bilder/referenzen/vorschau/B7k.jpg); } div.bild8 { background-image:url(Bilder/referenzen/vorschau/B8k.jpg); } div.bild9 { background-image:url(Bilder/referenzen/vorschau/B9k.jpg); } div.bild10 { background-image:url(Bilder/referenzen/vorschau/B10k.jpg); } div.bild11 { background-image:url(Bilder/referenzen/vorschau/B11k.jpg); } div.bild12 { background-image:url(Bilder/referenzen/vorschau/B12k.jpg); } div.bild13 { background-image:url(Bilder/referenzen/vorschau/B13k.jpg); } div.bild14 { background-image:url(Bilder/referenzen/vorschau/B14k.jpg); } div.bild15 { background-image:url(Bilder/referenzen/vorschau/B15k.jpg); } div.bild16 { background-image:url(Bilder/referenzen/vorschau/B16k.jpg); } div.bild17 { background-image:url(Bilder/referenzen/vorschau/B17k.jpg); } div.bild18 { background-image:url(Bilder/referenzen/vorschau/B18k.jpg); } div.bild19 { background-image:url(Bilder/referenzen/vorschau/B19k.jpg); } div.bild20 { background-image:url(Bilder/referenzen/vorschau/B20k.jpg); } div.bild21 { background-image:url(Bilder/referenzen/vorschau/B21k.jpg); } div.bild22 { background-image:url(Bilder/referenzen/vorschau/B22k.jpg); } div.bild23 { background-image:url(Bilder/referenzen/vorschau/B23k.jpg); } div.bild24 { background-image:url(Bilder/referenzen/vorschau/B24k.jpg); } div.bild25 { background-image:url(Bilder/referenzen/vorschau/B25k.jpg); } div.bild26 { background-image:url(Bilder/referenzen/vorschau/B26k.jpg); } div.bild27 { background-image:url(Bilder/referenzen/vorschau/B27k.jpg); } div.bild28 { background-image:url(Bilder/referenzen/vorschau/B28k.jpg); } div.bild29 { background-image:url(Bilder/referenzen/vorschau/B29k.jpg); } div.bild30 { background-image:url(Bilder/referenzen/vorschau/B30k.jpg); } div.bild31 { background-image:url(Bilder/referenzen/vorschau/B31k.jpg); } div.bild32 { background-image:url(Bilder/referenzen/vorschau/B32k.jpg); } div.bild33 { background-image:url(Bilder/referenzen/vorschau/B33k.jpg); } div.bild34 { background-image:url(Bilder/referenzen/vorschau/B34k.jpg); } div.bild35 { background-image:url(Bilder/referenzen/vorschau/B35k.jpg); } div.bild36 { background-image:url(Bilder/referenzen/vorschau/B36k.jpg); } div.bild37 { background-image:url(Bilder/referenzen/vorschau/B37k.jpg); } div.bild38 { background-image:url(Bilder/referenzen/vorschau/B38k.jpg); } div.bild39 { background-image:url(Bilder/referenzen/vorschau/B39k.jpg); } div.bild40 { background-image:url(Bilder/referenzen/vorschau/B40k.jpg); } div.bild41 { background-image:url(Bilder/referenzen/vorschau/B41k.jpg); } div.bild42 { background-image:url(Bilder/referenzen/vorschau/B42k.jpg); } div.bild43 { background-image:url(Bilder/referenzen/vorschau/B43k.jpg); } div.bild44 { background-image:url(Bilder/referenzen/vorschau/B44k.jpg); } div.bild45 { background-image:url(Bilder/referenzen/vorschau/B45k.jpg); } div.bild46 { background-image:url(Bilder/referenzen/vorschau/B46k.jpg); } div.bild47 { background-image:url(Bilder/referenzen/vorschau/B47k.jpg); } div.bild48 { background-image:url(Bilder/referenzen/vorschau/B48k.jpg); } div.bild49 { background-image:url(Bilder/referenzen/vorschau/B49k.jpg); } div.bild50 { background-image:url(Bilder/referenzen/vorschau/B50k.jpg); } div.bild51 { background-image:url(Bilder/referenzen/vorschau/B51k.jpg); } div.bild52 { background-image:url(Bilder/referenzen/vorschau/B52k.jpg); } div.bild53 { background-image:url(Bilder/referenzen/vorschau/B53k.jpg); } div.bild54 { background-image:url(Bilder/referenzen/vorschau/B54k.jpg); } div.bild55 { background-image:url(Bilder/referenzen/vorschau/B55k.jpg); } div.bild56 { background-image:url(Bilder/referenzen/vorschau/B56k.jpg); } div.bild57 { background-image:url(Bilder/referenzen/vorschau/B57k.jpg); } div.bild58 { background-image:url(Bilder/referenzen/vorschau/B58k.jpg); } div.bild59 { background-image:url(Bilder/referenzen/vorschau/B59k.jpg); } div.bild60 { background-image:url(Bilder/referenzen/vorschau/B60k.jpg); } div.bild61 { background-image:url(Bilder/referenzen/vorschau/B61k.jpg); } div.bild62 { background-image:url(Bilder/referenzen/vorschau/B62k.jpg); } div.bild63 { background-image:url(Bilder/referenzen/vorschau/B63k.jpg); } div.bild64 { background-image:url(Bilder/referenzen/vorschau/B64k.jpg); } div.bild65 { background-image:url(Bilder/referenzen/vorschau/B65k.jpg); } div.bild66 { background-image:url(Bilder/referenzen/vorschau/B66k.jpg); } div.bild67 { background-image:url(Bilder/referenzen/vorschau/B67k.jpg); } div.bild68 { background-image:url(Bilder/referenzen/vorschau/B68k.jpg); } div.bild69 { background-image:url(Bilder/referenzen/vorschau/B69k.jpg); } div.bild70 { background-image:url(Bilder/referenzen/vorschau/B70k.jpg); }