/* wwg.de Main-Style */

html, body					{ height: 100%; }
body 						{ margin:0 auto; padding:0; background-color:#c0c0c0; background-image:url(../img/bg_index.gif);
							  background-position:center 0px; text-align:center; background-repeat:no-repeat;}
div							{ border: 0px; padding:0; margin:0; text-align:left;}				  

p, a, textarea, input,
h1, h2, h3, h4, ul, li, body	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;
							   font-weight: normal; line-height:18px; padding:0; margin:0; }

a img 						{ border: 0px; }
a							{ outline: none;}
a:hover						{ text-decoration: none; }


h1							{ font-size: 18px;	padding-bottom: 20px; font-weight: bold; color: #a62337; }
h2							{ font-size: 14px;	padding-bottom: 20px; font-weight: bold; color: #a62337; }
h3							{ font-size: 14px;	padding-bottom: 3px; font-weight: bold; color: #a62337; }
h4							{ display:none; }


#topbox_start						{ position: relative;  width: 980px;  margin: 0 auto;  background-color: #e5e5e5;}
* html #topbox_start				{  width: 980px;  margin: 0 auto;  background-color: #e5e5e5;}

#topbox_bg_start						{ position: relative; width: 980px;  margin: 0 auto;  background-color: #e5e5e5; background-image:url(../img/submenu_left_bg.gif); background-repeat:repeat-y; }
* html #topbox_bg_start					{ width: 980px;  margin: 0 auto;  background-color: #e5e5e5; background-image:url(../img/submenu_left_bg.gif); background-repeat:repeat-y; }

#topbox						{ position: relative; min-height: 100%;   width: 980px;  margin: 0 auto;  background-color: #e5e5e5;}
* html #topbox				{ height: 100%;   width: 980px;  margin: 0 auto;  background-color: #e5e5e5;}

#topbox_bg						{ position: relative; min-height: 100%;   width: 980px;  margin: 0 auto;  background-color: #e5e5e5; background-image:url(../img/submenu_left_bg.gif); background-repeat:repeat-y; }
* html #topbox_bg				{ height: 100%;   width: 980px;  margin: 0 auto;  background-color: #e5e5e5; background-image:url(../img/submenu_left_bg.gif); background-repeat:repeat-y; }


#topbox_subnavileft			{ position: relative; min-height: 100%;   width: 980px;  margin: 0 auto;  background-color: #e5e5e5;
							  background-image:url(../img/submenu_left_bg.gif); background-position:right; background-repeat:repeat-y;}
* html #topbox_subnavileft	{ height: 100%;   width: 980px;  margin: 0 auto;  background-color: #e5e5e5;
							  background-image:url(../img/submenu_left_bg.gif); background-position:left; background-repeat:repeat-y;}

#content 					{ padding-bottom: 55px; }
			

#menubox_logo  				{ float: left; z-index:9999; position: absolute; height: 104px; overflow:hidden;
							  background-image:url(../img/logo_top.jpg); width:235px; background-repeat:no-repeat;}
#menubox_menu				{ padding-left: 235px; }

/* Mainmenu */
#mainmenu					{ height: 76px; background-image:url(../img/mainmenu_bg.jpg); background-position:left; }
#mainmenu .menu_spacer		{ height: 45px; }

#mainmenu li a				{ display:block; float:left; height:23px; background-image:url(../img/mainmenu.gif);
							  background-repeat:no-repeat; overflow: hidden; text-indent: -9999px; }

#mainmenu ul, #mainmenu li 	{ display: inline; }

