/*
YUI 3.13.0 (build 508226d)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/


/* archivo-narrow-regular - latin */
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('../../static/fonts/archivo-narrow-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../static/fonts/archivo-narrow-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../static/fonts/archivo-narrow-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../static/fonts/archivo-narrow-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../static/fonts/archivo-narrow-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../static/fonts/archivo-narrow-v21-latin-regular.svg#ArchivoNarrow') format('svg'); /* Legacy iOS */
}

/* archivo-narrow-500 - latin */
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 500;
  src: url('../../static/fonts/archivo-narrow-v21-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../static/fonts/archivo-narrow-v21-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../static/fonts/archivo-narrow-v21-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../static/fonts/archivo-narrow-v21-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../../static/fonts/archivo-narrow-v21-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../static/fonts/archivo-narrow-v21-latin-500.svg#ArchivoNarrow') format('svg'); /* Legacy iOS */
}

/* archivo-narrow-600 - latin */
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 600;
  src: url('../../static/fonts/archivo-narrow-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../static/fonts/archivo-narrow-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../static/fonts/archivo-narrow-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../static/fonts/archivo-narrow-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../static/fonts/archivo-narrow-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../static/fonts/archivo-narrow-v21-latin-600.svg#ArchivoNarrow') format('svg'); /* Legacy iOS */
}

/* archivo-narrow-700 - latin */
@font-face {
  font-family: 'Archivo Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('../../static/fonts/archivo-narrow-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../static/fonts/archivo-narrow-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../static/fonts/archivo-narrow-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../static/fonts/archivo-narrow-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../static/fonts/archivo-narrow-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../static/fonts/archivo-narrow-v21-latin-700.svg#ArchivoNarrow') format('svg'); /* Legacy iOS */
}



html{color:#000;background:transparent}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

/*  
    Design: www.urbanortner.de
    Copyright (c) 2014 Urban Ortner
*/

a {
    outline: none;
    text-decoration: none;
    color: #2a3432;
    transition: color 1.2s;
}

a:hover {
	color: #c7d200;
	transition: color 0.2s;
}

body, html {
	height: 100%;
}

body {
    background: #2a3432;
    font-family: 'Archivo Narrow', sans-serif;
    font-weight: 400;
    line-height: 22px;
    font-size: 17px;
    color: #333;
}

#grid {
	z-index: 100;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	background: url(../images/grid.png) repeat;
	height: 6000px;
}

#content {
	clear: both;
	float: left;
	width: 100%;
}

.wrap {
	margin: 5px 33px 6px 33px;
}

header {
	z-index: 100;
	float: left;
	background: white;
	width: 100%; height: 99px;
	text-indent: -9999px;
}

h1 {
	position: absolute;
	top: 22px; left: 22px;
	width: 209px; height: 50px;
	background: url(../images/Malermanufaktur-mobile.png) no-repeat;
}

nav {
	z-index: 105;
	float: left;
	top: 99px;
	background: white;
	width: 100%;
	margin: -5px 0 0 0;
}

nav ul {
	margin: 0 33px;
}

nav ul li a {
	float: left;
	clear: both;
	height: 27px;
	border-bottom: 1px solid #7f8584;
	width: 100%;
	margin: 5px 0 0 0;
}

nav ul li#interior a {
	margin: 0;
}

nav ul li#contact a {
	border: none;
}

.interior nav ul li#interior a, .exterior nav ul li#exterior a, .about nav ul li#about a, .contact nav ul li#contact a {
	color: #aaaead;
}

section {
	clear: both;
	float: left;
	width: 100%;
}

section#section-kontakt {
	position: relative;
	background: #fafafa;
}

section#intro, section#services {
	color: #c7d200;
}

section#brand, section#extras {
	background: #c7d200 url(../images/gradient-small.jpg) center;
	background-size: cover;
}

#logotype {
	width: 193px; height: 60px;
	margin: 49px 0 55px -11px;
	background: transparent url(../images/logotype-mobile.png) no-repeat;
	text-indent: -9999px;
}

#claim-one, h3.claims {
	float: left;
	text-indent: -9999px;
	margin: 21px 0 30px 0;
	width: 100%;
}

#claim-one p, .claim-item {
	float: left;
	height: 24px;
	margin: 0 4px -2px -1px;
}

#claim-one p.zuverlaessig { width: 121px; background: transparent url(../images/claims/mobile/zuverlaessig.png); }

#claim-one p.modern { width: 83px; background: transparent url(../images/claims/mobile/modern.png); }

