Im IE6 verrutscht mir ein div (Spalte) nach unten
Hallo miteinander,
vorweg ich bin neu hier, verzeiht mir deshalb, wenn ich irgendetwas blödes frage oder schreibe.
Habe meine erste Website nun komplett mit css formatiert. Leider tritt im IE6 dabei ein ein gravierender Fehler auf: Die rechte Spalte verrutscht nach unten.
Was ist was: Im container "content" befindet sich ein div namens "linkespalte" und ein div namens "rechtespalte". Die rechte Spalte verrutscht nach unten.
Die website kann man sich unter P U R E M O U N T A I N E Q U I P M E N T S H O P G A R G E L L E N anschauen.
Nachfolgend der html code und das stylesheet, vielleicht kann mir ja jemand helfen.
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta name="description" content="Pure Mountain Equipment Shop, der Sportshop in Gargellen, Skiverleih, Skiservice und Skidepot" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Sportshop, Ski, Steigeisen, Gargellen, Pure Mountain, Snowboard, Wintersteiger, Hochtour, Schneeschuhe, Norrona, Vaude, Black Diamond, Rent, Skiverleih, Skiservice, Montafon, Hochmontafon, Schischule, Skischule, Bergbahnen Gargellen, Lupo, Skidepot, Talstation" />
<title>P U R E M O U N T A I N E Q U I P M E N T S H O P G A R G E L L E N </title>
<link rel=”shortcut icon” href=”pme/favicon.ico” type=”image/x-icon”>
<link rel="stylesheet" type="text/css" href="layout.css"/>
<link href="lightbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</head>
<body id="index">
<div id="wrapper">
<div id="topnavi">
<ul>
<li id="topnavi1">[ <a href="kontakt.html">Kontakt</a> ]</li>
<li id="topnavi2">[ <a href="impressum.html">Impressum</a> ]</li>
<a href="http://www.traumschnee.at"><img src="seitengrafiken/icon_bergbahn.png" alt="Zu den Bergbahnen Gargellen" width="50" height="30" align="absmiddle" /></a>
<a href="http://www.tourandclimb.at"><img src="seitengrafiken/icon_tundc.png" alt="Zur Tour $ Climb Trophy" width="50" height="30" align="absmiddle" /></a>
<a href="http://www.waterattack.at"><img src="seitengrafiken/icon_wa.png" alt="Zum Water Attack Gargellen" width="50" height="30" align="absmiddle" /></a>
</ul>
</div>
<div id="banner"> <a href="index.html"><img src="seitengrafiken/logo_top.png" alt="hier gelangst du zur base" name="abstand_logo" width="363" height="187" border="0" /></a>
</div>
<div id="info_zeiten">
<div id="talstation">
<img src="seitengrafiken/direkt.png" alt="Bequemer geht es nicht..." width="363" height="40"/>
</div>
<div id="zeiten">
<p>täglich von 8.00 - 18.00 Uhr - Tel. +43.(0)5557.6310.600</p></div>
</div>
<div id="navigation">
<ul>
<li id="navi1"><a href="index.html">base</a></li>
<img src="seitengrafiken/trennstrich.png" width="16" height="40" align="absmiddle" />
<li id="navi2"><a href="shop.html">shop</a></li>
<img src="seitengrafiken/trennstrich.png" width="16" height="40" align="absmiddle" />
<li id="navi3"><a href="service.html">service</a></li>
<img src="seitengrafiken/trennstrich.png" width="16" height="40" align="absmiddle" />
<li id="navi4"><a href="verleih.html">rent</a></li>
<img src="seitengrafiken/trennstrich.png" width="16" height="40" align="absmiddle" />
<li id="navi5"><a href="depot.html">depot</a></li>
</ul>
</div>
<div id="content">
<div id="linkespalte">
<p>
<h2>"Wir freuen uns über Ihren Besuch!"</h2></p>
<div id="content_text"><p>Herzlich Willkommen auf der Internetseite von Pure Mountain Equipment. In unserem Shop stehen Ihnen kompetente Mitarbeiter für alle Fragen und Wünsche rund um die Themen Ski, Snowboard, Tourenski und Winterwandern zur Verfügung.</p><p>(Zum Vergrößern einfach auf das Bild klicken)</p><br />
<p><a href="images/pano_shop_gr.jpg" rel="lightbox" title="Das sehen Sie, wenn Sie unseren Shop betreten"><img src="seitenfotos/pme_pano_neu.jpg" width="533" height="197" alt="Pure Mountain Equipment im Rundumblick" class="bild_top"/></a></p>
<p>Unser Shop, sowie die Service- und Verleihabteilung haben in der Wintersaison vom 04.12.09 bis zum 18.04.2010 täglich von 8.00 bis 18.00 Uhr geöffnet.</p>
</div>
<div id="rubriken">
<div id="rubrik_shop">
<p><h4>Pure Mountain Equipment - SHOP</h4>
<p><img src="seitenfotos/shop.jpg" width="150" height="80" alt="Exklusive Marken bei uns im Shop" /></p>
In unserem Shop finden Sie rund um das Thema Bergsport im Winter - natürlich auch im Sommer - alles was sie für einen tollen Tag draußen in der Natur bei Ihrem Sport brauchen. <a href="shop.html"> Weitere Infos >>></p></a></div>
<div id="rubrik_service">
<p><h4>Pure Mountain Equipment - SERVICE</h4>
<p><img src="seitenfotos/service.jpg" width="150" height="80" alt="Servicemaschinen vom Feinsten"/></p>
<p>Mit hocheffizienten Servicemaschinen bringen wir Ihr Equipment auf den Vordermann. Am Abend gebracht - am nächsten Morgen gemacht. Und wenn es sein muss, legen wir auch Hand an. <a href="service.html">Weitere Infos >>></a></p>
</div>
<div id="rubrik_rent">
<p><h4>Pure Mountain Equipment - rent</h4>
<p><img src="seitenfotos/verleih.jpg" width="150" height="80" alt="Große Auswahl an Wintersportgeräten im Verleih" /></p>
<p>Inm unserem Verleihbereich finden Sie die neuesten Ski- und Snowboardmodelle und Wintersportgeräte. Entsprechend Ihren Wünschen werden Sie persönlich und sehr individuell beraten. <a href="rent.html">Weitere Infos>>></a></p>
</div>
<div id="rubrik_depot">
<p><h4>Pure Mountain Equipment - depot</h4></p>
<p><img src="seitenfotos/depot.jpg" width="150" height="80" alt="Trocken und desinfiziert" /></p>
<p>Bequem und komfortabel - Das Ski/Board- und Schuhdepot in unserem Shop! Über Nacht wird Ihre Ausrüstung getrocknet und die Schuhe werden zusätzlich desinfiziert. Und tragen muss man schließlich auch nichts mehr. <a href="depot.html">Weitere Infos>>></a></p>
</div>
<div id="ort">
<p><a href="images/pano_shop_gr_2.jpg" rel="lightbox" title="Unser Shop mit dem Verleih-Bereich"><img src="seitenfotos/pme_pano_neu_2.jpg" width="533" height="120" alt="Unser Shop mit dem Verleih-Bereich" class="bild_top"/></a></p>
Der Pure Mountain Equipment Shop befindet sich direkt in der Talstation der Bergbahnen Gargellen. Vom Parkplatz aus in 1 Minute zu erreichen. Mit den Skiern können Sie eigentlich fast bis in den Shop fahren - wären da nicht zwei Türen.<br />
<p>Wir freuen uns auf SIE - Das Team vom Pure Mountain Equipment</p><br />
</div>
</div>
</div>
<div id="rechtespalte">
<div id="navigation_rechts">
<ul>
<li id="navi1_r"><img src="seitengrafiken/b_reservierung.png" alt="Online Reservierung" width="54" height="54" align="absmiddle" />
<a href="reservierung.html">online-reservierung</a><a href="reservierung.html"></a></li>
<li id="navi2_r"><img src="seitengrafiken/b_download.png" alt="Zum Downloadbereich" width="54" height="54" align="absmiddle" />
<a href="download.html">download</a></li>
<li id="navi3_r"><img src="seitengrafiken/b_anfahrt.png" alt="Anfahrhinweise" width="54" height="54" align="absmiddle" />
<a href="anfahrt.html">anfahrt</a></li>
<li id="navi4_r"><img src="seitengrafiken/b_bergbahn.png" alt="Zu den Bergbahnen Gargellen" width="54" height="54" align="absmiddle" />
<a href="http://www.gargellen.at/bergbahnen_winter.html">bergbahnen gargellen</a></li>
</ul>
</div>
<div id="new">
<p><img src="seitenfotos/kristallbahn.jpg" width="297" height="250" alt="Informationen zur neuen Kristallbahn" /></p>
<div id="text_kb">
<p>Die neue Kristallbahn: Ein 6er Sessellift mit Wetterschutzhaube und Sitzheizung. Durch Abbruch und Umbau von bestehenden Liften wurde dadurch auch ein umfangreicheres Pistenangebot in Gargellen geschaffen. <a href="http://www.gargellen.at/bergbahnen_winter.html">Mehr Infos>>></a></p></div>
</div>
<div id="tac">
<p><img src="seitengrafiken/tac.png" width="277" height="79" alt="Tour & Climb Trophy"" /></p>
<div id="text_tac">
<p>Am 10. April 2010 findet die zweite Tour&Climb Trophy in Gargellen statt. Ein kurzweiliger Wettbewerb aus einer Kombination aus Tourengehen und Klettern. <a href="http://www.tourandclimb.at">Mehr Infos>>></a></p>
</div>
<div id="wa">
<p><img src="seitengrafiken/wa.png" width="277" height="79" alt="Water Attack und Beachparty in Gargellen" /></p>
<div id="text_wa">
<p>Am 17. April 2010 wird auf 1500m in Gargellen die Badesaison eingeläutet. Water Attack Contest und Beachparty beim Schirm direkt neben der Talstation. <a href="http://www.waterattack.at">Mehr Infos>>></a></p>
</div>
</div>
</div><div id="bilderleiste">
<p><img src="seitenfotos/index_rechts.jpg" width="297" height="274" alt="Viele Sondermodelle im Verleih" /></p><br />
</div>
</div>
</div>
<div id="marken">
<p><img src="seitengrafiken/markenbanner.png" alt="Das ist nur ein Tei, der Marken, die wir führen" width="950" height="140" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="10,7,138,39" href="http://www.vaude.com" alt="Zur Website von Vaude" />
<area shape="rect" coords="146,6,258,37" href="http://www.leki.de" alt="Zur Website von Leki" />
<area shape="rect" coords="269,8,381,38" href="http://www.norrona.com/en" alt="Zur Website von Norrona" />
<area shape="rect" coords="394,10,530,36" href="http://www.karitraa.com/" alt="Zur Website von Kari Traa" />
<area shape="rect" coords="542,8,687,37" href="http://www.bdel.com" alt="Zur Website von Black Diamond" />
<area shape="rect" coords="696,5,761,64" href="http://www.snowpulse.ch/v5/de/" alt="Zur Website von Snowpulse" />
<area shape="rect" coords="765,7,820,59" href="http://www.deuter.com/" alt="Zur Website von Deuter" />
<area shape="rect" coords="829,7,938,59" href="http://www.lasportiva.it/Inglese/HomePage.php" alt="Zur Website von La Sportiva" />
<area shape="rect" coords="7,49,61,99" href="http://www.wildroses.it/index.php?lan=en" alt="Zur Website von Wild Roses" />
<area shape="rect" coords="65,49,206,66" href="http://www.scott-sports.com/" alt="Zur Website von Scott" />
<area shape="rect" coords="67,70,189,96" href="http://www.fischersports.com/de/" alt="Zur Website von Fischer" />
<area shape="rect" coords="213,49,285,72" href="http://www.shredoptics.com/" alt="Zur Website von Shred" />
<area shape="rect" coords="291,44,362,77" href="http://www.ripcurl.com/" alt="Zur Website von Rip Curl" />
<area shape="rect" coords="373,43,451,79" href="http://www.gloryfy.com/" alt="Zur Website von Gloryfy" />
<area shape="rect" coords="464,46,556,65" href="http://www.slytechprotection.com/" alt="Zur Website von Slytech" />
<area shape="rect" coords="563,43,661,64" href="http://www.giro.com/de-eu/?loc=1" alt="Zur Website von Giro" />
<area shape="rect" coords="9,101,135,136" href="http://www.voelkl.com/" alt="Zur Website von Völkl" />
<area shape="rect" coords="145,96,184,135" href="http://www.pieps.com/" alt="Zur Website von Pieps" />
<area shape="rect" coords="199,80,246,129" href="http://www.chanex-outerwear.com/" alt="Zur Website von Chanex" />
<area shape="rect" coords="260,82,307,130" href="http://www.adidas.com/de/homepage.asp" alt="Zur Website von Adidas" />
<area shape="rect" coords="315,85,394,130" href="http://www.ortovox.com/home.html" alt="Zur Website von Ortovox" />
<area shape="rect" coords="400,84,496,129" href="www-rossignol.com" alt="Zur Website von Rossignol" />
<area shape="rect" coords="500,73,593,96" href="http://www.craft-sports.de/" alt="Zur Website von Craft" />
<area shape="rect" coords="499,106,593,130" href="http://www.reusch.com/site/" alt="Zur Website von Reusch" />
<area shape="rect" coords="607,69,725,98" href="http://www.nordica.com/site/index.php" alt="Zur Website von Nordica" />
<area shape="rect" coords="606,103,729,126" href="http://www.dalbello.it/" alt="Zur Website von Dalbello" />
<area shape="rect" coords="736,67,849,86" href="http://www.head.com/" alt="Zur Website von Head" />
<area shape="rect" coords="741,91,846,131" href="http://www.fritschi.ch/" alt="Zur Website von Fritschi" />
<area shape="rect" coords="860,64,939,94" href="http://www.x-action.at/" alt="Zur Website von X-Action" />
<area shape="rect" coords="861,99,940,134" href="http://www.alpina-eyewear.de/" alt="Zur Website von Alpina" />
</map>
</p>
</div>
<div id="footer">
<div id="anschrift">
<p>[ A-6787 Gargellen ] [ fon 0043.(0)5557.6310.600 ] [ www.puremountain.at ]</p>
</div>
<div id="navigation_footer">
<ul>
<li id="navi1_footer">[ <a href="index.html">base</a> ]</li>
<li id="navi2_footer">[ <a href="shop.html">shop</a> ]</li>
<li id="navi3_footer">[ <a href="service.html">service</a> ]</li>
<li id="navi4_footer">[ <a href="verleih.html">rent</a> ]</li>
<li id="navi5_footer">[ <a href="depot.html">depot</a> ]</li>
<li id="navi6_footer">[ <a href="reservierung.html">online reservierung</a> ]</li>
<li id="navi7_footer">[ <a href="anfahrt.html">anfahrt</a> ]</li>
<li id="navi8_footer">[ <a href="kontakt.html">kontakt</a> ]</li>
<li id="navi9_footer">[ <a href="download.html">download</a> ]<br /></li>
<li id="navi10_footer">[ <a href="http://www.gargellen.at/bergbahnen_winter.html">bergbahnen gargellen</a> ]</li>
<li id="navi11_footer">[ <a href="partner.html">kooperationspartner</a> ]</li>
<li id="navi12_footer">[ <a href="impressum.html">impressum</a> ]</li>
<li id="navi13_footer">[ <a href="datenschutz.html">datenschutz</a> ]</li>
<li id="navi14_footer">[ <a href="agb.html">agb</a> ]</li>
</ul>
</div>
</div>
<div id="copyright">
<p>© Gargellner Bergbahnen GmbH & Co • 2006-2009</p>
</div>
<div id="valide">
<p><img src="seitengrafiken/vcss.gif" width="88" height="31" alt="Dieses Dokument wurde als CSS level 2.1 validiert! " /></p>
</div>
</div>
</body>
</html>
Hier das stylesheet:
Code:
@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, bloclqoute, th, td {
margin:0;
padding:0;
font-size:100%;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
}
ol, ul {
list-style-type:none;
}
img {
border:0px;
}
a area {outline: none;}
a:focus {
outline:none;
}
a:focus {
border:none;
}
body {
font-family:"Arial", Helvetica, sans-serif;
font-size:0.9em;
color:#FFF;
background-color:#000;
background-image:url(seitengrafiken/gradient_to_blue.png);
background-repeat:repeat-x;
}
a:link {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
color: #009EE0;
}
a:visited {
text-decoration:none;
}
h1 {
font-size:180%;
}
h2 {
height:40px;
padding-top:6px;
padding-left:10px;
font-size:160%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:lighter;
color:#FFF;
font-style:italic;
background-image:url(seitengrafiken/bg_headline_page.png);
background-repeat:repeat-x;
}
h3 {
font-size:140%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:lighter;
color:#FFF;
padding-bottom:5px;
background-image:url(seitengrafiken/bg_ue_schriften.png);
background-position:bottom;
background-repeat:no-repeat;
margin-bottom:15px;
}
h4 {
height:40px;
padding-top:8px;
padding-left:10px;
padding-bottom:10px;
font-size:180%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:lighter;
color:#FFF;
text-transform:uppercase;
background-image:url(seitengrafiken/bg_headline_2.png);
background-repeat:repeat-x;
}
h5 {
margin-bottom:10px;
font-size:120%;
font-weight:bold;
font-variant:small-caps;
padding-top:5px;
padding-bottom:5px;
border:2px;
border-style:solid;
border-color:#CCC;
border-left:none;
border-right:none;
}
h6 {
margin-left:20px;
padding-bottom:5px;
padding-left:5px;
font-size:1.5em;
color:#999;
font-variant:small-caps;
}
#wrapper {
background-color:#000;
background-image:url(seitengrafiken/back.png);
background-repeat:no-repeat;
color:#FFF;
width:950px;
margin-top:5px;
margin-right:auto;
margin-bottom:15px;
margin-left:auto;
}
#topnavi {
height:10px;
font-size: 0.8em;
letter-spacing:0.2em;
font-weight:bold;
text-align:right;
text-transform:lowercase;
padding-top: 4px;
padding-bottom: 24px;
}
#topnavi a:hover {
color:#CCCCCC;
}
#topnavi li {
display:inline;
}
#topnavi a {
color:#BAC451;
padding-left:5px;
text-transform:uppercase;
}
#impressum #topnavi2 a,
#kontakt #topnavi1 a {
color:#FFF;
font-weight:bold;
}
#banner {
height:300px;
background-image:url(bannerfotos/b_index_rahmen.jpg);
background-position:right;
background-repeat:no-repeat;
}
#banner2 {
height:300px;
background-image:url(bannerfotos/banner_reservierung.jpg);
background-position:right;
background-repeat:no-repeat;
}
#banner3 {
height:300px;
background-image:url(bannerfotos/banner_download.jpg);
background-position:right;
background-repeat:no-repeat;
}
#banner4 {
height:300px;
background-image:url(bannerfotos/banner_kontakt.jpg);
background-position:right;
background-repeat:no-repeat;
}
#banner5 {
height:300px;
background-image:url(bannerfotos/banner_impressum.jpg);
background-position:right;
background-repeat:no-repeat;
}
#banner6 {
height:300px;
background-image:url(bannerfotos/banner_datenschutz.jpg);
background-position:right;
background-repeat:no-repeat;
}
#banner7 {
height:300px;
background-image:url(bannerfotos/banner_anfahrt.jpg);
background-position:right;
background-repeat:no-repeat;
}
#banner8 {
height:300px;
background-image:url(bannerfotos/banner_verleih.jpg);
background-position:right;
background-repeat:no-repeat;
}
#banner9 {
height:300px;
background-image:url(bannerfotos/banner_partner.jpg);
background-position:right;
background-repeat:no-repeat;
}
#banner10 {
height:300px;
background-image:url(bannerfotos/banner_depot.jpg);
background-position:right;
background-repeat:no-repeat;
}
#banner11 {
height:300px;
background-image:url(bannerfotos/banner_service.jpg);
background-position:right;
background-repeat:no-repeat;
}
#banner12 {
height:300px;
background-image:url(bannerfotos/banner_shop.jpg);
background-position:right;
background-repeat:no-repeat;
}
#info_zeiten {
width:950px;
padding-top:20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
color:#FFF;
}
#talstation {
padding-right:5px;
float:left;
}
#zeiten {
height:30px;
padding-top:10px;
}
#navigation {
margin-left:2px;
text-align:center;
clear: both;
padding-top:12px;
font-size:2.2em;
letter-spacing:0.1em;
}
#navigation li {
display:inline;
}
#navigation a {
padding-right:7px;
padding-bottom:15px;
padding-left:7px;
color:#BAC451;
text-transform:uppercase;
}
#navigation a:hover {
color:#FFF;
background-image:url(seitengrafiken/pfeil_unten.png);
background-repeat:no-repeat;
background-position:bottom;
}
#index #navi1 a,
#shop #navi2 a,
#service #navi3 a,
#rent #navi4 a,
#depot #navi5 a {
text-decoration:none;
color:#CCCCCC;
background-image:url(seitengrafiken/pfeil_unten.png);
background-repeat:no-repeat;
background-position:bottom;
}
#index #navi1 a:visited,
#shop #navi2 a:visited,
#service #navi3 a:visited,
#rent #navi4 a:visited,
#depot #navi5 a:visited {
text-decoration:none;
}
#content {
width:950px;
margin-top:45px;
float:right;
}
#linkespalte {
background-color:#202020;
float:left;
width:553px;
padding-top:20px;
padding-right:20px;
padding-bottom:5px;
padding-left:20px;
margin-bottom:25px;
}
#rechtespalte {
float:right;
width:307px;
padding-right:15px;
padding-bottom:20px;
padding-left:30px;
}
#navigation_rechts {
width:317px;
}
#navigation_rechts a {
padding-left:6px;
padding-right:5px;
padding-bottom:14px;
color:#BAC451;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.2em;
text-transform:uppercase;
}
#navigation_rechts li {
background-color:#202020;
padding-bottom:5px;
margin-bottom:5px;
padding-top:5px;
padding-left:25px;
border-color:#2A2A2A;
border-style:solid;
border-width:5px;
}
#navigation_rechts a:hover {
color:#FFF;
}
#reservierung #navi1_r a,
#download #navi2_r a,
#anfahrt #navi3_r a {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.2em;
color:#FFF;
text-decoration:underline;
}
#marken {
clear:both;
margin-bottom:15px;
}
#footer {
height:170px;
background-image:url(seitengrafiken/bg_footer.png);
background-repeat:no-repeat;
color:#999;
}
#anschrift {
padding-top:65px;
text-align:center;
}
#navigation_footer {
margin-top:35px;
text-align:center;
}
#navigation_footer li {
display:inline;
}
#index #navi1_footer a,
#shop #navi2_footer a,
#service #navi3_footer a,
#rent #navi4_footer a,
#depot #navi5_footer a,
#reservierung #navi6_footer a,
#anfahrt #navi7_footer a,
#kontakt #navi8_footer a,
#download #navi9_footer a,
#bergbahn #navi10_footer a,
#partner #navi11_footer a,
#impressum #navi12_footer a,
#datenschutz #navi13_footer a,
#agb #navi14_footer a {
color:#CCCCCC;
font-weight:bold;
}
#navigation_footer a {
padding-bottom:18px;
color:#BAC451;
text-transform:uppercase;
}
#navigation_footer a:hover {
color:#FFF;
}
#copyright {
margin-top:15px;
padding-bottom:15px;
text-align:center;
font-size:0.8em;
color:#009EE0;
}
#content_text {
margin-top:20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:0.8em;
letter-spacing:0.1em;
color:#E7EAC3;
}
#rubriken {
margin-top:25px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:0.8em;
letter-spacing:0.1em;
color:#E7EAC3;
}
#rubriken img {
border-color:#FFF;
border-width:10px;
border-style:solid;
}
#rubriken a {
color:#BAC451;
font-weight:bold;
text-transform:uppercase;
}
#rubriken a:hover {
color:#FFF;
}
#rubrik_service {
clear:left;
padding-top:10px;
}
#rubrik_rent {
clear:left;
padding-top:10px;
}
#rubrik_depot {
clear:left;
padding-top:10px;
}
#rubriken img {
float:left;
margin-right:15px;
margin-bottom:15px;
}
#ort {
clear:left;
padding-top:10px;
text-align:left;
}
#new {
margin-top:10px;
clear:right;
width:317px;
padding-top:62px;
background-color:#222130;
background-image:url(seitengrafiken/new.png);
background-position:top;
background-repeat:no-repeat;
}
#new img {
border:10px;
background-color:#FFF;
border-style:solid;
}
#text_kb {
margin-top:5px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
font-family:
"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:0.7em;
letter-spacing:0.1em;
color:#E7EAC3;
}
#text_kb a {
color:#BAC451;
font-weight:bold;
text-transform:uppercase;
}
#text_kb a:hover {
color:#FFF;
}
#tac {
width:317px;
background-color:#005CA1;
background-image:url(seitengrafiken/event.png);
background-position:top;
background-repeat:no-repeat;
padding-top:48px;
}
#tac img {
margin-left:10px;
border:10px;
background-color:#FFF;
border-style:solid;
}
#text_tac {
margin-top:5px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
font-family:
"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:0.7em;
letter-spacing:0.1em;
color:#E7EAC3;
}
#text_tac a {
color:#BAC451;
font-weight:bold;
text-transform:uppercase;
}
#text_tac a:hover {
color:#FFF;
}
#wa {
width:317px;
background-color:#005CA1;
}
#text_wa {
margin-top:5px;
padding-right:10px;
padding-bottom:15px;
padding-left:10px;
font-family:
"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:0.7em;
letter-spacing:0.1em;
color:#E7EAC3;
}
#text_wa a {
color:#BAC451;
font-weight:bold;
text-transform:uppercase;
}
#text_wa a:hover {
color:#FFF;
}
#googleroute {
clear:left;
padding-top:20px;
padding-bottom:15px;
text-align:center;
}
#bauprojekte {
margin-top:10px;
padding-top:10px;
width:317px;
background-color:#3B4858;
}
#bauprojekte a:hover {
text-decoration:none;
color:#FFF;
}
#text_bb {
margin-top:5px;
padding-right:10px;
padding-bottom:15px;
padding-left:10px;
font-family:
"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:0.7em;
letter-spacing:0.1em;
color:#E7EAC3;
}
#text_bb a {
color:#BAC451;
font-weight:bold;
text-transform:uppercase;
}
#bauprojekte img {
margin-left:10px;
border:10px;
background-color:#FFF;
border-style:solid;
}
#vorteile li {
padding-left:15px;
color: #BAC451;
font-size:1.0em;
line-height:2.0em;
}
#kontakt_klick {
margin-top:20px;
padding-bottom:20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:0.8em;
letter-spacing:0.1em;
}
.bild_top {
margin-bottom:20px;
border:10px;
border-style:solid;
border-color:#FFF;
}
#kontakt_pme p {
font-size:1.1em;
color:#BAC451;
}
#kontakt_pme {
}
#kontakt_pme p {
font-size:1.1em;
color:#BAC451;
}
#kontakt_pme a {
color: #BAC451;
}
#kontakt_pme a:hover {
text-decoration:none;
color:#FFF;
}
#impressum_content {
font-size:1.1em;
color:#BAC451;
}
#impressum_content a {
color: #BAC451;
}
#impressum_content a:hover {
text-decoration:none;
color:#FFF;
}
#download {
color:#FFF;
}
#dl_inhalt img {
float:left;
margin-right:15px;
margin-bottom:25px;
}
#dl_inhalt_2 {
clear:left;
}
#dl_inhalt_3 {
clear:left;
}
#dl_inhalt_4 {
clear:left;
}
#depot_preise {
padding-left:51px;
}
#formular_res {
padding-left:26px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:0.9em;
letter-spacing:0.2em;
color:#FFF
}
#nach_oben {
padding-top:10px;
padding-bottom:10px;
text-align:center;
}
#koop_partner {
padding-bottom:10px;
padding-left:100px;
line-height:2.5em;
letter-spacing:0.2em;
}
#koop_partner a {
color:#BAC451;
}
#koop_partner a:hover {
color:#FFF;
text-decoration:none;
}
#koop_partner a[href^="http:"] {
background-image:url(seitengrafiken/extern.png);
background-position:left top;
background-repeat:no-repeat;
padding-left:20px;
}
.thumbs {
margin-left:0px;
margin-top:20px;
margin-right:20px;
border:10px;
border-color:#FFF;
border-style:solid;
}
#content_text ol {
padding-left:30px;
font-size:1.2em;
text-transform:uppercase;
color:#999;
line-height:1.5em;
}
#modelle a {
padding-left:15px;
color:#BAC451;
font-size:1.1em;
}
#modelle ol {
line-height:1.8em;
}
#modelle a:hover {
color:#FFF;
}
#preise_verleih ul {
margin-left:30px;
color:#BAC451;
list-style:square;
}
#preise_verleih img {
padding-left:20px;
}
.einruecken {
text-align:center;
}
#bilderleiste {
width:317px;
margin-top:20px;
margin-bottom:20px;
background-color:#000;
}
#bilderleiste img {
border:10px;
border-style:solid;
border-color:#FFF;
}
#valide {
text-align:center;
}
#disclaimer {
font-size:0.9em;
}
#service_preise {
text-align:center;
}
#video {
text-align:center;
}
#pfeil_nach_oben {
clear:left;
}
Vielen Dank
Torsten
|