/***

CSS zum Hauptmenue
Menue-Punkte durch Hintergrundbilder realisiert mit Hover-Effekt
jeder Menuepunkt hat eigene ID -> individuell gestaltbar

verwendete Farben
  weinrot	#7A1510
  rot		#E43117
  beige		#FDFBD7 
  violet	#BC8874

***/

/***

Menue allgemein Liste aus ul und li

***/

#menue ul {
display: block;
padding: 0;
margin: 0;
}

#menue li {
block: block;
padding: 0;

background-color: #E43117;
border-style: solid;
border-color: #FDFBD7;
border-width: 0px 0px 1px 0px;
}

#menue li:hover {
background-color: #7A1510;
}

#menue ul li a {
display: block;
padding: 5px 0px 5px 10px;
margin: 0;
text-decoration: none;
color: #FDFBD7;
}

#menue ul li {
display: block;
padding: 0px;
margin: 0px;
color: #FFFFFF;
font-size: 11px;
background-color: #7A1510;

}

/***

Menue: im Buero
Hoehe: 60px

***/

#menu_buero_bild {
background-image: url("../images/menue/img_menu_01_imbuero.jpg");
background-repeat: no-repeat;
background-position: 0px 60px;
height: 240px;
}

#menu_buero a:link,
#menu_buero a:active,
#menu_buero a:visited {
 height: 50px; /* plus padding fuer a oben und unten je 5px = 60px Hoehe */
 background: #E43117 url("/images/menue/buero_rot.jpg") 0px 0px no-repeat; 
}

#menu_buero a:hover {
 background: #7A1510 url("/images/menue/buero_weinrot.jpg") 0px 0px no-repeat;
}

#menu_buero_active {
 height: 60px;
 margin: 0;
 padding: 0px 0px 0px 10px;
 background-color: #7A1510;
 line-height: 150%;
}

#menu_buero_active img {
 display: block;
 margin-left: -10px; /* padding vom div wieder rueckgaengig fuer Bild */
 padding: 0;
 background-color: #7A1510;
}

/***

Menue: zu Diensten
Hoehe: 60px

***/

#menu_diensten_bild {
background-image: url("/images/menue/img_menu_02_zudiensten.jpg");
background-repeat: no-repeat;
background-position: 0px 60px;
height: 240px;
}

#menu_diensten a:link, 
#menu_diensten a:active, 
#menu_diensten a:visited {
 height: 50px; /* plus padding fuer a oben und unten je 5px = 60px Hoehe */
 background: #E43117 url("/images/menue/diensten_rot.jpg") 0px 0px no-repeat; 
}

#menu_diensten a:hover {
 background: #7A1510 url("/images/menue/diensten_weinrot.jpg") 0px 0px no-repeat;
}

#menu_diensten_active {
 height: 60px;
 margin: 0;
 padding: 0px 0px 0px 10px;
 background-color: #7A1510;
 line-height: 150%;
}

#menu_diensten_active img {
 display: block;
 margin-left: -10px; /* padding vom div wieder rueckgaengig fuer Bild */
 padding: 0;
 background-color: #7A1510;
}

/***

Menue: Erfahrung/Referenzen
Hoehe: 60px



***/

#menu_ref_bild {
background-image: url("/images/menue/img_menu_03_erfahrung.jpg");
background-repeat: no-repeat;
background-position: 0px 60px;
height: 240px;
}

#menu_ref {
background-image: url("/images/menue/img_menu_03_erfahrung.jpg");
background-repeat: no-repeat;
background-position: 0px 60px;
background-color: #E43117;
}

#menu_ref a:link,
#menu_ref a:active, 
#menu_ref a:visited {
 height: 50px; /* plus padding fuer a oben und unten je 5px = 60px Hoehe */
 background: #E43117 url("/images/menue/erfahrung_rot.jpg") 0px 0px no-repeat; 
}

#menu_ref a:hover {
 background: #7A1510 url("/images/menue/erfahrung_weinrot.jpg") 0px 0px no-repeat;
}

#menu_ref_active {
 height: 60px;
 margin: 0;
 padding: 0px 0px 0px 10px;
 background-color: #7A1510;
 line-height: 150%;
}

#menu_ref_active img {
 display: block;
 margin-left: -10px; /* padding vom div wieder rueckgaengig fuer Bild */
 padding: 0;
 background-color: #7A1510;
}

/***

Menue: Anklopfen

***/
li#menu_ankl {
 height: 120px;
}

li#menu_ankl_active {
 height: 300px;
}

#menu_ankl_active {
background-image: url("/images/menue/img_menu_04_anklopfen.jpg");
background-repeat: no-repeat;
background-position: 0px 120px;
}

