@charset "UTF-8";
                            /* //////////////////////layout für startseite ////////////////////// */

/*////////color guide
yellow: #f2e2a3
brown-navi-text #453b2b
light-brown(frame): #8c7660
green-text #53892c
blue #2c3159
/////////////*/




body     				{
	font-size:14px;
	background: #f2e2a3;
	margin: 0;
	color: #000000;
	font-family: Verdana, Geneva, sans-serif;
	line-height:17px;
}
#container 				{width: 960px;  text-align: left; margin-top: 0; margin-right: auto; margin-bottom: 0;margin-left: auto; 
						background:#fff; background-repeat:repeat-y;-moz-box-shadow: 2px 2px 10px #000;-webkit-box-shadow: 2px 2px 10px #000;background-image:url(../images/watermark.png);background-repeat:	
						 no-repeat;background-position: center bottom;} 
						 
a{
	color: #53892c;
}	 
a:hover{
	color: #2c3159;
}
						
 
#header 				{background: #fff; background-image:url(../images/bg-header.jpg);background-repeat:no-repeat;height:153px;
						 width:960px;}
					
	
#header h1 				{margin-bottom:3px; }

#wraplogo				{width:400px; height:255px;position:relative; z-index: 1;}

#logo					{position:absolute;top:30px;left:65px; width:347px; height:253px;z-index:2;}

#wrapgallery 			{width:500px;height:350px;float:right;}



#sidebar			    {float: left;  width:245px; /* the actual width of this div, in standards-compliant browsers, or standards 				 						                          mode in Internet Explorer will include the padding and border in addition to the width */ 
						 }
#wrapnavi                {width:200px;margin-left:30px; margin-top:150px;		
						 -moz-box-shadow: 2px 2px 10px #000;-webkit-box-shadow: 2px 2px 10px #000;}

						  
#navi					{width:200px; background:url(../images/bg-navi.png); background-repeat:no-repeat;		
						 }
							
						  
#mainContent 			{  margin: 10px 0 0 250px; padding: 0 20px;} 
*+html #mainContent {margin:90px 0 0 250px;}				 
#editable				{width:600px; overflow:hidden;margin-top: 25px; line-height:19px;}

#editable p      		{font-size:14px;margin-bottom:10px;width:590px;}

#editable a             {color: #8c7660;text-decoration:underline;}


#editable a:hover		 {color: #f2e2a3; text-decoration:underline;}


h3               		{margin-bottom:5px;}

							
						
#footer 				{  /* this padding matches the left alignment of the elements in the divs that appear above it.*/background:url(../images/bg-footer.jpg);  
						  background-repeat:no-repeat;margin-top:30px;height:30px;} 
						
						  
						  
#footer p 				{ padding: 5px 5px 5px 5px; font-size:10px;color:#FFF;}

#footer p a             {color:#FFF; text-decoration:none;} 

#footer p a:hover 		{color:#f2e2a3;}

.floatright				{float: right; margin-left: 8px;}

.floatleft 			    {float: left; margin-right: 8px;}

.clearfloat 			{ /* this class should be placed on a div or break element and should be the final element before the close 					                         of a container that should fully contain a float */clear:both; height:0; font-size: 1px; line-height:0;}

h1.welcome		    {color:#53892c;font-family:Georgia, "Times New Roman", Times, serif;line-height: 25px;
						 font-size:18px;margin-bottom:25px;margin-top:25px;line-height:normal;}

.clear1 				{clear:right;}

ul.navileft  			{
	list-style-type:none;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	list-style-position: outside;
}

ul.navileft li 			{list-style-type:none; margin-top:5px;font-size:14px;}	 
						
