@charset "UTF-8";

body 	        { font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; color: #ffffff; background-color : #666666; margin-top : 0px; margin-left : 0px; margin-right : 0px; margin-bottom : 0px; }
p 		     	{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : justify; }
table.intro td 	{ text-align : left; vertical-align: top;}
table.intro p 	{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; }
table.intro p img.left	{ margin: 0px 5px 5px 0px; }

h1.hell { width: 100%;float: none; clear: after;}

.pagewrapper { width: 100%; max-width: 1400px; margin: 0 auto; }

.titeltabelle{ width: 100%; max-width: 1400px; display: flex;}

.logo img {width: 100%; height: auto; max-width: 611px; }

.logo { width: 50%; float: left; display: flex;}
.headright { width: 50%; min-width: 245px; float: none; display: flex;}


@media (max-width: 640px){
    .logo { width: 100%; float: none; display: flex;}
    .headright { width: 100%; min-width: 245px; float: none; display: flex;}
}


#content { padding: 0 20px;}
#main-content { padding: 20px;}
#footer { padding: 20px;}

#content { display: flex; flex-direction: column;}
nav#menu { width: 100%; flex: 1 1 0}
#main-content { flex: 1 3 0;}
@media (min-width: 640px) { 
    #content {
        flex-flow: row wrap;
    }
    nav#menu { width: 25%; max-width: 260px; }
    #main-content { flex: 1 1 0;}
}


ul.mainmenu,
ul.menu, ul.menu li ul {  
 list-style-type: none;
  margin: 0;
  padding: 0;
}



