@charset "utf-8";

body {
   background:#000000;
   font:normal 11px/22px Arial, Helvetica, sans-serif;
   color:#c5a27e;
}

.clear {
   float:none;
   clear:both;
}

a {
   color:#fff;
}

img, a, div {
   behavior: url("js/iepngfix.htc");
}

div#background {
   width:100%;
   background:#000000 url(../images/bg-background1.jpg) center top no-repeat;
   position:relative;
}

div#background2 {
   width:100%;
   background: url(../images/bg-background2.jpg) center bottom no-repeat;
   position:relative;
}

div#site-container {
   margin:0 auto;
   width:980px;
   padding:0 0 300px 0;
   position:relative;
}

div#product-overview-bottom {
   display:block;
   width:100px;
   height:10px;
   position:absolute;
   left:0px;
   bottom:100px;
}

/*************************************************************************/
/* =categories */
/*************************************************************************/

#categories-panel {
   position: relative;
   top:0;
   width:100%;
   text-align:center;
   margin-left:auto;
   margin-right:auto;
   height:auto;
   background:#000;
}

div#panel {
   width: 100%;
   height: 100px;
   color: #fff;
   background:#5a0404;
   overflow: hidden;
   position: relative;
   z-index: 3;
   display: none;
}

#panel ul#categories-navigation {
   margin:15px auto 0 auto;
   display:block;
   width:800px;
   height:100px;
   font:bold 12px/22px Arial, Helvetica, sans-serif;
   text-align:left;
}

#panel ul#categories-navigation li {
   display:block;
   width:160px;
   height:20px;
   float:left;
   text-align:left;
}

#panel ul#categories-navigation li a,
#panel ul#categories-navigation li a:visited {
   padding:0 0 0 15px;
   display:block;
   width:160px;
   height:20px;
   float:left;
   color:#f4d96f;
   text-decoration:none;
   background:url(../images/bg-categories-navigation-li.png) 0 5px no-repeat;
}

#panel ul#categories-navigation li a:hover,
#panel ul#categories-navigation li a:active {
   color:#fef0b9;
   text-decoration:underline;
}

ul.openclose {
   display:block;
   margin:0 auto;
   width:980px;
   height:40px;
   z-index: 4;
   position:relative;
}

ul.openclose li {
   display:block;
   width:180px;
   height:40px;
   z-index: 5;
   margin:0 0 0 750px;
}

a#open,
a#open:visited {
   display:block;
   width:180px;
   height:40px;
   background:url(../images/bg-categories-handle.png) 0 0 no-repeat;
   text-indent:-9000px;
}

a#open:hover,
a#open:active {
   background:url(../images/bg-categories-handle.png) 0 -40px no-repeat;
}

a#close,
a#close:visited {
   display:block;
   width:180px;
   height:40px;
   background:url(../images/bg-categories-handle.png) 0 -80px no-repeat;
   text-indent:-9000px;
}

a#close:hover,
a#close:active {
   background:url(../images/bg-categories-handle.png) 0 -120px no-repeat;
}

/*************************************************************************/
/* =header */
/*************************************************************************/

div#header-container {
   margin:0 auto;
   width:980px;
   height:620px;
   background:url(../images/bg-header-container.jpg) 0 0 no-repeat;
   position:relative;
   z-index:90;
}

h1#branding {
	display:block;
	width:400px;
	height:120px;
	position:absolute;
	top:10px;
	left:300px;
}

h1#branding a {
   display:block;
   width:400px;
   height:120px;
   text-indent:-9999px;
}

div#header-player {
	width:18px;
	height:10px;
	position:absolute;
	top:-25px;
	left:43px;
	background:url(../images/bg-player.png) 0 0 no-repeat;
	z-index:999;
	
	display:none;
}

div#header-stage {
	width:820px;
	height:480px;
	position:absolute;
	top:140px;
	left:80px;
	z-index:1;
}

div#header-stage p.loading {
	display:block;
	width:32px;
	height:32px;
	position:absolute;
	top:201px;
	left:405px;
	z-index:2;
	text-indent:-9000px;
	background:#1b0303 url(../images/loading.gif) 6px 6px no-repeat;
	padding:6px;
	display:none;
}