.searchbox					{ float:right; padding-right: 15px;  }
.searchbox a				{ color: #b39198  !important; font-weight:bold !important; }
.search_query				{ width:84px; float:left; background:none; border:none; color: #FFF; font-size:11px;}
.search_button 				{ margin-top: 7px;}
.inputwrap 					{ height: 20px; width:92px; background-image:url(../img/bg_search.gif); background-repeat:no-repeat;
							  float:left; margin-top: 5px; padding: 2px 0 0 2px; }
.searchbox	img				{ border:none; margin-top: 7px; }
		

.up_right					{ float: right; width: 250px; padding-right: 32px; list-style:none; height: 76px; background-image:url(../img/mainmenu_bg.jpg); background-position:right; }
.up_right a					{float: right; padding: 15px  8px 2px 10px; color: #FFFFFF; text-decoration: none; color: #6b6c56;}		  
.up_right ul, .up_right li  	{ display: inline; }
.up_right a:hover 			{ color: #8f2337; text-decoration: none;}





/* Submenu */
#submenu					{ height: 28px; background-image:url(../img/submenu_bg.jpg); background-position:left; background-repeat:repeat-y; }
#submenu ul, #submenu li  	{ display: inline; }
#submenu a		 			{ color: #FFFFFF; text-decoration: none; display:block; float:left; padding: 4px 5px 0 30px;	
							  font-weight: normal; font-size: 12px; height:22px; }
#submenu a:hover 			{ color: #d88895; text-decoration: none;}
#submenu .active			{ color: #d88895; text-decoration: none;}


/* Footer */

#footerbox_start					{ height: 55px; width: 980px; background-image:url(../img/footer_bg.jpg);
				 	 		 background-repeat:no-repeat;
							  position: relative; margin: -56px auto;} 


#footerbox					{ height: 55px; width: 980px; background-image:url(../img/footer_bg.jpg);
				 	 		  background-position:bottom; background-repeat:no-repeat;
							  position: relative; margin: -56px auto;} 

#footerbox a				{ color: #6b6c56; text-decoration: none;  }
#footerbox a:hover			{ color: #8f2337; }


#footerbox ul, #footerbox li	{ display: inline; }		
#footer_left					{ padding-left: 20px; width: 500px}
#footer_right					{ width: 200px }
#footer_left a					{ display:block; float: left; padding: 35px 25px 2px 22px; }
#footer_right a					{ display:block; float: right; padding: 35px  10px 2px 10px; }		  
#footer_links					{ width: 870px;  }
#footer_logo					{ width: 53px; padding-right: 25px;  }
#footer_links, #footer_left		{ float: left; }
#footer_right, #footer_logo		{ float: right; }


.presse							{ background-image:url(../img/ico_presse.gif); background-position:bottom left;
								  background-repeat:no-repeat; display:block;}
.shop							{ background-image:url(../img/ico_shop.gif); background-position:bottom left;
							      background-repeat:no-repeat;}
.mediathek						{ background-image:url(../img/ico_mediathek.gif); background-position:bottom left;	
								  background-repeat:no-repeat; }

#tabbox							{ padding-left: 12px;  display:block; height: 210px;}
#tabbox .box 					{ padding-left: 12px; float:left; display:block; background-image:url(../img/bg_tab.gif);
								  background-repeat:no-repeat; background-position: bottom center; width:239px; height: 210px; }
#tabbox_small					{ padding-left: 27px;  display:block; height: 180px;}
#tabbox_small .box 				{ float:left; margin-left:20px; display:block; background-image:url(../img/bg_tab.gif);
								  background-repeat:no-repeat; background-position: bottom center; width:285px; height: 180px; }
#tabbox_small .box_index		{ float:left; margin-left:20px; display:block; background-image:url(../img/bg_tab.gif);
								  background-repeat:no-repeat; background-position: bottom center; width:285px; height: 180px; }
								  
#tabbox_small .box_index	p	{ text-align:right; padding-top: 10px;}							 

#tabbox img, #tabbox_small img	{ margin: 0 0 0 0px; }
#tabbox p, #tabbox_small p		{ padding: 15px 23px 0 20px; }
#tabbox a, #tabbox_small a		{ font-weight:bold; color:#8b141d; text-decoration:none;}


.clearer						{ clear:both; }


