@charset "utf-8";

html {
   background:#fff url(../images/bg-html.jpg) center top no-repeat;
}

body {
   background:transparent url(../images/bg-body.jpg) center bottom no-repeat;
   font:normal 13px/22px Tahoma, Arial, Helvetica, sans-serif;
   color:#473e2f;
}

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

div#site-container {
   margin:0 auto;
   width:980px;
   min-height:100%;
   height:auto !important;
   height:100%;
}

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

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

h1#branding {
	display:block;
	width:500px;
	height:100px;
	position:absolute;
	top:10px;
	left:110px;
}

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

div#header-slideshow {
   width:460px;
   height:320px;
   position:absolute;
   top:50px;
   right:33px;
}

div#header-slideshow .fadein, #slideshow {
   position:relative;
   width:460px;
   height:320px;
}

div#header-slideshow .fadein img {
   position:absolute;
   left:0;
   top:0;
}

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

ul#navigation {
   display:block;
   width:260px;
   height:265px;
   position:absolute;
   top:137px;
   left:92px;
   z-index:16;

}

ul#navigation li {
   display:block;
   width:260px;
   position:relative;
}

ul#navigation li a {
   display:block;
   width:260px;
   text-indent:-9999px;
}

ul#navigation li a.profil,
ul#navigation li a.profil:visited {
   height:53px;
   background:url(../images/bg-navigation.jpg) 0 0 no-repeat;
}
ul#navigation li a.profil:hover,
ul#navigation li a.profil:active,
ul#navigation li a.profil-active {
   height:53px;
   background:url(../images/bg-navigation.jpg) -260px 0 no-repeat;
}

/**************************************/

ul#navigation li a.produktbilder,
ul#navigation li a.produktbilder:visited {
   height:53px;
   background:url(../images/bg-navigation.jpg) 0 -53px no-repeat;
}
ul#navigation li a.produktbilder:hover,
ul#navigation li a.produktbilder:active,
ul#navigation li a.produktbilder-active {
   height:53px;
   background:url(../images/bg-navigation.jpg) -260px -53px no-repeat;
}


/**************************************/

ul#navigation li a.onlineshop,
ul#navigation li a.onlineshop:visited {
   height:53px;
   background:url(../images/bg-navigation.jpg) 0 -106px no-repeat;
}
ul#navigation li a.onlineshop:hover,
ul#navigation li a.onlineshop:active,
ul#navigation li a.onlineshop-active {
   height:53px;
   background:url(../images/bg-navigation.jpg) -260px -106px no-repeat;
}


/**************************************/

ul#navigation li a.pueppispiel,
ul#navigation li a.pueppispiel:visited {
   height:53px;
   background:url(../images/bg-navigation.jpg) 0 -159px no-repeat;
}
ul#navigation li a.pueppispiel:hover,
ul#navigation li a.pueppispiel:active,
ul#navigation li a.pueppispiel-active {
   height:53px;
   background:url(../images/bg-navigation.jpg) -260px -159px no-repeat;
}


/**************************************/

ul#navigation li a.ausschneideboegen,
ul#navigation li a.ausschneideboegen:visited {
   height:53px;
   background:url(../images/bg-navigation.jpg) 0 -212px no-repeat;
}
ul#navigation li a.ausschneideboegen:hover,
ul#navigation li a.ausschneideboegen:active,
ul#navigation li a.ausschneideboegen-active {
   height:53px;
   background:url(../images/bg-navigation.jpg) -260px -212px no-repeat;
}

/*************************************************************************/
/* =navigation-language */
/*************************************************************************/

ul#navigation-language {
   display:block;
   width:140px;
   height:30px;
   position:absolute;
   top:3px;
   right:197px;
   z-index:16;
   background:url(../images/bg-navigation-language.jpg) 0 0 no-repeat;
}

ul#navigation-language li {
   display:block;
   width:70px;
   height:30px;
   position:relative;
   float:left;
}

ul#navigation-language li a {
   display:block;
   width:70px;
   height:30px;
   text-indent:-9999px;
   float:left;
}

ul#navigation-language li a.de,
ul#navigation-language li a.de:visited {
   background:url(../images/bg-navigation-language.jpg) 0 0 no-repeat;
}
ul#navigation-language li a.de:hover,
ul#navigation-language li a.de:active,
ul#navigation-language li a.de-active {
   background:url(../images/bg-navigation-language.jpg) -140px 0 no-repeat;
}

/**************************************/

ul#navigation-language li a.en,
ul#navigation-language li a.en:visited {
   background:url(../images/bg-navigation-language.jpg) -70px 0 no-repeat;
}
ul#navigation-language li a.en:hover,
ul#navigation-language li a.en:active,
ul#navigation-language li a.en-active {
   background:url(../images/bg-navigation-language.jpg) -210px 0 no-repeat;
}

/*************************************************************************/
/* =navigation-additional */
/*************************************************************************/

