body { font-family:Verdana,Arial,Helvetica,Sans-serif; font-size:12pt;
margin-left:0px; margin-top:0px; margin-right:50px; color:black; background:white; }

img { border: 0; }
img.rund { border-radius:13px; }
img.logo { padding-bottom:0; width:170px; height:128px; }


#navigationXX	{ background:#006400; background-image:url(/bilder/navi.gif); background-repeat:repeat-y;
				width:170px; height:800px; margin:0; padding:0; vertical-align:top; }

#navigation	{ width:170px; height:800px; margin:0; padding:0; vertical-align:top;
background:#006400; 	border-radius: 13px;
}

#logo {
	padding-top: 9px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 27px;
}
#a10 {
	font-weight: bold;
	text-align: center;
	font-size: 14pt;
	margin-top: 22px;
	color: #FFFFFF;
}

div.navigation a { color:white; text-decoration:none;  font-size:10pt; }
div.navigation ul.box a:hover { color:white; font-weight:bold; }
div.navigation ul.box { margin:0; padding:0; list-style:none; }
div.navigation li { height: 1.8em;}
div.navigation li.doppelt { height:3.5em; }
/* div.navigation b { margin-left:-10px; } */



#navigation a.navbalken{ width:140px; padding-left:30px; display:block; margin:0; height:1.2em; padding-top:0.1em; position:relative; color:white; }
#navigation a.navbalken:hover, #navigation a.navbalken:active, #navigation a.navbalken.current { background:yellow; color:#004400;
				background-image:url(/bilder/mini.gif); }
#navigation a.navbalken.current img.flasche { position:absolute; top:3px; right:3px; }


#navigation table.minikorb	{ font-size:8pt; color:black; border-top:1px solid black; border-bottom:1px solid black; width:170px; }
#navigation div.minikorb	{ color:black; background:#ffcc11; background-image:url(/bilder/mini.gif);
				background-repeat:repeat-y; font-size:10pt; margin-left:0px; margin-right:0px; }

a.minnikorb:link, a.minnikorb:visited	{ text-decoration:none; color:black; }
#navigation a.minnikorb:hover, a.minnikorb:active	{ text-decoration:underline; color:#004400; }


.center { text-align:center; }

