html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; } table { font-size:inherit; font:100%; } select, input, textarea { font:99% sans-serif; } body { font-family:verdana, arial, helvetica, sans-serif; border-width:0px; background-color: #FFFFFF; padding:0px 0px 0px 0px; margin:0px; text-align:center; background-image: url(https://www.alu-terrassen-dach.de/images/clouds.jpg); background-repeat: no-repeat; background-position: 50% 35px; background-attachment:fixed; color:#58585a; font-size:0.8em; font-weight:normal; } * {padding:0px; margin:0px} div { font-family:verdana, arial, helvetica, sans-serif; margin: 0 auto; } h1, h2, h3, h4, h5, h6 {font-family:verdana, arial, helvetica, sans-serif !important;} .sprite {background: url(https://www.alu-terrassen-dach.de/images/sprite.png) no-repeat top left;} .gloss {background:#ee8207 url(https://www.alu-terrassen-dach.de/images/gloss.png) no-repeat -20px -60px} #innen { position:relative; width:900px; left:0px; top:40px; } .bildergalerie img {padding:2px; background-color:#FFFFFF; border:1px solid #ee8207; line-height:0px;} .bildergalerie a:hover, .bildergalerie a:active, .bildergalerie a:focus {border:none !important;} .bildergalerie img:hover {background-color:#ee8207; border:1px solid #ee8207;} #navipfad { position:relative; z-index:1; text-align:left; left:0px; margin-top:-20px; padding-bottom:0px; font-size:0.8em; color:#b2b2b2; } #navipfad a, #navipfad a:visited, #navipfad a:link {text-decoration:none; color:#b2b2b2;} #navipfad a:hover, #navipfad a:active, #navipfad a:focus {text-decoration:none; color:#ee8207;} .innen { position:relative; width:900px; left:0px; z-index:5; } #homeslidercontainer {position:relative; float:left; width:580px; top:30px; left:0px;} #homeslider { position:relative; height:270px; width:580px; top:0px; left:0px; float:left; background-position: -640px -430px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow: 0 0 4px 4px #CCCCCC; -webkit-box-shadow: 0 0 4px 4px #CCCCCC; box-shadow: 0 0 4px 4px #CCCCCC; } #homesliderbox { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; height:250px; width:560px; top:10px; position:relative; border:1px solid #CCCCCC; } #shorttext { position:relative; top:35px; padding-bottom:35px; text-align:left; line-height:175%; left:10px; width:560px; } #shorttext h1 {font-size:1.3em; color:#ee8207; font-weight:bold; padding-bottom:8px;} #buttonscontainerhome {float:right; position:relative; top:25px;} #logohome {float:right; right:20px; top:40px;} #homehgbalken {position:relative; top:0px; background-position:0 0; background-repeat: repeat-x; width:100%; height:45px; z-index:4} #homehg {clear:both;background-color:#ffe1c1; position:relative; top:65px; z-index:3; margin-bottom:-20px;} #homelinkespalte { position:relative; float:left; width:600px; } #homelinkespalte #contentfooter {color:#ee8207; padding-bottom:25px;} #homelinkespalte #contentfooter a {color:#ee8207} #homerechtespalte { position:relative; float:right; width:300px; right:-20px; z-index:5; } span#schnellmenue { position:relative; left:25px; color:#FFFFFF; width:250px; font-size:1.2em; padding:8px 0 8px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:block; text-decoration:none; padding:10px 0 10px 0; background-color: #ee8207; cursor:pointer;cursor:hand; } .schnellmenueclosed {background-position: -1392px -819px;} .schnellmenueopen {background-position: -1392px -848px;} #schnellmenuecontainer { width:160px; position:absolute; background-color:#ee8207; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:25px; top:-35px; right:-30px; z-index:6; background-position: -25px -880px; border:1px solid #ee8207; background-color: #ffc888; text-align:left; } ul.schnellnavigation{ text-decoration:none; padding-left:0px; list-style: none; } ul.schnellnavigation li {list-style: none; padding-top:10px; line-height:150%;} ul.schnellnavigation li ul {padding-left:15px;} ul.schnellnavigation li a {text-decoration:none;} ul.schnellnavigation a, ul.schnellnavigation a:link, ul.schnellnavigation a:visited {color:#ee8207;} ul.schnellnavigation a:hover, ul.schnellnavigation a:active, ul.schnellnavigation a:focus {color:#58585a;} #homeinfotextcontainer { position:absolute; height:200px; width:370px; top:5px; left:5px; background-position: -970px -830px; z-index:4; } #homeinfotextcontainer div {position:relative; padding-top:15px; width:300px; left:0px; line-height:175%; font-size:0.8em;} #footerhome {z-index:5; margin-top:65px !important; top:0px !important; } #balken { width:100%; padding:10px 0 10px 0; } #balkencontent h1 { color:#f9bc77; font-size:1.3em; font-weight:normal; display:inline; line-height:150%; padding-left:20px; } #balkencontent {width:900px;} .text { font-family:verdana, arial, helvetica, sans-serif; line-height:190%; } .text h1{ color:#ee8207; font-size:1.6em; font-weight:normal; padding-bottom:15px; } #rechtespalte { float:right; right: 15px; width:315px; position:relative; top:0px; } #footer, #footerhome { width:100%; padding:15px 0 15px 0; background-position: 0px -85px; background-repeat: repeat-x; left:0px; position:relative; text-align:left; } #footer {top:50px;} #footercontent { width:900px; position:relative; color:#ffe1c1; font-size:0.85em; left:0px; padding-top:50px; line-height:150%; padding-bottom:20px; } #footercontent h3 {color:#ffe1c1; font-weight:normal; font-size:1em; display:inline;} #footercontent a:link, #footercontent a:visited {color:#ffe1c1; text-decoration:none; } #footercontent a:hover, #footercontent a:active, #footercontent a:focus {color:#FFFFFF; text-decoration:underline; } .hidden {display:none;} #formulartarget {display:none} ::-moz-selection { background: #ee8207; color: #fff; text-shadow: none; } ::selection { background: #ee8207; color: #fff; text-shadow: none; } .floatright {float:right} .underline {text-decoration:underline;} img {border:0px;} div.clear {clear:both; height:0px; line-height:0px; } .ie6 .iepng, .ie6 .iepng img, .ie6 a.iepng, .ie6 img.iepng, .ie6 input.iepng {behavior: url(iepngfix.htc) } .ie6 .roundborder, .ie7 .roundborder, .ie8 .roundborder {behavior: url(pie.htc); box-shadow: none; border-width:1px; border-style:solid; border-color:#CCCCCC; } .ie6 .ieroundborder, .ie7 .ieroundborder, .ie8 .ieroundborder {behavior: url(pie.htc);} .ie7 #kopfbild {top:-170px; margin-bottom:-170px;} .ie7 #buttontelefon, .ie7 #buttonangebotanfordern {top:20px; margin-bottom:20px;} .ie7 #balkencontent {text-align:left; } .ie7 #suche {margin-top:-25px;} .ie7 .js-on ul.dropdown li.enter ul {margin-top:20px} .ie6 #entdecken {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/entdecken.png', sizingMethod='crope');} .ie7 #entdecken {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/entdecken.png', sizingMethod='crope');} .ie8 #entdecken {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/entdecken.png', sizingMethod='crope');} .ie6 .navitabs div {display:block; clear:left; padding-left:0px; margin-right:-50px; color:#68aed2} .ie6 .navitabs, .ie7 .navitabs, .ie8 .navitabs {behavior: url(https://www.alu-terrassen-dach.de/pie.htc);} #awOnePageButton .view-slide{display: none;} .showcase-load {height: 180px; overflow: hidden;} .showcase-onepage {} .showcase { position: relative; margin: auto;} #promobox .showcase-content-container {background-color: #FFFFFF;} .showcase-arrow-previous, .showcase-arrow-next { position: absolute; background: url('https://www.alu-terrassen-dach.de/images/sprite.png') no-repeat top left; width: 33px; height: 33px; top: 220px; cursor: pointer; } .showcase-arrow-previous {background-position: -290px -466px; left: -60px;} .showcase-arrow-previous:hover { background-position: -290px -500px; } .showcase-arrow-next {right: -56px; background-position: -329px -466px; } .showcase-arrow-next:hover { background-position: -329px -500px; } #promobox .showcase-content {background-color: #FFFFFF; text-align: center; } #homesliderbox .showcase-content {text-align: center; } #promobox .showcase-content-wrapper { width: 210px; display: table-cell; vertical-align: middle; text-align: left; font-size:0.85em; line-height:175%; padding-top:10px; } #homesliderbox .showcase-content-wrapper { width: 560px; display: table-cell; vertical-align: middle; text-align: left; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } #promoboxhome .showcase-content-wrapper img { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; margin-right:10px; } #homesliderbox .showcase-content-wrapper img { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }