*{
margin:0;
padding:0;
font-family:"Trebuchet MS",sans-serif;
font-size:100.01%;
border:none;
list-style:none;
text-decoration:none;
color:#000;
}

a:hover,
a:focus,
a.active{
color:#e42336;
}

input.button{
cursor:pointer;
width:auto;
}

input[type=hidden]{
display:none !important;
}

html,
body{
width:100%;
min-width:1000px;
height:1024px;
}

html{
background:url(../_layout/muster.jpg) repeat center;
}

body{
font-size:.9em;
background:url(../_layout/schein.jpg) no-repeat center top;
}

#kopfhelfer{
width:100%;
min-width:1000px;
background:url(../_layout/kopf.jpg) repeat-x 0 52px;
text-align:center;
}

#kopf{
margin:0 auto;
text-align:left;
height:105px;
padding-top:3px;
width:1000px;
}

#logo{
float:left;
display:block;
width:280px;
height:105px;
background:url(../_layout/flockex.png) no-repeat left top;
}

#hauptmenue{
height:29px;
margin-top:49px;
margin-left:13px;
padding:2px 0;
float:left;
}

#hauptmenue li{
position:relative;
float:left;
margin:0 7px;
z-index:200;
}

#hauptmenue a{
}

#hauptmenue .container{
float:left;
padding:7px 0 7px 12px;
height:15px;
background:url(../_layout/button.jpg) no-repeat left top;
}

#hauptmenue .container a{
font-family:Georgia,serif;
font-size:.8em;
font-weight:800;
}

.sIFR-active #hauptmenue .container a{
letter-spacing:1px
}

#hauptmenue .limiter{
float:left;
background:url(../_layout/button.jpg) no-repeat right top;
height:29px;
width:12px;
}

#hauptmenue li:hover .container,
#hauptmenue li:focus .container,
#hauptmenue li.hover .container,
#hauptmenue li.active .container,
#hauptmenue li.subactive .container{
background-image:url(../_layout/button-aktiv.jpg);
}

#hauptmenue li:hover .limiter,
#hauptmenue li:focus .limiter,
#hauptmenue li.hover .limiter,
#hauptmenue li.active .limiter,
#hauptmenue li.subactive .limiter{
background-image:url(../_layout/button-aktiv.jpg);
}

#hauptmenue li div.sub{
display:none;
position:absolute;
left:-5px;
top:28px;
z-index:210;
}

#hauptmenue li:focus div.sub,
#hauptmenue li.hover div.sub,
#hauptmenue li:hover div.sub{
display:block;
visibility:visible !important;
}

#hauptmenue li div.sub .head{
float:left;
width:482px;
height:24px;
background:url(../_layout/sub-kopf.png) left top no-repeat;
}

#hauptmenue li div.sub .body{
float:left;
width:450px;
padding:0 16px;
background:url(../_layout/sub-mitte.png) left top repeat-y;
}

#hauptmenue li div.sub .foot{
float:left;
width:482px;
height:24px;
background:url(../_layout/sub-fuss.png) left top no-repeat;
}

#hauptmenue li div.sub ul{
float:left;
width:215px;
padding:0 5px;
}

#hauptmenue li div.sub li{
display:block;
float:left;
clear:both;
margin:0;
}

#hauptmenue li div.sub li .subhead{
float:left;
margin-right:5px;
width:85px;
font-family:Georgia,serif;
font-weight:800;
line-height:1.35em;
display:inline;
}

#hauptmenue li div.sub li .subhead object{
display:inline;
}

#hauptmenue li div.sub li ul{
float:left;
width:125px;
padding:0 0 15px 0;
margin:0;
}

#hauptmenue li div.sub li li{
float:left;
clear:both;
}

#hauptmenue li div.sub li li a{
width:125px;
}

#inhalthelfer{
width:1000px;
text-align:left;
margin:0 auto;
}

#sideboxes{
float:left;
width:280px;
padding-top:20px;
}

.sidebox{
float:left;
width:270px;
margin:0 5px -12px 5px;
position:relative;
}

.sidebox h1{
display:none;
}

.sidebox .kopf{
display:block;
padding:18px 20px;
width:230px;
height:21px;
position:relative;
z-index:30;
}

#suche a.kopf{
background:url(../_layout/sidebox-suche.png) no-repeat left top;
}

