.alles {
	/*font-family: Arial, Helvetica, sans-serif; */
	color: #424242;
	font-size: 14px;
	margin: 0;
	padding: 0;
	background-color: #CCCCCC;
}
td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	vertical-align:top;
	color:#424242;
	}
.clear {
	clear: both;
}

.hg-topnavi {
	background-image: url(hg-topnavi.png);
	height: 47px;
	z-index: 2;
	position: relative;
}
.Stil46 {
            text-align: center;
            font-weight: bold;
            color: #FFFFFF;
            font-style: italic;
			padding-top: 6px;
			background-color: #333333;
			height: 24px;
			vertical-align: middle;
        }

.hg-topnavi .topnavi {
	width: 900px;
	margin: 0 auto;
	text-align: right;
}

.hg-topnavi .topnavi img {
	margin: 6px 0 6px 10px;
}

.header {
	width: 900px;
	margin: -17px auto 0 auto;
	background-color: #FFFFFF;
	padding: 15px 15px 10px 15px;
}

.navi {
	width: 900px;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 0 15px;
}

.bg-navi {
	background-color: #556068;
}

.navi ul {
	margin: 0;
	padding: 0;
}

.navi li {
	float: left;
	list-style: none;
	background-color: #556068;
	padding: 10px 0;
}

.navi a.link  {
	color: #FFFFFF;
	font-size: 20px;
	font-weight: 700;
	padding: 11px 18px;
	text-decoration: none;
}

.navi a.link:hover  {
	color: #556068;
	background-color: #CCCCCC;
}

.navi li.sale {
	background-color: #B20000;
	padding: 10px 0;
	float: right;
}

.navi .sale a.link {
	color: #FFFFFF;
}

.navi .sale a.link:hover  {
	color: #556068;
	background-color: #CCCCCC;
}

.navi li.active {
	background-color: #E4D9CC;
}

.navi li.active a {
	color: #B20000;
}

.content-box {
	width: 900px;
	margin: 0 auto;
	padding: 20px 15px 60px 15px;
	background-color: #FFFFFF;
}

.content-box .links {
	float: left;
	width: 215px;
}

.suche {
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	width: 213px;
	height: 38px;
	background-color: #FAFAFA;
}
#searchfield{background-color: transparent;}
.suchfeld {
	width: 147px;
	color: #CCCCCC;
	background-color: transparent;
	border: none;
	padding: 11px 0 11px 10px;
	float: left;
	margin-top: 0;
}

.lupe {
	float: left;
	padding: 6px 9px;
	border: none;
	background: transparent;
}

#enavload {
	background-color: #EEEEEE; 
}

#enavload ul {
	padding: 0;
	margin: 0;
}

#enavload li {
	list-style-type: none;
	padding: 7px 10px;
}

#enavload li:hover {
	background-color: #CCCCCC;
}

#enavload span  {
	font-size: 18px;
	font-weight: 700;
}

#enavload ul.lev2 span  {
	font-size: 15px !important;
	font-weight: 700;
}

#enavload a  {
	color: #556068;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
}

#enavload a:hover {
	color: #B20000;
}

#enavload ul ul {
	display: none;
}

#enavload ul.lev2 {
	background-color: #FFFFFF;
	padding: 10px 5px;
}

#enavload ul.lev2 a {
	color: #556068;
	font-size: 15px;
}

#enavload ul.lev2 a:hover {
	color: #B20000;
}

.gallery {
	float: left;
}

#gallery-holder {
	width: 498px;
	border: 1px solid #CECECE;
	margin-left: 7px;
}

#gallery-image img {
	max-width: 498px;
}

ul.thumbnails {
	margin-left: 0;
	margin-top: 0;
	width: 170px;
}

.thumbnails li {
	width: 75px;
	border: none;
	margin: 0 0 5px 10px;
	padding: 0;
	height: 75px;
}

.thumbnails li img {
	max-width: 73px;
	max-height: 73px;
	border: 1px solid #CECECE;
}

.reiter {
	margin-left: 227px;
}

.beschreibung {
	border: 1px solid #E1DFDA;
	padding: 30px 35px;
	font-size: 16px;
	margin-top: 35px;
}

.beschreibung h1 {
	font-weight: 600;
	font-size: 26px;
	margin-top: 0;
}

.weiteres {
	font-size: 26px;
	padding: 15px 0;
}

.galerie {
	border: 1px solid #E1DFDA;
	padding: 10px 5px;
}

.hg-top {
	background-image: url(http://www.bilder-easybay.de/EBAY-DESIGN/hg-top.png);
	height: 48px;
	z-index: 2;
	position: relative;
	margin-top: -45px;
}

.nachoben {
	width: 915px;
	margin: 0 auto;
	text-align: right;
	padding: 22px 15px 0 0;
}

.hg-footer {
	background-color: #EEEEEE;
}

.footer {
	width: 900px;
	margin: 0 auto;
	padding: 10px 15px;
	color: #4C4C4C;
}

.footer h2 {
	font-size: 18px;
	font-weight: 700;
}

.footer .klein {
	font-size: 11px;
}

.footer a.link  {
	text-decoration: none;
	color: #4C4C4C;
}

.footer a.link:hover  {
	color: #B20000;
}

.kontakt {
	float: left;
	padding-right: 120px;
}

.informationen {
	float: left;
	padding-right: 120px;
}

.informationen a {
	display: block;
}

.copy {
	font-size: 12px;
	border-top: 1px solid #FFFFFF;
	padding: 15px 0;
	margin-top: 15px;
}

.copy .links {
	float: left;
	padding-right: 95px;
}

.copy .mittig {
	float: left;
}

.copy .rechts {
	float: right;
}

.abstand {
	padding-right: 2px;
}


/* Shop-Seite */
#pl {
	padding: 10px;
	border: 1px solid #E1DFDA;
	margin-left: 10px;
	float: left;
	width: 645px;
}


