@charset "utf-8";
/* CSS Document */

body {
font-size: 62.5%; // Nur IE
line-height:1em;
}
html>body {
font-size:100.01%; // nicht für IE 
}

body, html {width:100%;height:100%;margin:0;padding:0;background-color:#FFF;font-family:verdana, arial, helvetica, sans-serif;outline:none;font-size:10pt;}

a {text-decoration:none;color:#600;}
img {border:none;}
span {color : #600;}
h1 {font-size:1.6em;font-weight:bold;color:#600;line-height:115%;}
h2 {font-size:2em;font-weight:bold;color:#600;line-height:120%;}
span {font-size:1.6em;font-weight:bold;color:#600;line-height:115%;}

.container {position:relative;width:999px;margin:auto;}
.hidden {visibility:hidden;display:none;width:0;height:0;}
.akt {background:#fff url(/images/button_a.gif) no-repeat 0 0;font-weight:bold;}

#intro{text-align:center;font-size:0.7em; line-height: 1.3em; margin: 45px 0 0 0;}
#background{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:1;}
#background img{width:100%;height:100%;position:fixed;z-index:1;}

#wrapper{width:100%;position:absolute;z-index:5;}
#logo-feld{position:relative;top:50px;left:70px;width:883px;height:93px;}
#logo a{ background:url(../images/hof-polsterei.png) no-repeat; width:883px;height:93px;display:block;text-indent:-999999px;}

#rahmen{width:100%;height:100%;margin:auto;}
#port{position:absolute;top:200px;left:450px;width:452px;height:352px;}
#texthome{position:absolute;top:265px;left:100px;width:340px;height:236px;font-size:2em;font-weight:bold;color:#600;line-height:120%;}
#flyer{position:absolute;top: 220px;left:0;}

#spalte-li {position:absolute;top:187px;left:50px;width:400px;height:420px;line-height:115%;}
#spalte-re {position:absolute;top:187px;left:500px;width:400px;height:420px;line-height:115%;}
#spalte-mi {position:absolute;top:150px;left:50px;width:900px;height:420px;line-height:115%; text-align:center; white-space:pre;}
#polster-sessel{position:absolute;top:200px;left:115px;width:266px;height:306px;}
#anfahrt{position:absolute;top:175px;left:250px;width:498px;height:418px;}
#oldtimer {position:absolute;top:200px;left:50px;width:323px;height:242px;}
#moebel{position:absolute;top:140px;left:0px;width:417px;height:200px;}
#boeden{position:absolute;top:188px;left:0px;width:373px;height:148px;}
#sonnensch1{position:absolute;top:233px;left:50px;width:232px;height:175px;}
#sonnensch2{position:absolute;top:189px;left:290px;width:165px;height:219px;}

#menu {position:absolute;left:15px;bottom:-5px;width: 100%;height:26px;float: left;padding-top:0px;text-align:center;}
#menu ul {list-style: none;margin: 0 1px 0 0;padding: 0;width: 120px;float: left;}
#menu a{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:95.01%; display: block;margin: 0 ;padding: 5px 0 0 0;color:#600;background-image:url(../images/button_i.gif);background-repeat:no-repeat;text-decoration:none;height:21px;}
#menu a:hover{color: #fff;font-weight:bold;background-image:url(../images/button_a.gif);}
#menu li {position: relative;margin: 0 0 1px 0;}
#menu ul ul {position: absolute;z-index: 500;bottom:25px;margin: 0 0 1px 0;}
div#menu ul ul, div#menu ul li:hover ul ul, div#menu ul ul li:hover ul ul{display: none;}
div#menu ul li:hover ul,div#menu ul ul li:hover ul,div#menu ul ul ul li:hover ul{display: block;}
#hidden img {height: 0; width: 0; border: none;position: absolute;bottom: 0;left: 0;z-index: -30;}