/* OS-Common */
body, html {
	width: 100%;
}

html {
	background-color: #9bc7e8;
}

#scroll-wrapper {
	width: 100%;
	height: 2520px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#section-navigation, #section-work, #section-contact, #section-links {
	width: 100%;
	height: 600px;
	position: relative;
}

#section-navigation {
	background-color: transparent;
	background-image: url('/img/section-navigation-bg.gif');
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#section-work, #section-links {
	background-color: white;
	background-image: url('/img/section-white-bg.gif');
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: 0px 0px;
}

#section-contact {
	background-color: transparent;
	background-image: url('/img/section-blue-bg.gif');
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

#section-footer {
	width: 100%;
	height: 380px;
	position: relative;
	background-color: #3d4e28;
}

/* Navigation */

#navigation-wrapper {
	width: 655px;
	height: 555px;
	position: absolute;
	top: 9px;
	left: 0px;
	background: transparent url('/img/navigation-wrapper.png') no-repeat scroll 0px 0px;
}

#navigation-wrapper #btn-lederhose {
	width: 212px;
	height: 411px;
	position: absolute;
	top: 90px;
	left: 237px;
	background: transparent url('/img/lederhose.png') no-repeat scroll 0px 0px;
	cursor: pointer;
}

#navigation-wrapper #tt-lederhose {
	width: 170px;
	height: 42px;
	position: absolute;
	top: 316px;
	left: 458px;
	background: transparent url('/img/tt-arbeiten.png') no-repeat scroll 0px 0px;
	z-index: 40;
	display: none;
}

#navigation-wrapper #btn-lebkuchenherz {
	width: 144px;
	height: 140px;
	position: absolute;
	top: 121px;
	left: 99px;
	background: transparent url('/img/lebkuchenherz.png') no-repeat scroll 0px 0px;
	cursor: pointer;
}

#navigation-wrapper #tt-lebkuchenherz {
	width: 170px;
	height: 42px;
	position: absolute;
	top: 270px;
	left: 54px;
	background: transparent url('/img/tt-kontakt.png') no-repeat scroll 0px 0px;
	z-index: 40;
	display: none;
}

#navigation-wrapper #btn-breze {
	width: 101px;
	height: 100px;
	position: absolute;
	top: 127px;
	left: 444px;
	background: transparent url('/img/breze.png') no-repeat scroll 0px 0px;
	cursor: pointer;
}

#navigation-wrapper #tt-breze {
	width: 170px;
	height: 42px;
	position: absolute;
	top: 165px;
	left: 552px;
	background: transparent url('/img/tt-links.png') no-repeat scroll 0px 0px;
	z-index: 40;
	display: none;
}

.btn-top {
	width: 122px;
	height: 16px;
	position: absolute;
	right: 25px;
	bottom: 25px;
	cursor: pointer;
	z-index: 30;
}

.btn-top.enable {
	background: transparent url('/img/btn-nachoben.png') no-repeat scroll 0px 0px;
}

.btn-top.mouseover {
	background: transparent url('/img/btn-nachoben.png') no-repeat scroll 0px -17px;
}

.btn-top.mousedown {
	background: transparent url('/img/btn-nachoben.png') no-repeat scroll 0px -34px;
}

#subnav-btn-links {
	width: 82px;
	height: 35px;
	position: absolute;
	bottom: 25px;
	right: 25px;
	cursor: pointer;
}

#subnav-btn-links.enable {
	background: transparent url('/img/subnavigation.png') no-repeat scroll -230px 0px;
}

#subnav-btn-links.mouseover {
	background: transparent url('/img/subnavigation.png') no-repeat scroll -230px -36px;
}

#subnav-btn-links.mousedown {
	background: transparent url('/img/subnavigation.png') no-repeat scroll -230px -72px;
}

#subnav-btn-kontakt {
	width: 110px;
	height: 35px;
	position: absolute;
	bottom: 25px;
	right: 107px;
	cursor: pointer;
}

#subnav-btn-kontakt.enable {
	background: transparent url('/img/subnavigation.png') no-repeat scroll -119px 0px;
}

#subnav-btn-kontakt.mouseover {
	background: transparent url('/img/subnavigation.png') no-repeat scroll -119px -36px;
}

#subnav-btn-kontakt.mousedown {
	background: transparent url('/img/subnavigation.png') no-repeat scroll -119px -72px;
}

#subnav-btn-arbeiten {
	width: 118px;
	height: 35px;
	position: absolute;
	bottom: 25px;
	right: 217px;
	cursor: pointer;
}

#subnav-btn-arbeiten.enable {
	background: transparent url('/img/subnavigation.png') no-repeat scroll -0px 0px;
}

#subnav-btn-arbeiten.mouseover {
	background: transparent url('/img/subnavigation.png') no-repeat scroll -0px -36px;
}

#subnav-btn-arbeiten.mousedown {
	background: transparent url('/img/subnavigation.png') no-repeat scroll -0px -72px;
}

/* Content */

#clouds {
	width: 100%;
	height: 22px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: transparent url('/img/clouds.png') repeat-x scroll 0px 0px;
	z-index: 100;
}

#logo {
	width: 309px;
	height: 199px;
	position: absolute;
	top: 150px;
	right: 25px;
	z-index: 10;
}

.cw {
	width: 980px;
	height: 600px;
	position: absolute;
	left: 50%;
	margin-left: -490px;
	border: 0px;
}

#section-work .cw {
	background: transparent url('/img/content-arbeiten.png') no-repeat scroll 0px 0px;
}

#section-work .cw .btn-writeemail {
	width: 235px;
	height: 45px;
	display: block;
	position: absolute;
	top: 245px;
	left: 345px;
	background: transparent url('/img/btn-emailschreiben.png') no-repeat scroll 0px 0px;
}


#section-contact .cw {
	background: transparent url('/img/content-kontakt.png') no-repeat scroll 0px 0px;
}

#section-links .cw {
	background: transparent url('/img/c##ontent-links.png') no-repeat scroll 0px 0px;
}