@import "nav.css";
@import "cmxform.css";

html {height: 100%; margin-bottom: 1px; }


body 				{  text-align: left; 
						margin: 0;	
						padding:0 0 10px 0;
						background: white; 
						
						}
img {
	display: block;
}					
						
/* -----------------------introduce all text elements ----------------------------------------- */


h1,h2,h3,h4,h5,h6,p,br,a,li,ul,em,blockquote,td { font-size: 12.0pt; color: #777; margin: 0; line-height: 1.3em;	 
font-weight: normal;  font-family: "Times New Roman", "Georgia", "Times", serif; letter-spacing:0.00em; text-align: left; }
img {	border: none;}	
h1 {	 line-height:1.05em;letter-spacing: 0.0em;  font-size: 2.2em; text-align:left; margin:0.6em 0 0.8em; color: #999;  text-indent: 39px; font-style:italic;   }
h1:first-line{ color:#aaa; }
h2 { 	font-size: 1.4em; margin-bottom:0.75em; margin-top:1.8em; color:#999; font-style:italic;}
h3 {
	font-weight:bold; 
}
h4 {	font-weight:bold; font-size: 9pt;}
h5 {	font-weight:bold; font-size: 10pt;}
h6 {	font-weight:bold; font-size: 12pt; color:#aaaaab; margin-bottom:-0.4em;  }
 p {	padding-bottom: 0.4em; }	
.objtext p {	}
.smallfonts{
	font-size: 0.8em; padding:0; 

}
.gv {	font-style: italic;}

						
/* -----------------------introduce all used divs -----------------------*/
div#wrapper 	{  margin-left: 0px; width: 980px;/* Angabe für den IE 5.x */
voice-family: "\"}\""
 voice-family: inherit; width: 990px; margin: 0 auto; padding: 0;  }
div#outerwrap 	{ width: 100%;  height:100%; margin: 0; padding: 0; float: left; padding-bottom:0;    }

div#header,
div#logo,
div#footer,
div#content	{ padding:0; margin: 0; overflow:visible; margin-bottom:0px; }



div#content	 	{ padding:25px 0 0 0; float:left;  _padding-top:35px; }
div#header 		{
	background: url(../img/nav/grapevault-logo.gif) no-repeat;
	background-position: 20px 46px; 
	height:140px; *height:147px;    
}			

div#footer		{margin-top:25px; border-top:1px dotted #b42363; clear:both; margin-bottm:10px;}
div#footer p, div#footer a	{text-align:left; font-size:8pt; padding-top:3px; clear:both; margin-bottom:6px;}
div#footer p   		{margin-left:0px;}
/* div#footer p {background-color:#f5f5f5;} */

div#logo       {position: relative;}





li {font-style: italic; margin-bottom:25px;}

li:first-line { line-height:35px; font-style: normal }


/*columns----------------------------------------------------------*/
.col30 h3 { font-size: 1.0em; padding: 10px 0 0 10px; color:#555 }
.col30 ul { padding:10px;	margin-left:24px; *margin-left:20px;}
.col30 li { line-height: 1.3em; font-style: normal; font-size:0.83em; margin-bottom: 8px; list-style: none outside url(../img/content/lib.gif); *padding-left:5px;}
.col30 li:first-line { line-height:15px !important;  }
.col30 em {	font-size:0.95em; }
.col30.rose {	border-left:7px solid #fff;border-right:7px solid #fff;background-image: url(../img/content/roseWine.jpg);  background-position: bottom;  background-repeat: repeat-x;}
.col30.white {background-image: url(../img/content/whiteWine.jpg);  background-position: bottom;  background-repeat: repeat-x;  }
.col30.red {background-image: url(../img/content/redWine.jpg);  background-position: bottom;  background-repeat: repeat-x; color:#fff; }
.col30.red li, .col30.red em, .col30.red h3{color: white; list-style: url(../img/content/libW.gif);}
.col30.red li {margin-bottom: 11px;}
/*--------Cols----------------------------------------------------------------------------------------------------------*/
.col30  			 {width:32.6%; padding:0; float:left; background-color:#ddd; height:340px; margin-top:20px;}

/*--------These fits in container-----------------*/
.col100  		 {width:100%; padding:0; display:block; min-height:416px; _height:430px;}


.leftcol  		{width:330px; height: 260px; padding:0; display: block; float:left; margin-top:200px;}
.colcontent 		{width:650px; padding:15px 0 50px 0; display: block; float:left;}
.colcontent p 	{padding:0 35px 15px; font-size:19px; line-height:1.42em;}
.colcontent ol 	{padding-left:65px;}
.colcontent img {
	
}
/*--------Basic Elements -*/		

a				{text-decoration:none; color:#77ad76; font-size:0.85em; line-height:1.4em; -white-space: nowrap; letter-spacing:0.03em;}
a:hover			{text-decoration:underline;} 

#prospekt 		{padding-left:20px;}

#prospekt p, 
#prospekt a 		{padding-left:15px;}
#prospekt span	 {color:#AA2369; line-height:1.3em;}
#ges			 {margin-top:395px; padding-left:55px; _margin-top:400px; }
.ges { margin-bottom: 44px; height:155px; _height:156px; }

.gesimg {padding-bottom: 35px; *padding-bottom: 34px;
}
		
	
hr			{background:#cacaca; border:0;}
blockquote 	{font:12px Georgia, Times, serif; background:url(/img/nav/quote.gif) 0px 10px no-repeat; padding:14px 0 0 30px;	margin:0; letter-spacing:0.04em; overflow:hidden;}

/* em					{ background: #F7F4EF;}	*/				
/*---------Company History---------------------------------------------------------------------------------------------*/


 /*--------contact  cmx and cols-------------------------------------------------------------------------------------------*/		

.cmxform fieldset 		{padding:15px 0!important;}
.cmxform input 		{cursor:pointer; width:284px;}
.cmxform input#plz  	{cursor:pointer; width:64px; margin:0 2px 0 0; padding-right:0!important}
.cmxform input#stadt 	{cursor:pointer; width:210px; padding-left:0}
.cmxform input.button 	{width:100px;}
.cmxform textarea  		{width:284px!important; height:150px;}
.cmxform label   		{width:110px!important }
.cmxform label   		{width:110px!important }
.cmxform label  span 	{width:110px!important }
.cmxform h4			{margin:0 0 15px 20px;}
.con				{margin:56px 0 0 0px; padding-left:25px; width:179px; border-top:solid 0px #ccc; border-left:1px solid #ccc; height:460px;} 

table			{width:100%; border-collapse:collapse;}
table thead  	{border:1px solid #cbcbcb;}
table thead th 	{background: #F7F4EF; padding:3px; font-family:arial; font-weight:normal;}
.history table {width:100%;}



/*--------Helpers and standards-------------------------------------------------------------------------------------------*/		
.clearing  		{width:100%; clear: both; background-color:red; display:block;}	

.solidline		{border:1px solid #cfcfcf; border-width:0 0 1px 0; padding:0 0 12px 0; /*background: url(../img/bg/dotline.jpg) repeat-x;*/}
.dotline		{border:1px dotted #cfcfcf; border-width:0 0 1px 0; padding:0 0 12px 0; /*background: url(../img/bg/dotline.jpg) repeat-x;*/}


.bt				{border-top:1px solid #cfcfcf;}
.br				{border-right:1px solid #cfcfcf;}
.bb				{border-bottom:1px solid #cfcfcf;}
.bl				{border-left:1px solid #cfcfcf;}


/*--------Layout--------------------------------------------------------------------------------------------------------*/

#topbg 			{position:absolute; top:0; left:0; width:100%; height:104px; background:url(/img/bg/topbg.gif) repeat-x;}
.premiump 		{font-size:11pt;}


/*----------------------Beteiligungen --------------------------*/
.parker 					{margin-bottom:2px; border-top:1px dotted #d0d4cf; padding-top:14px;}
.parker p.points 		{position:absolute; top:-10000px; margin-bottom:20px; margin-left:30px;}
.parker span.winename	{margin-left:10px;}
.parker a.close 			{margin-left:15px;}
.parker span.rating 		{border:1px dotted #77AD76; padding:1px 9px 2px 8px; background-color:#f7faf7; margin-right:4px; font-weight:bold;}
p.teas 					{line-height:1.8em;}
a.readcritic 			{margin-left:100px;}


/*---relaunch---*/
ul.inx		{list-style:none; padding-left:60px; margin:4px 0 12px;}
ul.inx li		{line-height:1.5em; margin:0; padding:2px 0; font-size:105%; color:#888; font-style:normal!important;}
ul.inx li strong		{font-size:115%; margin-right:4px; font-style:normal; font-weight:normal;}
ul.inx li	a		{font-size:115%; font-style:normal;}
ul.inx li:first-line	{font-style:normal; line-height:1.5em;}
h1 span.subh	{font-size:53%; font-style:italic; margin:0 0 10px 20px; color:#8d6b7c; padding:0;}
em.tit		{padding-left:12px; color:#bcbcbc;}
h3.coc		{margin-bottom:12px; padding-left:33px; color:#aaa; font-size:120%; font-style:italic;}
h3.coc span	{padding:0 0 3px;}


/*ALF*/
.alf h1, .alf h2, .alf a , .alf p, .alf p span	{font-family: 'Varela Round', sans-serif;}
.alf h1, .alf h1:first-line					{font-style:normal; font-size:130%; color:#908371; padding-bottom:30px;}
.alf h2	{border-bottom:1px solid #908371; font-style:normal; font-size:170%; color:#908371; padding-bottom:3px; padding-left:18px; margin-bottom:20px;}
.alf p	{padding:0 80px 20px 100px; line-height:1.55em;}
.alf p strong, .alf p span	{color:#908371;}
.alf p span		{padding-left:10px;}
.alf p span.blue	{padding:0 0 0 1px; color:#004c99}
.alf p a			{color:#435486; font-style:normal; font-size:110%; padding: 0 5px 1px; margin-left:-21px;}
.alf p a:hover	{text-decoration:none; border-bottom: 2px dotted #809ab3;}	
.alf p.marg		{text-align:right; font-size:80%; margin-top:1100px; color:#435486;}
.alf span.date	{text-transform:uppercase; letter-spacing:0.14em; color:#888; display:block; font-size:70%; text-align:right; padding:30px 50px 0 0;}
.alf span.name	{text-transform:uppercase; letter-spacing:0.2em; color:#888; display:block; font-size:70%; padding:0; }

h2.subh	{color:#8d6b7c; display:inline-block; border-top:1px dotted #999; padding-top:8px; padding-left:35px; margin-bottom:40px; margin-top:0;}
h1.neo	{margin-bottom:70px; margin-left:33px; text-indent:0; font-style:normal; margin-top:43px;}

ul.leftnav				{list-style:none; margin:196px 0 80px 0; padding:0;}
ul.leftnav li:first-child	{border-top:1px solid #ccc;}
ul.leftnav li:last-child	{border-bottom:1px solid #ccc;}
ul.leftnav li				{padding:11px 14px 11px 0; margin:0 40px 0 0; border-bottom:1px solid #999;}
ul.leftnav li:hover		{background:#eee; border-bottom:1px solid #b42363; background: linear-gradient(90deg, #ddd, #fff);}
ul.leftnav li:active		{background:#ccc;}
ul.leftnav li.sub			{background:#eee; border-bottom:1px solid #eee; background-image: linear-gradient(90deg, #eee, white);}
ul.leftnav li:hover.sub	{background:#999; border-bottom:1px solid #b42363; background-image: linear-gradient(90deg, #999, #ddd);}
ul.leftnav li.sub a			{color:#666; margin-left:22px;}
ul.leftnav li.sub:first-child	{border-top:1px solid #b42363;}
ul.leftnav li:hover.sub a	{color:#fff}
ul.leftnav li a				{font-size:18px; font-style:normal; margin:0; padding:0; display:inline-block; line-height:1.15em;}
ul.leftnav li a	:hover, ul.leftnav li:hover a		{text-decoration:none!important; color:#488e47;}