div#header-stage div.stage {
	z-index:3;
	position:absolute;
	top:px;
	left:px;
}

div#header-stage-barock {
	width:820px;
	height:480px;
	background:url(../images/barock/bg-stage-barock.jpg) 0 0 no-repeat;
}

div#header-stage-berufe {
	width:820px;
	height:480px;
	background:url(../images/berufe/bg-stage-berufe.jpg) 0 0 no-repeat;
}

div#header-stage-engel-teufel {
	width:820px;
	height:480px;
	background:url(../images/engel-teufel/bg-stage-engel-teufel.jpg) 0 0 no-repeat;
}

div#header-stage-gangster {
	width:820px;
	height:480px;
	background:url(../images/gangster/bg-stage-gangster.jpg) 0 0 no-repeat;
}

div#header-stage-halloween1 {
	width:820px;
	height:480px;
	background:url(../images/halloween1/bg-stage-halloween1.jpg) 0 0 no-repeat;
}

div#header-stage-halloween2 {
	width:820px;
	height:480px;
	background:url(../images/halloween2/bg-stage-halloween2.jpg) 0 0 no-repeat;
}

div#header-stage-hippies-seventies {
	width:820px;
	height:480px;
	background:url(../images/hippies-seventies/bg-stage-hippies-seventies.jpg) 0 0 no-repeat;
}

div#header-stage-indianer-cowboy {
	width:820px;
	height:480px;
	background:url(../images/indianer-cowboy/bg-stage-indianer-cowboy.jpg) 0 0 no-repeat;
}

div#header-stage-mittelalter {
	width:820px;
	height:480px;
	background:url(../images/mittelalter/bg-stage-mittelalter.jpg) 0 0 no-repeat;
}

div#header-stage-pirat {
	width:820px;
	height:480px;
	background:url(../images/pirat/bg-stage-pirat.jpg) 0 0 no-repeat;
}

div#header-stage-prinzessinnen {
	width:820px;
	height:480px;
	background:url(../images/prinzessinnen/bg-stage-prinzessinnen.jpg) 0 0 no-repeat;
}

div#header-stage-punk-manga {
	width:820px;
	height:480px;
	background:url(../images/punk-manga/bg-stage-punk-manga.jpg) 0 0 no-repeat;
}

div#header-stage-sexy {
	width:820px;
	height:480px;
	background:url(../images/sexy/bg-stage-sexy.jpg) 0 0 no-repeat;
}

div#header-stage-tiere {
	width:820px;
	height:480px;
	background:url(../images/tiere/bg-stage-tiere.jpg) 0 0 no-repeat;
}

div#header-stage-wikinger {
	width:820px;
	height:480px;
	background:url(../images/wikinger/bg-stage-wikinger.jpg) 0 0 no-repeat;
}

/*************************************************************************/
/* =navigation */
/*************************************************************************/

ul#navigation {
	display:block;
	width:440px;
	height:15px;
	position:absolute;
	top:-32px;
	left:55px;
	z-index: 999;
}

ul#navigation li {
   padding:0 14px 0 0;
   display:inline;
   font:normal 12px/22px Arial, Helvetica, sans-serif;
}

ul#navigation li a,
ul#navigation li a:visited {
   color:#6b5430;
   text-decoration:none;
}

ul#navigation li a:hover,
ul#navigation li a:active {
   color:#b3906c;
   text-decoration:none;
}

/*************************************************************************/
/* =content */
/*************************************************************************/

div#content-container {
   width:980px;
   background:url(../images/bg-content-container.jpg) 0 0 no-repeat;
}

div#content-headline {
   width:980px;
   height:45px;
   text-align:center;
}

div#content-headline h2 {
   margin:0 auto;
   display:block;
   height:40px;
   position:relative;
   text-indent:-9000px;
   background:url(../images/mittelalter/bg-h2.png) center top no-repeat;
}

div#content-headlinecms {
   width:980px;
   height:45px;
   text-align:center;
}
div#content-headlinecms h2 {
   margin:0 auto;
   display:block;
   height:40px;
   position:relative;
   font: bold 21px/100% Arial, Helvetica, sans-serif; color: #dec755;
}