#claim-one p.schnell { width: 81px; background: transparent url(../images/claims/mobile/schnell.png); }

#claim-one p.sauber { width: 76px; background: transparent url(../images/claims/mobile/sauber.png); }

.claim-item.leistungen { width: 112px; background: url(../images/claims/mobile/leistungen.png); }

.claim-item.innen { width: 130px; background: url(../images/claims/mobile/innen.png); }

.claim-item.aussen { width: 141px; background: url(../images/claims/mobile/aussen.png); }

.claim-item.section-kontakt { width: 81px; background: url(../images/claims/mobile/kontakt.png); }

.claim-item.ueber-uns { height: 27px; margin-top: -3px; width: 89px; background: url(../images/claims/mobile/ueber-uns.png); }

.claim-item.der { width: 35px; background: url(../images/claims/mobile/Der.png); }

.claim-item.Designer { width: 89px; background: url(../images/claims/mobile/Designer.png); }

.claim-item.fuer { width: 30px; background: url(../images/claims/mobile/fuer.png); }

.claim-item.Ihr { width: 28px; background: url(../images/claims/mobile/Ihr.png); }

.claim-item.Zuhause { width: 91px; background: url(../images/claims/mobile/Zuhause.png); }

.claim-item.wir { width: 36px; margin-left: -3px; background: url(../images/claims/mobile/Wir.png); }

.claim-item.lieben { width: 61px; background: url(../images/claims/mobile/lieben.png); }

.claim-item.unser { width: 57px; background: url(../images/claims/mobile/unser.png); }

.claim-item.Handwerk { width: 106px; background: url(../images/claims/mobile/Handwerk.png); }

.claim-item.der-2 { width: 35px; background: url(../images/claims/mobile/der-2.png); }

.claim-item.Malerfachbetrieb { width: 173px; background: url(../images/claims/mobile/Malerfachbetrieb.png); }

.claim-item.fuer-2 { width: 30px; background: url(../images/claims/mobile/fuer-2.png); }

.claim-item.hohe { width: 49px; background: url(../images/claims/mobile/hohe.png); }

.claim-item.Ansprueche { width: 114px; background: url(../images/claims/mobile/Ansprueche.png); }

section#imprint {
	background: #eeefef;
}

#imprint a {
    outline: none;
    text-decoration: none;
    transition: color 1.2s;
}

#imprint a:hover {
	color: #c7d200;
	transition: color 0.2s;
}

#imprint h2 {
	font-size: 22px;
	line-height: 22px;
}

#imprint h3 {
	font-weight: 700;
	color: #c7d200;
	margin-top: 22px;
}

#imprint h4 {
	font-weight: 700;
}
#imprint .wrap {
	margin-top: 27px;
	margin-bottom: 27px;
}

footer {
	clear: both;
	float: left;
	background: #eeefef;
	font-size: 15px;
	width: 100%;
}

footer .wrap {
	margin: 6px 33px 5px 33px;
}

.nav-down {
	display: none;
}

.nav-up {
	position: relative;
	float: left;
	clear: both;
	text-indent: -9999px;
	width: 100%; height: 143px;
	margin: -17px 0 11px 0;
	}

.nav-up a {
	position: absolute;
	left: 50%;
	margin-left: -44px; bottom: 0;
	width: 88px; height: 110px;
	background: transparent url(../images/nav-up.png);
}

.nav-up a:hover {
	background: transparent url(../images/nav-up.png) 0 -110px;
}

.hidden {
	display: none;
}

section.gallery {
	position: relative;
	height: 242px;
	background: #131817 url(../images/hotspot.jpg) no-repeat center;
}

section.gallery .wrap {
	margin: 27px 0 33px 0;
}

.gallery a, a.service-icon {
	color: white;
	transition: color 1.2s;
}

.gallery a:hover, a:hover.service-icon {
	color: #c7d200;
	transition: color 0.2s;
}

.gallery a.slide.slides.thumb {
	position: absolute;
	left: 50%; margin: 0 0 0 -105px;
	width: 209px; height: 215px;
	background: transparent url(../images/gallery-icon-low-shadow.png) no-repeat;
	background-position: 0 -17px;
}

.gallery a:hover.slide.slides.thumb {
	background: transparent url(../images/gallery-icon-high-shadow.png) no-repeat;
	background-position: 0 -17px;
}

.gallery a.slide.slides.thumb img {
	width: 195px; height: 129px;
	border: 7px solid white;
	margin: 6px 0 0 0;
	transition: margin 0.6s;
}

