*{
font-family:Palatino,"Trebuchet MS",sans-serif;
margin:0;
padding:0;
font-size:100.01%;
border:none;
}


label{
margin-bottom:1em;
display:block;
}

input,
textarea,
a.button{
background-color:#4C1012;
border:1px #c15830 dotted;
color:#fddfc2;
padding:2px;
display:block;
}

input:hover,
textarea:hover,
a.button:hover{
border-color:#fddfc2;
}

input:focus,
textarea:focus,
a.button:focus{
border-style:solid;
}

input.button,
a.button{
cursor:pointer;
}

input[type=hidden]{
display:none;
}

input.checkbox,
input[type=checkbox]{
width:auto;
}


html,
body{
width:100%;
min-width:1000px;
height:100%;
}

html{
overflow-y:scroll;
}

body{
font-size:.725em;
line-height:1.5;
color:#fddfc2;
background-color:#fddcba;
text-align:center;
}

body a{
color:#fddfc2;
}

#helper{
margin:0 auto;
background:#4c1012 url(../layout/body-bg.jpg) repeat-y 209px 0;
text-align:left;
width:1000px;
overflow:hidden;
}

#head{
width:1000px;
float:left;
height:217px;
background:url(../files/image/head.php) no-repeat 0 31px;
position:relative;
z-index:1;
overflow:hidden;
}

#logo{
height:181px;
width:184px;
display:block;
position:absolute;
left:209px;
top:31px;
background:url(../layout/logo-bg.png) repeat left top;
}

#spell{
position:absolute;
top:8px;
left:444px;
}

#spelloverlay{
position:absolute;
top:8px;
left:404px;
height:21px;
width:523px;
background:url(../layout/spruch-overlay.png) no-repeat left top;
}

#sidebox{
position:relative;
z-index:2;
float:left;
margin-top:-150px;
width:169px;
padding:270px 20px 0 20px;
background:url(../layout/bierglas.png) no-repeat 56px 0;
}

#sidebox div,
#sidebox form{
padding:12px 16px;
background:#c25931 url(../layout/sidebox-bg.jpg) repeat-x left bottom;
overflow:hidden;
margin-bottom:1em;
width:137px;
position:relative;
}

#sidebox div#options{
background:none;
padding-bottom:0px;
margin-bottom:0px
}

#sidebox div#options li{
list-style:none;
cursor:pointer;
}

#sidebox input,
#sidebox textarea{
background:none;
}

#sidebox h1{
font-size:1.5em;
margin-bottom:1em;
font-family:Georgia,serif;
font-weight:100;
}

#sidebox h2{
font-size:1.2em;
margin-bottom:1em;
font-family:Georgia,serif;
font-weight:100;
}

#sidebox a:hover,
#sidebox a:focus{
text-decoration:none;
}

#sidebox ul,
#sidebox p,
#sidebox table{
margin-bottom:1em;
}

#sidebox li{
list-style:none;
}

#sidebox td{
vertical-align:top;
padding-bottom:.4em;
}

#sidebox a{
text-decoration:none;
font-size:1.05em;
font-weight:100;
color:#fddfc2;
}

#sidebox a.button{
display:inline;
padding:0 4px;
}

#sidebox a:hover,
#sidebox a:focus{
text-decoration:underline;
}

#sidebox a.button:hover,
#sidebox a.button:focus{
text-decoration:none;
}

#menu li{
list-style:inside;
margin-bottom:.8em;
}

#mm{
float:left;
width:184px;
padding-top:17px;
line-height:1;
}

#mm li{
list-style:none;
position:relative;
display:block;
width:184px;
}

#mm a{
font-family:Georgia,serif;
font-weight:100;
font-size:1.5em;
display:block;
width:164px;
padding:7px 10px;
text-align:center;
text-decoration:none;
position:relative;
z-index:101;
}

#mm span{
font-size:0;
position:absolute;
width:100%;
height:100%;
z-index:100;
background:url(../layout/mm-active.jpg) repeat-y left top;
}

#content{
width:498px;
float:left;
padding:10px 52px 0 52px;
}

#content div{
padding:12px 0 10px 0;
}

#content div.bilderquer{
width:498px;
}