div#content-headline h2.anfahrt {
   width:230px;
   background:url(../images/anfahrt/bg-h2.png) center top no-repeat;
}
div#content-headline h2.barock {
   width:160px;
   background:url(../images/barock/bg-h2.png) center top no-repeat;
}
div#content-headline h2.berufe {
   width:140px;
   background:url(../images/berufe/bg-h2.png) center top no-repeat;
}
div#content-headline h2.engel-teufel {
   width:280px;
   background:url(../images/engel-teufel/bg-h2.png) center top no-repeat;
}
div#content-headline h2.fehler-404 {
   width:230px;
   background:url(../images/fehler-404/bg-h2.png) center top no-repeat;
}
div#content-headline h2.gangster {
   width:190px;
   background:url(../images/gangster/bg-h2.png) center top no-repeat;
}
div#content-headline h2.halloween1 {
   width:240px;
   background:url(../images/halloween1/bg-h2.png) center top no-repeat;
}
div#content-headline h2.halloween2 {
   width:260px;
   background:url(../images/halloween2/bg-h2.png) center top no-repeat;
}
div#content-headline h2.hippies-seventies {
   width:360px;
   background:url(../images/hippies-seventies/bg-h2.png) center top no-repeat;
}
div#content-headline h2.impressum {
   width:230px;
   background:url(../images/impressum/bg-h2.png) center top no-repeat;
}
div#content-headline h2.index {
   width:450px;
   background:url(../images/index/bg-h2.png) center top no-repeat;
}
div#content-headline h2.indianer-cowboy {
   width:380px;
   background:url(../images/indianer-cowboy/bg-h2.png) center top no-repeat;
}
div#content-headline h2.kontakt {
   width:230px;
   background:url(../images/kontakt/bg-h2.png) center top no-repeat;
}
div#content-headline h2.newsletter {
   width:230px;
   background:url(../images/newsletter/bg-h2.png) center top no-repeat;
}
div#content-headline h2.mittelalter {
   width:230px;
   background:url(../images/mittelalter/bg-h2.png) center top no-repeat;
}
div#content-headline h2.pirat {
   width:110px;
   background:url(../images/pirat/bg-h2.png) center top no-repeat;
}
div#content-headline h2.prinzessinnen {
   width:290px;
   background:url(../images/prinzessinnen/bg-h2.png) center top no-repeat;
}
div#content-headline h2.punk-manga {
   width:280px;
   background:url(../images/punk-manga/bg-h2.png) center top no-repeat;
}
div#content-headline h2.sexy {
   width:90px;
   background:url(../images/sexy/bg-h2.png) center top no-repeat;
}
div#content-headline h2.tiere {
   width:120px;
   background:url(../images/tiere/bg-h2.png) center top no-repeat;
}
div#content-headline h2.unternehmen {
   width:330px;
   background:url(../images/unternehmen/bg-h2.png) center top no-repeat;
}
div#content-headline h2.wikinger {
   width:190px;
   background:url(../images/wikinger/bg-h2.png) center top no-repeat;
}


div#content-headline a.prev,
div#content-headline a.prev:visited {
   display:block;
   width:25px;
   height:25px;
   position:absolute;
   top:8px;
   left:-35px;
   background:url(../images/bg-content-headline-prev.png) 0 0 no-repeat;
}

div#content-headline a.prev:hover,
div#content-headline a.prev:active {
   background:url(../images/bg-content-headline-prev.png) 0 -25px no-repeat;
}

div#content-headline a.next,
div#content-headline a.next:visited {
   display:block;
   width:25px;
   height:25px;
   position:absolute;
   top:8px;
   right:-35px;
   background:url(../images/bg-content-headline-next.png) 0 0 no-repeat;
}

div#content-headline a.next:hover,
div#content-headline a.next:active {
   background:url(../images/bg-content-headline-next.png) 0 -25px no-repeat;
}


div#content-slider {
   width:980px;
   height:auto;
   background:url(../images/bg-content-slider.jpg) 0 0 no-repeat;
   position:relative;
}

