/* CSS Document 4 riegler-verpackungstechnik.com by WerbungEvent.at */
body{ margin:0; padding:0; text-align:center; font-family:Tahoma, sans-serif; background: url(../pix/hg-body.png) fixed; }
#page{ width:960px; margin:0 auto; position:relative; text-align:left; background: url(../pix/hg-page.png) top center repeat-y; }
#wrapper{ position:relative; padding-bottom:50px; }
#vcard{ margin:0; padding:0; position:absolute; top:35px; right:50px; width:240px; height:56px; overflow:hidden; z-index:9; }
#vcard span{ display:block; position:absolute; top:0; left:0; width:240px; height:56px; background:url(../pix/hg-vcard.png) no-repeat; z-index:10; }
#content{ margin:0 10px; min-height:35em; line-height:1.2em; }
#top{ margin:0 10px; padding:0; list-style-type:none; font-size:0.8em; height:101px; border-bottom:4px solid #003377; }
#logo{ margin:0; padding:0; position:absolute; top:5px; left:50px; }
#text{ padding-top:35px; margin-left:260px; margin-right:40px; }

h1{ margin-top:0; font-size:1.6em; color:#003377; font-weight:normal; letter-spacing:1px; line-height:1.2em; }
h2{ font-size: 1.4em; color:#333; border-bottom:2px solid #003377; padding-bottom:4px; font-weight:normal; letter-spacing:1px; }
h3{ color:#0066aa; font-size: 1em; clear:both; }
#text p, #text li{ font-size: 0.8em; }
#uebersicht{ list-style-type:none; padding:0; }
#uebersicht li{ float:left; padding:5px 0; margin:0; width:100%; }
#uebersicht li span{ width:160px; height:100%; text-align:center; }

#text a{ color: #000; text-decoration:none; border-bottom:1px solid #003377; }
#text a:visited{ color: #222; }
#text a:hover{ color: #003377; border:0; }
#text h3 a{ border:none; }
#text strong{ font-weight:normal; }
#text table{ border:0 none; padding:0; margin:0; }
.sub #text{ float:left; margin-right:10px; width:455px; }
#sub{ float:right; padding:0 10px; border-left:1px dotted #999; margin-top:30px; margin-right:30px; }
#sub ul{ list-style-type:none; margin:0; padding:0; }
#sub li{ margin:5px 0; padding:0; }
.foto{ float:left; margin-right:20px; }
.fototable td{ width:190px; }
.fototable th{ display:none; }
.textnormal{ background-color: transparent; border: 1px solid #666666; color: #333; padding:4px; }
.textfocus{ background-color: #fff; border: 1px solid #003377; color: #000; padding:4px; }
.button{ padding:4px 6px; border:0; background-color: #0066aa; color: #fff; font-weight:bold; }
label b{ border-bottom:1px solid #999; display:block; float:left; width:8em; margin-right:0.5em; font-weight:normal; }
.skiplink{ position: absolute; left: -1000px; top: -1000px; width: 0px; height: 0px; overflow: hidden; display: inline; font-size:0.7em; }
.clear{ clear:both; }
img{ border:0; }
hr{ clear:both; color:#fff; margin:0; padding:0; visibility:hidden; }

#navi{ margin:0; padding:0; position:absolute; left:60px; top:140px; width:180px; list-style-type:none; }
#navi li{ margin:2px 0; padding:0; text-transform:uppercase; font-size:0.8em; }
#navi li a{ display:block; color:#ffffff; text-decoration:none; background-color:#0066aa; padding:6px; letter-spacing:1px; }
#navi li a:visited{ color:#eeeeee; }
#navi li a:active{ position:relative; top:1px; }
#navi li a:hover{ background-color:#003377; }
#produkte #liprodukte a, #dienstleistungen #lidienstleitungen a, #vertretungen #livertretungen a, #referenzen #lireferenzen a, #downloads #lidownloads a, #kontakt #likontakt a{ cursor:default; background-color:#003377; }
#navi ul{ list-style-type:none; margin:0; padding:0; }
#navi ul li{ margin:0; padding:0; text-transform:none; }
#navi ul li a{ color:#333; padding:4px 8px; letter-spacing:normal; background-color:transparent; border-top:1px solid #ddd; border-bottom:1px solid #bbb; }
#navi ul li a:visited{ color:#444; }
#navi ul li a:hover{ color:#037; background-color:transparent; }
.liaktiv a{ color:#037 !important; cursor:default; text-decoration:underline !important; }
#subprodukte, #subreferenzen, #subdownloads{ display:none; }
#produkte #subprodukte, #referenzen #subreferenzen, #downloads #subdownloads{ display:block; }

#bottom{ background:url(../pix/hg-bottom.png) no-repeat bottom center; position:relative; clear:both; font-size:0.7em; list-style-type:none; margin:0 auto; padding:0; width:960px; height:128px; }
#bottom li{ float:left; margin:0 10px; margin-top:60px; padding:0; }
#bottom #spacer{ width:40px; }
#bottom a{ color:#666; text-decoration:none; }
#bottom a:visited{ color:#999; }
#bottom a:hover{ color:#003377; text-decoration:none; }
#bottom #mail a{ position:absolute; right:50px; bottom:15px; display:block; width:335px; height:85px; text-indent:-999em; }