#suche a.kopf.hover,
#suche a.kopf.focus{
cursor:pointer;
background-image:url(../_layout/sidebox-suche-aktiv.png);
}

#cart a.kopf{
background:url(../_layout/sidebox-einkaufswagen.png) no-repeat left top;
}

#cart a.kopf.hover,
#cart a.kopf.focus{
cursor:pointer;
background-image:url(../_layout/sidebox-einkaufswagen-aktiv.png);
}

#login a.kopf{
background:url(../_layout/sidebox-kundenlogin.png) no-repeat left top;
}

#login a.kopf.hover,
#login a.kopf.focus{
cursor:pointer;
background-image:url(../_layout/sidebox-kundenlogin-aktiv.png);
}

#subscription a.kopf{
background:url(../_layout/sidebox-newsletter.png) no-repeat left top;
}

#subscription a.kopf.hover,
#subscription a.kopf.focus{
cursor:pointer;
background-image:url(../_layout/sidebox-newsletter-aktiv.png);
}

.sidebox .contenthelfer{
background:#ccc;
width:270px;
position:relative;
z-index:20;
top:-27px;
}

.sidebox .content{
width:234px;
margin:0 18px;
position:relative;
z-index:21;
top:27px;
padding-top:11px;
overflow:hidden;
}

.sidebox .content input{
background:url(../_layout/sidebox-button.jpg) no-repeat left top;
width:218px;
height:21px;
text-align:center;
display:block;
float:left;
padding:4px;
margin-bottom:11px;
}

.sidebox .content input.hover,
.sidebox .content input.focus,
.sidebox .content input:hover,
.sidebox .content input:focus{
background:url(../_layout/sidebox-button-aktiv.jpg) no-repeat left top;
}

.sidebox .content input.button{
font-family:Georgia,serif;
font-size:.75em;
font-weight:800;
width:226px;
height:29px;
vertical-align:center;
text-transform:uppercase;
float:right;
}

.sidebox .content .sbutton{
display:none;
float:right;
height:29px;
cursor:pointer;
margin-bottom:11px;
}

#order div{
width:101px;
background:url(../_layout/sidebox-button-bestellen.jpg) no-repeat left top;
}

#order div.hover,
#order div.focus{
background-image:url(../_layout/sidebox-button-bestellen-aktiv.jpg);
}

#signin div{
width:101px;
background:url(../_layout/sidebox-button-anmelden.jpg) no-repeat left top;
}

#signin div.hover,
#signin div.focus{
background-image:url(../_layout/sidebox-button-anmelden-aktiv.jpg);
}

#forget div{
width:177px;
background:url(../_layout/sidebox-button-passwort.jpg) no-repeat left top;
}

#forget div.hover,
#forget div.focus{
background-image:url(../_layout/sidebox-button-passwort-aktiv.jpg);
}

#register div{
width:119px;
background:url(../_layout/sidebox-button-neukunde.jpg) no-repeat left top;
}

#register div.hover,
#register div.focus{
background-image:url(../_layout/sidebox-button-neukunde-aktiv.jpg);
}

#subscribe div{
width:101px;
background:url(../_layout/sidebox-button-anmelden.jpg) no-repeat left top;
}

#subscribe div.hover,
#subscribe div.focus{
background-image:url(../_layout/sidebox-button-anmelden-aktiv.jpg);
}

.sidebox .content ul{
margin-bottom:11px;
}

.sidebox .content table{
width:234px;
margin-bottom:11px;
}

.sidebox .content th,
.sidebox .content td{
vertical-align:top;
padding:1px 0;
}

.sidebox .content .value{
text-align:right;
}

.sidebox .content form{
width:234px;
}

.sidebox .content hr{
margin:0 0 11px 0;
background:#000;
height:1px;
width:234px;
font-size:0;
overflow:hidden;
}

.sidebox .fuss{
background:url(../_layout/sidebox-fuss.png) no-repeat left top;
width:270px;
height:30px;
position:relative;
z-index:10;
top:-27px;
}

#inhalt{
float:left;
margin:0 5px 0 20px;
width:695px;
}

#box{
position:relative;
z-index:100;
}

#box .boxkopf{
position:relative;
z-index:20;
background:url(../_layout/container-kopf.png) no-repeat left top;
width:695px;
height:30px;
}

