Curve
Design "Curve"
<---- Zurück
Infos zum diesem Design:
Dieses Design ist wirklich für alles einsetzbar und man kann es für alles gebrauchen. Vor allem die Slideshow sticht wunderbar hervor.
Ihr dürft alle Grafiken austauschen! - Das Copyright von turbopage muss stehen bleiben!
Text über dem Design:
<head>
<link rel="stylesheet" href="http://www.loaditup.de/files/772734_w2ggfw22fn.css" type="text/css" media="all">
<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,500,700' rel='stylesheet' type='text/css'>
<script src="http://www.loaditup.de/files/772732_x6yhkdmnrk.js"></script>
<script src="http://www.loaditup.de/files/772731_gz2zmxz84a.js"></script>
<script src="http://www.loaditup.de/files/772730_byrxw5y42d.js"></script>
</head>
<body>
<!-- wraper -->
<div id="wrapper">
<!-- shell -->
<div class="shell">
<!-- container -->
<div class="container">
<!-- header -->
<header id="header">
<h1 id="logo"><a href="#">Curve</a></h1>
</header>
<!-- end of header -->
<!-- navigation -->
<nav id="navigation"> <a href="#" class="nav-btn">HOME<span class="arr"></span></a>
<ul>
<li class="active"><a href="#">HOME</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">projects</a></li>
<li><a href="#">solutions</a></li>
<li><a href="#">jobs</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">contacts</a></li>
</ul>
</nav>
<!-- end of navigation -->
<!-- slider -->
<div class="m-slider">
<div class="slider-holder"> <span class="slider-shadow"></span> <span class="slider-b"></span>
<div class="slider flexslider">
<ul class="slides">
<li>
<div class="img-holder"> <img src="http://www.loaditup.de/files/772738_t5y8skhd6t.png" alt=""> </div>
<div class="slide-cnt">
<h2>Your Title Here</h2>
<div class="box-cnt">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget augue quis lorem ipsum dolor sit amet, consectetur adipiscing elit. llus eget augue quis lorem ipsum dolor sit amet, free css templates</p>
</div>
<a href="#" class="grey-btn">request a demo</a> </div>
</li>
<li>
<div class="img-holder"> <img src="http://www.loaditup.de/files/772739_8q6v8h8baf.png" alt=""> </div>
<div class="slide-cnt">
<h2>Your Title Here</h2>
<div class="box-cnt">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget augue quis lorem ipsum dolor sit amet, consectetur adipiscing elit. llus eget augue quis lorem ipsum dolor sit amet, free css templates</p>
</div>
<a href="#" class="grey-btn">request a demo</a> </div>
</li>
<li>
<div class="img-holder"> <img src="http://www.loaditup.de/files/772738_t5y8skhd6t.png" alt=""> </div>
<div class="slide-cnt">
<h2>Your Title Here</h2>
<div class="box-cnt">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget augue quis lorem ipsum dolor sit amet, consectetur adipiscing elit. llus eget augue quis lorem ipsum dolor sit amet, free css templates</p>
</div>
<a href="#" class="grey-btn">request a demo</a> </div>
</li>
</ul>
</div>
</div>
</div>
<!-- end of slider -->
<!-- main -->
<div class="main"> <a href="#" class="m-btn-grey grey-btn">request a demo</a>
<section class="cols">
<div class="col"> <img src="http://www.loaditup.de/files/772740_suqaufz5he.png" alt="">
<div class="col-cnt">
<h2>Design</h2>
<p>Lorem ipsum dolor sit amet, con-<br>
sectetur adipiscing dolor emor</p>
<a href="#" class="more">view more</a> </div>
</div>
<div class="col"> <img src="http://www.loaditup.de/files/772742_2qhuxpwp8v.png" alt="">
<div class="col-cnt">
<h2>Branding</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor</p>
<a href="#" class="more">view more</a> </div>
</div>
<div class="col"> <img src="http://www.loaditup.de/files/772743_y6rhqns2ph.png" alt="">
<div class="col-cnt">
<h2>Development</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing dolor</p>
<a href="#" class="more">view more</a> </div>
</div>
<div class="cl"> </div>
</section>
<section class="post">Text unter dem Design:
</section>
<section class="testimonial">
</section>
</div>
<!-- end of main -->
<div class="socials">
<div class="socials-inner">
<h3>Follow us</h3>
<ul>
<li><a href="#" class="facebook-ico"><span></span>Facebook</a></li>
<li><a href="#" class="twitter-ico"><span></span>Twitter</a></li>
<li><a href="#" class="rss-feed-ico"><span></span>Rss-feed</a></li>
<li><a href="#" class="myspace-ico"><span></span>myspace</a></li>
<li><a href="#" class="john-doe-123-ico"><span></span>john.doe.123</a></li>
</ul>
<div class="cl"> </div>
</div>
</div>
<div id="footer">
<div class="footer-cols">
<div class="col">
<h2>Services</h2>
<ul>
<li><a href="#">Web Design</a></li>
<li><a href="#">Branding</a></li>
<li><a href="#">Seo Optimization</a></li>
<li><a href="#">Mobile App Development</a></li>
</ul>
</div>
<div class="col">
<h2>Projects</h2>
<ul>
<li><a href="#">Lorem ipsum dolor </a></li>
<li><a href="#">Consectetuer adipiscing</a></li>
<li><a href="#">Proin sed odio et ante </a></li>
<li><a href="#">Mazim sensibus et usu</a></li>
</ul>
</div>
<div class="col">
<h2>Solutions</h2>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Consectetuer adipiscing</a></li>
<li><a href="#">Proin sed odio et ante </a></li>
<li><a href="#">Mazim sensibus et usu</a></li>
</ul>
</div>
<div class="col">
<h2>Partners</h2>
<ul>
<li><a href="#">Company Name 1</a></li>
<li><a href="#">Company Name 2</a></li>
<li><a href="#">Company Name 3</a></li>
<li><a href="#">Company Name 4</a></li>
</ul>
</div>
<div class="cl"> </div>
</div>
<!-- end of footer-cols -->
<div class="footer-bottom">
<nav class="footer-nav">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Jobs</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</nav>
<p class="copy">© Deine Webseite <span>|</span> <strong>Für den HpBk umgecodet von:<a target="_blank" href="http://turbopage.de.tl">Turbopage</a></strong> <span>|</span> <strong>Design by <a target="_blank" href="http://chocotemplates.com">ChocoTemplates</a></strong></p>
<div class="cl"> </div>
</div>
</div>
</div>
<!-- end of container -->
</div>
<!-- end of shell -->
</div>
<!-- end of wrapper -->
</body>
</html>
CSS-Code ohne Styletags:
*Dieses Design wurde von www.turbopage.de.tl für den HpBk umgecodet*
*Wir bieten in unserer Designerbase noch viele weitere kostenlose Designs an*
***www.turbopage.de.tl***
------------------------------------------------------------------------
#extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;}
table[height="102"] { margin: auto; }
#webme_footer_textlink_dont_hide {
width: 550px;
color: black;
background-color: transparent;
display: block;
margin: auto; }
div#webme_sky_ad{
width: 200px;
position: absolute;
top: 105px;
margin-left: 505px;
right: 0;
left: 50%;
}
* { margin: 0; padding: 0; outline: 0; }
body, html { height: 100%; }
body {
font-size: 12px;
line-height: 22px;
font-family: arial, sans-serif;
color: #828282;
background: url(http://www.loaditup.de/files/772694_3gbfgkswkz.png) repeat 0 0;
min-width: 100%;
}
/*font-family: 'Ubuntu', sans-serif;*/
a { color: #0252aa; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }
a.more { color: #2b9208; text-decoration: underline; padding-left: 11px; background: url(http://www.loaditup.de/files/772696_cs2msmub6y.png) no-repeat 0 5px; }
a.more:hover { text-decoration: none; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }
.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }
article, aside, details, footer, header, menu, nav, section { display: block; }
.shell { width: 990px; margin: 0 auto; }
.container { background: #fff; box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; -o-box-shadow: 0px 0px 13px rgba(0,0,0,0.3) ; }
#header { height: 54px; padding-top: 21px; padding-left: 33px; padding-right: 17px; }
#logo { width: 81px; float: left; font-size: 0; line-height: 0;}
#logo a { height: 33px; display: block; background: url(http://www.loaditup.de/files/772697_hfaz4ufb5m.png) no-repeat 0 0; text-indent: -4000px; }
#navigation { height: 52px; padding-top: 4px; font-family: 'Ubuntu', sans-serif; font-weight: 700; background: url(http://www.loaditup.de/files/772699_8kzg66yw23.png) repeat-x 0 0; box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); -o-box-shadow: 0px -1px 2px rgba(0,0,0,0.1); }
#navigation ul { list-style: none; list-style-position: outside; }
#navigation ul li { float: left; padding-right: 2px; line-height: 52px; background: url(http://www.loaditup.de/files/772700_p754vwgzd2.png) no-repeat right 0; font-size: 13px; text-transform: uppercase; }
#navigation ul li a { display: block; padding: 0 32px 0 28px; color: #878787; }
#navigation ul li a:hover,
#navigation ul li.active a { text-decoration: none; color: #2b9208; }
#navigation ul li.first a { padding-left: 38px; }
#navigation a.nav-btn { display: none; }
.slider-holder { position: relative; z-index: 5; }
.slider-holder span.slider-b { background: url(http://www.loaditup.de/files/772701_yv9tvcsr82.png) no-repeat 0 0; width: 990px; height: 30px; position: absolute; bottom: 0px; left: 0px; z-index: 100;}
.slider-holder span.slider-shadow { background: url(http://www.loaditup.de/files/772702_vqp6qw88k5.png) no-repeat 0 0; width: 990px; height: 13px; position: absolute; top: 0px; left: 0px; z-index: 100; display: block; }
.slider { width: 990px; height: 378px; position: relative; background: url(http://www.loaditup.de/files/772703_maqy6at5yk.png) no-repeat 0 0;}
.slider ul.slides { list-style: none; list-style-position: outside; }
.slider ul.slides li { width: 990px; height: 378px; float: left; position: relative; overflow: hidden; }
.slider ul.slides li .img-holder { width: 741px; height: 347px; position: absolute; bottom: 0px; right: 0px; }
.slider ul.slides li .img-holder img { width: 741px; height: 347px; }
.slider ul.slides li .slide-cnt { width: 320px; padding: 33px 0 0 34px; position: absolute; left: 0; top: 20px; }
.slider ul.slides li .slide-cnt h2 { font-size: 44px; line-height: 44px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
.slider ul.slides li .slide-cnt p { color: #fff; font-size: 14px; padding-bottom: 22px; }
.slider ul.slides li .slide-cnt a.grey-btn { background: url(http://www.loaditup.de/files/772704_dy427pdcq2.png) no-repeat 0 0; width: 186px; height: 45px; text-align: center; line-height: 40px; display: block; font-weight: bold; font-size: 18px; color: #636363; text-shadow: rgba(255,255,255,0.4) 0px 1px 0px; }
.slider ul.slides li .slide-cnt a.grey-btn:hover { background-position: 0 -47px; text-decoration: none; }
.flex-control-nav { left: 480px; }
.main a.m-btn-grey { display: none; }
.main { padding: 47px 0px 0px; background: url(http://www.loaditup.de/files/772705_eek9mwy7xz.png) repeat-x 0 0; }
.main h2 { font-size: 22px; color: #2d5900; line-height: 22px; padding-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-weight: 500; }
.main h3 { font-size: 18px; color: #5e5e5e; line-height: 22px; padding-bottom: 8px; font-family: 'Ubuntu', sans-serif; font-weight: 500; }
.main section { clear: both; background: url(http://www.loaditup.de/files/772706_4xqrpks2gr.png) no-repeat center bottom; padding: 0 20px 60px; }
.main ul { list-style: none; list-style-position: outside; }
.main ul li { padding-bottom: 6px; padding-left: 10px; background: url(http://www.loaditup.de/files/772707_g7mchrs6by.png) no-repeat 0 8px; }
.main ul li a { color: #2b9208; text-decoration: underline; }
.main ul li a:hover { text-decoration: none; }
.main .cols { padding-left: 0; padding-right: 0; }
.main .cols .col { width: 314px; float: left; }
.main .cols .col:after { content:''; width: 100%; clear: both; }
.main .cols .col + .col { padding-left: 20px; }
.main .cols .col img { float: left; width: 129px; height: 108px; }
.main .cols .col-cnt { width: 183px; float: right; }
.main .post { background: url(http://www.loaditup.de/files/772708_etqy89w35k.png) no-repeat 0 bottom; padding-top: 28px; padding-left: 40px; }
.main .post .video-holder { width: 435px; height: 245px; float: left; margin-right: 20px; }
.main .post h2 { padding-bottom: 15px; }
.main .post p { padding-bottom: 8px; }
.main .post p strong { display: block; }
.main .post-cnt { float: right; width: 475px; }
div#content { float:left; margin-top: -45px;}
.main .testimonial { padding-top: 20px; padding-bottom: 20px; text-align: center; background: transparent; }
.main .testimonial strong.quote { font-size: 28px; font-family: georgia ,arial, helvetica, serif; position: relative; top: 10px; left: -6px; }
.testimonial h2 { padding-bottom: 12px; }
.testimonial p { padding-bottom: 6px; }
.testimonial p.author { text-align: right; }
.socials { background: url(http://www.loaditup.de/files/772709_k9366xyhbr.png) repeat-x 0 0; height: 49px; }
.socials-inner { background: url(http://www.loaditup.de/files/772710_mvcv9ubuux.png) repeat-x 0 0; padding-left: 158px;}
.socials h3 { float: left; font-size: 18px; line-height: 49px; padding-right: 19px; padding-bottom: 0; font-family: 'Ubuntu', sans-serif; font-weight: 500; }
.socials ul { list-style: none; list-style-position: outside; line-height: 49px; }
.socials ul li { font-size: 11px; padding-right: 18px; color: #7c7c7c; background: transparent; text-transform: uppercase; float: left; }
.socials ul li a { color: #7c7c7c; text-decoration: none; display: block; padding-left: 28px; position: relative; }
.socials ul li a span { background: url(http://www.loaditup.de/files/772711_natzzcqehs.png) no-repeat 0 0; position: absolute; width: 20px; height: 20px; top: 13px; left: 0; }
.socials ul li a:hover { color: #333; }
.socials ul li a.facebook-ico span { background-position: 0 0; }
.socials ul li a.twitter-ico span { background-position: -22px 0; }
.socials ul li a.rss-feed-ico span { background-position: -44px 0; }
.socials ul li a.myspace-ico span { background-position: -67px 0; }
.socials ul li a.john-doe-123-ico span { background-position: -89px 0; }
#footer { background: url(http://www.loaditup.de/files/772712_ytnebrsb9r.png) repeat 0 0; }
#footer h2 { font-size: 23px; color: #fff; font-family: 'Ubuntu', sans-serif; font-weight: 400; padding-bottom: 18px; }
.footer-cols { padding: 46px 24px; background: url(http://www.loaditup.de/files/772713_74z8dxv3tt.png) no-repeat center 0px; }
.footer-cols .col { float: left; width: 195px; }
.footer-cols .col + .col { padding-left: 54px; }
.footer-cols .col ul { list-style: none; list-style-position: outside; }
.footer-cols .col ul li { color: #7dc33a; font-size: 16px; padding-bottom: 4px; background: url(http://www.loaditup.de/files/772714_eqksbhveby.png) no-repeat 0 8px; padding-left: 9px; }
.footer-cols .col ul li a { color: #7dc33a; }
.footer-bottom { background: url(http://www.loaditup.de/files/772715_5y3urzp6p9.png) repeat 0 0; height: 38px; padding-top: 24px; padding: 24px 20px 0; border-top: 1px solid #262c2c; }
.footer-bottom .footer-nav { float: left; line-height: 11px; }
.footer-bottom .footer-nav ul { list-style: none; list-style-position: outside; }
.footer-bottom .footer-nav ul li { display: inline; font-size: 11px; color: #9e9e9e; border-left: 1px solid #1a1f20; padding: 0 11px; }
.footer-bottom .footer-nav ul li.first { padding-left: 0; border: 0; }
.footer-bottom .footer-nav ul li a { color: #5f6261; }
.footer-bottom .footer-nav ul li a:hover,
.footer-bottom .footer-nav ul li.active a { color: #9e9e9e; text-decoration: underline; }
.footer-bottom p.copy { float: right; line-height: 11px; font-size: 11px; color: #5f6261; }
.footer-bottom p.copy span { padding: 0 11px; }
.footer-bottom p.copy a { color: #2b9208; text-decoration: underline; }
.footer-bottom p.copy a:hover { text-decoration: none; }
.footer-bottom p.copy strong { font-weight: normal; }
/* #Media Queries
================================================== */
/* ipad portrait */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
body { width: 768px; }
.shell { width: 748px; }
#navigation ul li a { padding: 0 22px; }
#navigation ul li.first a { padding-left: 26px; }
.slider-holder { position: relative; }
.slider-holder span.slider-b { background: url(http://www.loaditup.de/files/772716_vx8mw4754v.png) no-repeat 0 0; width: 748px; height: 30px; position: absolute; bottom: -13px; left: 0px; z-index: 100;}
.slider-holder span.slider-shadow { background: transparent; display: none; }
.flex-control-nav { left: 346px; }
.slider { width: 748px; height: 292px; position: relative; background: url(http://www.loaditup.de/files/772717_3tzuvpxyxp.png) no-repeat 0 0;}
.slider ul.slides { list-style: none; list-style-position: outside; }
.slider ul.slides li { width: 748px !important; height: 292px; float: left; position: relative; }
.slider ul.slides li .img-holder { width: 537px; height: 266px; position: absolute; bottom: 0px; right: 0px; }
.slider ul.slides li .img-holder img { width: 537px !important; height: 266px !important; }
.slider ul.slides li .slide-cnt { width: 320px; padding: 0px 0 0 34px; }
.slider ul.slides li .box-cnt { width: 285px; }
.slider ul.slides li .slide-cnt h2 { font-size: 40px; line-height: 40px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
.main { padding: 47px 0 0 0; }
.main section { background: url(http://www.loaditup.de/files/772718_8ctwdaw5d8.png) no-repeat center bottom; padding-left: 20px; padding-right: 20px; }
.main .cols { margin: 0 0 0 0; padding-left: 30px; padding-right: 22px; }
.main .cols .col { width: 188px; }
.main .cols .col img { float: none; display: block; margin: 0 auto; }
.main .cols .col + .col { padding-left: 66px; }
.main .cols .col-cnt {text-align: center; }
.main .testimonial { background: transparent; }
.main .post { background: url(http://www.loaditup.de/files/772719_3v75pr5vdc.png) no-repeat center bottom; padding-left: 20px ; }
.main .post .video-holder { width: 435px; height: 245px; float: none; display: block; margin-right: 0px; margin-bottom: 20px; }
.main .post-cnt { float: none; display: block; width: 100%; }
.socials-inner { padding-left: 70px; }
.footer-bottom { height: 58px; }
.footer-cols { padding-left: 40px; }
.footer-cols .col { width: 150px; }
.footer-cols .col + .col { padding-left: 28px; }
.footer-cols .col ul li { font-size: 12px; }
.footer-bottom .footer-nav { float: none; display: block; text-align: center; padding-bottom: 18px; }
.footer-bottom p.copy { float: none; display: block; text-align: center; }
}
@media only screen and ( max-width: 767px) {
body { width: auto; }
.shell { width: 320px; margin: 0 auto; }
#header { position: relative; z-index: 1000; padding-left: 0; padding-right: 0; }
#logo { float: none; display: block; margin: 0 auto; padding: 0 0 0 0; }
.search { display: none; }
#navigation { padding: 0 0 0 0; height: 36px; }
#navigation a.nav-btn { display: block; font-size: 13px; line-height: 36px; padding-top: 0px; height: 28px; padding-left: 22px; text-transform: uppercase; color: #2b9208; font-size: 13px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
#navigation a.nav-btn:hover { text-decoration: none; }
#navigation a.nav-btn span.arr { background: url(http://www.loaditup.de/files/772720_fnsym3qrrg.png) no-repeat 0 0; width: 13px; height: 9px; position: absolute; right: 14px; top: 12px; }
#navigation a.nav-btn span.arr.active { background: url(http://www.loaditup.de/files/772720_fnsym3qrrg.png) no-repeat 0 bottom; }
#navigation { position: relative; z-index: 1000; }
#navigation ul { display: none; position: absolute; top: 36px; left: 0; width: 100%;}
#navigation ul li { display: block; line-height: 36px !important; float: none; background: url(http://www.loaditup.de/files/772721_zmaptmk2eh.png) repeat 0 0; }
#navigation ul li a { padding: 0 22px; }
#navigation ul li.first a { padding-left: 26px; display: none; }
.m-slider { background: #f3f3f3; }
.slider-holder { position: relative; margin: 0 auto; width: 310px; }
.slider-holder span.slider-b { background: url(http://www.loaditup.de/files/772722_stszbxu36n.png) no-repeat 0 0; width: 310px; height: 12px; position: absolute; bottom: -3px; left: 0px; z-index: 100;}
.slider-holder span.slider-shadow { background: transparent; display: none; }
.flex-control-nav { left: 130px; }
.slider { width: 310px; height: 181px; overflow: hidden; position: relative; background: url(http://www.loaditup.de/files/772723_g22t8m9gwm.png) no-repeat 0 0;}
.slider ul.slides li { width: 310px !important; height: 181px !important; float: none; }
.slider ul.slides li .img-holder { width: 250px !important; height: 134px !important; bottom: -10px !important; left: 50%; margin-left: -145px; }
.slider ul.slides li .img-holder img { width: 250px !important; height: 134px !important; }
.slider ul.slides li .slide-cnt { width: 300px; margin: 0 auto; padding: 0px 0 0 0px; }
.slider ul.slides li .box-cnt { display: none; }
.slider ul.slides li .slide-cnt h2 { font-size: 22px; text-align: center; line-height: 25px; padding-bottom: 16px; color: #fff; text-shadow: rgba(0,0,0,0.4) 0px 1px 2px; font-family: 'Ubuntu', sans-serif; font-weight: 700; }
.slider ul.slides li .slide-cnt a.grey-btn { display: none; }
.main { padding: 40px 0 0 0; }
.main section { background: url(http://www.loaditup.de/files/772724_t6uxuah2aw.png) no-repeat center bottom; padding: 0 20px 20px 20px; }
.main .cols { margin: 0 0 0 0; }
.main .cols .col { width: 188px; float: none; display: block; padding-bottom: 22px; margin: 0 auto; }
.main .cols .col img { float: none; display: block; margin: 0 auto; }
.main .cols .col + .col { padding-left: 0px; }
.main .cols .col-cnt { text-align: center; float: none; display: block; }
.main a.m-btn-grey { display: block; background: url(http://www.loaditup.de/files/772725_xsgge2p9q5.png) repeat-x 0 0; margin: 0 10px 14px; height: 39px; text-align: center; line-height: 39px; border: 1px solid #9e9f9f; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; display: block; font-weight: bold; font-size: 18px; color: #636363; text-shadow: rgba(255,255,255,0.4) 0px 1px 0px; }
.main a.m-btn-grey:hover { background-position: 0 bottom; text-decoration: none; }
.main .post { background: url(http://www.loaditup.de/files/772726_ugpkra4zws.png) no-repeat center bottom; padding-top: 28px; padding-left: 20px; }
.main .post .video-holder { width: 280px; height: 162px; float: none; display: block; margin: 0 auto 20px; }
.main .post .video-holder img { width: 280px; height: 162px; }
.main .post-cnt { float: none; display: block; width: 100%; }
.main .post-cnt p strong { display: block; padding-bottom: 12px; }
.testimonial h2 { font-size: 21px; }
.testimonial p.author { text-align: center; }
.socials { background: url(http://www.loaditup.de/files/772727_huvywfwcvt.png) repeat-x 0 0; padding-bottom: 20px; height: 100%; }
.socials-inner { padding-left: 10px; }
.socials h3 { float: none; display: block; }
.socials ul li { display: block; float: none; line-height: 30px; }
.socials ul li a { display: block; float: none; }
.socials ul li a span { top: 4px; }
#footer h2 { padding-bottom: 12px; }
.footer-cols { padding-left: 10px; padding-right: 0; padding-bottom: 0; }
.footer-cols .col { width: 150px; float: none; display: block; padding-bottom: 22px; }
.footer-cols .col + .col { padding-left: 0px; }
.footer-cols .col ul li { font-size: 12px; }
.footer-bottom { height: 58px; }
.footer-bottom { padding: 10px 9px 20px; height: 100%; }
.footer-bottom .footer-nav { float: none; display: block; text-align: center; padding: 0 0px 18px; }
.footer-bottom .footer-nav ul li { padding: 0 4px; border: 0; font-size: 10px !important; }
.footer-bottom p.copy { float: none; display: block; text-align: center; }
.footer-bottom p.copy strong { display: block; padding-top: 10px; }
.footer-bottom p.copy span { display: none; }
}
@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
#navigation a.nav-btn span.arr { background: url(http://www.loaditup.de/files/772728_ae925ppus6.png) no-repeat 0 0; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }
#navigation a.nav-btn span.arr.active { background: url(http://www.loaditup.de/files/772728_ae925ppus6.png) no-repeat 0 bottom; -webkit-background-size: 13px 18px; -moz-background-size: 13px 18px; background-size: 13px 18px; }
#logo a { background: url(http://www.loaditup.de/files/772729_4p28s26ncd.png) no-repeat 0 0; -webkit-background-size: 81px 33px; -moz-background-size: 81px 33px; background-size: 81px 33px; }
}