.bggruen 					{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; background-color : #aecec0; background-image : url(gruen.gif); }
.bggelb 					{ color : #000000; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; background-color : #CC3300; }
.bgrot 						{ color : #000000; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; background-color : #CC3300; }
.bglila 					{ color : #000000; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; background-color : #CC3300; }
.gelb 						{ color : #000000; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; background-color : #F4D425; } /* text-align : left; padding : 2px; vertical-align : top; */
.titeltabelle 				{ color : #000000; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; background-color : #CC3300; }
.gestreift 					{ color : #000000; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; background-color : #CC3300; }

.titelzeile1 				{ color : #ffffff; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; }
a.titelzeile 				{ color : #ffffff; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-decoration : none; }
a.titelzeile:hover 			{ color : #a0a0a0; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-decoration : underline; }
a.titelzeile:active 		{ color : #a0a0a0; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-decoration : underline; }

.mini 						{ font-size : 12pt; }
  
td 							{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; }
td.right 					{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : right; }
td.center 					{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : center; }
td.centeroben 				{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : center; vertical-align : top; }
td.bold 							{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; font-weight:bold;}
td.gelb 						{ color : #000000; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; background-color : #F4D425; text-align : left; padding : 2px; vertical-align : top;}


img.angebot		  { border: 0px #333333; }
img.angebot:hover  { border:0px #333333; }

h1,h2 						{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-weight: bold;}
h1 							{ font-size : 20pt; padding : 0px; }
h2 							{ font-size : 20pt;  }

td.braun, .braun 					{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; }
div.braun 					{ float: left; }

td.blau, .blau		 				{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : normal; background-color : #F4D425; text-align : left; vertical-align : top; margin:0px; padding : 5px; }

table.gelb					{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : normal; background-color : #F4D425; text-align : left;  vertical-align : top; margin:0px; padding : 0px; }
td.gelb_ganz			{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : normal; background-color : #F4D425; text-align : left;  vertical-align : top; margin:0px; padding : 0px; }
td.gelb_ganz1				{ background-image: url(/wein/gelbbg.jpg); }

td.gelb_bold				{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : bold  ; background-color : #F4D425; text-align : left;  vertical-align : top; margin:0px; padding : 1px; }
td.gelb 					{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt;                     ; background-color : #F4D425; text-align : left;  vertical-align : top; margin:0px; padding : 1px; }
td.gelb_re 					{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt;                     ; background-color : #F4D425; text-align : right; vertical-align : top; margin:0px; padding : 1px; }
td.gelb_ce 					{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt;                     ; background-color : #F4D425; text-align : center; vertical-align : top; margin:0px; padding : 1px; }


a 							{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : bold;  text-decoration : none; }
a:hover 					{ color : #a0a0a0; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : bold; text-decoration : underline; }
a:active 					{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : bold; text-decoration : underline; }

.menu { color : #ffffff; background-color: #CC3300; background-image: url(/wein/menubg.jpg); padding: 10px;}

.headright, .headright p, .headright a { color : #F4D425 ; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : bold;  text-decoration : none; }
.menu a, .menu p, .menu td, .menu li , .menu i  { color : #ffffff; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : bold;  text-decoration : none; }
.menu a:hover 				{ color : #a0a0a0; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : bold; text-decoration : underline; }
.menu a:active 				{ color : #ffffff; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : bold; text-decoration : underline; }


.mlink 						{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; font-weight : bold; text-decoration : none; }
a.mlink 					{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; font-weight : bold; text-decoration : none; }
a.mlink:hover 				{ color : #a0a0a0; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; font-weight : bold; text-decoration : underline; }
a.mlink:active 				{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; font-weight : bold; text-decoration : underline; }

td.mlink, td.mlink .mlink 	{ color : #ffffff; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; font-weight : bold; text-decoration : none; }
td.mlink a.mlink 			{ color : #ffffff; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; font-weight : bold; text-decoration : none; }
td.mlink a.mlink:hover 		{ color : #a0a0a0; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; font-weight : bold; text-decoration : underline; }
td.mlink a.mlink:active 	{ color : #ffffff; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; font-weight : bold; text-decoration : underline; }


a.linkblau 					{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; font-weight : bold; text-decoration : none; }
a.linkblau:hover 			{ color : #a0a0a0; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; font-weight : bold; text-decoration : underline; }
a.lila:active 				{ color : #a0a0a0; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; font-weight : bold; text-decoration : underline; }

a.right 					{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : right; font-weight : bold; text-decoration : none; }
a.right:hover 				{ color : #a0a0a0; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : right; font-weight : bold; text-decoration : underline; }
a.right:active 				{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : right; font-weight : bold; text-decoration : underline; }

li 							{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; text-decoration : none; }
select 						{ width: 200px; }
legend 						{ font-weight:bold; color: #000000; margin-left:10px }
.best_aus 					{ visibility:hidden;}
.best_an 					{ visibility :visible;}


.mini 								{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : bold;  text-decoration : none; }
li.mini 							{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; text-align : left; text-decoration : none; }
a.mini 								{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : bold;  text-decoration : none; }
a.mini:hover 						{ color : #a0a0a0; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : bold; text-decoration : underline; }
a.mini:active 						{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : bold; text-decoration : underline; }
h1.mini { margin: 0px 0px 0px 0px; }
h1.hell { margin: 0px 0px 0px 0px; }


.foot 								{ color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : normal;  text-decoration : none; }
H1.foot 							{ margin-bottom: 12pt;
	color : #333333; font-family : Arial, Verdana, Helvetica, sans serif; font-size : 12pt; font-weight : normal;  text-decoration : none; }


p.hell, div.hell, td.hell, li.hell, .hell .mini {color: #ffffff; }
li.hell a{color: #a0a0a0; }
p.hell a {color: #a0a0a0; }
h1.hell {color: #a0a0a0;}

div.agb *       {font-family: Arial, Verdana, Helvetica, sans serif; font-size:9pt;background-color:#ffffff;}
div.agb { border: 1px #ffffff; margin: 5px;background-color:#ffffff; }
span.vsk { font-size: 10pt; white-space:nowrap; color : #333333;}
span.vsk a { font-size: 10pt; white-space:nowrap; color : #333333; font-weight : bold; text-decoration : none;}
span.vsk a:hover, span.vsk a:active  { font-size: 10pt; white-space:nowrap; color : #333333; font-weight : bold; text-decoration : underline;}

div#world { align: center; width: 1200px; overflow: visible; }

div.titel { float: none;}
div.flagge { float: left; width: 120px; }

a.mini { padding: 10px 10px 10px 10px;}

div.produktbild { float: none;}

@media (min-width: 920px) {
    div.produktbild { float: right;}
}

.produkt-tabelle > .row {
    margin-top: 2em;
    margin-bottom: 2em;
}

@media (max-width: 920px) {
    #footer a.mini { display: none; }
}

ul.menu select, 
ul.menu option,
ul.mainmenu input.text {
    color: #333333;
}