Wohnbuchbestellseite mit neuen Hintegrundgrafiken

Wohnbuchbestellformularseite mit neuen Grafiken, CSS3

by rob_st

HTML

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- 
    This website is powered by TYPO3 - inspiring people to share!
    TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
    TYPO3 is copyright 1998-2012 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
    Information and contribution at http://typo3.org/
-->

<base href="http://www.rauchmoebel.de/">


<meta name="generator" content="TYPO3 4.6 CMS">
<meta name="keywords" content="Schlafräume, Einzelschränke, Schranksysteme, Beimöbel und Betten, Studio- und Apartmentmöbel, Jugendmöbel">
<meta name="description" content="Die Rauch Möbelwerke produzieren Möbel für Schlafräume, Jugendzimmer und Apartments. Alle Produktlinien finden Sie auf unserer Internetseite.">
<meta name="robots" content="noindex,noarchive">

<link rel="stylesheet" type="text/css" href="http://www.rauchmoebel.de/typo3temp/stylesheet_1d666a3d27.css" media="all">
<link rel="stylesheet" type="text/css" href="http://www.rauchmoebel.de/fileadmin/templates/css/styles.css?1347524664" media="all">
<link rel="stylesheet" type="text/css" href="http://www.rauchmoebel.de/fileadmin/templates/css/user.css?1347612707" media="all">
<link rel="stylesheet" type="text/css" href="http://www.rauchmoebel.de/fileadmin/templates/css/fullscreen.css?1343291382" media="all">


<script src="http://www.google-analytics.com/ga.js" async="" type="text/javascript"></script><script src="http://www.rauchmoebel.de/uploads/tx_t3jquery/jquery-1.7.x-1.8.x-1.2.x.js" type="text/javascript"></script>
<script src="http://www.rauchmoebel.de/typo3temp/javascript_147ff7e23e.js" type="text/javascript"></script>


<title>Wohnbuch bestellen Rauch Möbelwerke GmbH</title> <!--[if IE 6]><style type="text/css">@import url(http://www.rauchmoebel.de/fileadmin/templates/css/ie6.css);</style><![endif]--><!--[if IE 7]><style type="text/css">@import...

CSS

#content_fullscreen.wohnbuch {
    background-color: #EEEEEE;
}

#landingpagehead {
    width: 754px;
    margin-left: -33px;
    margin-bottom: 15px;
}

#strichzeichnung {
    background: url('http://www.rauchmoebel.de/fileadmin/user_upload/images/landingpage/Strichzeichnung.png') #908E8C no-repeat;
    height: 295px;
    margin-top: 10px;
    background-size: contain;
}

#strichzeichnung .slogan {
    background: url('http://www.rauchmoebel.de/fileadmin/user_upload/images/landingpage/MoebelfuerAusgeschlafene.png') no-repeat;
    background: url('http://www.rauchmoebel.de/fileadmin/user_upload/images/landingpage/MoebelfuerAusgeschlafene_w227px.png') no-repeat\9;
    background-size: cover;
    position: relative;
    top: 10px;
    left: 0px;
    height: 92px;
    width: 227px;
}

#wohnbuch_cover {
    width: 295px;
    width: 300px\9;
    height: 210px;
    height: 280px !important\9;
    position: relative;
    top: 135px;
    left: 415px;
}

#wohnbuch_cover p {
    font-weight: bold;
    color: #000;
    transform: rotate(-15.1deg);
    -o-transform: rotate(-15.1deg);
    -ms-transform: rotate(-15.1deg);
    -moz-transform: rotate(-15.1deg);
    -webkit-transform: rotate(-15.1deg);
    padding-top: 152px;
    padding-left: 32px;
    text-shadow: 0.15em 0.15em 0.1em rgba(0,0,0,0.6);
    line-height: 110%;
    display: none\9;
}
#wohnbuch_cover div {
    background: url('http://www.rauchmoebel.de/fileadmin/user_upload/images/landingpage/schriftzug_2012_lte_ie8.png') no-repeat\9;
    width: 300px\9;
    height: 300px\9;
}

#wohnbuch_cover.y2011 {
    background: url('http://www.rauchmoebel.de/fileadmin/user_upload/images/landingpage/abb_wohnbuch_start.png') no-repeat;
    background-size: contain;
}

#wohnbuch_cover.y2012 {
    background: url('http://www.rauchmoebel.de/fileadmin/user_upload/images/landingpage/abb_wohnbuch_start_2012.png') no-repeat;
    background-size: contain;
}
    

#landingpagehead .h1, #landingpagehead .h2 {
    background-image:...