/* general tag styles */
body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background-color:#ffffff;
	color:#000000;
		background-image:url(../styleImages/top_bg.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}
form {
	margin:0px;
	padding:0px;
}
img {
	border:none;
}
h1 {
	font-size:170%;
	padding:0px;
	color:#333333;
	margin:0px 0px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:150%
}
h2 {
	position:relative;
	float:left;
	font-size:120%;
	margin:7px 0px 0px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
a {
	color:#660000;
	text-decoration:none;
}
a:visited {
	color:#660000;
}
a:hover {
	text-decoration:underline;
}
.floatLeft {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
}
.floatRight {
	position:relative;
	float:right;
	margin:0px;
	padding:0px;
}

/* page layout */
#pageSurround {
	position:relative;
	margin:0px auto 0px auto;
	width:970px;
	background-image:url(../styleImages/bgg.jpg);
	background-repeat:no-repeat;
	height:1000px;
    
}
#weinb{
    width:160px;
    height:600px;
    margin-left:500px;
    position: absolute;
    top: 290px;
    left: 50%;
}
#header {
	position:relative;
	display:block;
	
	width:1000px;
	height:10px;
	margin-left:auto;
	margin-right:auto;
	
	z-index:100;
}
#page {
	position:relative;
	float:left;
	/*background-color:#ffffff;*/
	display:block;
	background-image:url(../styleImages/el-page-bg.gif);
	background-repeat:repeat-y;
	padding:0px 10px 0px 10px;
}
#searchbar_outer{
	position:relative;
	float:right;
	
	background-image:url(../styleImages/el-search-bg.png);
	background-position:right;
	background-repeat:no-repeat;
	width:700px;
	height:100px;
	z-index:100;
}
#barOne {
	position:relative;
	float:left;
	width:930px;
	margin:0px 0px 0px 0px;
	height:58px;
	clear:both;
	background-image:url(../styleImages/el-top-bar-bg.gif);
	background-repeat:no-repeat;
	background-position:0px 28px;
	padding:0px 20px 0px 20px;
	z-index:100;
	
}
#barOne ul {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
}
#barOne p {
	position:relative;
	float:left;
	clear:both;
	margin:0px;
	padding:6px 0px 0px 0px;
}
*html #barOne p {
	padding:0px;
}
.subTopNavOn {
	font-weight:bold;
}
#barTwo {
	position:relative;
	float:left;
	width:930px;
	margin:0px;
	padding:10px;
	clear:both;
}
#barThree {
	position:relative;
	float:left;
	margin:0px;
	width:930px;
	padding:0px 10px 10px 10px;
	clear:both;
}
#sideNavLeft {
	position:relative;
	float:left;
	width:190px;
	margin:0px;
}
#sideNavLeft_start {
	position:relative;
	float:left;
	width:190px;
	margin:0px;
}
#sideNavRight {
	position:relative;
	float:right;
	width:300px;
	margin:0;
}
#content-float-right {
	position:relative;
	float:right;
	width:720px;
}
#content-float-right_start {
	position:relative;
	float:left;
	width:920px;
	margin-left:10px;
}
#content {
	position:relative;
	float:left;
	margin:0;
	width:420px;
	line-height:130%;
	right:10px;
}
#content_start {
	position:relative;
	float:left;
	margin:0;
	width:620px;
	line-height:130%;
	right:10px;
	overflow:hidden;
}
#content-float-right-a {
	position:relative;
	float:left;
	width:930px;
}
#content-a {
	position:relative;
	float:left;
	margin:0;
	width:620px;
	line-height:130%;
}
#content-b {
	position:relative;
	float:left;
	margin:0;
	width:720px;
	line-height:130%;
	right:10px;
}
#footer {
	position:relative;
	float:left;
	width:970px;
	background-image:url(../styleImages/el-bot-bar-bg.gif);
	background-repeat:no-repeat;
	height:50px;
	text-align:center;
	clear:both;
	padding:17px 0px 0px 0px;
}

