html {
    overflow-y:scroll;
    height:100%;
    }
body {
    margin:0px;
    padding:0px;
    height:100%;
    width:100%;
   /* min-height:600px;*/
    background-color:#000000;
}

a, a:visited, a:hover, a:active, a:focus {
    outline:none;
    color:#FFFFFF;
    cursor:pointer;
    text-decoration:none;
}

a:hover, a:active, a:focus {
    color:#B0B0B0;
}

a img {
    border:0px;
    }

div#fullscreenBackgroundImage {
    width:100%;
    height:100%;
    overflow:hidden;
    position:fixed;
    z-index:-10;
    }

div#fullscreenBackgroundImage img {
    display:none;
    }
div#fullscreenBackgroundImage img {
    position:absolute;
    top:0px;
    left:0px;
    }
div#fullscreenBackgroundImage img.noscriptBackground {
    width:100%;
    height:100%;
    display:block;
    }

div#backgroundContentLeft {
    background-image:url('../img/bg_left.png');
    background-repeat:repeat-y;
    z-index:11;
    width:348px;
    height:100%;
    position:fixed;
    left:0px;
    }
div#contentLeft {
    font-family:georgia;
    font-size:14px;
    z-index:11;
    line-height:30px;
    width:348px;
    position:absolute;
    left:0px;
    }
div#contentLeft div.imprint {
    background-image:url('../img/line.png');
    background-repeat:no-repeat;
    background-position:center top;
    font-family:Verdana;
    font-size:10px;
    text-align:center;
    line-height:12px;
    padding-top:20px;
    color:#3F291C;
    margin-top:80px;
    margin-bottom:16px;
    }
div#contentLeft div.imprint a {
    color:#3F291C;
    text-decoration:none;
    }
div#contentLeft div.imprint div.imprintLink {
    margin-bottom:4px;
    }
body.home div#backgroundContentLeft, body.home div#contentLeft {
    left:-348px;
    }

div#contentLeft img {
    cursor:pointer;
    display:block;
    margin:auto;
    margin-top:56px;
    margin-bottom:60px;
    }
div#contentLeft ul {
    text-align:center;
    padding:0px;
    list-style-type:none;
    padding:0px;
    margin:0px;
    }
div#contentLeft ul a {
    position:relative;
    color:#3f291c;
    text-decoration:none;
    cursor:pointer;
    font-size:16px;
    }

div#contentLeft ul a.disabled {
    cursor:default;
    font-size:16px;
    color:#584f4a;
    }
div#contentLeft ul a span.shadow {
    position:absolute;
    left:-1px;
    color:#593c2c;
    top:-7px;
    }
div#contentLeft ul li span.lions {
    display:inline-block;
    width:25px;
    height:23px;
    background-image:url(../img/lions.png);
    display:none;
    margin-top:-6px;
    }
div#contentLeft ul li.selected span.lions {
    display:inline-block;
    }
div#contentLeft ul li span.lionLeft {
    background-position:0px 0px;
    margin-right:9px;
    }
div#contentLeft ul li span.lionRight {
    background-position:-28px 0px;
    margin-left:9px;
    }
div#documentHomeLogo {
    width:580px;
    height:270px;
    position:absolute;
    left:50%;
    top:0px;
    margin-left:-290px;
    top:-300px;
    }
body.home div#documentHomeLogo {
    top:0px;
    }
div#documentHomeContent {
    padding-bottom:32px;
    width:570px;
    height:220px;
    position:absolute;
    top:375px;
    left:50%;
    margin-left:-283px;
    display:none;
    }
body.home div#documentHomeContent {
    display:block;
    }
div#documentHomeContent a {
    cursor:pointer;
    display:block;
    float:left;
    width:180px;
    padding:3px;
    height:214px;
    margin-right:3px;
    color:#ffffff;
    text-decoration:none;
    position:relative;
    }
div#documentHomeContent a span {
    display:block;
    }
div#documentHomeContent a span.imageGreyOut{
    position:absolute;
    left:3px;
    top:3px;
    width:180px;
    height:214px;
    }

div#documentHomeContent a span.imageGreyOut {
    background-color:#000000;
    filter: alpha(opacity = 0);
    opacity:0;
    z-index:5;
    }