.gallery a:hover.slide.slides.thumb img {
	margin: 0 0 0 0;
	transition: margin 0.15s;
}

.gallery a.slide.slides.thumb p {
	position: absolute;
	top: 165px;
	width: 100%;
	text-align: center;
}

#services ul {
	clear: both; float: left;
	color: white;
	margin: -7px 0 17px 0;
	width: 100%;
}

#services li {
	border-top: 1px solid #555d5b;
	padding: 10px 0 11px 0;
}

#services li.first {
	border: none;
	padding-top: 0;
}

#services li .details {
	color: #999e9d;
}

section#start-services {
	position: relative;
	color: white;
}

.icon-wrapper {
	position: relative;
	float: left;
	width: 100%; height: 149px;
}

a.service-icon {
	position: absolute;
	left: 50%;
	height: 121px; width: 195px;
	background: url(../images/icons.png) no-repeat;
	text-align: center;
	margin: 0 0 28px -97px;
}

a.service-icon .icon-text {
	margin-top: 99px;
	display: block;
}

a.service-icon.interior {
	background-position: 0 -83px;
}

a.service-icon.exterior {
	background-position: -195px -83px;
}

a:hover.service-icon.interior {
	background-position: 0 -278px;
}

a:hover.service-icon.exterior {
	background-position: -195px -278px;
}

address {
	float: left;
	clear: both;
	width: 100%;
	margin: -7px 0 0 0;
}

.address-item {
	border-top: 1px solid #555d5b;
	padding: 10px 0 11px 0;
}

.address-item.postal {
	border: none;
	padding-top: 0;
}

#kontakt {
	float: left;
	width: 100%; height: 0;
}

.legend {
	font-weight: 700;
	float: left; clear: both; width: 77px;
}

#callnow {
	background: #c7d200;
	display: inline-block;
	width: 100%;

}

#callnow a:hover {
	color: white;
}

section#intro #claim-one {
	margin: 21px 0 381px 0;
}

section#intro h3.claims {
	margin: 21px 0 297px 0;
}

.start section#intro { background: url(../images/wallpaper-start-mobile.jpg) center; }
.interior section#intro { background: url(../images/wallpaper-interior-mobile.jpg) center; }
.exterior section#intro { background: url(../images/wallpaper-exterior-mobile.jpg) center ; }
.about section#intro { background: url(../images/wallpaper-about-mobile.jpg) center; }

section#intro {
	background-size: cover;
}

section#extras {
	height: 7px;
	background: white;
	text-indent: -9999px;
}

#before-work {
	display: none;
}

section#about-us .claims {
	clear: both;
}

.about-us-section {
	position: relative;
	max-width: 451px;
	color: white;
	float: left;
	margin: 0 0 33px 0;
}

.about-us-section h4 {
	color: #c7d200;
	margin: 121px 0 11px 0;
	text-align: center;

}

.about-us-section .icon {
	width: 144px; height: 144px;
	position: absolute;
	left: 50%; margin: -16px 0 0 -72px;
}

.about-us-section .icon.reliable { background: url(../images/about_reliable.png) no-repeat; }

.about-us-section .icon.modern { background: url(../images/about_modern.png) no-repeat; }

.about-us-section .icon.fast { background: url(../images/about_fast.png) no-repeat; }

.about-us-section .icon.clean { background: url(../images/about_clean.png) no-repeat; }

/*
	400 +
*/

@media only screen and (min-width: 400px) {

h1 {
	width: 308px; height: 55px;
	background: url(../images/Malermanufaktur-Martin-Tumulka.png) no-repeat;
	background-position: 0 -55px;
}

#logotype {
	width: 254px; height: 77px;
	margin: 55px 0 55px -11px;
	background: transparent url(../images/logotype-small.png) no-repeat;
}

#claim-one, h3.claims {
	margin: 26px 0 24px 0;
}

#claim-one p, .claim-item {
	float: left;
	height: 32px;
	margin: 0 7px 1px -1px;
}

#claim-one p.zuverlaessig {
	width: 162px;
	background: transparent url(../images/claims/small/zuverlaessig.png);
}

#claim-one p.modern {
	width: 110px;
	background: transparent url(../images/claims/small/modern.png);
}

#claim-one p.schnell {
	width: 108px;
	background: transparent url(../images/claims/small/schnell.png);
}

#claim-one p.sauber {
	width: 102px;
	background: transparent url(../images/claims/small/sauber.png);
}

