/*****************************************************************************************************************	Name: style.css*	erstellt: 30.05.2006*	Autor: SB, werbeagentur aufwind. gmbh* Beschreibung:* Default-Stylesheet mit den wesentlichen Element-Formatierungen**	Allgemeine Farbwerte:*	Textfarbe:		#*	Border:				#*	Hintergrund:	#*816b4b->664f2e* rot: ->771417*	letzte Aenderungen:*	Datum			von was*	01.06.06	SB	Aktualisierung Imagetag*******************************************************************************************************************//***************************************************************************************************************** Allgemeine Angaben****************************************************************************************************************//***** Redefinierung von HTML-Elementen *****/html, body,a, a:link, a:visited, a:hover, a:active,p, div, span,ul, ol, li,hr,table, tbody, th, tr, td,h1, h2, h3, h4, h5, h6,form, input, select, option, optgroup, button, fieldset, textarea, label, legend {	font-family: Arial, Helvetica, SunSans-Regular, Sans-Serif;	font-size: 11px;	color: #664f2e;	text-decoration: none;}body {	/* Damit die Elemente im HTML-Editor richtig angezeigt werden*/	background: url('../common/bg.gif');}ul {	padding: 0px 0px 0px 15px;	margin: 0px;/*OLI?*/	list-style-image: url('../../assets/common/list_style_red.gif');}li{	margin: 3px 0px;}ol {	margin: 0px 0px 0px 20px;	padding: 0px;}img {	border: none;}hr {	border: none;	border-top: 1px solid #777;	width: 100%;	margin: 3px 0px;}/***** Formular-Elemente *****/option {	padding: 0px 5px 0px 0px;}label,input[type=button],button {	cursor: pointer;}input:focus,textarea:focus {	background: #dfd2b9;}p {	padding: 0px;	margin: 0px;}button {	font-weight: bold;	color: #FFF;	background: #dfd2b9;}.form_contact {	float: left;	margin-top: 10px;	margin-bottom: 10px;}.form_contact .error {	margin: 10px 0px;	color: #664f2e;	font-weight: bold;}.form_contact .service {	margin: 5px 0px;}.form_contact .radio {	width:auto; margin-right:5px;}.form_contact .submit {	width:auto;}.form_contact .service input {	border: none;	width: 13px;	margin: 3px 3px 0px 107px;}.form_contact label {	margin: 0px 5px 0px 5px;	width: 130px;	float: left;}.form_contact label.red, .form_contact label.error {	color: #9C141C;}.form_contact label.error {margin:0;margin-left:5px;margin-right:5px;}.form_contact input,.form_contact textarea,.form_contact select{	border: 1px solid #dfd2b9;	padding: 2px;	margin: 2px 0px;	width: 250px;  font-family: Times New Roman, Serif;}.form_contact input.plz {	width: 40px;	margin: 2px 2px 2px 0px;}.form_contact input.ort {	width: 198px;}.form_contact .pflicht {	margin: 0px 5px 5px 140px;}.form_contact .submitbutton {	margin: 15px 5px 0px 140px;}#kontakt{	margin-left: 500px;	font-size: 12px;	font-family: Helvetica;}/* Ende Formular-Elemente*//***** Ueberschriften *****/h1 {  font-size: 13px;	font-family: Times New Roman, Serif;	font-style: normal;  font-weight: normal;  text-transform: uppercase;  letter-spacing: 3px;	color: #664f2e;  background: url('../../assets/common/bg_h1.gif') no-repeat;  padding: 15px 0px 5px 20px;	margin: 0px 0px 3px -20px;}h2 {	margin: 3px 0px 5px 0px;	color: #696969;}h3 {}h4 {}h5 {}h6 {	font-weight: normal;}/* Ende Ueberschriften *//***** Pseudo Klassen *****/.nofloat{	clear: both;  display: inline;}.nofloat[class] { display: block;}.noborder{	border: none;}/***** Ende Allgemeine Angaben *********************************************************************************//***************************************************************************************************************** Seite zentriert ausrichten****************************************************************************************************************/#center {	width: 965px;	padding: 0px;	margin: 25px auto 20px auto;}/***** Ende Seite zentriert ausrichten *************************************************************************//***************************************************************************************************************** Top-Bereich****************************************************************************************************************/#top {	/* BG = dynamisch direkt im Rahmen-Template */	background: #FFF;	font-size: 11px;	width: 965px;	float:left;	display: inline;	padding-bottom: 10px;}#head{	margin: 10px 10px 0px 10px;}#top_logo {	width: 219px;	float: left;	background-color: #4D000C;	/*background-image: url('../../assets/common/logo.gif');	background-repeat: no-repeat;	background-position: center center;*/	height: 169px;}#top_down {	text-align: right;	padding-right: 10px;	padding-top: 5px;	padding-bottom: 5px;	background-image: url('../../assets/common/bg_top_repeatline.gif');	background-repeat: repeat-y;	height: 15px;	color: #0068B5;}#adresse{	background: url('../common/header_start.jpg') no-repeat;	margin-left: 10px;	padding: 10px 0px 0px 20px;	height: 95px;	line-height: 170%;}#adresse h2{	color: #fff;}#adresse2{	margin-left: 40px;}#adresse1,#adresse2,#adresse1 p,#adresse2 p{	color: #fff;	float:left;}/***** Such-Feld *****/.top_search {	margin: 18px 0px 0px 0px;	padding: 1px 0px 0px 0px;	/*float: left;*/	position: absolute; 	left: 850px;	top: 0px; 	z-index: 2;}.top_search input {	background: #FFF;	border: 1px solid #ABA9AA;	padding: 1px;	width: 100px;}.top_search button {	background: none;	border: none;	padding : 2px 0px 1px 0px;	color: #FFF;	background-color: #FF9900;	font-weight: bold;	vertical-align: top;}/* Ende Such-Feld *//***** Site-Navigation *****/.sitenavi {	margin: 0px 30px 0px 0px;	padding: 0px;	width: 937px;	color: #664f2e;	text-transform: uppercase;	text-align: right;	font-weight: bold;  font-family: Times New Roman, Serif;	float: left;}.sitenavi a,.sitenavi a:link,.sitenavi a:visited.sitenavi a:hover,.sitenavi a.active {	color: #664f2e;	padding: 0px;	text-decoration: none;  font-family: Times New Roman, Serif;	font-size: 12px;	margin-left: 20px;	/*z-index: 2;*/}/* Ende Site-Navigation *//* Logo */.top_logo{	/*float: right;*/	/*background: #F00;*/	margin: 0px 0px 0px 0px;	position: absolute; 	left: 710px;	top: 0px; 	z-index: 2;}/***** Horizontale Navigation *****/#naviH {	color: #FFF;	height: 15px;	margin: 0px 0px 0px 0px;	padding: 4px;	background-color: #0068B5;	width: 994px;	font-weight: normal;	background-image: url('../../assets/common/bg_naviH.jpg');	background-repeat: no-repeat;}.bgnavih{  background-image: url('../../assets/common/trennung.gif');  background-repeat: no-repeat;  background-position: -25px 6px;}#naviH a,#naviH a:link,#naviH a:visited,#naviH a:hover,#naviH a.active {	color: #FFF;	padding: 5px;	margin-left: 12px;	margin-right: 12px;	text-decoration: none;}#naviH a:hover{	color: #BBBBBB;}#naviH a.akt,#naviH a:link.akt,#naviH a:visited.akt,#naviH a:hover.akt,#naviH a.active.akt {	/*background-image: url('../../assets/common/bg_navih_a.gif');*/	/*padding: 0px 0px 0px 6px;*/	font-weight: bold;/*	color: #7DC328;	background-color: #FFF;*/}/* Ende Horizontale Navigation *//***** Sprach-Auswahl *****.language {	margin: 70px 0px 0px 0px;}.language img {	vertical-align: middle;	margin: 0px 3px 0px 10px;}.language a,.language a:link,.language a:visited,.language a:hover,.language a.active {	color: #828282;}/* Ende Sprach-Auswahl*//***** Ende Top-Bereich ****************************************************************************************//***************************************************************************************************************** Aufklapp-Navigation****************************************************************************************************************/.linkmenu td,.linkmenu_first td {	width: 100%;}.linkmenu a,.linkmenu a:link,.linkmenu a:visited,.linkmenu a:hover,.linkmenu a:active,.linkmenu_first a,.linkmenu_first a:link,.linkmenu_first a:visited,.linkmenu_first a:hover,.linkmenu_first a:active {	text-decoration: none;	color: #FFF;	background: #788999;	border: 2px solid #FFF;	border-top: none;	display: block;	padding: 2px 5px 2px 11px;}.linkmenu a:hover,.linkmenu_first a:hover {	color: #3B4B5B;	background: #ACB7C1;}.linkmenu_first a,.linkmenu_first a:link,.linkmenu_first a:visited,.linkmenu_first a:hover,.linkmenu_first a:active {	border-top: 2px solid #FFF;}/***** Ende Aufklapp-Navigation ********************************************************************************//***************************************************************************************************************** Content-Bereich****************************************************************************************************************/#contentarea,#contentarea_v2,#contentarea_startseite,#contentarea_produkte{	float: left;	border: 1px solid #dfd2b9;	background: #fff;	width: 965px;  position: relative;  display: inline;  padding: 0px;}#contentarea,#contentarea_produkte {	background: url('../../assets/common/bg_contentarea.gif') #fff repeat-y 0px 0px;}#contentarea_v2 {	background: url('../../assets/common/bg_contentarea_v2.gif') #fff repeat-y 0px 0px;}#contentarea_startseite {	background: url('../../assets/common/bg_contentarea_start.gif') #fff repeat-y 0px 0px;}#contentarea .ca_top,#contentarea_v2 .ca_top,#contentarea_startseite .ca_top,#contentarea_produkte .ca_top {  background: #fff;  width: 965px;  height: 10px;  font-size: 10px;}#contentarea .ca_bottom,#contentarea_v2 .ca_bottom,#contentarea_startseite .ca_bottom,#contentarea_produkte .ca_bottom {  background: url('../../assets/common/bg_contentarea_bottom_2.gif') #fff top no-repeat;  width: 965px;  height: 10px;  border: none;  float: left;  font-size: 1px;}/***** Vertikale Navigation *****/#subnavi{	border: 1px solid #dfd2b9;	border-bottom: none;	background: #f9f7f1;	margin-bottom: 10px;	margin-top: 0px;	margin-left: 10px;	width: 191px;	float: left;	text-align: left;	font-size: 10px;	display: inline;}#subnavi h1 {	color: #664f2e;	font-weight: bold;  font-family: Times New Roman, Serif;	padding: 3px 3px 3px 6px;	margin: 0px 0px 0px 0px;	border: none;}#subnavi h1.follow {	padding: 3px 3px 3px 12px;}#subnavi ul {	/* WICHTIG: Wenn Pfeile o.ae. benutzt werden, dann als Hintergrundbild definifieren */	list-style-type: none;	list-style-image: none;  font-family: Times New Roman, Serif;	padding: 0px;	margin: 0px;	/*background-color: #CCAF7D;*/	text-transform: uppercase;  font-family: Times New Roman, Serif;}#subnavi ul li {	margin: 0px;	padding: 5px 0px 10px 0px;}#subnavi ul li a,#subnavi ul li a:link,#subnavi ul li a:visited,#subnavi ul li a:hover,#subnavi ul li a:active {  font-family: Times New Roman, Serif;	text-decoration: none;	color: #664f2e;	display: block;	padding: 2px 3px 2px 0px;	margin: 0px;}#subnavi ul li a:hover,#subnavi ul li a.akt,#subnavi ul li a.akt:link,#subnavi ul li a.akt:visited,#subnavi ul li a.akt:hover,#subnavi ul li a.akt:active {	/*background-image: url('../../assets/common/bg_subnavi_a.gif');*/  font-family: Times New Roman, Serif;	font-weight: bold;	font-size: 11px;	color: #771417;}#subnavi ul li a:hover {	font-weight: normal;}#subnavi ul.main li a,#subnavi ul.main li a:link,#subnavi ul.main li a:visited,#subnavi ul.main li a:hover,#subnavi ul.main li a:active {	/* Subnavigation Ebene Hauptpunkte */	padding-left: 18px;}#subnavi ul.under1 {  margin: 5px 0px 5px 0px;}#subnavi ul.under1 li {  padding: 0px 0px 0px 0px;}#subnavi ul.under1 li a,#subnavi ul.under1 li a:link,#subnavi ul.under1 li a:visited,#subnavi ul.under1 li a:hover,#subnavi ul.under1 li a:active {	/* Ebene 1 Unterpunkte */  border-bottom: 1px solid #664f2e;	font-family: Arial, Helvetica, Sans-Serif;	margin-left: 28px;  padding: 5px 0px 5px 0px;/*	color: #664f2e; */	font-size: 10px;	line-height: 110%;	text-transform: uppercase;}#subnavi ul.under1 li.erster a,#subnavi ul.under1 li.erster a:link,#subnavi ul.under1 li.erster a:visited,#subnavi ul.under1 li.erster a:hover,#subnavi ul.under1 li.erster a:active {  border-top: 1px solid #664f2e;}#subnavi ul.under2 li a,#subnavi ul.under2 li a:link,#subnavi ul.under2 li a:visited,#subnavi ul.under2 li a:hover,#subnavi ul.under2 li a:active{	/* Ebene 2 Unterpunkte */	padding-left: 30px;	background-position: 13px 3px;	border-bottom: 1px solid #664f2e;}#subnavi ul.under3 li a,#subnavi ul.under3 li a:link,#subnavi ul.under3 li a:visited,#subnavi ul.under3 li a:hover,#subnavi ul.under3 li a:active {	/* Ebene 3 Unterpunkte */	padding-left: 35px;	background-position: 18px 3px;}/* Ende Vertikale Navigation *//* Suche Subnavi#subnavi form{	clear: both;	line-height: 100%;	padding: 2px 5px;	margin: 0px 0px 0px 0px; 	/*font-size: 0.6em;	border-top: 1px dashed #666;	background: #E6EEF0;}#subnavi input{ font-size: 1em; color: #333; background: #FFF; border: 1px solid #333; float: left; padding: 2px; margin-top: 5px; width: 110px;}#subnavi button{	border: none;	padding: 0px;	margin: 5px 0px 0px 0px;	background: none;}#subnavi button img{	vertical-align: middle;}*//***** Content-Definition ******/#content,#content2,#content3,#content4,#content5,#content_produkte,#content_v2,#content_print{	float: left;	margin: 0px 0px 10px 10px;	padding: 15px 0px 0px 40px;	width: 700px;	height: 100%;	border: 1px solid #dfd2b9;	border-bottom: none;	display: inline;		}#content, #content div,#content span, #content p,#content2, #content2 div, #content2 span, #content2 p,  #content3, #content3 div, #content3 span, #content3 p,#content4, #content4 div, #content4 span, #content4 p,#content5, #content5 div, #content5 span, #content5 p,#content_produkte, #content_produkte div, #content_produkte span, #content_produkte p,#content_v2, #content_v2 div, #content_v2 span, #content_v2 p,#content_print{	font-size: 12px; 	}#content{	/* mit Subnavi, mit rechter Spalte */	width: 490px;}#content2{	/* mit Subnavi, ohne rechter Spalte */}#content3 {	/* Startseite */	width: 701px;	padding: 15px 0px 0px 40px;}#content4 {	/* ohne Subnavi, mit rechter Spalte */}#content5 {	/* ohne Subnavi, ohne rechter Spalte */}#content_produkte { /* auf produktuebersicht spezialisierter content*/ 	float: left; 	margin: 0px 0px 10px 10px; 	border-bottom: none; 	width: 490px;/* 	background: url('../../assets/common/bg_content_produkte.gif') repeat-y;*/}/* spezialcontent fuer die weinseiten mit extrabreiter quasiassetspalte */#content_v2 { 	float: left;	width: 702px; 	margin: 0px 0px 10px 10px; 	padding: 0px 0px 0px 40px; 	border: none;}#content_print{	/* mit Subnavi, ohne rechter Spalte */}/* Ende Content-Definition *//* Content Spalten */#content_left,#content_right{	width: 336px;	padding: 0px;	float: left;}#content_left{	padding-right: 5px;}#content_right{	padding-left: 5px;}/* Sub-Kopfbild */div.sub_kopfbild {  background: url('../../assets/common/bg_sub_kopfbild.gif') no-repeat;  height: 73px;  width: 703px;  margin: 0px 0px 0px 10px;  display: block;  float: left;  color: #fff;  font-size: 35px;  font-family: Times New Roman, Serif;  font-style: italic;  font-weight: normal;  padding: 30px 0px 0px 40px;}/***** Ende Content-Bereich ************************************************************************************//***************************************************************************************************************** Custom-Bereich (rechte Seite)****************************************************************************************************************/#custom{	float: left;	width: 210px;	padding-top: 20px;	margin: 0px;}.angebot{	float: left;	width: 218px;  border: 1px solid #dfd2b9;}.angebot_headline{	background: url('../common/angebot.jpg');	width: 218px;	height: 130px;}.angebot_text{	background: url('../common/angebot_bg.gif');	padding-top: 15px;	padding-left: 10px;	height: 60px;}.angebot_text h2{	color: #fff;	padding-top: 7px;	text-align: center;	height: 22px;	margin-left: -10px;	margin-top:-44px;	text-transform: uppercase;	background: url('../common/headline_bg.png');	font-weight: 600;	letter-spacing: 0.9px;	font-size: 17px;  font-family: Times New Roman, Serif;}.angebot_text img{	margin-left: -10px;	margin-top: 28px;}#custom span{	margin-left: 15px;}/***** Ende Custom-Bereich (rechte Seite) **********************************************************************//***************************************************************************************************************** Bottom-Bereich/***************************************************************************************************************/#bottom {	font-size: 11px;	height: 14px;	padding: 5px 0px 10px 0px;	text-align: right;	color: #666;}#bottom img{	margin-top: -50px;	margin-bottom: -20px;	margin-right: 500px;}#bottom a,#bottom a:link,#bottom a:visited,#bottom a:hover,#bottom a:active {	color: #666;}/***** Ende Bottom-Bereich *************************************************************************************//***************************************************************************************************************** Content-Elemente/***************************************************************************************************************//***** Mitlaufnavigation (Breadcrumb) *****/#breadcrumb {}/* Ende Mitlaufnavigation (Breadcrumb) *//***** Seitentitel Ueberschrift *****/#pageheadline {}/* Ende Seitentitel Ueberschrift *//******************************************************************************//* alle cm-elemente gesammelt ansprechen */.cm_text,.cm_text_und_bild,.cm_wysiwyg,.cm_bild,.cm_link,.cm_download,.cm_galerie_v1,.cm_galerie_v2 {  margin: 0px 40px 30px 0px;  clear: both;}.cm_text div.text,.cm_text_und_bild div.text,.cm_wysiwyg  div.text,.cm_link div.text,.cm_download div.text,.cm_galerie_v1 div.text,.cm_galerie_v2 div.text {  line-height: 150%;	font-size: 12px;}/******************************************************************************//* text */.cm_text {}/******************************************************************************//* text und bild */.cm_text_und_bild {}.cm_text_und_bild div.bild {  float: left;  width: auto;  margin-top: 4px;  padding: 0px 20px 10px 0px;}.cm_text_und_bild div.bild span.bildtext {  display: block;  font-style: italic;  margin: 5px 0px 10px 0px;}.bild img{	margin-bottom: 0px;}.cm_text_und_bild div.bild a span.bildtext {  padding: 0px 0px 0px 10px;  background: url('../../assets/common/lupe.gif') no-repeat 0px 3px;}/* spezial tub "breite_bilder" */.breite_bilder {  margin: 0px;}.breite_bilder h1 {  float: left;/*  margin: 0px 0px 0px 10px;*/  display: inline;}.breite_bilder div.text {  width: 390px;  clear: left;  padding: 5px 0px 0px 0px;}.breite_bilder div.bild {  float: right;  width: auto;  padding: 0px 0px 0px 0px;}/******************************************************************************//* bild */.cm_bild {  margin: 0px 0px 30px 0px;}.cm_bild img.bild {  margin: 0px 0px 0px 0px;}.cm_bild span.bildtext {  display: block;  font-style: italic;  margin: 5px 0px 10px 0px;}/******************************************************************************//* link */.cm_link {}.cm_link div.bild{  float: left;  width: auto;  padding: 0px 20px 10px 0px;}.cm_link div.text {}.cm_link a.link,.cm_link a.link:link,.cm_link a.link:visited,.cm_link a.link:hover,.cm_link a.link:active {  display: block;  margin: 10px 0px 0px 0px;  padding: 0px 0px 0px 10px;  float: left;  text-decoration: underline;}.cm_link a.intern,.cm_link a.intern:link,.cm_link a.intern:visited,.cm_link a.intern:hover,.cm_link a.intern:active {  background: url('../../assets/common/link_intern.gif') no-repeat;}.cm_link a.extern,.cm_link a.extern:link,.cm_link a.extern:visited,.cm_link a.extern:hover,.cm_link a.extern:active {  background: url('../../assets/common/link_extern.gif') no-repeat;}/******************************************************************************//* download */.cm_download {}.cm_download div.bild{  float: left;  width: auto;  padding: 0px 20px 10px 0px;}.cm_download a.link,.cm_download a.link:link,.cm_download a.link:visited,.cm_download a.link:hover,.cm_download a.link:active{  display: block;  margin: 10px 0px 0px 0px;  padding: 0px 0px 0px 0px;  float: left;  text-decoration: underline;}.cm_download a.link img.icon,.cm_download a.link:link img.icon,.cm_download a.link:visited img.icon,.cm_download a.link:hover img.icon,.cm_download a.link:active img.icon{  position: relative;  top: 5px;}.cm_download span.groesse {   display: block;   margin: 15px 0px 0px 5px;   float: left;   font-style: italic;}/******************************************************************************//* galerie 1 */.cm_galerie_v1 {}.cm_galerie_v1 div.bild{  float: left;  width: auto;  padding: 0px 20px 10px 0px;}.cm_galerie_v1 a.link,.cm_galerie_v1 a.link:link,.cm_galerie_v1 a.link:visited,.cm_galerie_v1 a.link:hover,.cm_galerie_v1 a.link:active {  display: block;  margin: 10px 0px 0px 0px;  padding: 0px 0px 0px 10px;  float: left;  text-decoration: underline;  background: url('../../assets/common/link_extern.gif') no-repeat;}/******************************************************************************//* galerie 2 */.cm_galerie_v2 {}.cm_galerie_v2 div.bild{  float: left;  width: auto;  padding: 0px 20px 10px 0px;}.cm_galerie_v2 a.link,.cm_galerie_v2 a.link:link,.cm_galerie_v2 a.link:visited,.cm_galerie_v2 a.link:hover,.cm_galerie_v2 a.link:active {  display: block;  margin: 10px 0px 0px 0px;  padding: 0px 0px 0px 10px;  float: left;  text-decoration: underline;  background: url('../../assets/common/link_extern.gif') no-repeat;}/***** Kontakt *****/.contact{ font-weight: bold; /*border: 1px solid #A3C7ED;*/ padding: 0px 0px 2px 0px; margin: 5px 0px; margin-bottom: 15px; position: relative;}.contact h1 {	margin: 0px 0px 2px 0px;}.contact h2 {	background-image: url('../../assets/common/contact.gif');	background-repeat: no-repeat;	background-position: 10px top;	padding: 0px 0px 0px 30px;	margin: 0px 0px 2px 0px;}.contact div{ font-weight: normal; padding: 0px 0px 0px 30px;}.contact b{	color: #073070;}.contact img{	vertical-align: middle;	margin-right: 3px;	margin-left: -25px;}/* Ende Contentmaker: Contact *//***** Spezielle Elemente fuer den Content-Bereich bitte in project.css *****//***** Ende Content-Elemente ***********************************************************************************//***************************************************************************************************************** Custom-Elemente****************************************************************************************************************/.box {	margin: 0px;	padding: 0px;	clear: both;	background: url('../../assets/common/bg_custom_box.gif') #F3E8D3 repeat-y;  border: none;	border-top: 1px solid #dfd2b9;	border-bottom: 1px solid #dfd2b9;	color: #696969;}.box_bottom {  height: 20px;  width: 210px;  background: url('../../assets/common/bg_custom_box_bottom.gif') no-repeat;}.box h1,.box_first h1{/*  border-bottom: 1px solid #781417; */  border-bottom: 1px solid #dfd2b9;  font-style: normal;  font-weight: normal;  font-size: 12px;  text-align: right;  text-transform: uppercase;	padding: 2px 3px 0px 10px;	color: #696969;	margin: 0px;	background: none;}.box p {	margin: 0px;	padding: 0px 0px 0px 0px;	color: #696969;}.box div {	color: #696969;	padding: 0px 0px 0px 0px;}.box div.text {  padding: 10px;  line-height: 130%;}
.box div.bildtext {  padding: 5px 10px;  line-height: 130%;}.box span{}.box .image {}.box .image h1 {}.box a,.box a:link,.box a:hover,.box a:visited,.box a:active {	text-decoration: underline;}.box a.link,.box a.link:link,.box a.link:hover,.box a.link:visited,.box a.link:active {	display: block;	padding: 5px 10px 0px 10px;	margin: 0px 0px 10px 0px;}.box ul {}.box ul li {	padding: 0px 0px 0px 15px;}.box ul li a,.box ul li a:link,.box ul li a:visited,.box ul li a:hover,.box ul li a:active {}.box ul li a:hover {	text-decoration: underline;}.box ul li img {	vertical-align: middle;	text-align: center;}.box ul.assetlink,.box ul.assetdownload {	clear:both;	list-style-type: none;	list-style-image: none;	margin: 0;	margin-top: 3px;	margin-bottom: 2px;	line-height: 140%;	margin-left: 2px;	padding: 0px;/*	border-bottom: 1px solid #FFF;*/}.box ul.assetlink li,.box ul.assetdownload li {}.box ul.assetlink li a,.box ul.assetlink li a:link,.box ul.assetlink li a:visited,.box ul.assetlink li a:hover,.box ul.assetlink li a:active,.box ul.assetdownload li a,.box ul.assetdownload li a:link,.box ul.assetdownload li a:visited,.box ul.assetdownload li a:hover,.box ul.assetdownload li a:active {	padding: 0px 0px 2px 12px;	background-repeat: no-repeat;	background-position: 0px 1px;	background-image: url('../../assets/common/pfeil.gif');	display: block;}.box ul.assetdownload li a,.box ul.assetdownload li a:link,.box ul.assetdownload li a:visited,.box ul.assetdownload li a:hover,.box ul.assetdownload li a:active {	padding-left: 18px;}/* Kalender */.box .calendar table {	width: 140px;	margin: 2px;	text-align: center;	vertical-align: middle;}.box .calendar table td {	padding: 3px;	color: #000;	background-color: #EEE;}.box .calendar table td a {	background-color: #095AA6;	color: #FFF; 	text-decoration: none; 	display: block;}.box .calendar table td.month {	color: #000;	background-color: #CCC;}.box .calendar table td.month a {	color: #000;	background-color: #CCC;	display: inline;}.box .calendar table td a { 	background-color: #666; 	color: #FFF; 	text-decoration: none; 	display: block;}.box .calendar table td.week { padding: 3px; color: #000; background-color: #EEE;}.box .calendar table td.today { padding: 3px; color: #F00; background-color: #EEE;}.box .calendar table td.today a {  text-decoration: none;  background-color: #666; 	color: #FFF;}/* Ende Kalender *//* Suchfeld rechte Spalte*/.box form {	padding: 5px 0px 5px 5px;}.box input {	background: #FFF;	border: 1px solid #828282;	padding: 2px;	width: 100px;}.box button {	background: none;	border: none;	width:10px;}.box button img {	vertical-align: middle;}/* Ende Suchefeld rechte Spalte *//***** Spezielle Elemente fuer den Custom-Bereich bitte in project.css *****//***** Ende Custom-Elemente ************************************************************************************//***************************************************************************************************************** kontakt.phtml****************************************************************************************************************//***** Ende Kontaktformular ************************************************************************************//***************************************************************************************************************** suchergebnisse.phtml****************************************************************************************************************//* Formular */.form_search {}fieldset{	border: none;}.form_search fieldset {	background: none;	padding: 5px 10px;	border: 1px solid #828282;}.form_search input {	border: 1px solid #828282;	padding: 2px;	width: 99%;}.form_search .submitbutton {	text-align: center;	margin: 5px;}/* Ergebnisse */.search_erg {	border: 1px solid #828282;	padding: 0px;	margin: 0px 0px 10px 0px;}.search_erg h1 {	/*padding: 3px;*/	margin: 0px;}.search_erg div {	margin: 0px;	padding: 3px;}/***** Ende Suchergebnisse *************************************************************************************//*******************************************************************************Startseite*******************************************************************************/.teaser{	height: 225px;	width: 215px;	float:left;	margin: 30px 15px 0px 0px;	padding: 0px 0px 0px 0px;	text-align: left;	background: url('../../assets/common/bg_teaserbox.gif') no-repeat;	position: relative;}.teaser div.bild {  height: 130px;  width: 215px;  background: #dfd2b9;}.teaser div.long {  height: 130px;}.teaser div.bg_bildtext {  position: absolute;  top: 100px;  height: 30px;  width: 215px;  background: #C7B695; filter:alpha(opacity=55); -moz-opacity:.55;opacity:.55;}.teaser div.bildtext {  position: absolute;  top: 100px;  height: 30px;  width: 215px;  padding: 3px 0px 0px 5px;  color: #fff;  font-size: 19px !important;  font-weight: bold;  font-family: Times New Roman, Serif;}.teaser div.text1 {  height: 40px;  padding: 20px 10px 0px 10px;}.teaser div.short {  height: 50px;  padding: 10px 10px 0px 10px;}.teaser div.text2 {  height: 20px;  padding: 10px 10px 0px 10px;  text-align: right;  font-style: italic;}.teaser .link_button {  height: 30px;  padding: 0px;}.teaser .link_button a,.teaser .link_button a:link,.teaser .link_button a:visited,.teaser .link_button a:hover,.teaser .link_button a:active {  padding: 0px;  font-size: 1px;}.teaser .row_bottom {	background: url('../../assets/common/bg_teaser_bottom.gif') no-repeat;	clear: both;}/*.row{	float:left;	margin: 30px 0px 20px 10px;	padding: 0px 0px 0px 0px;	text-align: left;	border: 1px solid orange;	height: 225px;}.row .row_bottom {	background: url('../../assets/common/bg_teaser_bottom.gif') no-repeat;	clear: both;}.events_main{	float: left;	width: 218px;  border: 1px solid #dfd2b9;}.events	_headline{	width: 218px;	height: 130px;}.events_text h2{	z-index: 1;	color: #fff;	padding-top: 7px;	padding-left: 10px;	height: 22px;	margin-left: -10px;	margin-top:-44px;	text-transform: uppercase;	background: url('../common/headline_bg.png');	font-weight: 600;	letter-spacing: 1px;	font-size: 17px;  font-family: Times New Roman, Serif;  border: 1px solid red;}.events_text{	background: url('../common/angebot_bg.gif');	padding-top: 15px;	padding-left: 10px;	height: 60px;}.events_anreisser{	height: 26px;}.events_text img{	margin-left: -10px;	margin-top: 15px;}.teaser_main{	float: left;	width: 218px;  border: 1px solid #dfd2b9;}.teaser_headline{}.teaser_text{	padding-top: 5px;	padding-left: 10px;	padding-right: 10px;	height: 80px;}.teaser_name{	font-style: italic;	float: right;	padding: 0px 10px 0px 0px;}.teaser_bottom{	background: url('../common/statement_bg.gif');	height: 104px;}*//***************************************************************************************************************** infopool.phtml****************************************************************************************************************/.infopool {	padding: 0px;	margin: 0px 40px 0px 0px;}.infopool .h1 {	/*font-size: 1em;*/	font-weight: bold;	padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px;	height: auto;	background: none;	/* rest siehe unten*/}.infopool .image{	width: 120px;	float: left;	margin: 0px 0px 0px 0px;	padding: 0px 10px 0px 0px;}.infopool .dates{}/* teaser von bsp IP-Results */.infopool div.ip_teaser {  margin: 10px 0px 0px 0px;  padding : 10px 0px 0px 0px;  border-top: 1px solid #dfd2b9;}.info_date{	padding: 0px 0px 0px 0px;	margin-top: -10px;	margin-bottom: 5px;}.infopool div.erster {  border: none;  margin: 0px 0px 0px 0px;  padding : 0px 0px 0px 0px;}.infopool div.ip_teaser h1 {	background: none;	padding: 0px 0px 5px 0px;	margin: 0px;}.infopool div.ip_teaser div.bild{  float: left;  padding: 0px 20px 10px 0px;}.infopool div.ip_teaser div.text {  line-height: 150%;}.infopool div.ip_teaser div.link_details {  margin: 10px 0px 0px 0px;}.infopool div.ip_teaser div.link_details a,.infopool div.ip_teaser div.link_details a:link,.infopool div.ip_teaser div.link_details a:visited,.infopool div.ip_teaser div.link_details a:hover,.infopool div.ip_teaser div.link_details a:active {  background: url('../../assets/common/pfeil.gif') no-repeat;  padding: 0px 0px 0px 10px;  text-decoration: underline;}.infopool div.ip_detail {margin: 0px 0px 20px 0px;}.infopool div.ip_detail h1 {	background: none;}.infopool div.ip_detail .teaser{	/* ohne Bild und Dates */	padding: 5px;	margin: 0px 0px 15px 0px;}.infopool div.ip_detail .dates {  border-top: 1px solid #dfd2b9;	margin: 10px 0px 10px 0px;	padding: 10px 0px 0px 0px;	height: 100%;	background: none;	clear: both;}.infopool div.ip_detail .teaser .image {	float: left;	margin: 0px 10px 5px 0px;}/* diverses ausm contentmaker */.infopool div.ip_detail div.ip_cm {}.infopool div.ip_detail div.ip_cm h1 {  background: none;  margin: 0px;  padding: 0px;  height: auto;}/***** Ende Infopool *******************************************************************************************//***************************************************************************************************************** fotogalerie.phtml****************************************************************************************************************/.showgallery {}.showgallery h1 {	text-align: center;	background: none;	font-size: 20px;	padding: 10px;}.showgallery_thumb {	width: 276px;	height: 500px;	float: left;	border-right: 1px solid #828282;}.showgallery_thumb div {	width: 80px;	height: 80px;	margin: 5px;	text-align: center;	vertical-align: middle;	float: left;}.showgallery_thumb .showgallery_center {	padding-top: 10px;	height: 40px;}.showgallery_thumb .showgallery_left {	padding-top: 10px;	height: 40px;	text-align: left;}.showgallery_thumb .showgallery_right {	padding-top: 10px;	height: 40px;	text-align: right;}.showgallery_image {	width: 435px;	margin: 0px;	padding: 15px 0px 15px 15px;	float: left;}.showgallery_image div { 	padding: 3px;}/***** Ende Galerie-Ausgabe ************************************************************************************//***************************************************************************************************************** sitemap.phtml****************************************************************************************************************/.sitemap td {	padding: 15px 10px;}.sitemap td.separator {	padding: 0px;	background-color: #828282;	/*background-image: url('../../assets/common/bg_sitemap.gif');	background-repeat: repeat-x;	background-position: left bottom;*/}a.sitemap1,a:link.sitemap1,a:visited.sitemap1,a:hover.sitemap1,a:active.sitemap1 { font-weight: bold; line-height: 130%;}a.sitemap2,a:link.sitemap2,a:visited.sitemap2,a:hover.sitemap2,a:active.sitemap2,a.sitemap3,a:link.sitemap3,a:visited.sitemap3,a:hover.sitemap3,a:active.sitemap3,a.sitemap4,a:link.sitemap4,a:visited.sitemap4,a:hover.sitemap4,a:active.sitemap4 { line-height: 130%;}a:hover.sitemap1,a:hover.sitemap2,a:hover.sitemap3,a:hover.sitemap4 {}/***** Ende Sitemap ********************************************************************************************//***************************************************************************************************************** newsletter.phtml****************************************************************************************************************/.newsletter_anreisser.newsletter_text{ margin: 0px 0px 20px 0px;}.newsletter_feld {	background: #C7CFD5;	padding-left: 5px;	color: #000;	width: 150px;}.newsletter_feld_r {	background: #C7CFD5;	color: #000;	width: 150px;}.newsletter_input {	width: 250px;	padding: 5px;	background: #C7CFD5;}.newsletter_input2{	margin-left: 10px;}.newsletter_text {	color: #000;	margin-bottom: 10px;}.newsletter_text_r {	color: #000;	width: 400px;}.newsletter_input input{}.newsletter_input select{}.newsletter_auswahl{	width: 100px;}/***** Ende Newsletter *****************************************************************************************//***************************************************************************************************************** Printausgabe****************************************************************************************************************/div.tpl_print{	/*font-size: 0.7em;*/	margin-bottom: 25px;	width: 681px;	height: 93px;	float: left;	padding: 5px 15px 0px 15px;	background-repeat: repeat-x;	background-position: left top;	/*border-bottom: 1px solid #99B5B8;	border-right: 1px solid #99B5B8;	background-color: #E6F6F9;*/	font-size: 90%;}html.tpl_print {	background-color: #fff;}.tpl_print .titel{	font-size: 105%;	font-weight:bold;	position: absolute;	top: 5px;	left: 15px;}.tpl_print .top_left{	float: left;}.tpl_print .top_left a{	text-decoration: none;	position: relative;	top: 75px;}.tpl_print .top_left img{	position: relative;	top: -5px;}.tpl_print .top_right a{	text-decoration: none;	position: relative;	top: 75px;}.tpl_print .top_right img{	position: relative;	top: -5px;}.tpl_print .top_right{	float: right;}#lfs_home_right{	width: 411px;	padding: 30px 15px 15px 15px;	float: right;/*	background-color: #CBECF3;	background-image: url('../../assets/common/content_bg.gif');	background-repeat: repeat-x;*/}/***** Ende Print-Template ********************************************************************************************//***************************************************************************************************************** Mailausgabe****************************************************************************************************************/div.tpl_mail{	/*font-size: 0.7em;*/	margin-bottom: 25px;	width: 460px;	height: 93px;	float: left;	padding: 5px 15px 0px 15px;	background-repeat: repeat-x;	background-position: left top;	border-bottom: 1px solid #99B5B8;	border-right: 1px solid #99B5B8;	background-color: #E6F6F9;	font-size: 90%;}html.tpl_mail {	background-color: #fff;}.tpl_print .titel{	font-size: 105%;	font-weight:bold;	position: absolute;	top: 5px;	left: 15px;}.tpl_mail .top_left{	float: left;}.tpl_mail .top_left a{	text-decoration: none;	position: relative;	top: 75px;}.tpl_mail .top_left img{	position: relative;	top: -5px;}.tpl_mail .top_right a{	text-decoration: none;	position: relative;	top: 75px;}.tpl_mail .top_right img{	position: relative;	top: -5px;}.tpl_mail .top_right{	float: right;}/***** Ende Mail-Template ********************************************************************************************//* Adresse unterhalb der Subnavi */.subnavi_adress{	padding-left: 15px;	font-family: Arial, Sans-Serif;	line-height: 137%;	margin-top: 48px;}/*******************************************************************************Produkte*******************************************************************************/#content_produkte {}#content_produkte h1{  background: url('../../assets/common/bg_head_produkte.gif') no-repeat;  font-style: normal;  text-transform: uppercase;  font-size: 13px;  font-weight: normal;  letter-spacing: 3px;  padding: 30px 0px 20px 30px;}/* produktsuche (Assetspalte) */.product_search{}.product_search input.suchtext{	padding: 0px;	border: 1px solid #dfd2b9;	width: 160px;	margin: 10px 0px 10px 10px;}.product_search input.senden {  width: 5px;  height: 10px;	margin: 10px 0px 10px 0px;	padding: 0px;  border: none;  background: none;}.product_search form{	color: #696969;}/* Produktueberschrift */.product_head_left{  position: relative;  z-index: 20;  top: 7px;	float: left;	margin: 0px 0px 0px 0px;	font-size: 13px;	font-family: Times New Roman, Serif;	text-transform: uppercase;	letter-spacing: 1px;	padding: 3px 0px 3px 0px;	display: inline;}.product_head_right{  position: relative;  z-index: 20;  top: 8px;  color: #781417;	font-size: 13px;	font-family: Times New Roman, Serif;	text-align: right;	float: left;	margin: 0px 0px 0px 0px;	padding: 4px 5px 5px 5px;}/* kein Ergebnis */.kein_ergebnis {  margin: 0px 10px 10px 20px;  font-weight: bold;  font-size: 13px;}/* Produktbox */#content_produkte form {  display: inline;}.product{  color: #58585A;	background: #EFE8DA;	border: none;	border-top: 1px solid #DFD2B9;	width: 460px;	height: 100px;	margin: 0px 0px 40px 0px;	padding: 10px 0px 0px 0px;	position: relative;}.product_body_left{	width: 300px;	height: 100px;	float: right;	padding: 0px 10px 0px 10px;	display: inline;}.product_body_left span {  color: #58585A;}.product_body_left span.beschreibung {  display: block;  margin: 0px 0px 5px 0px;  height: 50px;  overflow: hidden;}.product_body_left span.preis {  font-weight: bold;  font-size: 13px;}.product_body_left span.pro_l {  padding: 0px 0px 0px 5px;}.product_body_left span.menge {  display: block;  padding: 5px 0px 0px 0px;}.product_body_left span.zu_warenkorb {}.product_body_left input{	width: 30px;	padding: 1px;	color: #58585A;	font-weight: normal;	border: 1px solid #666;}.product_body_left a,.product_body_left a:link,.product_body_left a:visited,.product_body_left a:hover,.product_body_left a:active{	margin-left: 20px;	color: #58585A;	font-weight: bold;	text-decoration: underline;}.product_body_right{	width: 120px;	float: left;	padding: 0px;	background: #E4D6BA}.product_body_right img{}/* Produkt zu WK hinzufuegen */.addCart{	margin-bottom: 30px;	border-bottom: 1px solid #DFD2B9;	position: absolute;	padding: 0px 0px 0px 293px;	top: 90px;}.addCart a.addCart_link,.addCart a.addCart_link:link,.addCart a.addCart_link:visited,.addCart a.addCart_link:hover,.addCart a.addCart_link:active{  width: 167px;  height: 24px;	background: url('../../assets/common/button_in_warenkorb.gif') no-repeat;	text-decoration: none;	display: block;}/* produktdetails */.product_details{  margin: 0px 40px 0px 0px;}.product_details div.bild {  float: left;  width: 270px;  margin: 0px 10px 0px 0px;  text-align: left;}.product_details span {  display: block;  margin: 5px 0px 0px 0px;}.product_details span.kategorie{}.product_details span.preis {	float: left;	padding: 0px 5px 0px 0px;}.product_details span.pro_l {padding: 0px 0px 0px 0px;font-size: 10px;}.product_details span.menge { }.product_details span.menge input {  width: 20px;  margin: 0px;  border: 1px solid #dfd2b9;}.product_details .addCart{  position: static;  border: none;  padding: 0px;  float: left;  margin: 5px 0px 0px 0px;}.product_details span.beschreibung {  clear: both;  padding: 20px 0px 0px 0px;  line-height: 170%;}/* Warenkorb in Assetspalte */.warenkorb_produkte {}.warenkorb_table{  padding: 5px 0px 5px 0px;	margin-bottom: 3px;}.warenkorb_table td{	padding: 2px 5px 2px 5px;	color: #58585A;}.warenkorb_summe{	padding: 6px 5px 6px 5px;	border-top: 1px dashed #696969;	background-color: white;}a.warenkorb_zur_kasse,a.warenkorb_zur_kasse:link,a.warenkorb_zur_kasse:visited,a.warenkorb_zur_kasse:hover,a.warenkorb_zur_kasse:active{	color: #696969;  background-image: url('../../assets/common/cashier.gif');  background-position: left center;  background-repeat: no-repeat;}/* Angebote in Assetspalte */.angebote_weinshop {  margin: 0px 0px 0px 0px;}.angebote_weinshop .custom_weinshop {  padding: 0px 0px 10px 0px;}.angebote_weinshop .custom_weinshop .name {  display: block;  font-weight: bold;}.angebote_weinshop .custom_weinshop .beschreibung {}.angebote_weinshop h2{  text-align: left;  padding: 0px 10px 0px 15px;  margin: 10px 0px 0px 0px;  font-family: Times New Roman, Serif;  font-size: 13px;}.angebote_weinshop a.produktlink,.angebote_weinshop a.produktlink:link,.angebote_weinshop a.produktlink:visited,.angebote_weinshop a.produktlink:hover,.angebote_weinshop a.produktlink:active {  display: block;  margin: 5px 0px 0px 0px;  padding: 0px;  text-decoration: none;  line-height: 130%;}.angebote_weinshop span.name,.angebote_weinshop span.preis,.angebote_weinshop span.beschreibung {  display: block;  width: auto;  margin: 0px;}.angebote_weinshop span.name {}.angebote_weinshop span.beschreibung {}.angebote_weinshop span.preis {  margin: 10px 10px 0px 0px;  text-align: right;  text-transform: uppercase;  font-weight: bold;}/* Bestellungsuebersicht */.orderTable{	width: 460px;	background: white;	border: none;	border-top: 1px solid #dfd2b9;	border-bottom: 1px solid #dfd2b9;	margin: 20px 0px 5px 0px;}.orderTable th{	background: #58585A;	color: white;	font-weight: bold;	padding: 5px;}.orderTable tr { text-align: right; font-weight: bold; border-top: 1px solid #dfd2b9; padding: 2px;}.orderTable td{	padding: 5px; border-top: 1px solid #dfd2b9;}.orderTable td.links {  width: 400px;   border-right: 1px solid #dfd2b9;}.orderTable td.rechts {  width: 80px;}/*.hier_login{	background-image: url('../../assets/common/arrow_green.gif');	background-repeat: no-repeat;	background-position: left top;	padding-left: 65px;	padding-top: 5px;	height: 45px;}*/.wg_float_left{	width: 292px;	float: left;	padding: 0px;	margin-bottom: 20px;}.wg_float_right{	width: 240px;	float: left;	padding-left: 10px;	padding-bottom: 10px;}/***************************************************************************************************************** CSS-Klassen fuer die Barriere-Freiheit****************************************************************************************************************/.unsichtbar {	position: absolute;	left: -20000px;	/*Schiebt die "unsichtbaren" Hilfen aus dem Viewport,	dadurch lassen sich uebereifrige Screenreader,	die ausgerechnet "display: none" akustisch auswerten,	taeuschen, und lesen die so versteckten Hilfen dennoch vor. */}/***** Ende CSS-Klassen fuer die Barriere-Freiheit *************************************************************//***** Ende style.css ******************************************************************************************/a.zurueck,a.zurueck:link,a.zurueck:visited,a.zurueck:hover,a.zurueck:active {  border-top: 1px solid  #dfd2b9;  margin: 10px 0px 0px 0px;  padding: 5px 0px 0px 15px;  display: block;  background: url('../../assets/common/back.gif') no-repeat 0px 4px;}.fp_form .title,.fp_form .title_text{	width: 150px;}#nick,#pwd{	float: left;	width: 100px;}#_username{	margin-bottom: 3px;}