div#content-main {
   padding:30px 30px 10px 30px;
   margin:0 auto;
   width:740px;
}


div.content-main1 {
   padding:0 20px 0 0;
   width:340px;
   float:left;
}

div.content-main2 {
   padding:0 0 0 20px;
   width:340px;
   float:left;
}

div#content-main p {
   margin:0 0 15px 0;
   font:normal 12px/20px Arial, Helvetica, sans-serif;
   color:#5c4635;
}

div#content-main p.small {
   font:normal 11px/17px Arial, Helvetica, sans-serif;
   color:#4a3524;
}

div#content-main h3 {
   margin:0 0 15px 0;
   font:normal 22px/20px "Georgia", Helvetica, sans-serif;
   color:#ba0e11;
}

div#content-main p.highlight {
   font:bold 12px/20px Arial, Helvetica, sans-serif;
}

div#content-main p img.image {
   margin:0 20px 15px 0;
   float:left;
   border:3px solid #fff;
}

div#content-main ul {
   margin:0 0 10px 0;
   font:normal 13px/22px Tahoma, Arial, Helvetica, sans-serif;
   color:#473e2f;
}

div#content-main ul li {
   padding:0 0 0 20px;
   margin:0 0 10px 0;
   background:url(../images/icon-li.png) 0 5px no-repeat;
}

div#content-main strong {
   font-weight:bold;
}

div#content-main div.hr {
   margin:10px 0 25px 0;
   height:1px;
   border-bottom:1px solid #ebd7be;
   float:none;
   clear:both;
}

div#content-main a,
div#content-main a:visited {
   color:#ba0e11;
   text-decoration:none;
}

div#content-main a:hover,
div#content-main a:active {
   color:#ba0e11;
   text-decoration:underline;
}

/*************************************************************************/
/* =slider */
/*************************************************************************/

div#slider {
   width:980px;
   height:140px;
   z-index:100;
   position:relative;
}

div#slider-shadow-left {
   width:120px;
   height:140px;
   position:absolute;
   top:0px;
   left:0px;
   background:url(../images/bg-slider-shadow-left.png) 0 0 no-repeat;
   z-index:120;
}

div#slider-shadow-right {
   width:120px;
   height:140px;
   position:absolute;
   top:0px;
   right:0px;
   background:url(../images/bg-slider-shadow-right.png) 0 0 no-repeat;
   z-index:120;
}

div#slider ul, #slider li {
   padding:0 0 0 0;
   display:block;
   list-style:none;
   width:980px;
   height:133px;
   z-index:110;
}

div#slider li { 
   padding:12px 0 0 0;
   width:980px !important;
   height:128px;
   overflow:hidden; 
   text-align:center;
}

div#slider li div { 
   width:795px;
   padding:0 92px 0 92px;
}

div#slider li a { 
   margin:0;
   padding:6px 13px 5px 10px;
   display:block;
   background:url(../images/bg-slider-thumb.png) 0 0 no-repeat;
   width:136px;
   height:104px;
   float:left;
}

span#slider-prev a,
span#slider-prev a:visited {
   display:block;
   width:35px;
   height:45px;
   background:url(../images/bg-slider-prev.png) 0 0 no-repeat;
   text-indent:-9000px;
   
   position:absolute;
   top:45px;
   left:10px;
   z-index:130;
}

span#slider-prev a:hover,
span#slider-prev a:active {
   background:url(../images/bg-slider-prev.png) 0px -45px no-repeat;
}

span#slider-next a,
span#slider-next a:visited {
   display:block;
   width:35px;
   height:45px;
   background:url(../images/bg-slider-next.png) 0 0 no-repeat;
   text-indent:-9000px;
   
   position:absolute;
   top:45px;
   right:10px;
   z-index:130;
}

span#slider-next a:hover,
span#slider-next a:active {
   background:url(../images/bg-slider-next.png) 0px -45px no-repeat;
}

/*************************************************************************/
/* =products */
/*************************************************************************/

div.product-detail {
   display:none;
}

