/* CSS Document 4 MeineMeister.at by Werbungevent.at */
body{ margin:0; padding:0; font-family: Tahoma, Arial; line-height:1.2em; text-align:center; color:#953; background:url(../pix/hg-body.gif) 50% repeat-y; }
.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; }

#page{ margin:20px auto; width:920px; text-align:left; position:relative; background:url(../pix/hg-page.jpg) -6px 0 no-repeat;  }
#haus #page{ background-image:url(../pix/hg-page-haus.jpg); }
#meister #page{ background-image:url(../pix/hg-page-meister.jpg); }
#logo{
position:absolute; right:50px; top:0;
overflow:hidden; margin:0; padding:-10px 0;
font-size:0.9em; text-indent:-999px;
width:150px; height:90px; z-index:90;
}
#logo span{
position:absolute; left:0; bottom:0; z-index:99;
width:150px; height:70px;
background: url(../pix/logo-meine-meister.gif) no-repeat; 
cursor:pointer;
}
#logo a{ color:#666; text-decoration:none; }

#top{
position:absolute; left:0; top:0; width:100%; height:50px;
background:url(../pix/hg-top.gif) repeat-x; z-index:5;
}
#navi{  
margin:0 auto; padding:0; 
width:920px; height:50px; overflow:hidden;
list-style-type:none;
background:url(../pix/hg-navi.gif) -5px 0 no-repeat;
}
#haus #navi{ background-position: 0 0; }
#meister #navi{ background-position: 0 -50px; }
#team #navi{ background-position: 0 -100px; }
#fotos #navi{ background-position: 0 -150px; }
#kontakt #navi{ background-position: 0 -200px; }
#navi li{ margin:0; margin-top:22px; padding:0;
font-size:0.8em; font-family: "Times New Roman", Times, serif;
text-align:center; text-transform:uppercase;
width:130px; height:28px; overflow:hidden; float:left;
}
#lihaus a{ margin-left:-10px; width:120px; }
#navi a{
display:block; width:130px; height:28px; line-height:28px;
color:#FD7; text-decoration:none; font-weight:bold;
}
#navi a:visited{ color: #FC7; }
#navi a:hover{ color:#953; }
#haus #lihaus a{ color:#953; }
#meister #limeister a{ color:#953; }
#team #liteam a{ color:#953; }
#fotos #lifotos a{ color:#953; }
#kontakt #likontakt a{ color:#953; }

#text{ margin-left:25px; float:left; width:640px; text-align:left; }
#haus #text { padding-top:475px; }
#text h2{ margin-top:50px; color:#FD7; font-size:1.8em; line-height:1em; font-weight:normal; text-transform:uppercase; font-family:"Times New Roman", Times, serif; }
#haus h2, #meister h2{ text-indent:-9999px; margin-top:80px; font-size:0.8em; }

#text h3{ font-size:1em; margin:0; }
#meister #text h3{ padding-top:275px; }
#team th{ text-align:left;  text-transform:uppercase; font-size:0.8em; font-family:"Times New Roman", Times, serif; }
#text h4{ font-size:0.8em; text-transform:uppercase; }
#text p, #text li, #text td{ font-size:0.8em; }
#text a{ color:#842; }
#text a:visited, #sub a:visited{ color: #953; }
#text a:hover, #sub a:hover{ color: #000; text-decoration:none; }
#text h3 a{ color:#482; border:0; text-decoration:none; }
#text strong{ font-weight:normal; }
.foto{ float:left; margin-right:10px; }
.col{ width:47%; margin-right:3%; float:left; }
#team .col{ width:24%; margin-right:1%; }
#sub{ margin-left:669px;  margin-top:22px; width:250px; position:relative; text-align:center;  z-index:30; line-height:0.9em; }
#sub p, #sub li{ font-size:0.7em; }
#sub a{ color:#953; text-decoration:none; }
#firmen{ list-style-type:none; margin:0; padding:0; float:left; margin-top:100px; }
#firmen li { float:left; width:46%; height:46px; margin:0 2%; padding:0; border-bottom:1px dotted #953; text-indent:-999px; }
#firmen li a{ display:block; width:100px; height:40px; position:relative; overflow:hidden; margin:3px auto; }
#firmen li span{ position:absolute; top:0; left:0; width:100px; height:40px; background-image:url(../pix/firmenlogos.gif); background-repeat: no-repeat; cursor:pointer; }
#firma1 span{ background-position: 0 0; }
#firma2 span{ background-position: -100px 0; cursor:default; }
#firma3 span{ background-position: 0 -40px; }
#firma4 span{ background-position: -100px -40px; }
#firma5 span{ background-position: 0 -80px; }
#firma6 span{ background-position: -100px -80px; }
#firma7 span{ background-position: 0 -120px; }
#firma8 span{ background-position: -100px -120px; }
#firma9 span{ background-position: 0 -160px; }
#firma10 span{ background-position: -100px -160px; }
#firma11 span{ background-position: 0 -200px; }
#firma12 span{ background-position: -100px -200px; }
#firma13 span{ background-position: 0 -240px; }
#firma14 span{ background-position: 0 -240px; }
#firma15 span{ background-position: -100px -240px; }

.textnormal{ background-color: #FFE; border: 1px dotted #FD9; color: #000; }
.textfocus{ background-color: #FFF; border: 1px dotted #953; color: #000; }
.button{ margin:10px; padding:2px 3px; border: 1px solid #FD7; background-color: #FD7; color: #953; font-weight:bold; }
#text table{ border:0; padding:0; margin:0; }
.fototable .tdfoto{ border: 1px solid #FD9; background-color:#FFF; text-align:center; padding:1px; }
.fototable th{ font-size:0.7em; font-weight:normal; }
.fototable a{ border:0; }

#bottom{ display:none; }
#bottom li{ font-size: 0.7em; display:inline; }
#bottom a{ margin:0 5px; padding:5px; color:#999; }
#bottom a:hover{ color:#000; text-decoration:none; }
#alexa{ position:absolute; left:-999em; top:-999em; width:0; height:0; overflow:hidden; }