/* Contentseiten */
.inhalt {
	padding: 0 5px;
}

.inhalt a.link  {
	color: #452C1D;
	text-decoration: none;
}

.inhalt h3 {
	font-size: 26px;
}

.muelltonne {
	float: left;
}
/* NEUE HOVEREFFEKTE F�R VARIANTE */
.button{
	font:15px Calibri, Arial, sans-serif;

	/* A semi-transparent text shadow */
	text-shadow:1px 1px 0 rgba(255,255,255,0.4);
	
	/* Overriding the default underline styling of the links */
	text-decoration:none !important;
	white-space:nowrap;
	width: 100%;
	display:inline-block;
	vertical-align:baseline;
	position:relative;
	cursor:pointer;
	padding:15px auto;
	margin-bottom: 15px;
	background-repeat:no-repeat;

	/* The following two rules are fallbacks, in case
	   the browser does not support multiple backgrounds. */

	background-position:bottom left;
	background-image:url('button_bg.png');
	
	/* Multiple backgrounds version. The background images
	   are defined individually in color classes */
	
	background-position:bottom left, top right, 0 0, 0 0;
	background-clip:border-box;
	
	/* Applying a default border raidus of 8px */
	
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	
	/* A 1px highlight inside of the button */
	
	-moz-box-shadow:0 0 1px #fff inset;
	-webkit-box-shadow:0 0 1px #fff inset;
	box-shadow:0 0 1px #fff inset;
	
	/* Animating the background positions with CSS3 */
	/* Currently works only in Safari/Chrome */
	
	-webkit-transition:background-position 1s;
	-moz-transition:background-position 1s;
	transition:background-position 1s;
}

.button:hover{
	
	/* The first rule is a fallback, in case the browser
	   does not support multiple backgrounds
	*/
	
	background-position:top left;
	background-position:top left, bottom right, 0 0, 0 0;
}

.button:active{
	/* Moving the button 1px to the bottom when clicked */
	bottom:-1px;
}

/* The three buttons sizes */

.button.big		{ font-size:30px;}
.button.medium	{ font-size:18px;}
.button.small	{ font-size:14px;}

/* A more rounded button */

.button.rounded{
	-moz-border-radius:1em;
	-webkit-border-radius:1em;
	border-radius:1em;
}


/* Defining four button colors */


/* BlueButton */

.blue.button{
	color:#0f4b6d !important;
	
	border:1px solid #84acc3 !important;
	
	/* A fallback background color */
	background-color: #48b5f2;
	
	/* Specifying a version with gradients according to */
	
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),
						-moz-linear-gradient(#4fbbf7, #3faeeb);

	background-image:	url('button_bg.png'), url('button_bg.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(89,208,244,1)), to(rgba(89,208,244,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4fbbf7), to(#3faeeb));
}

.blue.button:hover{
	background-color:#63c7fe;
	
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-moz-radial-gradient(	center bottom, circle,
												rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),
						-moz-linear-gradient(#63c7fe, #58bef7);
						
	background-image:	url('button_bg.png'), url('button_bg.png'),
						-webkit-gradient(	radial, 50% 100%, 0, 50% 100%, 100,
											from(rgba(109,217,250,1)), to(rgba(109,217,250,0))),
						-webkit-gradient(linear, 0% 0%, 0% 100%, from(#63c7fe), to(#58bef7));
}

/* Green Button */

.green.button{
	color:#345903 !important;
	border:1px solid #96a37b !important;	
	background-color: #79be1e;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27, #74b317);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(162,211,30,1)), to(rgba(162,211,30,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#82cc27), to(#74b317));
}

.green.button:hover{
	background-color:#89d228;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31, #7fc01e);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(183,229,45,1)), to(rgba(183,229,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#90de31), to(#7fc01e));
}

/* Orange Button */

.orange.button{
	color:#693e0a !important;
	border:1px solid #bea280 !important;	
	background-color: #e38d27;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f, #d4821f);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(232,189,45,1)), to(rgba(232,189,45,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1982f), to(#d4821f));
}

.orange.button:hover{
	background-color:#ec9732;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746, #e18f2b);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(241,192,52,1)), to(rgba(241,192,52,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9a746), to(#e18f2b));
}

.gray.button{
	color:#525252 !important;
	border:1px solid #a5a5a5 !important;	
	background-color: #a9adb1;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}

.gray.button:hover{
	background-color:#b6bbc0;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6, #9fa5a9);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}

.white.button{
	color:#525252 !important;
	border:1px solid #a5a5a5 !important;	
	background-color: #F6F6F6;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca, #92989c);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(197,199,202,1)), to(rgba(197,199,202,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c5c7ca), to(#92989c));
}

.white.button:hover{
	background-color:#e2e2e2;
	
	background-image:url('button_bg.png'), url('button_bg.png'), -moz-radial-gradient(center bottom, circle, rgba(240,255,255,1) 0,rgba(240,250,250,0) 100px),-moz-linear-gradient(#F6F6F6, #eaeaea);
	background-image:url('button_bg.png'), url('button_bg.png'), -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 100, from(rgba(202,205,208,1)), to(rgba(202,205,208,0))),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d1d3d6), to(#9fa5a9));
}
/* HOVEREFFEKTE ENDE */

.kachel {width: 90%; border: 10px solid #FFFFFF; background-color:#ffffff; margin-left: auto; margin-top: 20px;text-shadow: 1px 1px 0px #ffffff; margin-right: auto;-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.5);font-family: Arial,Helvetica,sans-serif;}