div#documentHomeContent a span.background {
    position:absolute;
    left:0px;
    top:0px;
    height:220px;
    z-index:-1;
    width:186px;
    background-color:#000000;
    filter: alpha(opacity = 80);
    opacity:0.8;
    }
div#documentHomeContent a span.image {
    width:180px;
    height:114px;
    overflow:hidden;
    position:relative;
    }
div#documentHomeContent a span.image img {
    position:relative;
    top:0px;
    }
div#documentHomeContent a span.title {
    font-family:Georgia;
    font-size:18px;
    margin:12px 10px 6px;
    }
div#documentHomeContent a span.body {
    font-family:Verdana;
    font-size:11px;
    margin:0px 10px;
    }
div#backgroundContentRight {
    background-color:#000000;
    height:100%;
    position:fixed;
    width:630px;
    left:330px;
    filter: alpha(opacity = 60);
    opacity:0.6;
    }
body.home div#backgroundContentRight {
    display:none;
    }
div#contentRight {
    font-family:Verdana;
    font-size:11px;
    line-height:24px;
    padding-bottom:32px;
    color:#f0f0f0;
    left:329px;
    width:630px;
    position:absolute;
    z-index:10;
    }
body.home div#contentRight {
    display:none;
    }
div#contentRight h1 {
    font-family:Tahoma;
    font-size:24px;
    font-weight:bold;
    margin:16px 0px 32px 0px;
    }
#faqIndex {
    list-style-type:none;
    margin-bottom:32px;
    padding-left:16px;
    }
#faqIndex li {
    margin:8px 0px;
    }
h3.faqLink {
    margin-top:48px;
    }
div#contentRight h5 {
    font-size:14px;
    margin:18px 0px 4px;
    font-weight:normal;
    }

div.documentText, div.documentGallery {
    margin-top:85px;
    padding:0px 50px;
    }
ul.subnavigation {
    margin:0px;
    padding:0px;
    width:531px;
    height:30px;
    position:relative;
    left:49px;
    }
div.subnavigation {
    background-color:#3f291c;
    height:30px;
    margin-left:-49px;
    width:49px;
    overflow:visible;
    margin-bottom:64px;
    }
ul.subnavigation li {
    display:block;
    margin:0px;
    padding:0px 16px 0px 0px;
    height:30px;
    line-height:30px;
    float:left;
    background-color:#3f291c;
    }
#contentRight ul.subnavigation li a {
    color:#9a6539;
    text-decoration:none;
    }
#contentRight ul.subnavigation li a.selected {
    color:#ffffff;
    }
div.documentText div.body {
    margin-top:72px;
    padding-right:64px;
    }
div.documentText div.navspacer {
    height:30px;
    margin-bottom:64px;
    }

p.businessHours {
    text-align:center;
    font-size:30px;
    line-height:40px;
    font-family:georgia;
    }
div.contact {
    padding-left:90px;
    margin:12px 0px;
    }
div.contact div.left {
    margin-left:-90px;
    float:left;
    }
div.documentText a, #contentRight a {
    color:#9a6539;
    text-decoration:none;
    }
div.documentText a.bright {
    color:#be7d47;
    }
div.documentText a:hover, #contentRight a:hover {
    color:#bf752f;
    }
div.address {
    margin-top:-5px;
    margin-bottom:16px;
    }
div.address div.name {
    margin-bottom:5px;
    }
div.indent {
    padding-left:32px;
    }

/* Shop */

div.coffee {
    position:absolute;
    left:60px;
    top:510px;
    padding-bottom: 20px;
}

h1.shop {
    font-size:21px;
    margin-bottom:55px;
}

div.grind {
    position:absolute;
    left:60px;
    top:510px;
    padding-bottom: 80px;
}

span.shopOpen {
    background-image:url(../img/comingsoon.png);
    background-position:0 0;
    display:block;
    height:115px;
    left:78px;
    position:absolute;
    top:-46px;
    width:115px;
    z-index:100;
}

div.coffee div.price {
    float:left;
}

div.coffeeimg {
    float:left;
    height:254px;
    width:73px;
    margin-right:105px;
    cursor:pointer;
}