.claim-item.leistungen { width: 151px; background: url(../images/claims/small/leistungen.png); }

.claim-item.innen { width: 173px; background: url(../images/claims/small/innen.png); }

.claim-item.aussen { width: 189px; background: url(../images/claims/small/aussen.png); }

.claim-item.section-kontakt { width: 108px; background: url(../images/claims/small/kontakt.png); }

.claim-item.ueber-uns { height: 36px; margin-top: -4px; width: 119px; background: url(../images/claims/small/ueber-uns.png); }

.claim-item.der { width: 47px; background: url(../images/claims/small/Der.png); }

.claim-item.Designer { width: 118px; background: url(../images/claims/small/Designer.png); }

.claim-item.fuer { width: 40px; background: url(../images/claims/small/fuer.png); }

.claim-item.Ihr { width: 35px; background: url(../images/claims/small/Ihr.png); }

.claim-item.Zuhause { width: 122px; background: url(../images/claims/small/Zuhause.png); }

.claim-item.wir { width: 49px; margin-left: -6px; background: url(../images/claims/small/Wir.png); }

.claim-item.lieben { width: 79px; background: url(../images/claims/small/lieben.png); }

.claim-item.unser { width: 75px; background: url(../images/claims/small/unser.png); }

.claim-item.Handwerk { width: 142px; background: url(../images/claims/small/Handwerk.png); }

.claim-item.der-2 { width: 47px; background: url(../images/claims/small/der-2.png); }

.claim-item.Malerfachbetrieb { width: 230px; background: url(../images/claims/small/Malerfachbetrieb.png); }

.claim-item.fuer-2 { width: 40px; background: url(../images/claims/small/fuer-2.png); }

.claim-item.hohe { width: 63px; background: url(../images/claims/small/hohe.png); }

.claim-item.Ansprueche { width: 152px; background: url(../images/claims/small/Ansprueche.png); }

address {
	margin: -5px 0 0 0;
}

section#intro #claim-one {
	margin: 21px 0 425px 0;
}

}

/*
	517 +
*/

@media only screen and (min-width: 517px) {

header {
	position: fixed;
	top: 0; left: 0;
}

nav {
	position: fixed;
	top: 99px; left: 0;
	height: 27px;
}

nav ul {
	margin: 0 33px 0 0;
}

nav ul li a {
	clear: none; border: none;
	width: 25%;
	max-width: 242px;
	text-indent: 33px;
	margin: 0;
	background: transparent url(../images/hover.png) no-repeat;
	background-size: 100% 100%;
	background-position: 0 6px;
	transition: 0.2s;
}

nav ul li a:hover {
	background: transparent url(../images/hover.png) no-repeat;
	background-size: 100% 100%;
	height: 49px;
	transition: 0.2s;
}

#content {
	margin-top: 121px;
}

.start #content, .interior #content, .exterior #content, .about #content {
	margin-top: 0;
}

.nav-down {
	display: block;
	text-indent: -9999px;
}

a.nav-down {
	position: absolute; bottom: 11px; left: 50%;
	margin-left: -44px;
	width: 88px; height: 99px;
	background: transparent url(../images/nav-arrows.png);
}

a:hover.nav-down {
	bottom: 16px;
	background: transparent url(../images/nav-arrows.png) 0 -99px;
}

section#intro {
	position: relative;
	top: 121px;
	height: 551px;
}

.start section#intro { background: url(../images/wallpaper-start.jpg) center; }
.interior section#intro { background: url(../images/wallpaper-interior.jpg) center; }
.exterior section#intro { background: url(../images/wallpaper-exterior.jpg) center; }
.about section#intro { background: url(../images/wallpaper-about.jpg) center; }

.start section#intro, .interior section#intro, .exterior section#intro, .about section#intro {
	background-size: cover;
}

section#brand, section.follows {
	margin-top: 121px;
}

#kontakt {
	height: 121px;
	margin-top: -121px;
}

section#brand {
	position: relative;
	height: 551px;
	background: #c7d200 url(../images/gradient-medium.jpg) center;
	background-size: cover;
}

section#extras {
	background: #c7d200 url(../images/gradient-medium.jpg) center;
	background-size: cover;
}

#logotype {
	position: absolute;
	left: 50%; right: 50%; top: 50%;
	width: 254px; height: 77px;
	margin: -61px 0 0 -125px;
	background: transparent url(../images/logotype-small.png) no-repeat;
}

#next, #nextnext {
	float: left;
	width: 100%; height: 0;
}

#nextnext {
	margin-top: -121px;
}

