html { margin:0; padding:0; }
body {  margin:0; padding:0; font-size:12px;
font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; 
background: url('/sitemedia/img/holzbg.jpg') center repeat-y #6a7359; }
noscript div { position:absolute;top:0;left:0;right:0;z-index:9999;margin:0;padding:15px;
			   color:black;background:#fff;border:1px solid #df0000;text-align:center; }

#container { position:absolute; top:0; bottom:0; left:50%; margin-left: -485px; width: 970px; }
#shadow_bg_right { position:fixed; top:0; bottom:0; left:50%; margin-left:485px; width: 21px; height:100%;
	background: url('/sitemedia/img/shadowr.png') repeat-y; }
#shadow_bg_left { position:fixed; top:0; bottom:0; right:50%; margin-right:485px; width: 22px; height:100%;
	background: url('/sitemedia/img/shadowl.png') repeat-y; }

#paper_top, #paper_middle, #paper_bottom { width: 593px; margin-left: 16px; position: relative; z-index: 3; overflow: auto; }
#paper_top { background:url('/sitemedia/img/paper_top.png') no-repeat; padding: 17px 0 0 24px; width: 569px;
	height: 44px; } /* origheight: 61px; */
#paper_middle { background:url('/sitemedia/img/paper_middle.png') repeat-y; padding: 12px 100px 0px 56px;
	width: 465px; }
* + html #paper_middle { width:474px; } /* IE-PATCH */
#paper_middle > *:first-child { margin-top: 0 !important; }
#paper_middle > *:last-child { margin-bottom:0 !important; }
#paper_bottom { height: 61px; background:url('/sitemedia/img/paper_bottom.png') no-repeat; margin-left: 15px;}

#augen_fuer_puppe { position: absolute; top: 561px; right: 200px; z-index:1; }
#puppe { position: absolute; right:0; top: 396px; width: 251px; height: 286px;
	background: url('/sitemedia/img/puppe.png') no-repeat; }
#augen_links { position:absolute; top:0; left:0; right:0px; height: 370px; }
#augen_normal { position:absolute; top:372px; left:0; right:0px; height: 220px; }
#augen_oben { position:absolute; top:590px; left:0; right:300px; height: 700px; }
#augen_rechts { position:absolute; top:600px; right:0; left:700px; height: 300px; }
#impressum { position: absolute; top:650px; right:10px; opacity: 0.7; }

/* NAVI */
#navi img { opacity: 0.85; }
#navi { float: right; margin-top:25px; } /* left: 333px;*/
#navi > li { float: left; margin-right: 8px; }
#navi li:first-child { width: 100px; margin-right: 0px; } /* width 4 stuecke */
#navi ul li { margin: 0px; height:47px; }

#navi ul { visibility:hidden; margin-top:-5px; }
#navi li.active ul,
#navi li:hover ul { visibility:visible; }
#zurueck { position:absolute; top: 280px; right: 170px; opacity: 0.6; }
* + html #navi ul li { margin-top:-5px; }

/* STARTSEITE */
#home_container img, #logo { opacity: 0.7; }

#home_container #stuecke { position: absolute; top: 260px; left:260px; }
#home_container #stuecke_container { position: absolute; top: 180px; left:430px; }

#home_container .event-link { position: relative; display:block;}
#home_container .home_abgespielt {height:40px; transform: rotate(-5deg); z-index: 10; position:absolute; top:10px; left: 50%; margin-left: -70px; px; pointer-events:none;}
#home_container .event-link:hover .home_abgespielt {z-index: 0; opacity: 0.1;}

#home_container #shop { position: absolute; top:460px; left:350px; }
#home_container #kontakt { position: absolute; top:400px; left:30px; }
#home_container #wir { position: absolute; top:510px; left:540px; }
#home_container #termine { position: absolute; top:130px; left:700px; }
#home_container #gaestebuch { position: absolute; top:500px; left:130px; }

