@import url(/css/teaser.css);
@import url(/css/navigation.css);
@import url(/css/form.css);
/* COMMON STYLES */

#wrapper { position: relative; background: url(/images/layout/headerBg.gif) left top repeat-x; }

#header { position: relative; z-index: 20; width: 992px; height: 85px; margin: 0 auto; }
#content { position: relative; z-index: 10; width: 992px; margin: 0 auto; overflow: hidden; }

.contentLeft { clear: left; float: left; width: 282px; overflow: hidden; padding: 50px 2px 20px 0; position: relative; }
.contentMiddle { float: left; width: 424px; overflow: hidden; padding: 50px 2px 20px 0; position: relative; }
.contentRight { float: left; width: 282px; overflow: hidden; position: relative; padding: 50px 0 20px 0; }
.contentDoubleRight { float: left; width: 708px; overflow: hidden; position: relative; padding: 50px 0 20px 0; }
.contentFull { width: 100%; overflow: hidden; padding: 50px 0 20px 0; position: relative; }

.contentDivider { padding: 0 0 20px; }

#footer { clear: both; float: none; position: relative; z-index: 1; width: 992px; margin: 0 auto; padding: 0 0 10px; overflow: hidden; }

/* HEADER */

#header a#tchiboLogoLink { position: absolute; top: 0px; left: 0px; display: block; width: 85px; height: 73px; text-indent: -19999px; background: url(/images/layout/tchiboLogo.jpg) left top no-repeat; }
#header a#tchiboLogoLink:focus { outline: none; }

#header h1 { position: absolute; top: 60px; left: 123px; width: 124px; height: 45px; }
#header h1 a { display: block; width: 100%; height: 100%; text-indent: -19999px; background: url(/images/layout/cafissimoLogo.gif) left top no-repeat; }
#header h1 a:focus { outline: none; }

#footer span#claim { display: block; width: 215px; height: 15px; margin: 0 50px 0 0; text-indent: -19999px; background: url(/images/layout/claim.png) left top no-repeat; float: right; }

#newsletterTeaser { background: #321e13; width: 120px; height: 60px; padding: 10px; overflow: hidden; }
#newsletterTeaser h3 { width: 120px; height: 15px; text-indent: -19999px; background: url(/images/layout/newsletterTeaserHeadline.gif) left top no-repeat; margin: 0 0 15px 0; }
#newsletterTeaser a { display: block; float: left; padding: 0 0 0 20px; background: url(/images/layout/lightButton.gif) left top no-repeat; color: #FFFFFF; font-size: 1.1em; text-decoration: none; }
#newsletterTeaser a:hover, 
#newsletterTeaser a:focus { text-decoration: underline; }

a.buttonLink { display: block; float: left; padding: 0 0 0 20px; background: url(/images/layout/lightButton.gif) left top no-repeat; color: #FFFFFF; font-size: 1.1em; line-height: 16px; text-decoration: none; }
a.buttonLink:hover, 
a.buttonLink:focus { text-decoration: underline; }

.box { padding: 10px; margin: 0 0 2px 0; }
.box p { font-size: 1.1em; }

.error404 .contentFull { height: 400px; position: relative; }
.error404 .errorBox { margin: 0 auto; }
.error404 .errorBox h3 { text-align: center; }

/* BACKGROUNDS */

.bg424x104 { width: 404px; height: 84px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x104.jpg) left top no-repeat; }
.bg424x80 { width: 404px; height: 60px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }
.bg424x162 { width: 404px; height: 142px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }
.bg424x239 { width: 404px; height: 219px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }
.bg424x244 { width: 404px; height: 224px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }
.bg424x265 { width: 404px; height: 245px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x265.jpg) left top no-repeat; }
.bg424x326 { width: 404px; height: 306px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }
.bg424x374 { width: 404px; height: 354px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x374.jpg) left top no-repeat; }
.bg424x408 { width: 404px; height: 388px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }
.bg424x490 { width: 404px; height: 470px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }
.bg140x490 { width: 120px; height: 470px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }
.bg282x80 { width: 262px; height: 60px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown282x80.gif) left top no-repeat; }
.bg282x162 { width: 262px; height: 142px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown282x162.gif) left top no-repeat; }
.bg282x244 { width: 262px; height: 224px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }
.bg282x408 { width: 262px; height: 388px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }

.bgMiddle282x162 { width: 262px; height: 142px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }
.bgMiddle424x80 { width: 404px; height: 60px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }
.bgMiddle424x162 { width: 404px; height: 142px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }
.bgMiddle424x408 { width: 404px; height: 388px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.gif) left top no-repeat; }

.bgRed424x80 { width: 404px; height: 60px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/red424x80.jpg) left top no-repeat; }
.bgRed424x162 { width: 404px; height: 142px; padding: 10px; overflow: hidden; background: #5B0000 url(/images/layout/backgrounds/red424x80.jpg) left top no-repeat; }

.bgMiddle566x80 { width: 546px; height: 60px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/middleBrown566x408.jpg) left top no-repeat; }
.bgMiddle140x326 { width: 120px; height: 306px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }
.bgMiddle140x408 { width: 120px; height: 388px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }
.bgMiddle424x326 { width: 404px; height: 306px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }
.bgMiddle424x408 { width: 404px; height: 388px; padding: 10px; overflow: hidden; background: url(/images/layout/backgrounds/lightBrown424x490.jpg) left top no-repeat; }