section.gallery {
	height: 308px;
}

section.gallery .wrap {
	margin: 60px 0 66px 0;
}

#claim-one, h3.claims {
	width: 67%;
}

section#services {
	min-height: 551px;
}

section#section-kontakt {
	min-height: 474px;
	position: relative;
}

#services ul {
	margin: 59px 0 51px 0;
}

address {
	margin: 26px 0 0 0;
}

.nav-up {
	position: absolute;
	bottom: 11px; left: 50%;
	width: 88px; height: 143px;
	margin: 16px 0 0 -44px;
}

#callnow {
	display: none;
}

a.service-icon {
	margin: 0 0 61px -97px;
}

.icon-wrapper {
	height: 182px;
	width: 50%;
	margin-top: 33px;
}

section#extras {
	height: 7px;
	background: white;
	text-indent: -9999px;
}

.about-us-section {
	width: 50%;
	clear: both;
}

.about-us-section.alternate {
	clear: none;
}

.about-us-section p { margin: 0 16px 0 0; }

.about-us-section h4 { margin: 121px 16px 11px 0; }

.about-us-section.alternate p { margin: 0 0 0 16px; }

.about-us-section.alternate h4 { margin: 121px 0 11px 16px; }

.about-us-section .icon { margin: -16px 0 0 -83px; }

.about-us-section.alternate .icon { margin: -16px 0 0 -65px; }

#about-us .claims { margin-bottom: 72px; }

}

/*
	700 +
*/

@media only screen and (min-width: 700px) {

#logotype {
	width: 365px; height: 99px;
	margin: -72px 0 0 -180px;
	background: transparent url(../images/logotype-medium.png) no-repeat;
}

#claim-one p, .claim-item {
	float: left;
	height: 46px;
	margin: 0 12px -2px -1px;
}

#claim-one p.zuverlaessig {
	width: 239px;
	background: transparent url(../images/claims/medium/zuverlaessig.png);
}

#claim-one p.modern {
	width: 162px;
	background: transparent url(../images/claims/medium/modern.png);
}

#claim-one p.schnell {
	width: 159px;
	background: transparent url(../images/claims/medium/schnell.png);
}

#claim-one p.sauber {
	width: 150px;
	background: transparent url(../images/claims/medium/sauber.png);
}

.claim-item.leistungen { width: 222px; background: url(../images/claims/medium/leistungen.png); }

.claim-item.innen { width: 256px; background: url(../images/claims/medium/innen.png); }

.claim-item.aussen { width: 279px; background: url(../images/claims/medium/aussen.png); }

.claim-item.section-kontakt { width: 159px; background: url(../images/claims/medium/kontakt.png); }

.claim-item.ueber-uns { height: 52px; margin-top: -6px; width: 175px; background: url(../images/claims/medium/ueber-uns.png); }

.claim-item.der { width: 68px; background: url(../images/claims/medium/Der.png); }

.claim-item.Designer { width: 174px; background: url(../images/claims/medium/Designer.png); }

.claim-item.fuer { width: 57px; background: url(../images/claims/medium/fuer.png); }

.claim-item.Ihr { width: 51px; background: url(../images/claims/medium/Ihr.png); }

.claim-item.Zuhause { width: 180px; background: url(../images/claims/medium/Zuhause.png); }

.claim-item.wir { width: 71px; margin-left: -8px; background: url(../images/claims/medium/Wir.png); }

.claim-item.lieben { width: 117px; background: url(../images/claims/medium/lieben.png); }

.claim-item.unser { width: 110px; background: url(../images/claims/medium/unser.png); }

.claim-item.Handwerk { width: 209px; background: url(../images/claims/medium/Handwerk.png); }

.claim-item.der-2 { width: 68px; background: url(../images/claims/medium/der-2.png); }

.claim-item.Malerfachbetrieb { width: 341px; background: url(../images/claims/medium/Malerfachbetrieb.png); }

.claim-item.fuer-2 { width: 57px; background: url(../images/claims/medium/fuer-2.png); }

.claim-item.hohe { width: 94px; background: url(../images/claims/medium/hohe.png); }

.claim-item.Ansprueche { width: 226px; margin-left: -2px; background: url(../images/claims/medium/Ansprueche.png); }

#services ul, address {
	width: 67%;
}

#before-work {
	display: block;
	position: absolute;
	bottom: 13px;
	width: 275px; height: 198px;
	background: url(../images/before-work.png);
	margin: 0 0 0 -25px;
	color: #2a3432;
}