#content div.hr{
width:498px;
height:1px;
padding:0;
background:url(../layout/content-hr.jpg) no-repeat center top;
overflow:hidden;
}

#content td{
vertical-align:top;
}

#content input,
#content select{
width:400px;
}

#content textarea{
width:400px;
height:8em;
}

#content input.button{
width:auto;
}

#content input.checkbox,
#content input[type=checkbox]{
width:auto;
display:inline;
}

#content h1{
font-size:1.7em;
margin-bottom:.6em;
font-family:Georgia,serif;
font-weight:100;
}

#content h2{
font-size:1.3em;
margin-top:1em;
margin-bottom:.6em;
font-weight:100;
}

#content ol,
#content ul,
#content p{
margin-bottom:.75em;
}

#content li{
list-style-position:outside;
margin-left:1.5em;
}

#content span.remark,
#content p.remark{
font-size:.9em;
}

#content .bilderquer p{
margin-bottom:0;
}

#content a{
text-decoration:none;
font-size:1.05em;
font-weight:100;
color:#fddfc2;
}

#content a.button{
display:inline;
}

#content a:hover,
#content a:focus{
text-decoration:underline;
}

#content a.button:hover,
#content a.button:focus{
text-decoration:none;
}

#content form a.button,
#content form input.button{
text-decoration:none;
text-align:center;
margin:0;
padding:4px;
background:#c25931;
color:#fddfc2;
}

#content form label a.button,
#content form label input.button{
float:left;
margin-right:10px;
}

#content img{
float:right;
border:1px solid #c25931;
display:block;
margin:0 0 10px 20px;
}

#content .bilderquer img{
float:left;
margin:0 7px 7px 0;
}

#content li li{
margin-left:1em;
}


/* shop */

#content #shop div.shop-head{
position:relative;
padding:0;
margin-bottom:10px;
overflow:hidden;
}

#content #shop div.shop-head h1{
margin:0;
float:left;
}

#content #shop div.shop-head a{
line-height:2.55em;
float:right;
margin-right:10px;
}

#content #shop label.cnavi{
overflow:hidden;
}

#content #shop label.cnavi a{
float:left;
margin-right:4em;
}

#content #shop input.counter{
width:2em;
display:inline;
margin-right:.5em;
}

#content #shop input.refresh{
width:auto;
margin:0;
margin-right:2em;
padding:0;
border:none;
cursor:pointer;
float:left;
}


/* groups-view */

#content #shop .group{
float:left;
position:relative;
margin:0;
padding:0;
clear:left;
overflow:hidden;
height:160px;
width:488px;
}

#content #shop div.groups{
width:508px;
}

#content #shop .group ul{
margin:0;
}

#content #shop .group li{
list-style:none;
margin:0;
}

#content #shop .group .name{
margin-bottom:1em;
font-family:Georgia,serif;
font-weight:100;
float:left;
padding:9px 9px 12px 9px;
width:470px;
background:#c25931 url(../layout/sidebox-bg.jpg) repeat-x left bottom;
position:absolute;
left:0;
bottom:0;
}

#content #shop .group .name h1{
margin:0;
}

#content #shop .group .pic{
height:136px;
position:absolute;
right:9px;
bottom:12px;
}

#content #shop .group .pic a{
}

#content #shop .group .pic img{
position:absolute;
bottom:0;
right:0;
border:none;
float:none;
margin:0;
display:inline;
}


/* articles-view & article-view */

#content #shop div.articles{
width:508px;
}

#content #shop .article{
float:left;
position:relative;
width:226px;
padding:9px 9px 12px 9px;
margin:0 10px 10px 0;
background-color:#ede4bb;
background:#c25931 url(../layout/sidebox-bg.jpg) repeat-x left bottom;
overflow:hidden;
margin-bottom:1em;
min-height:170px;
}

#content #shop .article.odd{
clear:left;
}

#content #shop .article ul{
margin:0;
}

#content #shop .article li{
list-style:none;
margin:0;
}

#content #shop .article .name{
font-size:1.5em;
font-family:Georgia,serif;
font-weight:100;
float:left;
}