/* image widths and heights */
.smallProductImage {
	/*width:75px;*/
	/*height:80px;*/
	max-width:80px;
}
.featureProductImage {
	width:75px;
	/*height:65px;*/
}
.popularProductImage {
	width:50px;
	float:left;
	height:100px;
	text-align:center;
}

/* skin design */
.tabExpand {
	position:relative;
	width:100%;
	margin:0px 0px 10px 0px;
}
	/* ie6 hack to prevent tables dropping */
	*html .tabExpand {
		position:relative;
		float:left;
		width:100%;
		margin:0px 0px 10px 0px;
	}
#search {
	position:relative;
	float:right;
	top:35px;
	right:35px;
}
#search input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:180%;
}
.searchButton {
	position:relative;
	float:right;
	background-color:#660000;
	border:none;
	color:#FFFFFF;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:200%;
	padding:0px;
	width:100px;
	height:40px;
	background-image:url(../styleImages/el-search-but.jpg);
	background-repeat:no-repeat;
	margin-left:20px;
}
.searchButton:hover {
	background-image:url(../styleImages/el-search-but-hover.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}
#searchbox {
	border:0px solid #ffffff;
	width:500px;
	padding:2px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:200%;
}
#header h1 {
	position:absolute;
	top:10px;
	left:10px;
	margin:0px;
	line-height:120%
}
#header a {
	color:#FFFFFF;
	text-decoration:none;
}
#header a:hover {
	color:#E8EBEE;
	text-decoration:none;
}
#homeNav {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
}
#homeNav li {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	height:29px;
	list-style-type:none;
	text-align:center;
}
#homeNav li a {
	position:relative;
	float:left;
	padding:8px 20px 0px 20px;
	margin:0px 0px 0px 0px;
	height:29px;
	display:block;
	font-weight:bold;
	text-align:center;
}
.topNavOn {
	background-image:url(../styleImages/el-top-but-l-on.gif);
	background-repeat:no-repeat;
}
.topLinkOn {
	background-image:url(../styleImages/el-top-but-r-on.gif);
	background-position:right 0px;
	background-repeat:no-repeat;
	color:#333333;
}
.topNavOff {
	background-image:url(../styleImages/el-top-but-l.gif);
	background-repeat:no-repeat;
}
.topLinkOff {
	background-image:url(../styleImages/el-top-but-r.gif);
	background-position:right 0px;
	background-repeat:no-repeat;
}
#sideNavLeft p {
	position:relative;
	float:left;
	width:180px;
	font-size:110%;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 10px;
	height:24px;
	color:#333333;
	background-image:url(../styleImages/boxTopBG.gif);
	background-repeat:no-repeat;
}
#sideNavLeft_start p {
	position:relative;
	float:left;
	width:180px;
	font-size:110%;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 10px;
	height:24px;
	color:#333333;
	/*background-image:url(../styleImages/boxTopBG.gif);
	background-repeat:no-repeat;*/
}
#sideNavLeft ul {
	position:relative;
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px;
	width:168px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background-image:url(../styleImages/boxBotBG.gif);
	background-position:top;
	background-repeat:repeat-x;
}
#sideNavLeft li {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:100%;
}
#sideNavLeft li a {
	position:relative;
	float:left;
	margin:0px;
	padding:5px 0px 0px 0px;
	width:170px;
	display:block;
	color:#770000;
}
#sideNavLeft ul li ul {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	border:0px;
	background-image:none;
	display:inline;
	font-size:90%;
}
#sideNavLeft ul li ul li {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
	display:inline;
}
#sideNavLeft ul li ul li a {
	position:relative;
	float:left;
	margin:0px;
	padding:0px 0px 3px 0px;
	color:#660000;
	width:auto;
}
#pageLinks ul li a {
	background-image:url(../styleImages/el-page-arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding:0px 0px 0px 8px;
	width:auto;
}
#pageLinks ul li ul li a {
	background-image:none;
	padding:0px 0px 0px 8px;
	width:auto;
}
.boxborder {
	position:relative;
	float:left;
	padding:10px;
	width:168px;
	margin:0px 0px 10px 0px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	background-image:url(../styleImages/boxBotBG.gif);
	background-position:top;
	background-repeat:repeat-x;
}
#featureProduct ul, #partner_cats ul{
	text-align:center;
}
#featureProduct li a, #partner_cats li a{
	background-image:none;
	margin:0px;
	padding:0px;
}
#partner_cats li a{
line-height:20px;
font-weight:bold;
}
#pullDownNav {
	background-color:#eeeeee;
	padding:5px;
	margin:0px 0px 10px 0px;
}
#compareDisplay {
	position:relative;
	float:left;
	width:100%;
}
#productDisplay fieldset, #subBuiltNav fieldset, #subNav fieldset, #content fieldset, #content-b fieldset {
	position:relative;
	float:left;
	width:598px;
	border:1px solid #cccccc;
	line-height:150%;
	padding:10px;
	margin-bottom:10px;
}
#productDisplay legend, #subBuiltNav legend, #subNav legend, #content legend, #content-b legend  {
	color:#660000;
	font-weight:bold;
}
#productDisplay table {
	clear:left;
}
#productDisplay td, #compareDisplay td {
	position:relative;
	padding:5px 5px 5px 5px;
}
#singleProductDisplay {
	position:relative;
	float:left;
	width:620px;
	border-bottom:1px solid #cccccc;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