#content_navi					{ float:left; display:block; width: 230px; padding-top: 0px;}
#content_navi a					{ display:block; padding: 10px 0 10px 30px; text-decoration:none; color:#000000; font-weight:bold; height: 25px;}
#content_navi a:hover			{ color:#666; }
#content_navi .active			{ background-image:url(../img/bg_submenu_active.jpg); background-repeat:repeat-x; background-position:bottom; }
#content_navi .active			{ font-weight: bold; }
#content_navi li				{ border-bottom: 0px solid #d6d6d6; list-style:none; }
#content_navi li ul	li			{ padding: 0px; border-bottom: 1px solid #d6d6d6; border-top: 0px solid #d6d6d6;  background-color:#ececec;} 
#content_navi li ul li a		{ display:block; padding: 11px 0 3px 20px; text-decoration:none; color:#000000; font-weight:normal; }

#content_center					{ float:left; display:block; width: 670px; padding: 50px 40px 0 40px;}

#content_vierspaltig .box 		{ float: left; width: 245px; }  
#content_vierspaltig .box .content { padding: 15px 30px 15px 30px; }  

.index_bottom					{ float: left; background-image:url(../img/logo_weinhaus_berlin.jpg); background-repeat:no-repeat; background-position: top left; height: 230px; width:576px;}
.index_adress_box				{ float: left; width: 245px; padding: 40px 20px 0px 80px;} 


.index_mediathek				{ width: 495px; }
.index_news						{ background-image:url(../img/index_news_4er.jpg); background-position:top left; background-repeat:no-repeat; width: 480px; height: 225px;  }

.index_mediathek, .index_news,
.index_news .box				{ float:left; }

.index_mediathek .box			{ padding: 20px 0 0 45px; }
.index_news .box				{ width: 235px; height: 130px; }
.index_news .box .content		{ margin: 19px 15px 0 15px; }
.index_news .box .content img	{ float: left; padding-right: 10px; }


#content_center .media_box		{ float:left; width: 340px;}
.text_box						{ float:right; width: 320px;}
#content_center a				{ color: #ac1a2f; }
.map_box						{ float:left; width: 425px; height:3550; padding:5px 5px 5px 5px; background-color:#6b6c56;}
.map_text_box					{ float:left; margin-left: 20px;}


.head_box						{ float:left; width: 660px;}
.date_box						{ float:left; width: 160px; font-weight:bold; margin-right:10px;}
.info_box						{ float:left; width: 300px; margin-right:10px; }


.head_bezeichnung			{ padding: 5px 15px 5px 15px; background-color:#f7f7f7; margin-bottom:10px;}
.jahrgang						{float:left; width: 120px; font-weight:bold; margin-right:10px; margin-left:10px;}
.bezeichnung					{float:left; width: 240px; font-weight:bold; margin-right:10px;}
.flascheninhalt					{float:right; width: 150px; font-weight:bold;}
.mwst							{float:right; width: 90px; font-weight:bold;}
.wg_adresse						{float:left; }
.wg_adresse_hg					{ padding: 15px; background-color:#f7f7f7; margin-bottom:10px;}


.content_jahrgang				{float:left; width: 120px; margin-right:10px; margin-left:10px;}
.content_bezeichnung			{float:left; width: 240px;margin-right:10px;}
.content_flascheninhalt			{float:right; width: 150px;}
.content_mwst					{float:right; width: 90px;}






.mehr_info_box						{ float:right; width: 100px; height:23px; font-weight:bold; background-image:url(../img/pfeil_rot.gif); background-repeat: no-repeat; text-align:right;}
.mehr_info_box a		        {  font-size: 12px; text-decoration:none; font-weight:bold; letter-spacing:1px; text-align:right;}

#content_wrap_logo				{ background-image:url(../img/content_wrap_logo.jpg); background-position:left top; background-repeat:no-repeat; }

.logos							{ padding: 15px; background-color:#f7f7f7; }
.logos .box						{ line-height:normal; text-align:center; width: 205px; float:left; }
.logos .box, .logos .box a		{  font-size: 11px; text-decoration:none;}


.veranstaltung							{ padding: 15px; background-color:#f7f7f7;}
.veranstaltung .box						{ line-height:normal; text-align:center; width: 205px; float:left; }
.veranstaltung .box, .logos .box a		{  font-size: 11px; text-decoration:none;}

span.success {
	background-color:#990000;
	color: #fff;
}