#content #shop .article .dashboard{
float:left;
text-align:center;
height:136px;
position:absolute;
right:9px;
bottom:12px;
left:9px;
}

#content #shop .article .dashboard img{
border:none;
float:none;
margin:0;
max-width:136px;
max-height:136px;
display:inline;
position:absolute;
right:0;
bottom:0;
}

#content #shop .article .actions{
overflow:hidden;
clear:both;
text-align:left;
position:absolute;
left:0;
bottom:0;
}

#content #shop .article .price{
font-size:2em;
}

#content #shop .article .vat{
font-size:.9em;
}

#content #shop .article .cart{
margin-top:.5em;
}


/* article-view */

#content #shop .single-article{
width:508px;
}

#content #shop .single-article .photo{
float:left;
}

#content #shop .single-article .photo img{
border:none;
float:none;
margin:0;
display:inline;
max-width:300px;
max-height:300px;
margin-right:20px;
}


#content #shop .single-article .actions{
overflow:hidden;
text-align:left;
}

#content #shop .single-article .actions ul{
margin:0;
}

#content #shop .single-article .actions li{
list-style:none;
margin:0 0 .5em 0;
}


#content #shop .single-article .actions .price{
font-size:2em;
margin-bottom:.25em;
}

#content #shop .single-article .actions .vat{
font-size:.9em;
}

#content #shop .single-article .photos{
float:left;
width:508px;
}

#content #shop .single-article .photos img{
border:none;
float:none;
margin:0;
display:inline;
max-width:136px;
max-height:136px;
}


#content #shop .mbox img.apic,
#content #shop .mbox img.bpic{
cursor:n-resize;
}


/* article-view */

#content #shop .dprice li{
list-style:none;
}

#content #shop .dprice .aprice{
font-size:2em;
font-weight:800;
margin-bottom:.25em;
}

#content #shop .dprice .avat{
font-size:.85em;
}


/* article-recommendation - sidebox */

#sidebox #shop-recommendation{
height:184px;
}

#sidebox #shop-recommendation h1{
position:relative;
z-index:12;
}

#sidebox #shop-recommendation .general{
position:absolute;
right:8px;
bottom:12px;
left:16px;
float:left;
}

#sidebox #shop-recommendation .name{
font-family:Georgia,serif;
font-weight:100;
position:relative;
z-index:11;
}

#sidebox #shop-recommendation .dashboard{
text-align:center;
position:relative;
z-index:10;
float:left;
width:100%;
}

#sidebox #shop-recommendation .dashboard .imglink{
float:none;
position:absolute;
bottom:0;
right:0;
}

#sidebox #shop-recommendation .dashboard img{
border:none;
margin:0;
max-width:80px;
max-height:180px;
display:inline;
}

#sidebox #shop-recommendation .actions{
text-align:left;
margin-bottom:0;
position:relative;
z-index:9;
}

#sidebox #shop-recommendation .price{
font-size:2em;
}


/* cart - sidebox */

#sidebox #shop-cart .cprice{
font-size:1.3em;
display:block;
text-align:right;
}


/* cart & checkout */

#content #shop .cart{
width:100%;
margin-bottom:1em;
}

#content #shop .cart tr.even td{
background-color:#c25931;
}

#content #shop .cart tr.sum td{
font-size:1.3em;
}

#content #shop .cart td{
padding:2px;
}

#content #shop .cart .hr td{
width:498px;
height:1px;
padding:0;
background:url(../layout/content-hr.jpg) no-repeat center top;
overflow:hidden;
}

#content #shop .cart .amount{
text-align:right;
}

#content #shop .cart .price,
#content #shop .cart .cart{
text-align:right;
width:240px;
float:right;
clear:right;
}


#foot{
width:555px;
padding-left:445px;
float:left;
background:#fddcba url(../layout/foot.jpg) no-repeat center top;
padding-top:14px;
padding-bottom:8px;
color:#4c1012;
font-size:.9em;
overflow:visible;
}

#foot *{
font-family:Georgia,serif;
}

#foot a{
color:#cb0b0f;
text-decoration:none;
}

#foot a.active,
#foot a:hover,
#foot a:focus{
text-decoration:underline;
}

#foot span{
white-space:nowrap;
}