* {
		margin: 0;
		padding: 0;
	}
	#umschlag {
		text-align: left;
		margin: 0 auto;
		width:  94%;
		min-width: 600px;
		max-width:  1100px;
	}
	/* sub-wrapper to handle max-width in IE. ugly hack. thanks IE. */
	#umschlag-ie {
		width: auto;
	}
	#header-umschlag {
		/*background: url('http://www.hoponline.de/i/shoppingmeile/shopping_header_sommer.jpg');*/
		background-repeat : no-repeat;
		width:100%;
		height:96px;
		background-color: #0A0A0A;
	}
	#header-main {
		width:  90%;
		min-width:  750px;
		max-width:  1100px;
		margin: 0 auto;
		padding: 18px 0 2px 0px;
		text-align: right;
		font-size: 11px;
		
	}
	body {
		background-color: #fff;
		/*background-color: #C9E6FE;*/
		color: #343434;
		/* font: 0.74em/145% "Lucida Grande", verdana, sans-serif; */
		padding: 0;
		margin: 0;
		text-align: left;
	}
	body, p {font-family: Arial; color: #999999}
	#splash {
		/* font-size: 170%;*/
		background-color: /*#0f2700*/ #fff;
		color: #707070;
		margin: 7px 0 3px 0;
		padding-bottom:  6px;
	}
	#content {
		padding: 5px 0;
		margin-bottom: 20px;
	}
	#main-content {
		float: left;
		width: 95%;
	}
	#blog {
		float: left;
		width: 65%;
		padding-left: 2%;
		margin-right: 1.5%;
		overflow: hidden;
		padding-top: 15px;
		border-top: 1px solid #ddd;
	}
	a.hoechsteKategorie { font-size:22px; color:#6D6464; font-weight : bold;}
	/**a.normaleKategorie { font-size:16px; color:#9E9595}*/
	a.normaleKategorie { font-size:16px; color:#787474}
	
	a.nav { font-size:18px; }
	a.kat1 {text-decoration: none; font-size: 10px; font-family: Arial; color: #999999}
	a.kat2 {text-decoration: none; font-size: 14px; font-family: Arial; color: #999999}
	a.kat3 {text-decoration: none; font-size: 16px; font-family: Arial; color: #999999}
	a.kat4 {text-decoration: none; font-size: 18px; font-family: Arial; color: #999999}
	div.shops { float:left; font-size:18px; }
	#features {
		float: left;
		width: 20%;
		margin-right: 1%;
		padding-left: 4%;
		overflow: hidden;
		padding-top: 15px;
		border-top: 1px solid #ddd;
	}
	.post {
		clear: both;
		margin-bottom: 35px;
	}
	.post img.feature {
		display: block;
	}
	#blog .post {
	  margin-bottom: 50px;
	}
	#features .post {
	  padding-right: 10px;
	}
	#footer {
		background: url('http://www.hoponline.de/i/shoppingmeile/footer_bcg.jpg') repeat-x top left;
		clear: both;
		margin-top: 20px;
		padding: 10px 10px;
		color: #888;
	}
	#sub-footer {
		width:  940px;
		margin:  0 auto;
		text-align:  left;
	}
	.footer_txt {
		width: 20%;
		padding: 1%;
		margin: 0 1%;
		float: left;
		text-align: left;
	}
	.footer_txt a { font-size:18px; color:#333333 }
	/* -- Klassen */
	.clear {
		height: 0px;
		clear: both;
	}
	.contentNeu {
		width:630px;
		float:left;
	}
	.navNeu {
		width:250px;
		float:left;
	}
	.breaker {
		clear:both;
		overflow:hidden;
		width:1px;
		height:1px;
	}
	.produkt1 {
		float:left;
		width:130px;
		text-align:left;
	}
	img {
		border:0px;
	}
	.produkt1image {
		border : 1px solid;
		text-align:center;
		margin-bottom:1px;
	}
	.produktSeite h1 {
		font-size:18px;
	}
	.produkt1 h3, .produkt1 h2 a {
		font-size:13px;
		font-weight : normal;
	}
	.weitereProdukte {
		border: 1px dashed;
		width:580px;
		padding:10, 0, 10, 10px;
		margin:10, 0, 10, 0px;
	}
	.produkt1 h2{
		font-size:16px;
		color:#6D6464;
		text-decoration:none; 
		/**
		#9E9595
		visited color:#000000; text-decoration:none; 
		hover color:#0000CC; text-decoration:underline; 
		active color:#870101; text-decoration:none; 
		*/
	}
	.produkt1 a {
		text-decoration:none; 
		color:#6D6464;
	}
	div.picturebox {
		overflow:hidden;
		margin-top:10px;border:1px solid;height:230px;
		/**
		border: 1px solid #9E9595;
		float:left;	
		width:180px;
		height:310px;
		text-align:center;
		margin: 2px;
		*/
	}
	div.picturebox div{
		overflow:hidden;
		/**margin-top:5px;*/
		/**height:128px;*/
		
	}
	.daz {
		float:left;
		/**background-image:url(/shoppingmeile/i/dot.gif);*/
		/**background-position:top left;*/
		/**background-repeat:repeat-y;*/
		width:1px;
		overflow:hidden;
		/**clear:both;*/
		margin:0px;
		padding:0px;
		height:200px;
		margin-right:10px;
		margin-top:5px;
	 }
	 h2, .producktName { font-size:13px;font-weight : normal;font-family:Arial;}
.head3 { 
		background-image:url('http://www.cocktails-chef.de/i/cocktailshead3.jpg');
		width: 100%;
		height: 1px;
		overflow:hidden;
		}
.navNeu h3 {font-size:14px;color:red;font-weight: bold;}


/** neue version jquery content*/
div#page {
	width: 600px;
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
}
div#container {
	padding: 20px;
}
a{
	color: #666666;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	color: #182E7A;
	text-decoration: underline;
}
p, li {
	line-height: 1.3em;
}
p a, li a {
	text-decoration: underline;
}
h1, h2 {
	margin: 0;
}
h1 {
	color: #333;
	padding: 0;
}
h2 {
	color: #111;
	padding-top: 10px;
}
div#content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:left;
	width:250px; 
}
div#controls {
	margin-top: 5px;
	height: 23px;
}
div.ss-controls {
	float: left;
}
div.ss-controls span {
	color: #666666;
	cursor: pointer;
}
div.nav-controls {
	float: right;
}
div.nav-controls a {
	padding: 5px;
}
div#slideshow {
	/**clear: both;*/
}
div#slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div#slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div#slideshow img {
	border: none;
	display: block;
}
div#download {
	float: right;
}
div.embox {
	/**clear: both;*/
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
}
div#image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div#image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div#navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
div#ads {
	/**clear: both;*/
	padding: 12px 0 12px 66px;
}
div#footer {
	text-align: center;
	clear: both;
	padding-top: 12px;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