/* KONTAKT */
ul#kontaktform li:first-child input { font-weight: bold; }
ul.errorlist { margin: 15px 0 -10px 0; }
/* GUESTBOOK */
p.author { font-size:12px; color: #3E4927; font-weight:bold; }
p.author a { color: #3E4927 !important; }
div.line { border-bottom:1px solid black; margin: 20px 0; }
p.last { margin-bottom:0; padding-bottom: 15px; }
#guestbookform > li:nth-child(-n+3) { float:left; width:133px; }
#guestbookform li:nth-child(-n+2) { margin-right: 18px; }
#guestbookform > li:nth-child(3) { margin-bottom: 20px; }
/* STUECKE */
#paper_middle ul#stuecke { margin-top: 60px; }
#stuecke li { min-height: 40px; } /* for fixing display-bug with floating images and short text nearby */
#stuecke li.drei-schweine { margin-left: -5px;}
img.small_preview { max-height:80px; max-width:80px; float:left; overflow:hidden; }
ul#stuecke li h2,
ul#stuecke li p { margin:5px 0 0 100px !important; padding:0px; }
ul#stuecke li div.line { padding:0; margin:28px 0 25px 0; }
ul#stuecke li h2 { margin-bottom: 7px; }
ul#stuecke li h2 span { font-size:14px; }
ul#stuecke li a:hover h2,
h2 a:hover { color: #FFFFC3; }
p.infos + p.infos { margin-top:0; }
p.infos { margin-left:20px; }
p.infos strong { margin-left:-20px; }
p.infos + p.zielgruppe { margin-top: 25px; }
ul.stueck_bilder { margin-top:30px; height:148px; }
ul.stueck_bilder + ul.stueck_bilder { margin-top:0px; padding-top:10px; }
ul.stueck_bilder li { float:left; margin-right:10px; }
ul.stueck_bilder li:last-child { margin-right:0px; float:none; }
#paper_middle h2 a span.normal { color: #FFFFC3; text-decoration:none; }
#paper_middle h2 a:hover span.normal { border-bottom: 1px solid; }
#paper_middle h2 a:hover { border-bottom: 1px solid; }
/* TERMINE */
ul.termine { list-style: disc outside; margin-left: 15px;}
ul.termine a { font-weight:bold; }
ul.termine a:hover { color: #38482d; }
ul.termine li { padding-bottom:15px; }
/* SHOP */
#paper_middle ul#shop { margin-top: 40px; }
ul#shop .headline, #summe { color: #37482E; font-weight: normal; font-size:10px; }
#summe { margin-left:370px; float:left; width:45px; } 
ul#shop li div.line { clear: both; padding-top:10px; margin:0 0 10px 0; }
ul#shop li { clear:left; position: relative; }
ul#shop li img.abgespielt,
ul#stuecke li img.abgespielt {position:absolute; left:240px; top:2px; transform:rotate(-5deg); }
ul#stuecke li img.abgespielt { left: 140px;}
ul#stuecke li:hover img.abgespielt { opacity: 0.1;}
ul#stuecke li {position: relative;}
ul#stuecke {overflow: visible; padding-bottom: 15px;}
 
.artikel, .artnr, .anzahl { float:left; margin:0;}
.artikel { margin-left: 100px; width:225px; }
.artnr { width: 90px; }
#shop span.artnr { font-size:12px; }
.anzahl { width:50px; text-align:center; }
ul#shop span { margin:0; }
ul#shop span.artikel { margin-left:20px; }
img.sterne { margin-top: 15px; }
#shop input[type=text] { width: 20px; font-size:10px; }
#shop div.headline + span.anzahl { margin-top:-7px; }
li#warenkorb { margin:0 0 0 70px; }
* + html li#warenkorb { margin:0 0 0 20px; }
li#warenkorb img { margin-bottom:-5px; }


/* CONTENT */
#paper_middle p a { border-bottom:1px dotted; }
#paper_middle p a:hover { border-bottom:1px solid; }
/* GLOBAL DEFAULTS */
h1, h2, #paper_middle h2 a, label { color: #38482d; }
a, :link { color: #FFFFC3; text-decoration:none; }
p, #shop span { margin:10px 0; line-height: 22px; font-size: 14px; color: black; }
h2 + p { margin-top: 30px; }
p.infos, input[type=submit] { text-transform: uppercase; letter-spacing: 0.07em; color: #686e37;
	margin-top: 30px; margin-bottom:0; }
ul { margin:0; padding:0; list-style-type:none; }
ul li { margin:0; }
h1,h2,h3,h4,h5, label, .headline { font-weight:bold; text-transform: uppercase;
	letter-spacing: 0.1em; }
h1 { font-size: 30px; margin-bottom:30px; letter-spacing: 0.1em; }
h1 + h2.sub_name { margin-top: -26px !important; }
h2 { font-size: 20px; font-weight: normal; letter-spacing: 0.07em;  }
h3 { color: #686e37; margin: 20px 0 14px 0; font-size: 10px; }
h4 { font-size: 14px; font-weight: normal; color: #38482D; }
label { display: block; margin: 15px 0 4px 0; font-size: 10px; }
form { margin:0; padding:0; }
img { border:none; }
a img { text-decoration:none !important; }
input, textarea { border: 1px inset; width: 100%; }
input[type=text], textarea { background: #EAE9C4; font-family: Verdana, sans-serif;
	padding:2px; font-size: inherit; }
input[type=submit] { border:none; background: none; color: #FFFFC3; font-size: 14px; font-weight:bold;
	text-transform: uppercase; width:auto; }


p.breadcrumbs { font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase;
	color: #d74606; letter-spacing: 0.15em; word-spacing: 0.4em; margin:0; line-height: 12px; }
p.breadcrumbs a { color: #d74606 !important; }

p.zielgruppe { font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; }
p.zielgruppe:before { content:"("; }
p.zielgruppe:after { content:")"; }
p.impressum { font-size: 10px; line-height: 16px; }

/* WIR */
ul.stueck_bilder + h2 { margin-top:45px; }
ul.liste { list-style: disc outside; margin-left:15px; }
ul.liste li { padding-bottom: 4px; }
ul.wir_namen { height:20px; padding-bottom: 10px; clear: both; }
ul.wir_namen li a { color:#686E37; letter-spacing:0.07em; text-transform:uppercase; font-size:11px; } /* #38482D */
ul.wir_namen li { float:left; margin-right:10px; width:148px; }
ul.wir_namen li:last-child { margin-right:0px; }
/* TINYMCE */
#tinymce p a { color: #FFFFC3 !important; text-decoration:none !important; border-bottom: 1px dotted; }
#tinymce h2 a { color: #38482d !important; text-decoration:none !important; }
#tinymce h2 a .normal { color: #FFFFC3 !important; }
hr { background: transparent; height:0px; margin: 5px 0; border:none; border-top:1px solid black; padding:0; }


/* TEXT STYLES & MODIFIERS */
.emph { color:#999999; font-weight:bold; }
.green { color:#669933; }
.small, .helptext { font-size:11px; }
.helptext { color: #888; }
.tiny { font-size:10px; }
p.tiny { margin-top:-2px; }
.mini { font-size:9px !important; }
.big { font-size: 13px; }
p.mini { margin-top:-3px; }
.help, p.help { font-size:10px !important; color:#999; }
p img, h1 img, h2 img, h3 img, h4 img, td img { vertical-align:middle; }
.quiet, a.quiet:link, a.quiet:visited { color:#aaa !important; font-weight:normal !important; 
	letter-spacing:100%; text-transform:none; font-variant: normal; }
.strong { font-weight:bold !important; }
.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.example { margin:10px 0; padding:5px 10px; background:#efefef; }
.nowrap { white-space:nowrap; }
.bold { font-weight:bold; }
.light { font-weight:light; }
:link:focus, :visited:focus { -moz-outline: 0px dotted; }

pre { font-family: inherit; margin:0; }
blockquote { font-size:11px; color:#777; margin-left:2px; padding-left:10px; border-left:5px solid #ddd; }
code { font-family:"Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; }
pre.literal-block { margin:10px; background:#eee; padding:6px 8px; }
code strong { color:#930; }

a:active { color: #C00; background: transparent }

a:link img, a:visited img { border-style: none } /* no border on img links */

a img { color: white; }        /* trick to hide the border in Netscape 4 */
@media all {                   /* hide the next rule from Netscape 4 */
  a img { color: inherit; }    /* undo the color change above */
}

.hide { display: none }

/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
#TB_container { position:absolute; top:0;left:0;width:100%;height:100%; opacity:0; z-index:100; }
#TB_overlay { position: fixed;top: 0px;left: 0px;background-color:#000;filter:alpha(opacity=60);
-moz-opacity: 0.6;opacity: 0.6; width: 100%;height: 100%; z-index:100; border: none; }
#TB_window { position: fixed;background: #000; height: 500px; width: 400px; top:50%; margin-top:-250px;
left:50%; margin-left: -200px; color:#000000;text-align:left; z-index:101; border: 2px solid #525252;
background:url(/sitemedia/img/loadingAnimation.gif) center no-repeat; }
#TB_window img { margin-bottom: 20px; } /* spacer for small screens */