#singleProductDisplay ul {
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
}
#singleProductDisplay ul li {
	position:relative;
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px;
	display:inline;
	list-style-type:none;
	width:100%;
}
#singleProductDisplay img {
	margin:10px 0px 10px 0px;
	padding:0px;
	max-width:450px;
	/*width:450px*/
}

#sideNavRight p, #newsItems p,#tagCloud p {
	position:relative;
	float:left;
	width:278px;
	font-size:110%;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:6px 10px 0px 10px;
	height:24px;
	color:#333333;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
#featureProduct ul,#partner_cats ul, #popularProd ul, #userHistory ul, #newsItems ul,#tagCloud div {
	position:relative;
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px;
	width:278px;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
#tagCloud div {
	text-align:center;
}
#tagCloud_start div{
	text-align:center;
}
#tagCloud_start div {
	position:relative;
	float:left;
	margin:0px 0px 10px 0px;
	padding:10px;
	width:600px;
	/*border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;*/
}
#tagCloud_start p {
	position:relative;
	float:left;
	width:600px;
	font-size:110%;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:6px 10px 0px 10px;
	height:24px;
	color:#333333;
	/*border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;*/
}
#popularProd li, #newsItems li {
	position:relative;
	float:left;
	margin:0px;
	padding:5px 0px 5px 0px;
	width:100%;
	list-style-type:none;
	border-top:1px dashed #cccccc;
}
#featureProduct li,#partner_cats li, #userHistory li {
	list-style-type:none;
}
#newsItems li {
	border-top:none;
	padding:0px 0px 10px 0px;
}
#popularProd li a {
	position:relative;
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	display:block;
}
.popLink {
	color:#770000;
	font-weight:bold;
}
.popProdPrice {
	color:green;
	font-weight:bold;
}

.styleProdName {
	font-size:120%;
	color:#660000;
	font-weight:bold;
}
.styleProdPromo {
	font-size:100%;
	color:#333333;
	font-weight:bold;
}
.styleProdPrice {
	font-size:120%;
	color:green;
	font-weight:bold;
}
.price_extra{
    color:#555555;
    font-size:9px;
}
.styleProdMerchant {
}
.styleProdID {
}
.styleProdCategory {
}
.styleProdBrand {
}
.styleProdDescription {
}