ul#navigation-additional {
   display:block;
   width:430px;
   height:35px;
   position:absolute;
   top:459px;
   left:243px;
   z-index:16;
   background:url(../images/bg-navigation-additional.jpg) 0 0 no-repeat;
}

ul#navigation-additional li {
   display:block;
   height:35px;
   position:relative;
   float:left;
}

ul#navigation-additional li a {
   display:block;
   height:35px;
   text-indent:-9999px;
   float:left;
}

ul#navigation-additional li a.index,
ul#navigation-additional li a.index:visited {
   width:100px;
   background:url(../images/bg-navigation-additional.jpg) 0 0 no-repeat;
}
ul#navigation-additional li a.index:hover,
ul#navigation-additional li a.index:active,
ul#navigation-additional li a.index-active {
   width:100px;
   background:url(../images/bg-navigation-additional.jpg) 0 -35px no-repeat;
}

/**************************************/

ul#navigation-additional li a.kontakt,
ul#navigation-additional li a.kontakt:visited {
   width:110px;
   background:url(../images/bg-navigation-additional.jpg) -100px 0 no-repeat;
}
ul#navigation-additional li a.kontakt:hover,
ul#navigation-additional li a.kontakt:active,
ul#navigation-additional li a.kontakt-active {
   width:110px;
   background:url(../images/bg-navigation-additional.jpg) -100px -35px no-repeat;
}

/**************************************/

ul#navigation-additional li a.impressum,
ul#navigation-additional li a.impressum:visited {
   width:115px;
   background:url(../images/bg-navigation-additional.jpg) -210px 0 no-repeat;
}
ul#navigation-additional li a.impressum:hover,
ul#navigation-additional li a.impressum:active,
ul#navigation-additional li a.impressum-active {
   width:115px;
   background:url(../images/bg-navigation-additional.jpg) -210px -35px no-repeat;
}

/*************************************************************************/
/* =content-main */
/*************************************************************************/

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

div#content-main {
   padding:10px 80px 0px 70px;
   width:830px;
   background:url(../images/bg-content-main.jpg) center bottom no-repeat;
   min-height:610px;
}

* html div#content-main {
   height:610px;
}


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

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

div.content-main3 {
   padding:80px 0 0 0;
   width:830px;
   float:none;
}

div#content-main h2 {
   font:42px/20px Daisy, Arial, Helvetica, sans-serif;
   color:#ab4969;
}

div#content-main h2 span {
   font:26px/20px Daisy, Arial, Helvetica, sans-serif;
}

div#content-main h3 {
   margin:0 0 5px 0;
   font:26px/20px Daisy, Arial, Helvetica, sans-serif;
   color:#ab4969;
}

div#content-main h4 {
   margin:0 0 5px 0;
   font:26px/20px Daisy, Arial, Helvetica, sans-serif;
   color:#473e2f;
}

div#content-main h5 {
   margin:0 0 5px 0;
   font:26px/20px Daisy, Arial, Helvetica, sans-serif;
   color:#b25875;
}

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

div#content-main p.highlight {
   margin:0 0 15px 0;
   font:bold 13px/22px Tahoma, Arial, Helvetica, sans-serif;
   color:#473e2f;
}

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:5px 0 5px 25px;
   margin:0 0 0 0;
   background:url(../images/bg-content-main-ul-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:#bd4e72;
   text-decoration:none;
}

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

/*************************************************************************/
/* =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;
}

.hidden {display:none;}
#popup-spiel {
	
}

#popup #button {
	display: block;
	background: url(../images/bg-spiel.png) 0 0 no-repeat;
	height: 40px;
	width: 300px;
	cursor: pointer;
	text-indent: -9999px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -150px;
	padding:0;
}
#popup #button:hover {	background-position:0 -40px;}
#popup {	
	position: fixed;
	top: 50%;
	margin-top: -300px;
	margin-left: -400px;
	height: 600px;
	width: 800px;
	right: 0;
	left: 50%;
	z-index: 101;
}
#popup a {
	position:absolute;
	bottom:-10px;
	color:#333;
	height:20px;
	background:#fff;
	padding:10px 0;
	text-align:center;
	display:block;
	width:100%;
}
#popup a:hover {background:#efefef;}
#overlayPopup {
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	position: fixed;
	z-index: 100;
	cursor: pointer;
}
#bastelboegen h3 {font-size:34px!important;margin:20px 0!important;}
#bastelboegen {text-align:center;}
#bastelboegen a {
	margin: 5px 8px;
	display: inline-block;
}

#bastelboegen a:hover {margin:4px 7px;border:1px dashed #a54263;}

.fadein img {position:relative;z-index:0;display:none;}
.fadein .first-img {position:relative;z-index:1;display:block;}

.close {width:40px;height:40px;background:url(../images/bg-close.png) 0 -40px no-repeat;position:absolute;top:-25px;right:-25px;text-indent:-9999px;}
.close:hover {background-position:0 0;}