#box .contenthelfer{
background:#ccc;
width:695px;
position:relative;
z-index:30;
}

#box .content{
width:695px;
position:relative;
top:-15px;
}

#box .content div{
clear:both;
}

#box .content .links{
width:347px;
float:left;
clear:none;
}

#box .content .rechts{
width:347px;
float:right;
clear:none;
}

#box .boxfuss{
position:relative;
z-index:10;
background:url(../_layout/container-fuss.png) no-repeat left top;
width:695px;
height:30px;
}

#box h1{
font-family:Georgia,serif;
font-size:1.2em;
font-weight:800;
text-align:center;
text-transform:uppercase;
color:#000;
}

#box h2{
font-weight:800;
}

#box iframe{
margin:0 20px 1em 20px;
overflow:hidden;
clear:both;
}

#box h1,
#box h2,
#box p,
#box table,
#box ul,
#box ol{
padding:0 20px 1em 20px;
overflow:hidden;
clear:both;
}

#box form{
padding:0 20px;
overflow:hidden;
clear:both;
}

#box form h1,
#box form h2,
#box form p,
#box form table,
#box form ul,
#box form ol{
padding:0;
}

#box ul li{
list-style:url(../_layout/stern-schwarz.gif);
margin-left:2em;
}

#box input{
background:url(../_layout/sidebox-button.jpg) no-repeat left top;
width:218px;
height:21px;
text-align:center;
display:block;
float:left;
padding:4px;
margin-bottom:6px;
}

#box input.hover,
#box input.focus,
#box input:hover,
#box input:focus{
background:url(../_layout/sidebox-button-aktiv.jpg) no-repeat left top;
}

#box textarea{
background:url(../_layout/sidebox-textarea.jpg) no-repeat left top;
width:218px;
height:192px;
text-align:center;
display:block;
float:left;
padding:4px;
margin-bottom:6px;
}

#box textarea.hover,
#box textarea.focus,
#box textarea:hover,
#box textarea:focus{
background:url(../_layout/sidebox-textarea-aktiv.jpg) no-repeat left top;
}

#box input.button{
font-family:Georgia,serif;
font-size:.75em;
font-weight:800;
width:226px;
height:29px;
vertical-align:center;
text-transform:uppercase;
float:right;
}

#box .sbutton{
display:none;
float:right;
height:29px;
cursor:pointer;
margin-bottom:11px;
}

#box #kontakt div{
width:101px;
background:url(../_layout/sidebox-button-senden.jpg) no-repeat left top;
}

#box #kontakt div.hover,
#box #kontakt div.focus{
background-image:url(../_layout/sidebox-button-senden-aktiv.jpg);
}

#box .pagecount{
text-align:center;
overflow:hidden;
}

#box .pagecounthelfer{
margin:10px auto 20px auto;
}

#box .pagecount ul{
float:left;
text-align:left;
}

#box .pagecount li{
float:left;
padding:0 .5em;
}

#box .pagecount a{
display:block;
width:14px;
height:18px;
text-align:center;
float:left;
}

#box .pagecount a.active,
#box .pagecount a:hover,
#box .pagecount a:focus,
#box .pagecount .pagebutton{
color:#fff;
background:url(../_layout/pagebutton.jpg) no-repeat center;
}

#box .articles{
overflow:hidden;
padding:0 10px;
}

#box .article{
width:205px;
float:left;
margin:0 10px 15px 10px;
}

#box .article .kopf{
height:27px;
width:205px;
background:url(../_layout/article-container.png) no-repeat left top;
}

#box .article .body{
padding:0 10px 10px 10px;
width:185px;
background:url(../_layout/article-container.png) no-repeat left bottom;
text-align:center;
}

#box .article table{
width:185px;
}

#box .article td{
padding:4px 0;
}

#box .article .preis{
font-size:1.8em;
text-align:right;
padding:4px;
}

#foot{
margin:15px 0;
width:695px;
font-size:.7em;
text-align:center;
}

#foot *{
color:#ccc;
}

#foot p,
#foot ul{
margin-bottom:1em;
}

#foot li{
display:inline;
}

#foot a{
text-decoration:underline;
}

#foot a:hover,
#foot a:focus{
text-decoration:none;
}