div#fancy_div h3 {
   padding:430px 0 0 0;
   font:22px/20px Georgia, "Times New Roman", Times, serif;
   color:#7d0006;
}

div#fancy_div p {
   font:normal 13px/22px Arial, Helvetica, sans-serif;
   color:#333333;
}

div#fancy_div p img.image {
   float:left;
   margin:0 10px 0 0;
}

div#fancy_div p strong {
   font:bold 13px/22px Arial, Helvetica, sans-serif;
   color:#333333;
}

/*************************************************************************/
/* =product-overview */
/*************************************************************************/

#product-overview-container {
   margin:0 auto;
   padding:20px 0 0 0;
   /*position: relative;*/
   width: 830px;
   height: auto;
}

div#product-overview {
   width: 830px;
   height: auto;
   color: #fff;
  /* background:#fff;*/
   overflow: hidden;
   position: relative;
   z-index: 3;
   display: none;
}

div#product-overview-headline {
   padding:20px 0 0 0;
   height:35px;
   width:800px;
   text-align:center;
}

div#product-overview-headline h4 {
   font:18px/20px Georgia, "Times New Roman", Times, serif;
   color:#f0d98b;
}

div#product-overview a img {
   margin:12px;
   border:3px solid #f2d08d;
}

div#product-overview a img:hover {
   margin:5px;
   border:3px solid #fff;
}

ul.product-overview-openclose {
   display:block;
   width:800px;
   height:20px;
   text-align:center;
}

ul.product-overview-openclose li {
   display:block;
   width:820px;
   height:20px;
   z-index: 5;
   margin:0;
   text-align:center;
}

a#product-overview-open,
a#product-overview-open:visited {
   padding:0 0 0 18px;
   font:normal 12px/22px Arial, Helvetica, sans-serif;
   color:#785117;
   text-decoration:none;
   background:url(../images/bg-slider-bottom-a.png) 0 3px no-repeat;
}

a#product-overview-open:hover,
a#product-overview-open:active {
   color:#a67122;
   text-decoration:none;
   background:url(../images/bg-slider-bottom-a.png) 0 -17px no-repeat;
}

a#product-overview-close,
a#product-overview-close:visited {
   padding:0 0 0 18px;
   font:normal 12px/22px Arial, Helvetica, sans-serif;
   color:#785117;
   text-decoration:none;
   background:url(../images/bg-slider-bottom-a.png) 0 3px no-repeat;
}

a#product-overview-close:hover,
a#product-overview-close:active {
   color:#a67122;
   text-decoration:none;
   background:url(../images/bg-slider-bottom-a.png) 0 -17px no-repeat;
}
   
/*************************************************************************/
/* =footer */
/*************************************************************************/

div#footer-container {
   margin:0 auto 0 auto;
   width:980px;
   height:343px;
   background:url(../images/bg-footer-container.jpg) 0 0 no-repeat;
}

div#footer {
   width:980px;
   height:343px;
   position:relative;
}

div#footer-container p {
   text-indent:-9000px;
}

div#footer-container p a.gaestebuch {
   display:block;
   width:220px;
   height:60px;
   position:absolute;
   top:63px;
   left:98px;
   text-indent:-9000px;
}

div#footer-container p a.gaestebuch,
div#footer-container p a.gaestebuch:visited {
   background: url(../images/bg-footer-gaestebuch.jpg) 0 0 no-repeat;
}

div#footer-container p a.gaestebuch:hover,
div#footer-container p a.gaestebuch:active,
div#footer-container p a.gaestebuch-active {
   background: url(../images/bg-footer-gaestebuch.jpg) 0 -60px no-repeat;
}

div#footer-container p a.email {
   display:block;
   width:180px;
   height:30px;
   position:absolute;
   top:118px;
   right:109px;
   text-indent:-9000px;
}

div#footer-container p a.email,
div#footer-container p a.email:visited {
   background: url(../images/bg-footer-email.jpg) 0 0 no-repeat;
}

div#footer-container p a.email:hover,
div#footer-container p a.email:active,
div#footer-container p a.email-active {
   background: url(../images/bg-footer-email.jpg) 0 -30px no-repeat;
}