a:link, a:visited 			{ text-decoration:none; color:#006400; }
a:hover, a:active			{ text-decoration:underline; color:red; }


a.seitenkl:link		{  text-decoration:none; font-size:9pt; color:#006400; font-weight:bold; }
a.seitenkl:visited	{  text-decoration:none; font-size:9pt; color:#006400; font-weight:bold; }
a.seitenkl:hover, a.seitenkl:active	{  color:#de133c;  }

a.seiten:link, a.seiten:visited		{ text-decoration:none; font-size:11pt;	color:#006400; }
a.seiten:hover, a.seiten:active	{ color:#de133c; }


span.seitent { color:#de133c; font-size:11pt; font-weight:bold; }


a.klein {  font-size:7pt; }

a.login:link, a.login:visited 	{ text-decoration:none; color:white; }
a.login:hover, a.login:active	{ font-weight:bold; }

/*
a.ind:link, a.ind:visited		{  text-decoration:underline; color:black; }
a.ind:hover, a.ind:active	{  text-decoration:underline; color:red; }
*/
a.imtext:link	{  text-decoration:underline; color:#006400; }
a.imtext:visited	{  text-decoration:underline; color:#006400; }
a.imtext:hover, a.imtext:active	{  text-decoration:underline; color:red; }

a.back:link, a.back:visited {  text-decoration:underline; font-weight:bold; font-size:12pt; color:#006400; display:block; clear:both; height:70px; width:150px; padding-top:20px; }
a.back:hover, a.back:active	{  text-decoration:underline; font-weight:bold; font-size:12pt; color:red; }



#maxbreit { width:700px; max-width:100%; }




a.select:link		{  text-decoration:underline; font-size:11pt; color:#006400; }
a.select:visited		{  text-decoration:underline; font-size:11pt; color:#009400; }
a.select:hover, a.select:active	{  text-decoration:underline; font-size:11pt; color:red; }

a.oview:link, a.oview:visited, a.oview:active, a.oview:hover { color:white; background:#006400; width:600px; text-decoration:none;
			font-weight:bold; display:block; padding:5px; margin:50px 0px 10px 0px;}
a.oview:active, a.oview:hover {  background:#EDBD10; }


#firstrow td {font-size:130%}
#indextable { font-size:9pt; }

#welcenter	{ padding-left:30px; }
#welcenter p		{ margin: 0px 0px 50px 0px; font-size:10pt;}
#welcenter h1 	{ font-size:12pt; color:#005200; font-style:italic; }
#welcenter h3	{ color:white;	background:#006400; font-size:11pt; text-align:center;
				width:100%; margin:0px 0px 10px 0px; padding:0px; }

#welleft h3	{	color:white; background:#006400; font-size:11pt; text-align:center; width:100%;
				margin:0px 0px 10px 0px; padding:0px; }
#welleft  	{	padding:0px; width:250px; vertical-align:top; text-align:left; }
#welleft p	{	margin:0px 0px 20px 0px; font-size: 8pt;}


table			{	font-size:10pt; }
table.haupttabelle	{	width:100%; border-style:none; }
#tabellenmitte {  vertical-align:text-top; padding-left:7px; width:100%; }
#tabellerechts { vertical-align:text-top; }
table.login 	{	background:#006400; color:white; width:100%; text-align:center; table-layout:fixed; }


#lager { width:750px; font-size:12pt; }
table.lager	{ color:white; background:#257A24; }
table.nolager	{ color:black; background:#fff9cb; }
table.lager a	{ text-decoration:none; color:white; font-size:20px; }
table.nolager a {text-decoration:none; color:green; font-size:20px; }
#lager a:hover	{ font-weight: bold; }


table.probe	{		font-size:12pt; color:black; background:#ffcc11; width:700px; max-width:100%; }
table.info		{	font-size:10pt; }
table.archiv	{	border:3px groove #006400; empty-cells:show; width:100%; font-size:9pt; }
table.wein {
	width: 756px;
	clear: both;
}

td 	{ vertical-align:top; }
table.info td	{	padding: 5px 12px 9px 0px; vertical-align: text-top; }
td.meinwein 	{	color:black; font-weight:bold; background:#FFDD66; }

th.archiv { color:white;   background:#006400; }
td.archiv { border-top:1px solid #006400; }

tr.katalog 	{ vertical-align:text-top; }

#action		{ position:absolute;  left:100px; top:100px; width:100px; height:100px; }

td.wbild	{	width:93px; vertical-align:top;}
td.sbrief	{	min-width:370px; text-align:left; vertical-align:text-top; }
td.ro		{	text-align:right; vertical-align:top; }
td.co	{	text-align:center; vertical-align:top; }
td.lo		{	text-align:left; vertical-align:top; }
td.seiten		{	border-top:3px solid #458E45; border-bottom:3px solid #458E45; }

div.wbild		{	width:80px; height:100px; overflow:hidden; margin: 0px 8px 25px 5px; float:left; }

div.porto		{	color:white; width:70%; padding:4px; margin:12px;
				text-align:center; border:1px solid white; font-size: 11px; }
div.porto p  { margin:4px; }
tr.gast		{	color:white; background:#006400; }

div.gast		{	width:500px; padding: 25px 10px 5px 10px; border-top:1px solid #006400; }
div.gastdat	{	width:500px; text-align:right; margin-bottom:25px; font-style:italic; }


div.navikunde	{ font-size:9pt; margin-left:30px; color:white;	}



hr	{ 	border:2px solid #458E45; }

div.klein		{	font-size:9pt; }
span.klein		{	font-size:7pt; }


span.winzer 		{ font-size:8pt; }
span.auszeichnung	{ font-size:9pt; }
span.beschreibung 	{ font-size:9pt; }
span.analyse		{ font-size:9pt; }
td.lo a			{ font-size:8pt; }


select.small	{	font-size:8pt; }
input.small	{	font-size:8pt; }


input.bestellen { height:40px; background:#ffcc11; font-size:110%; }
input.bestellen:hover { background:#FFD22C; }

input.inaktiv	{	font-size:7pt; background:transparent; color:#006400; text-decoration:underline; border:0px; }

input.aktiv	{	font-size:7pt; background:transparent; color:red; text-decoration:underline; border:0px; }

h1 			{	font-size:14pt; color:#005200; font-style:italic; }
h2 			{	font-size:12pt; color:#005200; font-style:italic; }
h3 			{	font-size:10pt; color:#005200; font-style:italic; }



h1.info		{	font-size:15pt }


div.text		{ 	width:600px; }

h1.logtitle	{	font-size:30px; padding:30px 0px 40px 0px; }

div.login		{	color:white; background:#006400; font-size:11pt; width:500px; padding: 2px; }
div.hinweis	{	color:white; background:red; font-size:12pt; width:500px; padding: 2px; }
div.rahmen	{	border: 2px solid #006400; width:600px; }
div.ogger		{	background:#ffcc11; padding: 8px; font-size:12pt; }
div.bhead		{ color:white; background:#006400; font-size:12pt; width:250px; }
div.bheadb	{ color:white; background:#006400; font-size:12pt; width:600px; }
div.bezbox	{ border: 3px solid #ffcc11; }
div.bezbox p 	{ margin:0; padding:3px; background:#ffcc11;}

input.edit		{ width:250px; }
input.shortedit { width: 150px; }
select.edit	{ width:250px }


select.editcolor	{	width:250px; background:yellow; }
div.winzera 	{	width:200px; height:220px; background:white; margin:40px 20px; float:left;
				vertical-align:bottom; text-align:center; }
div.winzeri	{	height:200px; vertical-align:middle; margin: 4px 0px; }

img.single	{ margin:0px 16px 15px 15px; }
img.logo		{ border-style:none; }
input.voll		{ width:45px; height:45px; }
input.leer		{ width:45px; height:30px; }

/* Archiv */
input.sofort { width:100px; height:32px; }








/* #f9f8a2 */

/* Katalogbox */
#katwarp { margin-bottom:20px; width:734px; padding:8px; background:#fff9cb; z-index:2;
	border-radius: 13px;
}
#katwarp ul { list-style-type:none; margin:0; padding:0;  }
#katalog li.kfirst { margin: 14px 0 0 0;}
#katalog ul.first { margin:0; padding:4px 20px 12px 0;}
#katalog ul.first li {  display:inline; }


#katalog ul.krest li { }
#katalog li.krest {display:inline-block; padding:9px 25px 5px 0; position:relative;  }

#katalog li.krest ul.rest { display:none; background:#ffffff; border: 3px solid #e5e4d4; padding:8px; border-radius: 13px; }
#katalog li.krest:hover ul.rest  {
	display: block;
	position: absolute;
	z-index: 10;
}

#katalog a { color:#006400; text-decoration:underline; }
#katalog a:hover { color:red; }
#katalog li.kfirst ul.first a {  text-decoration:none; }
#katalog li.krest ul.rest a {  text-decoration:none; }
#katalog li.zusatzinfo a {
	color: black;
	font-style: italic;
	font-size: 95%;
}
#katalog li.zusatzinfo a:hover { color:red; }

#showzeile { background:#fefdeb;}




#showzeile div.bread { position:relative; display:inline-block; z-index:3; }
#showzeile div.bread ul { 	display:none; background:#fefdeb; border: 1px solid #e5e4d4; padding:8px; list-style-type:none; margin:0;}
#showzeile div.bread:hover ul { display:block; position:absolute;}







/* 
* Winzer - Archiv 
*/

table.winzerarchiv { border-collapse:collapse; width:390px; }
table.winzerarchiv tr.col1 { background:#FFFFC0; }
table.winzerarchiv tr.col0 { background:#dcdcdc; }
table.winzerarchiv h2 { margin:0; }
table.winzerarchiv input.col2 { background:red; }

table.winzerarchiv td { vertical-align:top; padding:0 3px; position:relative;  }
table.winzerarchiv td.leer { width:30px; background:white; }

table.winzerarchiv div.posar { position:absolute; top:-70px; left:310px; display:none; background:white;
		width:400px; height:300px; padding:20px; z-index: 5; }
table.winzerarchiv tr:hover { background:#DBFFDD; }
table.winzerarchiv tr:hover div.posar { display:block; background:#DBFFDD; border-radius:15px; }
div.winzerarchiv { float:left; width:250px; height: 100px; }

.right { text-align:right; }


/* Gutscheine */
#gutschein tr { height:1.5em; }
#gutschein div.gtxt { font-size:9pt; max-width:300px; height:1.5em;  overflow:hidden; }
#gutschein div.glink { font-size:9pt; max-width:300px; height:1.5em; overflow:hidden;  }

#gutschein tr:hover { background:#ece9e6; }
#gutschein tr:hover td div.gtxt  { position:fixed; top:100px; right:40px; width:400px; height:150px; background:#ece9e6; padding:8px; }
#gutschein tr:hover td div.glink { position:fixed; top:250px; right:40px; width:400px; height:100px; background:#ece9e6; padding:8px; }


/* Muell */
/*
a.navi:link, a.navi:visited 	{ text-decoration:none; color:red; font-size:20px; }
a.navi:hover, a.navi:active	{ font-weight:bold; }



*/


#mailbox { width: 700px; padding:20px 10px; margin: 20px 0; border: 1px solid red; }




div.boxausgabecontainer {
	width: 750px;
	z-index: 5;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
}

div.boxausgabe {
	font-size: 8pt;
	width: 162px;
	height: 200px;
	border: 3px solid #006400;
	float: left;
	margin: 4px;
	border-radius: 13px;
	padding: 5px;
	position: relative;
	background: #fff9cb;
}

div.adboxausgabe {
	font-size: 9pt;
	font-style: italic;
	width: 162px;
	height: 200px;
	float: left;
	border-radius: 13px;
	padding: 5px;
	position: relative;
	background: #ffffff;
	color: #006400;
	border: 3px solid #D0CCCC;
	margin: 4px;
	/* border + margin = 7px; ! */
}

div.adboxausgabe a {
	text-decoration: underline;	
}

div.boxausgabe img {
margin:0; padding:0;	
}

div.boxausgabe:hover {
	border-color: #00A600;
	background:#FFFFFF;
}

div.box_bild {
	text-align: center;
	width: 60px;
	height: 100px;
	overflow: hidden;
	border-radius: 6px;
	position: absolute;
	top: 10px;
	left: 5px;
}

div.box_bild img {
	border-radius: 6px;
}

div.box_winzer {

	color: #006400;
	/* max-width: 95px; */
	position: absolute;
	top: 10px;
	left: 73px;
}

div.box_bezeichnung {
	/* max-width: 95px; */
	position: absolute;
	top: 44px;
	left: 73px;
	width:95px;
	overflow: hidden;
}

div.box_beschreibung {
	font-style: italic;
	font-size: 8pt;
	position: absolute;
	top: 140px;
}

div.box_preis {
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	right: 8px;
	bottom: 80px;
}

div.box_inhalt {
	position: absolute;
	bottom: 97px;
	right: 8px;
}

div.box_literpreis {
	position: absolute;
	bottom: 81px;
	right: 52px;
	font-size: 9px;
}

div.box_analyse {
	position: absolute;
	bottom: 10px;
	right: 8px;
	font-size: 9px;
}

div.box_analysex span {
/*	width: 46px;
	display: inline-block; */
}


/* Singlewein - Anzeige eines einzelnen Weines */
#singlewein {
	max-width: 750px;
	margin-bottom: 40px;
}

#singlewein h1	{	
	margin-top:0px; 
}

#singlewein img {
	border-radius: 13px;
	margin-left: 0;
	float: left;
}

#singlewein div.tablediv {
	margin-left: 0px;
	border: 3px solid #D9D4D4;
	border-radius: 13px;
	width: 100px;
	padding-left: 6px;
	width: 514px;
	float: left;
}


#weinpass {
	border-collapse: collapse;
	border-color: #D9D4D4;
	border-style: none;
	width: 500px;
	
}
#weinpass td {
	border-bottom: 1px solid #D9D4D4;
	padding: 5px;
}

#weinpass caption {
	font-style: italic;
	font-weight: bolder;
	font-size: large;
}

#kaufzeug {
	float: right;
	clear: both;
	width: 200px;
}

#singlewein #kaufzeug .steckbrief {
}

#singlewein #kaufzeug input.subm {
	background:#F8CE1D;
	width:195px;
	height:25px;
	border-radius:5px;
}

#singlewein .preis {
	font-size: 35pt;
}

#singlewein .inhalt {
	font-size: 12pt;
}

#singlewein #kaufzeug #preis {
	text-align: right;
}

#singlewein input.flaschen {
	height: 29px;
	width: 36px;
	font-size: 14pt;
	padding-left: 9px;
	padding-right: 9px;
	text-align: right;
}
