body { font-size: 12px ; font-family : Verdana, Arial, Helvetica, sans-serif; color : #000000; background:url(html_bg.jpg) fixed center top no-repeat #280000; height:100%; margin:0; letter-spacing:0.1em;} *html body{text-align:center;/**/} input { font-size:11px ; font-family : Arial, Helvetica, sans-serif; color : #000000; background-color:#f2f2f2; padding-left:2px; padding-right:2px;} div.clearall{clear:both;visibility:hidden;/*ür IE6 und IE7 */ font-size: 1px; height: 0px; line-height: 0px; } #container {margin:0 auto ;padding:0;width:900px;display:block;*text-align:left;/**/} .orange {color:#7A0001;} .orange h1 {line-height:25px;} .green {color:#77BB00;} .green_link a {color:#000;text-decoration:none;} .green_link a:hover {color:#77BB00;text-decoration:underline;} #header { height:28px; padding: 0px; color: #000; background:#000; } /*Primary Navigation*/ #topnav {float: right;} #topnav ul {float: left;padding: 0 .8em 2px;margin: 0;} #topnav li {float: left;list-style: none;margin: 0;background: none;padding: 0;line-height: 25px;} #topnav li a {float: left;padding: 0 1em;font-size: 10px;color: #D0D0D0;text-decoration: none;margin-bottom: 2px;} #topnav li img {float: left;margin-top:6px;margin-bottom: 2px;} #topnav li a, a:hover {margin-bottom: 0;color: #D0D0D0;} #topnav li a:hover {color: #fff;margin-bottom: 0;} #mainnav {width:893px; border-right:3px solid #000; border-left:#000 3px solid; border-bottom:#000 1px solid;height:34px;background-color:#f2f2f2;} #spinner {height:200px;width:900px;padding:0; margin:0;} #portfolio {padding:0;margin:0;} #spinner ul {padding: 0 x;margin: 0;} #spinner li {list-style: none;} #logo {height:70px; padding:0px;float:left;} #menu {margin-left:2px;padding-top:45px;} #main { text-align:left;margin:0;padding:0;width:900px; height:auto;} #col1 {min-height:600px;height:auto;width:674px;float:left;background-color:#f2f2f2;border-left:#000 3px solid;padding-top:10px;} #col2 {min-height:610px;height:auto;width:220px;float:left;background-color:#f2f2f2;border-right:#000 3px solid;} #bigcol { background-color:#f2f2f2;border-left:#000 3px solid;border-right:#000 3px solid; padding:10px; line-height:18px; font-size:12px; } #bigcol a, li a {color:#000; text-decoration:none;} #bigcol a:hover, li a:hover {color:#7A0001; text-decoration:underline;} #blogCallout {background:url(curved_bottom_bg.gif) bottom left no-repeat;margin:8px;padding:0 0 8px 0;position:relative;} #blogCalloutContent {background:url(curved_top.gif) top left no-repeat;padding:8px 8px 0 8px;} #blogCalloutContent a {color:#000; font-size: 13px ;letter-spacing:0.1em;text-decoration:none;} #blogCalloutContent a:hover {color:#7A0001; font-size: 13px ;letter-spacing:0.1em;text-decoration:underline;} #blogCallout {background:url(curved_bottom_bg.gif) bottom left no-repeat;margin:8px;padding:0 0 8px 0;position:relative;} #blogCalloutContent {background:url(curved_top.gif) top left no-repeat;padding:8px 8px 0 8px;} #blogCalloutContent a {color:#000; font-size: 13px ;letter-spacing:0.1em;text-decoration:none;} #blogCalloutContent a:hover {color:#7A0001; font-size: 13px ;letter-spacing:0.1em;text-decoration:underline;} #blogCallout_team {background:url(curved_bottom_bg_team.gif) bottom left no-repeat;margin:8px;padding:0 0 8px 0;position:relative;} #col_50 { padding:10px; width:400px;height:auto; border-left:#000 3px solid; background-color:#f2f2f2; text-align:left; float:left;} #col_fifty { padding:10px; width:454px;height:auto; border-right:#000 3px solid; background-color:#f2f2f2; text-align:left; float:left;} #bikes_box_1 { float:left; height:310px; width:500px;border-left:#000 3px solid; background-color:#f2f2f2; text-align:left;} #bikes_box_2 { float:left; min-height:300px; width:384px; background-color:#f2f2f2; border-right:#000 3px solid; padding:5px;} #bike_box_1 { float:left; height:310px; width:500px;border-left:#000 3px solid; background-color:#f2f2f2; text-align:right;} #bike_box_2 { float:left; min-height:300px; width:384px; background-color:#f2f2f2; border-right:#000 3px solid; padding:5px;} #norco_box_1 { float:left; height:210px; width:450px;border-left:#000 3px solid; background-color:#f2f2f2;} #norco_box_2 { float:left; height:210px; width:424px; background-color:#f2f2f2; padding:5px;} .cannondale { text-align:left; margin-left:15px; margin-bottom: 10px; font: italic 28px/28px Impact, Arial, Helvetica, Verdana, sans-serif; text-transform: uppercase;letter-spacing: -0.9px;color : #77BB00; } #droessiger_icon { border-bottom:1px solid #77BB00; width:35px; height:20px; padding-top:7px;margin-left:10px; padding-left:10px; align:center; float:left; background-color:#fff;} #droessiger_part { border-bottom:1px solid #77BB00; float:left; height:20px; padding-top:7px;padding-left:20px;width:770px; text-align:left; background-color:#fff;} #test { background-color:#f2f2f2;border-left:#000 3px solid;border-right:#000 3px solid; padding:10px; font-size:10px; } #bike_box_2 a {color:#000; text-decoration:none;} #bike_box_2 a:hover {color:#7A0001; text-decoration:underline;} #footer {padding:0; color:#fff; background:url(footer-sprite.png); height:169px; } #footer_box_1 {width:33%; float:left; text-align:left bottom;} #footer_box_2 {width:33%; float:left;} #footer_box_3 {width:34%; text-align:right; float:left;} #agb { background-color:#f2f2f2;border-left:#000 3px solid;border-right:#000 3px solid;padding-right:3px;text-align:right; font-size:10px;color:#000;} #agb a {color:#000; text-decoration:none;} #agb a:hover {color:#000;text-decoration:none;} .slideshow { height: 600px; width: 670px; text-align:center; } .slideshow img { padding: 15px; } #shop_nav { width:220px; padding:5px; float:left;} #shop_main { width:630px; padding:5px; float:left;} #shop_main a {color:#000; text-decoration:none;} #shop_main a:hover {color:#7A0001;text-decoration:underline;} #shop_mini {font-size:10px;} #shop_mini a {font-size:10px; text-decoration:none;} #shop_mini a:hover {font-size:10px; text-decoration:underline;} .shadow3{ box-shadow: -6px -6px 10px #280000; -webkit-box-shadow: -6px -6px 10px #280000; -moz-box-shadow: -6px -6px 10px #280000; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#280000, offX=-6, offY=-6, positive=true); } #1 {background (url:spinner1.jpg);} #2 {background (url:spinner2.jpg);} #3 {background (url:spinner3.jpg);} #4 {background (url:spinner4.jpg);} #5 {background (url:spinner5.jpg);} #6 {background (url:spinner6.jpg);} #7 {background (url:spinner7.jpg);} /* Neue Startseite */ #new_wakeup { float:left; height:400px; width:375px; background:url(bg_wakeup.jpg) no-repeat; text-align:left; margin-left:35px;} #new_bike { float:right; height:400px; width:375px; background:url(bg_bike.jpg) no-repeat; text-align:left; } #new_content {height:400px; width:375px; padding-top:150px; padding-left:60px; } .boxgrid{ width: 300px; height: 250px; margin-top:5px; float:left; overflow: hidden; position: relative; } .boxgrid img{ position: absolute; top: 0; left: 0; border: 0; } .boxcaption{ float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .captionfull .boxcaption { top: 160; left: 0; } .caption .boxcaption { top: 120; left: 0; } #new_news { float:left; height:400px; width:375px; text-align:left; margin-left:35px;} #new_teamnews { float:right; height:400px; width:375px; text-align:left; margin-left:35px;} #twitter_ slide ul, li {list-style:none;} #twitter_slide a {color:#fff;} #twitter_slide a:hover {color:#fe8800;} #start_bild { background-image:url(startbilder/birgit_super.jpg);width:894px; height:570px; position:relative;border:3px solid #000;} #link_box { height:15px; width:879px; text-align:right; padding-right:15px; background-color:#000; color:#fff; position: absolute;left: 0;bottom: 0; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); filter: alpha(opacity=50); opacity: .5;} #link_box a {color:#fff; text-decoration:none; }