div.grindingimg {
    position:absolute;
    display:none;
    width:370px;
}

div.hr {
    position:absolute;
    left:54px;
    height:1px;
    width:550px;
    background-color:#4a3d34;
}

div.greenbutton {
    font-size:16px;
    padding-top:5px;
    cursor:pointer;
}

div.greenbutton img {
    display:inline;
    position:relative;
    top:8px;
    margin-right:5px;
}

div.greenbutton div {
    height:30px;
    width:30px;
    float:left;
    margin-right:5px;
    margin-top:-4px;
}

.pointer, img.zurueck, img.weiter {
    cursor:pointer;
}


div.weight {
    height:100px;
    width:280px;
    color:#c76e19;
    font-size:70px;
    line-height:100px;
    text-align:center;
}


#order label,#loginform label, #registerform label, #profileform label,#passwordform label {
    font-weight:bold;
    display:block;
}

div.inputwrapper {
    height:29px;
    padding-top:6px;
    width:405px;
}

div.inputwrapper.error {
    background-position: 0px -35px;
}

div.inputwrapper.focus {
    background-position: 0px -70px;
}

#registerform,#profileform {
    padding-top:1px;
}

#order input, #loginform input, #registerform input, #cartform input, #profileform input,#passwordform input {
    display:block;
    background-color: transparent;
    border:0px;
    color:#F0F0F0;
    padding-left: 6px;
    padding-right:6px;
    left:0px;
    width:393px;
    background-image: url('/img/shop/input_399.png');
}

#cartform input.input45 {
    background-image: url('/img/shop/input_45.png');
    width:33px;
    text-align:center;
}

#cartform input.input45:focus {
    background-position:0px -35px;
}

#loginform input.input56, #registerform input.input56,#profileform input.input56 {
    background-image: url('/img/shop/input_56.png');
    width:48px;
}

#loginform input.input207, #registerform input.input207, #profileform input.input207 {background-image: url('/img/shop/input_207.png');
    width:188px;
}

#loginform input.input290, #registerform input.input290,  #profileform input.input290 {
    background-image: url('/img/shop/input_290.png');
    width:328px;
}

#loginform input.error, #registerform input.error, #profileform input.error {
    background-position: 0px -35px;
}

#loginform input:focus, #registerform input:focus, #profileform input:focus, #passwordform input:focus {
    background-position: 0px -70px;
}

/* customInput radio button */
/* wrapper divs */
.custom-checkbox, .custom-radio { position: relative; }

/* input, label positioning */
.custom-checkbox input,
.custom-radio input {
    position: absolute;
    left: 2px;
    top: 3px;
    margin: 0;
    z-index: 0;
    opacity:0;
    filter:alpha(opacity=0);
}

.custom-checkbox label,
.custom-radio label {
    display: block;
    position: relative;
    z-index: 1;
    line-height: 24px;
    padding-left: 30px;
    cursor: pointer;
    height:24px;
}

#order label {
	display:inline-block;
	width:0px;
	height:24px;
}

.custom-radio label {
    background: url('/img/shop/radio.png') no-repeat;
}

.custom-checkbox label {
    background: url('/img/shop/checkbox.png') no-repeat;
}

/* state sprite depending */
.custom-radio label {
    background-position: 0px 0px;
    font-weight: normal !important;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
    background-position: 0px -48px;
}


.custom-checkbox label.hover.checked,
.custom-radio label.hover.checked,
.custom-checkbox label.focus.checked,
.custom-radio label.focus.checked {
    background-position: 0px -144px;
}

.custom-checkbox label.checkboxerror,
.custom-radio label.error {
    background-position: 0px -192px;
}

.custom-checkbox label.checked,
.custom-radio label.checked {
    background-position: 0px -96px;
}

/* customInput end */

#jsdiv {
    display:none;
}

#registerform input.radio.error, #profileform input.radio.error {
    background-image: url('/img/shop/radio_error.png');
}

#registerform input.radio:focus, #profileform input.radio:focus{
/*    background-image: url('/img/shop/radio_focus.png');*/
}

.transparent {
    filter:alpha(opacity=0);
    opacity:0;
}