.singleProdName {
	font-size:120%;
	color:#660000;
	font-weight:bold;
}
.singleProdPromo {
	font-size:100%;
	color:#333333;
	font-weight:bold;
}
.singleProdPrice {
	font-size:120%;
	color:green;
	font-weight:bold;
}
.singleProdBrand {
	font-size:120%;
	color:#660000;
	font-weight:bold;
}
.singleProdDesc {
	font-size:100%;
	color:#333333;
}
.singleProdId {
	font-size:100%;
	color:#666666;
	font-weight:normal;
}
.singleProdMerchant {
}
.singleProdCategory {
}

a.button, a.bigbutton {
	color:#000000;
	display:block;
	padding:9px 0px 0px 8px;
	font-weight:bold;
	background-image:url(../styleImages/butBg.jpg);
	background-repeat:no-repeat;
	width:77px;
	height:27px;
	margin:0px;
}
a:hover.button, a:hover.bigbutton {
	background-image:url(../styleImages/butBg-on.jpg);
	color:#ffffff;
	text-decoration:none;
}
a.catNavOn {
	font-weight:bold;
	color:green;
}
a.catNavOff {
	font-weight:bold;
	color:#770000;
}
a.brandNavOn {
	font-weight:bold;
}
a.brandNavOff {
	font-weight:normal;
}
#linksDisplay {
	position:relative;
	float:left;
	width:100%;
}
#linksDisplay li{
	margin:0px 0px 10px 0px;
}
#catDisplay {
	position:relative;
	float:left;
	width:100%;
}
#catDisplay ul {
	position:relative;
	float:left;
	width:100%;
	padding:10px 0px 10px 0px;
	margin:0px;
}
#catDisplay li {
	position:relative;
	float:left;
	width:260px;
	height:80px;
	padding:0px 10px 0px 0px;
	margin:0px;
	list-style-type:none;
	display:block;
}
#sideNavRight fieldset {
	position:relative;
	float:left;
	width:278px;
	border:1px solid #cccccc;
	line-height:150%;
	padding:10px;
	margin-bottom:10px;
}
#sideNavRight legend {
	color:#660000;
	font-weight:bold;
}
#pageContent {
	position:relative;
	float:left;
	width:100%;
}
.adminInput {
	width:300px;
}
#myLink {
	border:1px solid #cccccc;
	background-color:#FFFFCC;
	font-family:'Courier New', Courier, mono;
	padding:10px;
	margin:10px 0px 10px 0px;
	clear:both;
}
#newsPage h1 {
	position:relative;
	width:100%;
	padding:0px;
	margin:0px;
	line-height:130%;
	clear:both;
}
#newsPage ul {
	padding:0px;
	margin:0px;
}
#newsPage li {
	position:relative;
	float:left;
	padding:0px 0px 30px 0px;
	margin:0px;
	width:100%;
	list-style-type:none;
}
#newsPage ul li ul {
	padding:5px 0px 5px 0px;
	margin:5px 0px 5px 0px;
}
#newsPage ul li ul li {
	position:relative;
	float:none;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 30px;
	width:auto;
	list-style-type:disc;
}
.botrowborder {
	border-top:1px solid #cccccc;
}
.plistc{
	text-align:center;
}
.comments {
	position:relative;
	float:left;
	width:100%;
	border-bottom:1px solid #cccccc;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
}

/*Bewertungen Verkostungsnotizen*/

.cc_left{
    float:left;
    width: 250px;
}
#cEmail, #cName{
   width: 160px;
}
.cc_text{
    float: right;
    width:320px;
    margin-right:15px;
}
.cc_text textarea{
    width:320px;
    height: 80px;
}
.cc_left label{
    clear:both;
    float:left;
    line-height: 20px;
}
.cc_left input{
    float:right;
}
.cc_rating{
    width: 300px;
}
.c_rating_stars{
    float: left;
    width: 160px;
    height:23px;
}
.c_rating_name{
    float: left;
    width: 80px;
}
.mathe{
    display: block;
    float: left;
    background-color: #ccc;
    font-weight:bold;
    line-height: 25px;
    height: 25px;
    width: 120px;
    padding-top: 2px;
    padding-left: 15px;
    padding-right: 3px;
}