#before-work p {
	z-index: 8;
	position: absolute;
	top: 0; left: 0;
	height: 143px; width: 209px;
	margin: 25px 33px 28px 33px;
}

#before-work .image-inside {
	z-index: 6;
	position: absolute;
	top: 0; left: 0;
	height: 143px; width: 209px;
	margin: 28px 33px 28px 33px;
	background: url(../../uploads/haus-vorher.jpg);
}

}

/*
	1001 +
*/

@media only screen and (min-width: 1001px) {

.wrap {
	left: 0; right: 0;
	margin: 5px auto 6px auto;
	width: 935px;
}

footer .wrap {
	margin: 6px auto 5px auto;
}

h1 {
	position: relative; top: 0; left: -11px;
	margin: 22px auto 0 auto;
	width: 935px; height: 55px;
	background: url(../images/Malermanufaktur-Martin-Tumulka.png) no-repeat;
	background-position: 0 -55px;
}

nav ul {
	margin: 0 auto;
	width: 1001px;
}

nav ul li a {
	width: 242px;
}

.wrap-inside {
	float: left;
	margin-bottom: 22px;
}

#imprint .wrap h2, #imprint .wrap h4, #imprint .wrap p {
	display: block;
	width: 693px;
	margin-left: 242px;
	float: left;
}

#imprint .wrap h3 {
	display: block;
	width: 209px;
	margin-right: -209px;
	margin-top: 0;
	clear: both;
	float: left;
}

section#brand, section#extras {
	background: #c7d200 url(../images/gradient-big.jpg) center;
	background-size: cover;
}

#logotype {
	width: 457px; height: 118px;
	margin: -81px 0 0 -225px;
	background: transparent url(../images/logotype-big.png) no-repeat;
}

#claim-one p, .claim-item {
	float: left;
	height: 59px;
	margin: 0px 14px -3px -1px;
}

#claim-one p.zuverlaessig {
	width: 304px;
	background: transparent url(../images/claims/big/zuverlaessig.png);
}

#claim-one p.modern {
	width: 206px;
	background: transparent url(../images/claims/big/modern.png);
}

#claim-one p.schnell {
	width: 201px;
	background: transparent url(../images/claims/big/schnell.png);
}

#claim-one p.sauber {
	width: 191px;
	background: transparent url(../images/claims/big/sauber.png);
}

.claim-item.leistungen { width: 281px; background: url(../images/claims/big/leistungen.png); }

.claim-item.innen { width: 325px; background: url(../images/claims/big/innen.png); }

.claim-item.aussen { width: 353px; background: url(../images/claims/big/aussen.png); }

.claim-item.section-kontakt { width: 201px; background: url(../images/claims/big/kontakt.png); }

.claim-item.ueber-uns { height: 62px; margin-top: -3px; width: 223px; background: url(../images/claims/big/ueber-uns.png); }

.claim-item.der { width: 86px; background: url(../images/claims/big/Der.png); }

.claim-item.Designer { width: 222px; background: url(../images/claims/big/Designer.png); }

.claim-item.fuer { width: 73px; background: url(../images/claims/big/fuer.png); }

.claim-item.Ihr { width: 66px; background: url(../images/claims/big/Ihr.png); }

.claim-item.Zuhause { width: 229px; background: url(../images/claims/big/Zuhause.png); }

.claim-item.wir { width: 90px; margin-left: -10px; background: url(../images/claims/big/Wir.png); }

.claim-item.lieben { width: 150px; background: url(../images/claims/big/lieben.png); }

.claim-item.unser { width: 140px; background: url(../images/claims/big/unser.png); }

.claim-item.Handwerk { width: 266px; background: url(../images/claims/big/Handwerk.png); }

.claim-item.der-2 { width: 86px; background: url(../images/claims/big/der-2.png); }

.claim-item.Malerfachbetrieb { width: 435px; background: url(../images/claims/big/Malerfachbetrieb.png); }

.claim-item.fuer-2 { width: 72px; background: url(../images/claims/big/fuer-2.png); }

.claim-item.hohe { width: 120px; background: url(../images/claims/big/hohe.png); }

.claim-item.Ansprueche { width: 286px; margin-left: -1px; background: url(../images/claims/big/Ansprueche.png); }

#services ul {
	margin: 58px 0 51px 0;
}

address {
	margin: 25px 0 0 0;
}

section#extras {
	height: 7px;
	background: white;
	text-indent: -9999px;
}

#about-us .claims { margin-bottom: 75px; }

}