#menu_ankl a:link, 
#menu_ankl a:active, 
#menu_ankl a:visited {
 vertical-align: bottom;
 padding: 33px 0px 5px 10px;
 height: 82px; /* plus padding-top 33px plus padding fuer a 5px = 120px Hoehe */
 line-height: 14px;
 background: #E43117 url("/images/menue/anklopfen_rot.jpg") 0px 0px no-repeat; 
}

#menu_ankl a:hover {
 background: #7A1510 url("/images/menue/anklopfen_weinrot.jpg") 0px 0px no-repeat;
 padding: 33px 0px 5px 10px;
}

#menu_ankl_active {
 height: 110px;
 line-height: 14px;
 margin: 0;
 padding: 0px 0px 0px 10px;
 background-color: #7A1510;
 vertical-align: bottom;
}

#menu_ankl_active img {
 display: block;
 margin-left: -10px; /* padding vom div wieder rueckgaengig fuer Bild */
 padding: 0;
 background-color: #7A1510;
}

/***

Menue: Neulich 

***/

li#menu_neulich {
 height: 60px;
}

li#menu_neulich_index {
 height: 60px;
 background-color: #7A1510
}

#menu_neulich_index a,
#menu_neulich_index a:active,
#menu_neulich_index a:visited {
 height: 50px; /* plus padding fuer a oben und unten je 5px = 60px Hoehe */
 background: #E43117 url("/images/menue/neulich_rot.jpg") 0px 0px no-repeat;
}

#menu_neulich_index a:hover {
 background: #7A1510 url("/images/menue/neulich_weinrot.jpg") 0px 0px no-repeat;
}

li#menu_neulich_active {
 height: 239px;
 line-height: 150%;
}

#menu_neulich_active {
background-image: url("/images/menue/img_menu_05_neulich.jpg");
background-repeat: no-repeat;
background-position: 0px 60px;
}

#menu_neulich a,
#menu_neulich a:active,
#menu_neulich a:visited {
 height: 50px; /* plus padding fuer a oben und unten je 5px = 60px Hoehe */
 background: #E43117 url("/images/menue/neulich_rot.jpg") 0px 0px no-repeat;
}

#menu_neulich a:hover {
 background: #7A1510 url("/images/menue/neulich_weinrot.jpg") 0px 0px no-repeat;
}

#menu_neulich_active {
 height: 60px;
 margin: 0;
 padding: 0px 0px 0px 10px;
 background-color: #7A1510;
}

#menu_neulich_active img {
 display: block;
 margin-left: -10px; /* padding vom div wieder rueckgaengig fuer Bild */
 padding: 0;
 background-color: #7A1510;
}

/***

Menue: Submenues

***/

#menue ul li ul {
position: relative;
width: 200px;
height: 180px;
padding: 0;
margin: 0;
line-height: 150%;
top: 0;
left: 0; 
filter: alpha(opacity=75); 
-moz-opacity: 0.75; 
opacity: 0.75;
z-index:0;

}

#menue ul li ul:hover{
	
	color:fuchsia;
}

#menue ul li ul li {
border: 0px;
padding-left: 5px;
}

#menue ul li ul li a:link, 
#menue ul li ul li a:active,
#menue ul li ul li a:visited {
height: 15px;
margin: 0;
padding: 5px;
font-weight: bold;
font-size: 11px;
background-image: url("");
background-color: #7A1510;
}

#menue ul li ul li a:hover {
background-image: url("");
background-color: #7A1510;
color: #E43117;
}

ul#navigation_referenzen:hover{
	background:transparent;
	
}


/***

Menue: News (als extra DIV)

***/

#menu_news {
background-image: url("");
background-color: #7A1510;
}

#menu_news p:hover {
background-color: #E43117;
}

/*** Text ***/
#menu_news p {
display: block;
padding: 5px;
margin: 0;
color: #FDFBD7;
font-size: 11px;
font-family: Tahoma, Helvetica, sans-serif;
line-height: 16px;
}

/*** Bilder ***/
#menu_news img {
border-width: 0px;
border-top: 1px dotted #FDFBD7; 
background-color: transparent;
}

/*** Links ***/
#menu_news a:link, 
#menu_news a:active, 
#menu_news a:visited {
 display:block;
 text-decoration: none;
 color: #FDFBD7;
 background: transparent; 
 line-height: 150%;
}

#menu_news a:hover {
 background: #E43117;
 color: #FFFFFF;
}

/***

Menue: Impressum

***/
#menu_imp {
display: block;
text-align: left;
}

#menu_imp a:link, 
#menu_imp a:active, 
#menu_imp a:visited {
 background: #7A1510; 
 color: #FDFBD7;
 text-decoration: none;
 font-weight: bold;

}

#menu_imp a:hover {
 color: #E43117;
}

a.promovar 
{
	color:#000;
	border:none;
	text-decoration:none;
}

a.promovar img
{
	border:none;
}