div.coffeeselection {
    font-weight:bold;
    position:absolute;
    top:10px;
    left:60px;
    z-index:10;
    width:90px;
    /*background-image:url('/img/shop/selection_arrow.png');*/
    background-repeat:no-repeat;
    background-position:73px 7px;
    padding-left:5px;
}

div.weightselection {
    top:25px;
    left:60px;
    position:absolute;
    width:70px;
    /*background-image:url('/img/shop/selection_arrow.png');*/
    background-repeat:no-repeat;
    background-position:60px 7px;
    padding-left:5px;
}

div.delete {
    height:16px;
    width:16px;
    background-image:url('/img/delete.png');
    cursor: pointer;
}

div.update {
    height:24px;
    width:24px;
    background-image:url('/img/update.png');
    cursor:pointer;
}

div.update.inactive {
    cursor:default;
    background-position:0px -24px;
}

div.grindselection {
    top:40px;
    left:60px;
    position:absolute;
    width:160px;
    /*background-image:url('/img/shop/selection_arrow.png');*/
    background-repeat:no-repeat;
    background-position:140px 7px;
    padding-left:5px;
}

div.frame {
    position:absolute;
    filter:alpha(opacity=50);
    opacity:0.5;
    background-color:#111;
    z-index:2;
    height:28px;
}

div.frame.focus {
    background-color:#FFF;
}

div.selectbg {
    position:absolute;
    background-color:#3e2e21;
    z-index:5;
    height:22px;
}

div.frame.hidden {
    filter:alpha(opacity=0);
    opacity:0;
}

div.selectbg.hidden {
    background-color:transparent;
}

div.option {
    padding-left:5px;
}

div.cartitem {
    text-align:left;
    width:530px;
    position:relative;
    left:0px;
    height:120px;
    padding-top:12px;
    padding-bottom:5px;
}

div.option:hover {
    background-color:#5e4e41;
}

#socialLinks {
    position: relative;
    padding-left:120px;
}

#twitterBubble {
    position:absolute;
    top:-5px;
    left:126px;
    height:38px;
    width:130px;
    background-image: url('../img/bubbletwitter.png');
    font-size: 10px;
    padding-left:12px;
    display:none;
    color: #625245;
}

#facebookBubble {
    position:absolute;
    top:-5px;
    left:154px;
    height:38px;
    width:173px;
    background-image: url('../img/bubblefacebook.png');
    font-size: 10px;
    padding-left:12px;
    display:none;
    color: #625245;
}

#twitterLink {
    float:left;
    display: block;
    width: 50px;
    height: 50px;
    background-image: url('../img/twitter.png');
    margin-top:25px;
    /*margin-left: 120px;*/
}

#facebookLink {
    margin-top:34px;
    margin-left:6px;
    float:left;
    display: block;
    width: 38px;
    height: 36px;
    background-image: url('../img/facebook.png');
}

div.documentGallery .imageFrame {
    margin-left:-22px;
    }

div.galleryStack {
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	cursor:pointer;
}
div.galleryStack:hover span img {
	position:relative;
	top:-138px;	
}
div.galleryStack span {
	display:block;
	height:138px;
	width:200px;
	overflow:hidden;
	position:relative;
	top:12px;
}

#brcGallery {
    display:none;
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
    -webkit-user-select: none;
}
#brcGallery span.logo {
    display:block;
    position:absolute;
    height:170px;
    width:370px;
    left:50%;
    top:-170px;
    margin-left:-185px;
    background-image:url(../img/gallery_sprite.png);
    background-position:-475px 0px;
}
#brcGalleryThumbBar {
    width:100%;
    height:190px;
    position:absolute;
    top:100%;
    left:0px;
    margin:0px;
    background-image:url(../img/gallery_thumb_bg.png);
}

#brcGalleryThumbBar img {
    margin:36px 10px;
    border:2px solid #ffffff;
    cursor:pointer;
}

#brcGalleryThumbBar img.selected {
    border:2px solid #b66e26;
}