ul.navileft li a		{color:#453b2b;display:block;margin:0;padding-left:5px;padding-top:3px; width:195px;height:18px;}

ul.navileft li a:hover 	{background-image:url(../images/bg_hover-navi.jpg); background-repeat:repeat-y;color:#f2e2a3;}

#fake 					{height:15px;}

strong 						{font-size:13px;margin-bottom:10px;}

						
						
             /*////////////////////////////////// slideshow styles/////////////////////////////////////////// */
#gallery			{width:450px; height:308px; margin-right:25px;margin-top:20px;border: 2px solid #8c7660;background:#f2e2a3;/*frame original design*/}
#gallery1			{width:450px; height:308px; margin-right:25px;margin-top:20px;/* container without frame*/}
#gallery2			{width:450px; height:308px; margin-right:25px;margin-top:20px;border: 2px solid #2D455D;background: #2D455D;/* container frame blue */}




#slideshow 			{position:relative;width:450px;  height:288px; overflow:hidden; margin-left:10px;margin-right:10px;margin-top: 
  					 10px;}

	
#slideshow IMG 		{position:absolute; top:0;  left:0;z-index:8;   opacity:0.0; }
  
    
#slideshow IMG.active {z-index:10; opacity:1.0;}

#slideshow IMG.last-active { z-index:9;}



         /*////////////////////////////////////styles für preisliste /////////////////////////////////////////*/



#weisswein, #editablepreis	{ margin-right:8px;margin-top:120px;width:600px;height:auto;}
*+html #weisswein, #editablepreis {margin-top:10px;}
#weisswein p  {font-size:14px;margin-bottom:10px;width:590px;}
 
		


table.weiss 				{width: 90%; border:none;font-size:14px;}

table.weiss td 				{border: 1px solid #1D344C;padding-bottom:2px;padding-top:2px;}

.header     				{color:#FFF; background:#1D344C;text-align:center;padding-bottom:1px;}

.header1   					{color:#FFF; background:#1D344C;padding-bottom:1px;border:1px solid #1D344C;}

.header2   					{color:#FFF; background:#f2e2a3;padding-bottom:1px;border:1px solid #1D344C;}

table.rot 					{width: 90%; padding: 0px;border:none;font-size:14px;}

table.rot td 				{border: 1px solid #1D344C;padding-bottom:2px;padding-top:2px;}
#neu						{width:190px;margin-left:30px;margin-top:50px;font-size:12px;color:#3d556b;padding-left:0px
							;padding-top:0px;border: 2px solid  #1d344c;}
#neu a                      {color:#53892c; text-decoration:underline;}
#neu a.hover   				{color:#f2e2a3; text-decoration:underline;}					
						

#neusmall					{width:190px;margin-left:30px;margin-top:50px;padding-bottom:20px;font-size:12px;color:#3d556b;padding-left:0px
							;padding-top:0px;border: 2px solid  #1d344c;}
#neusmall h3				{ font-size:13px;background:#1D344C;padding:2px 0;text-align:center;color:#FFF;margin-bottom:3px;}

#neusmall p   				{padding-left:3px;}
#neusmall a                 {color:#53892c;text-decoration:underline;}
#neusmall a:hover           {color:#2c3159; text-decoration:underline;}	


		

							
#neu p  					{padding-left:3px;}

#neu h3						{ background:#1D344C;text-align:center;padding-top:1px;color:#FFF;margin-bottom:3px;}

strong 						{font-size:14px;margin-bottom:10px;}

.footer 					{font-weight:bold;font-size:12px;padding-top:10px;}

.centerline  				{text-align:center;}

.leftspace 					{padding-left:5px;}




/*here the divs for the pictures in the same position as the gallery in the home site */





#wrapgallery 			{width:500px;height:350px;float:right;}
#gallery1			{width:450px; height:308px; margin-right:25px;margin-top:20px;/* container without frame*/}
#slideshow 			{position:relative;width:450px;  height:288px; overflow:hidden; margin-left:10px;margin-right:10px;margin-top: 
  					 10px;}




#fake      				{height:100px;}


#complement 			{margin-top:100px;margin-left:280px;}



						  
#aktuelles 				{width:190px;margin-left:30px;margin-top:30px;font-size:12px;color:#3d556b;height:200px;padding-left:5px;
					   padding-top:3px;}
						 


.welcome 			     {color:#53892c;font-family:Georgia, "Times New Roman", Times, serif;line-height:normal;margin-top:25px;
						 font-size:18px;margin-bottom:5px;}
						 
.welcome2               {color:#d0b256;font-family:Georgia, "Times New Roman", Times, serif;line-height: 25px;padding-top:20px;
						 font-size:18px;}

.clear1 				{clear:right;}

.clear2     			{clear:left;}


#maincontent ul{
	list-style-type: square;
	margin-left: 20px;
}
		
#maincontent ul{
	list-style-type: disc !important;
	margin-left: 20px !important;
}