﻿body{
background: url(zuckerpuppe/background.jpg) no-repeat top center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-color: #2c271f;
font-family:  sans-serif; font-size: 9pt; margin: auto;margin-top: 0px; color: #fff;
}

option, select, input {font-family: 'Garamond', sans-serif;}
a {color: #fff;	text-decoration: none; text-shadow: #0d0712 0px 0px 15px;}
a:hover	{text-decoration: none; color: #fff; text-shadow: #666 0px 0px 8px;}

#hintergrund {filter: blur(0px); width: 1020px; background-image: url(zuckerpuppe/puppe.jpg);background-size: 100%; background-repeat: repeat-y; height:auto !important; overflow: hidden !important; text-align: left; box-shadow: #0d0712 0px 29px 49px;
}
.kopf {margin: 0 0 10px 0; width: 980px; height: 233px;}
.top {background-image: url(zuckerpuppe/top.png); background-repeat: no-repeat; width: 1030px;	height: 243px;  z-index: 99999; margin: 0 0 5px 0;}
.bandcamp {width: 100%; height: 120px;  background-image: url(zuckerpuppe/bandcamp.jpg); background-size: 100%; background-repeat: no-repeat; box-shadow: 0px 5px 16px #0d0712;}

hr {width: 100%; color: #ddbca5; width: 180px; position: relative; left: -10px;}

#spacer { height: 50px; width: 10px; margin-top: -3px}
#menu { height: 50px; width: 790px; position: relative; top: -7px;}
#seiteninhalte { height: 380px; width: 760px; }
#footer {margin-top: 12px; height: 130px; width: 990px; text-align: right; font-size: 10pt; color: white; }
#footer a {color: black; text-decoration: none;}

#productview {padding: 14px; line-height: 18px; }
#pictureview {width: 100%; border-collapse: collapsed; background-color: rgba(0,0,0,0.4); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#pictureview a {color: white;}
#pictureview_head	{ height: 30px; padding: 3px; font-size: 10pt; font-weight: normal; text-align: center; vertical-align: middle;  text-shadow: #fff 0px 0px 5px;}
#pictureview_picture {text-shadow: #0d0712 0px 0px 25px; height: 140px; text-align: center; color: #f2f2f2; background-color: rgba(255,255,255,0.20); padding: 8px 0 0 0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#pictureview_price {color: white; height: 30px;	text-align: center; text-shadow: #0d0712 0px 0px 3px; font-size: 12pt; font-weight: normal;}

.catinfo {border: 2px solid #0d0712; padding: 0px 10px 5px 10px; color: white; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.article {background-image: url(zuckerpuppe/artikel_hintergrund.jpg);background-size: 100%; background-repeat: no-repeat; width: 620px; float: left;
 line-height: 25pt; padding: 0 5px 10px 5px; margin: 0 3px 0 3px;  -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.menu {width: 185px; float: left;	margin: -1px 5px 0px 5px; text-align: left;padding: 0px; background-color: rgba(227,173,92,0.1);}
.rightmenu {width: 180px; font-size: 8pt;line-height: 15px; padding: 0px;float: left;	margin: 0 0 0 2px;text-align: right;}


.content{z-index: +1; margin: 0 3px 0 -3px; padding: 7px ; background-color: rgba(164,158,133,0.3); width: 607px; line-height: 16pt; font-size: 10pt; -moz-border-radius:4px; -webkit-border-radius: 4px; border-radius: 4px;}

.tn {border: 0; margin: 0 0 10px 0; -moz-box-shadow: 0px 5px 16px #c78d3e; -webkit-box-shadow: 0px 5px 6px #0d0712; box-shadow: 0px 5px 10px #3d3742; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
td {font-family: 'Garamond Bold', sans-serif; font-size: 10pt; line-height: 15px;text-align: left; vertical-align: top;	padding: 3px; color: white;}
table.basetable	{border-collapse: collapsed;  margin: 0px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
table {width: 100%;}
table.headtable	{margin-top: 2px}
table.sideborder {border-collapse: collapsed;margin: 0px;}
table.bordertable {border-collapse: collapsed;margin: 0px;}
.activehead	{padding: 7px;	padding-left: 5px;	color: #fff;font-size: 11pt; line-height: 15px; font-weight: bold; background-color: rgba(93,90,85,0.8);
 border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.activehead a {color: #fff;}
.passivehead	{padding: 7px; padding-left: 5px; color: #eee5cf;font-size: 11pt;line-height: 15px; font-weight: bold;	
background-color: rgba(93,90,85,0.8);   -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.passivehead a {color: #fff;}
.articleleft {font-size: 10pt; font-weight: normal;line-height: 16pt; background-color: rgba(64,58,33,0.3); margin: 0 30px 0 0; padding: 5px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.articleright {background-color: rgba(93,90,85,0.2); margin: 3px; padding: 5px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }

td.headline	{width: 100%; background-color: rgba(93,90,85,0.8);  -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; width: 95%;	padding: 7px 3px 7px 5px; color: #fff; font-size: 10pt;	 font-weight: bold;}
td.headlineinside	{background-color: rgba(0,0,0,0.10); border-collapse: collapsed;  -moz-border-radius:4px; -webkit-border-radius:4px;	-border-radius:4px; border: 1px solid rgba(124,43,39,0.40); width: 95%;	padding: 7px 3px 7px 5px; color: #f1f1f1;font-size: 10pt;	 font-weight: bold;}
.col2 {font-size: 10pt; background-color: rgba(93,90,85,0.4); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.colfx2 {background-color: rgba(93,90,85,0.4); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size: 11pt; line-height: 17pt !important;}
.col1 { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
td.headline2 {background-color: rgba(255,255,255,2.10);  -moz-border-radius:4px; -webkit-border-radius:4px; -border-radius:4px; border: 2px solid #0d0712}
.subpassive { background-color: rgba(93,90,85,0.6); font-size: 10pt;  padding: 6px; margin: 3px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.subactive {background-color: rgba(26,19,30,0.4); font-size: 10pt; padding: 6px;  margin: 3px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;  border-radius:4px;}
.bottom	{background-color: rgba(93,90,85,0.6); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; color: #eee5cf; font-size: 9pt;	 font-weight: bold;}
.show { visibility: visible; }
.hide { visibility: hidden; display: none; }