#brcGalleryLeft, #brcGalleryRight  {
    height:220px;
    width:155px;
    display:none;
    background-image:url(../img/gallery_sprite.png);
    background-position:-7px -6px;
    position:absolute;
    left:40px;
    top:100%;
    margin-top:-495px;
    cursor:pointer;
}
#brcGalleryRight {
    background-position:-252px -6px;
    left:100%;
    margin-left:-195px;
}
#brcGalleryClose {
    display:block;
    width:175px;
    height:35px;
    position:absolute;
    left:100%;
    top:100%;
    margin-left:0px;
    margin-top:-241px;
    background-image:url(../img/gallery_sprite.png);
    background-position:-342px -248px;
    cursor:pointer;
}
#brcGalleryMainImage img.preloader {
    display:none;
}
#brcGalleryMainImage img.main {
    position:absolute;
}
#brcGalleryThumbImageFrame {
    width:3048px;
}
#brcGalleryThumbBar .selectedFlag {
    display:block;
    width:28px;
    height:28px;
    background-image:url(../img/gallery_sprite.png);
    background-position:-492px -206px;
    position:absolute;
    left:0px;
    top:18px;
}
div.discountButton {
	cursor:pointer;
	position:absolute;
	height: 130px;
	width: 134px;
	background-image:url(../img/discount.png);
	top:28px;
	left:888px;
	z-index:20;
}
body.homeFlag div.discountButton {
	display:none;
}
a.goShoppingButton {
	display:none;
	}
div.discountOverlay {
	background-image:url(../img/discoung_overlay.png);
	width:540px;
	height:312px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-290px;
	margin-top:-156px;
	z-index:21;
	cursor:pointer;
	display:none;
	}
body.homeFlag a.goShoppingButton {
	display:block;
	position:absolute;
	left:50%;
	top:318px;
	height: 154px;
	width: 140px;
	z-index:20;
	margin-left:-53px;
	background-image:url(../img/button_home.png);
}

body.inTransformation div.discountButton, body.galleryFlag div.discountButton,
body.inTransformation a.goShoppingButton,
body.loggedIn div.discountButton {
	display:none;
}

div.bankeinzug {
	position:absolute;
	height: 130px;
	width: 134px;
	background-image:url(../img/button_bankeinzug.png);
	top:28px;
	left:888px;
	z-index:20;
}
body.homeFlag div.bankeinzug {
	position:absolute;
	left:50%;
	top:318px;
	margin-left:-53px;
	background-image:url(../img/button_bankeinzug.png);
}
body.inTransformation div.bankeinzug, body.galleryFlag div.bankeinzug {
	display:none;
}
div.discountHint {
	position: absolute;
	top: 183px;
	left: 588px;
	display:block;
	width:220px;
	height:108px;
	background-image:url(../img/discount_5.png);
	cursor:pointer;
}
body.loggedIn div.discountHint {
	display:none;
}
div.discountHint_20 {
	background-image:url(../img/discount_20.png);
}
div.discountHint_30 {
	background-image:url(../img/discount_30.png);
}
.selectBox-dropdown-menu {
    position:absolute;
    z-index:100;
    list-style-type:none;
    margin: 0px;
    padding: 0px;
}
.selectBox-dropdown-menu a {
    background-image:url(../img/contentBG_alt.png);
    width:188px;
    display:block;
    padding: 4px 6px;
    height:20px;
    line-height:20px;

}
.selectBox-dropdown-menu a:hover,
.selectBox-dropdown-menu a:focus,
.selectBox-dropdown-menu a:active,
.selectBox-hover {
    background-color:#fff;
}
a.selectBox {
    width: 188px;
    height:35px;
    padding-left: 6px;
    padding-right: 6px;
    background-image: url('/img/shop/input_207.png');
    color:#ffffff;
}
.selectBox-label {
    display:inline-block;
    width:156px;
    vertical-align: top;
    margin-top:1px;
    height:32px;
    line-height:32px;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
}
.selectBox-arrow {
    display:inline-block;
    margin-top:1px;
    width:32px;
    height:32px;
    background-image: url('/img/shop/dropdown_arrow.png');
}
a.selectBox:focus, a.selectBox:hover, a.selectBox:active {
    background-position:0px -70px;
}

a.selectBox:focus .selectBox-arrow,
a.selectBox:hover .selectBox-arrow,
a.selectBox:active .selectBox-arrow {
    background-position: 0px -32px;
    }