/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../styleImages/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.stars_0 {background-position:0 0}
.stars_1 {background-position:0 -96px}
.stars_2 {background-position:0 -112px}
.stars_3 {background-position:0 -128px}
.stars_4 {background-position:0 -144px}
.stars_5 {background-position:0 -160px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;
	background: url(../styleImages/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */
h3{margin:0 0 2px 0;font-size:110%}







/*ENDE RATING*/


.linkGroup {
	position:relative;
	float:left;
	width:100%;
	padding:10px 0px 5px 0px;
	font-size:120%;
	font-weight:bold;
}
#box_newscategories p, #box_newstermine p{
font-family:arial,helvetica,sans-serif;
}

#box_newscategories li a:link, #box_newscategories li a:active, #box_newscategories li a:visited{
	text-decoration:none;
	font-weight: bold;
}
#box_newscategories li .box_newscategories_sub ul{
	list-style-type:circle;
}
#box_newscategories li .box_newscategories_sub li a:link, #box_newscategories li .box_newscategories_sub li a:active, #box_newscategories li .box_newscategories_sub li a:visited{
	text-decoration:none;
	font-weight: normal;
	color: #444444;	
}
.thema{
	color:#666666;
}
A.themalink{
	color: #333333;
	font-weight:bold;
}
#box_newstermine li a:link, #box_newstermine li a:active, #box_newstermine li a:visited{
	text-decoration:none;
	font-weight:normal;
	color:#000000;
	float:none;
	width:auto;
	padding:0px;
	display:inline;
}
#box_newstermine li{
margin-top:8px;
}
#box_newstermine  .cat_termin_datum{
color:#660000;
margin:0px;
font-weight:bold;
}
.comments a:link, .comments a:active, .comments a:visited{
	font-weight:bold;
}
.hd_logo{
width:250px;height:230px;float:left;overflow:hidden;
}
.hd_logo img{
margin-top:120px;
}
.prod_cat_l{
color:#777777;
}
.extrac{
color:#777777;
}
.vorteile_table{
border: 0px solid none;
}
.vorteile{
padding:15px;
background-position: center center;
background-repeat:no-repeat;
width:300px;
border: 0px solid none;
}
.vor1{background-image:url(../styleImages/vorteile_1.jpg);}
.vor2{background-image:url(../styleImages/vorteile_2.jpg);}
.vor3{background-image:url(../styleImages/vorteile_3.jpg);}
.vor4{background-image:url(../styleImages/vorteile_4.jpg);}
.vor5{background-image:url(../styleImages/vorteile_5.jpg);}
.vor6{background-image:url(../styleImages/vorteile_6.jpg);}
.vor_head{
color:#a30100;
text-align:center;
font-weight:bold;
font-size:17px;
font-family:garamond;
}
#haendlerpage{
/*font-family: garamond;*/
margin-left:15px;
margin-right:15px;
}
#haendlerpage h1{
font-family:garamond;
margin-left:20px;
margin-right:20px;
}
.vorteile h3{
color:#a30100;
font-size:15px;
font-weight:bold;

}
#newsPage{
margin-left:20px;margin-right:20px;
}
#newsPage h2{
display:block;
font-size:23px;
clear:both;
float:none;
font-family: garamond;
}
#newsPage h1 a{
	color:#770000;
	font-size: 23px;
}
.styleProdPrice:after { content:"*"; color:#555; font-size:13px; font-style:italic; }
.extrac:after { content:"*"; color:#555; font-size:13px; font-style:italic; }
.extrac { white-space: nowrap; }
.singleProdPrice:after { content:"*"; color:#555; font-size:13px; font-style:italic; }

.partcode{
margin-top:10px;padding:5px;border:1px solid #990000;
}

.clearer{
    clear:both;
}