ul.thumbs li a {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a {
	background: #88f;
}
ul.thumbs a:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div#navigation div.top {
	margin-bottom: 12px;
}
div#navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination strong {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #ffc;
	text-decoration: none;
}
div.pagination strong {
	background-color: #acf;
}

.loclink { cursor: pointer; color:#C57007; text-decoration : underline; }
.shoploclink { cursor: pointer; }

.gutscheine {color:#000}
.gutscheine a {text-decoration:underline;}



/**
style="'.$imageStyle.'overflow:hidden;margin-left:15px;margin-top:12px;position:absolute;text-align:center;width:110px;"
 */	
.vorschaubild {
	/**position:relative;*/
	/**
	width:118px;
	height:86px;
	left: 100px;
	top: 100px;
	overflow:hidden;
	border: 1px solid black;
	
	margin-left: 14px;
	*/
	/**margin: 10px 0px 10 px 14px;*/
}
.columns1,.columns2,.columns3, .columns2l, .columns2r{
   	/**text-align:left;*/
   	margin:0px 9px;
	width:630px;
}

.columns3{
   /** #background-image: url(http://www.hoponline.de/shoppingmeile/i/shopping3background.gif);*/
   
   
   	/**background-repeat: repeat-y;
	background-position: top center;*/
}
.columns3 .col1,.columns3 .col2, .columns3 .col3{
   width:190px;
   float:left;
}

.columns3 .col2{margin:0px 19px;}

.head3 { 
		background-image:url('http://www.cocktails-chef.de/i/cocktailshead3.jpg');
		width: 100%;
		height: 1px;
		overflow:hidden;
		}
		
.vorschaubild {
}
.columns1,.columns2,.columns3, .columns2l, .columns2r{
   	margin:0px 9px;
	width:630px;
}

.columns3{

}
.columns3 .col1,.columns3 .col2, .columns3 .col3{
   width:190px;
   float:left;
}

.columns3 .col2{margin:0px 19px;}