﻿/* Farben - Vorsicht, nur begrenzt als bgcolor verwendbar!?!*/
#sanftrot    { color:rgb(150,49,64) }
#logoblau    { color:rgb(0,71,120) }
#dunkelblau  { background-color:rgb(105,130,170) }
#mittelblau  { background-color:rgb(203,222,240) }
#hellblau    { color:rgb(214,235,245) } /* #d6ebf5 */
#lichtblau   { color:rgb(242,250,255) }  
#hintergrund { background-color:rgb(245,250,255) } /* = #f5faff */
#bghellblau    { background-color:rgb(214,235,245) }

html, body, p, ul, h1, h2, h3, h4, li
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
}

body
{
  background-color:rgb(245,250,255);
}
h1, h2, h3, h4, h5  

{
  margin-top:16px;
  font-weight:bold;
  letter-spacing:1px;
  text-decoration:none;
  color:rgb(100,40,70); /* sanftrot */
}
h1 
{ 
  font-size:22px;
  margin-bottom:16px; 
}
h2 { font-size:19px; margin-bottom:12px; }
h3 { font-size:16px; margin-bottom:8px; }
h4 { font-size:14px; margin-bottom:6px;}
h5 { font-size:13px; margin-bottom:3px;}


em /** z.B. für "fugata" **/
{
  font-family:"Times New Roman", Times, Serif;
  font-style:italic;
  font-size:larger; /* sieht sonst zu mickrig aus */
}

p
{
  margin-top:8px;
  font-family:Verdana;
  font-size:12px;
}

p.achtung, h4.achtung 
{
	font-weight:bold;
	color:red;
}

p.gross
{
	font-size:14px;
}

p.winzig
{
	font-size:9px;
}


p.fett
{
  font-weight:bold;
}

p.neben_h3
{
	margin-top:16px;
}

ul 
{
	list-style-type: square;
	margin-left:24px
}

li
{
	font-size:11px;
}

.Preisangabe
{
  font-family:Verdana;
  font-weight:bold;
  text-decoration:none;
  font-size:14px;
  color:rgb(0,70,120); /* blau */
}

.links
{
	float:left;
}
.rechts
{
	float:right;
}

.Rand_oben_24
{
	margin-top:24px;
}

.Rand_oben_16
{
	margin-top:16px;
}

.Rand_oben_8
{
	margin-top:8px;
}

.Rand_links_24
{
	margin-left:24px;
}


.Rand_links_35
{
	margin-left:35px;
}

.Rand_rechts_16
{
	margin-right:16px;
}


.Spaltenausgleich
{
	clear:both;
	height:16px;
}


/**********************************************************************/

#E0_990 /* Die AuÃŸenhÃ¼lle */
{
  position:absolute;
  width: 990px; /*Breite des Inhaltsbereichs: 1024 minus Rollbalken */
  left: 50%; /* Abstand vom linken Bildschirmrand auf 50% setzen*/
  margin-left: -495px; /*Und nun wieder um die halbe Inhaltsbreite zurÃ¼ck schieben*/
  padding-top:10px;
  background: url("../images/background/E0_990.png") repeat-y;
}

/* Boxen oberhalb der Menuezeile */
.Box_Kopfleiste
{
  width:166px;  /* war 150 */
  height:86px;
  padding-left:8px;
  background: url("../images/boxes/Box_166_86.PNG") no-repeat;
  float:left;
  margin-left:13px;
  margin-right:12px;
}

.Box_Kopfleiste h3, .Box_Kopfleiste p 
{
  margin-top:4px;
  /* margin-left:8px;*/
  /* margin-right:8px;*/
  font-family:Verdana;
  font-weight:bold;
  letter-spacing:1px;
  text-decoration:none;
}
.Box_Kopfleiste h3
{
  font-size:13px; 
  color:rgb(100,40,70) /* sanftrot */
}

.Box_Kopfleiste p, .Info_links p, .Info_rechts p
{
	margin-top:16px;
	font-family: Verdana;
	font-size: 10px;
	color: rgb(0,40,70) /* textblau */;
}

.Logo
{
  width:160px;
  height:86px;
  float:left;
  margin-left:16px;
  margin-right:16px;
  background:url("../images/logos/Logo_Verlauf.png") no-repeat left top;

}

/************************ Neu flexibles Boxmodell ****************/
.E1_974_HG_leer
{
  clear:both;
	/*position:relative; */
	margin-left:0px;
	min-height:140px;
	width:974px;
	margin-top:24px;
}

.E1_974_HG_Noten
{
  clear:both;
  /*position:relative;*/
  width:974px;
  background: url("../images/boxes/Box_958_400.PNG") no-repeat left top;
  margin-top:0px;
  margin-left:0px;
  min-height:400px;
}

.E1_974_HG_Blauverlauf

{
  clear:both;
  width:974px;
  background:url("../images/boxes/Box_958_300_Fussleiste.png") no-repeat left top;
  margin-left:16px;
  min-height:140px;
  margin-top:24px;
}

.E1_974_HG_Blauverlauf_rechts

{
  clear:both;
  width:974px;
  background:url("../images/boxes/Box_958_300_Fussleiste.png") no-repeat right top;  /* 12.7.2009: war left top, wird fÃ¼r Gemeinschaftslizenzen benÃ¶tigt*/
  margin-left:16px;
  min-height:140px;
  margin-top:24px;
}

.E2_350
{
  width:350px;
  /* background: lime; */
  float:left;
  margin-left:16px;
}


.E2_220, .E3_220
{
  width:220px;
  /* background: lime; */
  float:left;
  margin-left:16px;
}

.E2_190
{
	width:190px;
	float:left;
	margin-left:16px;
}

.E2_704
{
  width:704px;
  /* background: fuchsia; */
  float:left;
  margin-left:16px;
}

.E2_704 h1
{
	margin-top:36px;
}

.E2_850
{
  width:850px;
  /* background: fuchsia; */
  float:left;
  
}



.E2_526, .E3_526
{
  width:526px;
  /* background: fuchsia; */
  float:left;
  margin-left:16px;
}

.E2_180, .E3_180
{
  width:180px;
  /* background: lime;  */
  float:left;
  margin-left:16px;
}

.Noten_810
{
	background:url("../images/boxes/Box_Noten_810_400.png") no-repeat left top;
	padding:16px;
	margin-left:0px;
}

/**********************************************************************/
div#Box_Produkt_Titel 
{
  clear:both;
  height:150px;
  float:left;
  width:958px;
  background: url("../images/background/Uebergang_Tab_Hg_Produkt.png") repeat-x;
  margin-top:-2px;
  margin-right:16px;
  margin-bottom:0px;
  margin-left:16px;
  padding-top:24px;
}

div#Box_Standard_Titel 
{
  clear:both;
  min-height:80px;
  float:left;
  width:958px;
  background: url("../images/background/Uebergang_Tab_Hg.png") repeat-x;
  margin-top:-2px;
  margin-right:16px;
  margin-bottom:0px;
  margin-left:16px;
  padding-top:24px;
}


.Bildspalte /* Zweispaltige Produktbeschreibung */
{
  
  clear:left;
  float: left;
  width: 200px;
  margin-top:24px;
  margin-left:-16px;
}

.Bildspalte span
{
  margin-top:-20px;
}
.Text_rechts_von_Bild
{
	
}
/**********************************************************************/

/**********************************************************************/
#Klappauf_1, #Klappauf_2, #Klappauf_3, #Klappauf_4, #Klappauf_5, #Klappauf_6, #Klappauf_7, #Klappauf_8, #Klappauf_9, #Klappauf_10

{
  display: none;
}


#Klappauf_1 li, #Klappauf_2 li, #Klappauf_3 li, #Klappauf_4 li, #Klappauf_5 li, #Klappauf_6 li, #Klappauf_7 li, #Klappauf_8 li,
#Klappauf_9 li, #Klappauf_10 li

{
  margin-left:16px;
  font-size:12px;
}

/**********************************************************************/
/********************** Wechselbild links seitlich und kleiner Teaser ************************************************/
.Wechselbild_Teaser
{
	position: relative;
	clear: both;
	float:left;
	margin-left:-24px;
	width: 930px;
	margin-top: 24px;
}

.Wechselbild_gross
{
	float:left;
}

/**********************************************************************/

#Produkt_Fussbox
{
  /* clear:both;*/
  
  position:relative;
  float:left;
  width:958px; 
  height:210px; /* muss bei tonica, capella individuell nachgeregelt werden */
  margin-top:24px;
  margin-left:16px;
  background: url('../images/boxes/Box_958_300_Fussleiste.PNG') no-repeat left top;
  /* border:solid 2px red;*/
}
#Produkt_Fussbox h1
{
  text-align: right;
  margin-top:16px;
  margin-bottom:-8px;
  padding-right:16px; 
}

#Fuss_1   
{
  position:absolute; /* bezogen auf das Elternelement (#Produkt_Fussbox)! */
  bottom:0;
  left:0;
  float:left;
  width:220px;
  margin-top:-200px;
  margin-right:24px;
  height:405px;
  vertical-align:bottom;
}

#Symbol
{
  width:210px;
  height:270px;
  margin-top:0px;
  
}

.Betriebssystem /* Hintergrund: Untere Grafik */
{
  position:absolute; /* bezogen auf das Elternelement (#Fuss_1)! */
  bottom:0px;
  height:176px;
  width:210px;
  background:url("../images/boxes/Fuss_1_unten.PNG") no-repeat left bottom;
}

.Betriebssystem h3  
{
  
  margin-left:16px;
  margin-top:0px;
}

.Betriebssystem p, .Einruecken_16
{
  margin-top:0px;
  margin-left:16px;
  margin-right:16px;
}

/************************************/
#Fuss_2
{
  
  float:right;
  width:708px; /* wird 688 */
  height: 210px;
  position:absolute; /* bezogen auf das Elternelement (#Produkt_Fussbox)! */
  bottom:0;
  left:0;
  right:32px;
  margin-left:234px;
  background:url("../images/boxes/Fuss_2_unten_708.PNG") no-repeat left bottom;
}

#Fuss_2 h3  
{
  margin-left:16px;
  margin-top:8px;  /* ToDo: Feinarbeit und zusammenfuehren mit h3 von "Betriebssystem" */
}

.Fuss_2_Grafik  /* Hintergrund: Untere Grafik */
{
  margin-top:-100px;
  height:140px;
  width:708px;
  padding:6px;
  /* background-color:rgb(0,200,0);*/
  
}

/***************************************************/
#Abschluss
{
  clear:both;
  width: 990px;
  left: 50%; /* Abstand vom linken Bildschirmrand auf 50% setzen*/
  margin-left: -495px; /*Und nun wieder um die halbe Inhaltsbreite zurÃ¼ck schieben*/
  height:20px;
  background: url("../images/background/Abschluss_990_20.PNG") no-repeat right bottom;
  /*margin-top:0px;*/
}

/********************* Diverse Buttons ********************************/

.Standard_Button_16 a
{
  display:block;
  height:16px;
  background:url("../images/buttons/Standard_dehnbar_neutral_20.png") repeat-x;
  /*border:1px solid rgb(105,130,170);*/
  padding-top:1px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:3px;
  font-weight:bold;
  font-size:12px;
  text-decoration:none;
  color:rgb(0,71,120);
}

.Standard_Button_16 a:hover
{
  background:url("../images/buttons/Standard_dehnbar_aktiv_20.png") repeat-x top left;
  display:block; /*Button wird komplett sensitiv */
  color:rgb(240,245,255);
}

.Standard_Button_30 a
{
  display:block;
  height:28px;
  background:url("../images/buttons/Standard_dehnbar_neutral_32.png") repeat-x;
  /*border:1px solid rgb(105,130,170); */
  padding-top:1px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:3px;
  font-weight:bold;
  font-size:12px;
  text-decoration:none;
  color:rgb(0,71,120);
}


/****** Alle quadratisch-ovalen Buttons GrÃ¶ÃŸe 40 ************/
.Download a, .Schluessel_Button_50 a, .Warenkorb a, .Mein_capella a, .Lautsprecher a, .Neues a,
.capella_40x40 a, .capella-scan_40x40 a, .capella_playAlong_40x40 a, .capriccio_40x40 a, .audite_40x40 a,
.tonica_40x40 a, .rondo_40x40 a, .cvo_40x40 a, .cmp_40x40 a, .Weblink a, .capella_wave_kit_40x40 a, .video_40x40 a
{
	display:block;
  width:40px;
  height:40px;
	text-decoration:none;
}

.capella_40x40 a
{background:url("../images/buttons/icon_buttons/capella_40x40.png") top left no-repeat;}
.capella_40x40 a:hover
{background:url("../images/buttons/icon_buttons/capella_40x40_aktiv.png") top left no-repeat;}

.video_40x40 a
{background:url("../images/buttons/icon_buttons/video_40x40.png") top left no-repeat;}
.video_40x40 a:hover
{background:url("../images/buttons/icon_buttons/video_40x40_aktiv.png") top left no-repeat;}


.capella_wave_kit_40x40 a
{background:url("../images/buttons/icon_buttons/capella_wave_kit_40x40.png") top left no-repeat;}
.capella_wave_kit_40x40 a:hover
{background:url("../images/buttons/icon_buttons/capella_wave_kit_40x40_aktiv.png") top left no-repeat;}

.capella-scan_40x40 a
{background:url("../images/buttons/icon_buttons/capella-scan_40x40.png") top left no-repeat;}
.capella-scan_40x40 a:hover
{background:url("../images/buttons/icon_buttons/capella-scan_40x40_aktiv.png") top left no-repeat;}

.capella_playAlong_40x40 a
{background:url("../images/buttons/icon_buttons/capella_playAlong_40x40.png") top left no-repeat;}
.capella_playAlong_40x40 a:hover
{background:url("../images/buttons/icon_buttons/capella_playAlong_40x40_aktiv.png") top left no-repeat;}

.audite_40x40 a
{background:url("../images/buttons/icon_buttons/audite_40x40.png") top left no-repeat;}
.audite_40x40 a:hover
{background:url("../images/buttons/icon_buttons/audite_40x40_aktiv.png") top left no-repeat;}

.tonica_40x40 a
{background:url("../images/buttons/icon_buttons/tonica_40x40.png") top left no-repeat;}
.tonica_40x40 a:hover
{background:url("../images/buttons/icon_buttons/tonica_40x40_aktiv.png") top left no-repeat;}

.rondo_40x40 a
{background:url("../images/buttons/icon_buttons/rondo_40x40.png") top left no-repeat;}
.rondo_40x40 a:hover
{background:url("../images/buttons/icon_buttons/rondo_40x40_aktiv.png") top left no-repeat;}

.cvo_40x40 a
{background:url("../images/buttons/icon_buttons/cvo_40x40.png") top left no-repeat;}
.cvo_40x40 a:hover
{background:url("../images/buttons/icon_buttons/cvo_40x40_aktiv.png") top left no-repeat;}

.cmp_40x40 a
{background:url("../images/buttons/icon_buttons/cmp_40x40.png") top left no-repeat;}
.cmp_40x40 a:hover
{background:url("../images/buttons/icon_buttons/cmp_40x40_aktiv.png") top left no-repeat;}

.capriccio_40x40 a
{background:url("../images/buttons/icon_buttons/capriccio_40x40.png") top left no-repeat;}
.capriccio_40x40 a:hover
{background:url("../images/buttons/icon_buttons/capriccio_40x40_aktiv.png") top left no-repeat;}

.Download a
{background:url("../images/buttons/Download.png") top left no-repeat;}

.Download a:hover
{ background:url("../images/buttons/Download_aktiv.png") top left no-repeat;}

.Lautsprecher a
{background:url("../images/buttons/Lautsprecher.png") top left no-repeat;}

.Lautsprecher a:hover
{background:url("../images/buttons/Lautsprecher_aktiv.png") top left no-repeat;}

.Schluessel_Button_50 a
{ background:url("../images/buttons/Notenschluessel_neutral_rund_50.png") top left no-repeat;}

.Schluessel_Button_50 a:hover
{ background:url("../images/buttons/Notenschluessel_aktiv_rund_50.PNG") top left no-repeat;}

.Warenkorb a
{ background:url("../images/buttons/Warenkorb.png") top left no-repeat;}

.Warenkorb a:hover
{ background:url("../images/buttons/Warenkorb_aktiv.png") top left no-repeat;}

.Weblink a
{ background:url("../images/buttons/Weblink.png") top left no-repeat;}

.Weblink a:hover
{ background:url("../images/buttons/Weblink_aktiv.png") top left no-repeat;}

.Oc-Button a
{/*background:url("../images/icons/Onlinelizenz_Icon_Button_25.PNG") top left no-repeat;*/
 width:25px;
 height:25px;
 float:left;
}

.Postlizenz-Button a
{/*background:url("../images/icons/Postlizenz_Icon_Button_25.PNG") top left no-repeat;*/
 width:25px;
 height:25px;
 float:left;
}
.Mein_capella a
{ background:url("../images/buttons/Mein_capella.png") top left no-repeat;}

.Mein_capella a:hover
{ background:url("../images/buttons/Mein_capella_aktiv.png") top left no-repeat;}

.Neues a
{background:url("../images/buttons/Neues.png") top left no-repeat;}

.Neues a:hover
{background:url("../images/buttons/Neues_aktiv.png") top left no-repeat;}



/********************** Iconbuttons ***********************************/
.Icon_Button_80_tonica a, .Icon_Button_80_capella-scan a, .Icon_Button_80_capriccio a, .Icon_Button_80_capella a, .Icon_Button_80_capella_wave_kit a , .Icon_Button_80_rondo a,
.Icon_Button_80_audite a

{
	display:block;
  width:80px;
  height:80px;
	text-decoration:none;
}

.Icon_Button_194_nsp a, .Icon_Button_194_mlp a
{
	display:block;
  width:194px;
  height:80px;
	text-decoration:none;	
} 

.Icon_Button_140_kp a
{
	display:block;
  width:140px;
  height:80px;
	text-decoration:none;
}

.Icon_Button_140_kp a
{ background:url("../images/buttons/icon_buttons/kp_neutral.PNG") top left no-repeat;}
.Icon_Button_140_kp a:hover
{ background:url("../images/buttons/icon_buttons/kp_aktiv.PNG") top left no-repeat;}

 


.Icon_Button_80_tonica a
{ background:url("../images/buttons/icon_buttons/tonica_neutral.PNG") top left no-repeat;}
.Icon_Button_80_tonica a:hover
{ background:url("../images/buttons/icon_buttons/tonica_aktiv.PNG") top left no-repeat;}

.Icon_Button_80_rondo a
{ background:url("../images/buttons/icon_buttons/rondo_neutral.PNG") top left no-repeat;}
.Icon_Button_80_rondo a:hover
{ background:url("../images/buttons/icon_buttons/rondo_aktiv.PNG") top left no-repeat;}

.Icon_Button_80_audite a
{ background:url("../images/buttons/icon_buttons/audite_neutral.PNG") top left no-repeat;}
.Icon_Button_80_audite a:hover
{ background:url("../images/buttons/icon_buttons/audite_aktiv.PNG") top left no-repeat;}

.Icon_Button_80_capella-scan a
{ background:url("../images/buttons/icon_buttons/capella-scan_neutral.png") top left no-repeat;}
.Icon_Button_80_capella-scan a:hover
{ background:url("../images/buttons/icon_buttons/capella-scan_aktiv.png") top left no-repeat;}

.Icon_Button_80_capella a
{ background:url("../images/buttons/icon_buttons/capella_neutral.png") top left no-repeat;}
.Icon_Button_80_capella a:hover
{ background:url("../images/buttons/icon_buttons/capella_aktiv.png") top left no-repeat;}

.Icon_Button_80_capella_wave_kit a
{ background:url("../images/buttons/icon_buttons/capella_wave_kit_neutral.png") top left no-repeat;}
.Icon_Button_80_capella_wave_kit a:hover
{ background:url("../images/buttons/icon_buttons/capella_wave_kit_aktiv.png") top left no-repeat;}

.Icon_Button_80_capriccio a
{ background:url("../images/buttons/icon_buttons/capriccio_neutral.PNG") top left no-repeat;}
.Icon_Button_80_capriccio a:hover
{ background:url("../images/buttons/icon_buttons/capriccio_aktiv.PNG") top left no-repeat;}

.Icon_Button_194_nsp a
{ background:url("../images/buttons/icon_buttons/nsp_neutral.PNG") top left no-repeat;}
.Icon_Button_194_nsp a:hover
{ background:url("../images/buttons/icon_buttons/nsp_aktiv.PNG") top left no-repeat;}

 
/*****************rechteckige Buttons ***********/
/*
.Warenkorb_Button_180 a
{
	display:block;
	width:172px;
	height:30px;
	margin-top:8px; 	
  background:url("../images/buttons/Warenkorb_neutral_180_30.png") left top no-repeat;
  border:1px solid rgb(105,130,170);
  padding-top:1px;
  padding-left:5px;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  color:rgb(0,71,120);
}

.Warenkorb_Button_180 a:hover
{
  display:block;
  width:172px;
	height:30px;
  background:url("../images/buttons/Warenkorb_aktiv_180_30.png") left top no-repeat;
  border: 1px solid rgb(0,40,70);
  text-decoration:none;
  color:rgb(240,245,255);
}


.OC_Button span
{
  display:block;
  margin-top:8px; 
  height:27px;
  background:url("../images/buttons/sofortkauf_neutral_180_36.gif")  top left;
  border:1px solid rgb(105,130,170);
  padding-top:1px;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:2px;
  font-family:Verdana;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  color:rgb(0,71,120);
}
.OC_Button a:hover span
{
  display:block;
  background:url("../images/buttons/sofortkauf_aktiv_180_36.gif") top left;
  border: 1px solid rgb(0,40,70);
  color:rgb(240,245,255);
}

*/
.Randlos, .Abstand_8
{
	float: none;
	border: 0px;
	left: inherit;
}

.Abstand_8
{
  margin:8px;
  top:8px;
  vertical-align:top;
  
}


/*******************************************************************************/
/* Featuretabelle */

/*
#Rechts_Aussen
{
  margin-left:300px;
  margin-right:-18px;
  margin-top:0px;
  float:right;
}
*/

#Feature_Tabelle 
{
  position:relative;
  margin-top:16px;
  margin-left:0px;
  width:702px;
  border: 1px solid rgb(0,71,120);
}

#Feature_Tabelle tbody tr td 
{
  font-family: verdana, sans-serif;
  font-size: 11px;
  padding: 3px 8px;
  /*border-left: 1px solid rgb(203,222,240);*/
  vertical-align:top;
}

#Feature_Tabelle li
{
	margin-left:24px;	
}
#Feature_Tabelle th
{
	background:url("../images/background/Tabellentitel.png"); 
	vertical-align:top;
	font-size: 14px;
	color: rgb(150,49,64);
	line-height: 22px;
	letter-spacing: 1px;
}

.HakenZelle
{
	background:url("../images/icons/haken.png") top center no-repeat;
	padding-top:2px;
}

.TextZelle
{
	padding-top:2px;
	text-align:center;
}


#Preis_Tabelle 
{
  margin-left:16px;
  width:678px;
  /* border: 1px solid rgb(0,71,120); */
  
}

#Preis_Tabelle tbody tr td 
{
  font-family: verdana, sans-serif;
  font-size: 13px;
  color:rgb(0,40,120);
  padding: 3px 16px 0px 3px;
  border-left: 1px solid rgb(203,222,240);
}

.Breite180
{
	width:180px;
}		


#Support_Tabelle_1, #Support_Tabelle_2, #Support_Tabelle_3, #Support_Tabelle_4, #Support_Tabelle_5, #Support_Tabelle_6, #Support_Tabelle_7, #Support_Tabelle_8
{
	/*position:relative;*/
  margin-top:0px;
  margin-left:0px;
  /*width:702px;*/
  /*border: 1px solid rgb(0,71,120);*/
}

#Support_Tabelle_1 tbody tr td, #Support_Tabelle_2 tbody tr td, #Support_Tabelle_3 tbody tr td, #Support_Tabelle_4 tbody tr td, #Support_Tabelle_5 tbody tr td, #Support_Tabelle_6 tbody tr td, #Support_Tabelle_7 tbody tr td, #Support_Tabelle_8 tbody tr td
{
  font-family: verdana, sans-serif;
  font-size: 11px;
  padding: 3px 8px;
  /*border-left: 1px solid rgb(203,222,240);*/
  vertical-align:top;
  
}

#Support_Tabelle li, #Support_Tabelle_2 li, #Support_Tabelle_3 li, #Support_Tabelle_4 li, #Support_Tabelle_5 li, #Support_Tabelle_6 li, #Support_Tabelle_7 li, #Support_Tabelle_8 li
{
	margin-left:24px;	
}


/**************** Popup-Box *****************************/
.Infobox_Huelle 
{
  float:left;
  margin-top:16px;
  margin-left:0px;
  margin-bottom:24px;
  width:700px; 
}

.Infobox 
{
  float:left;
  width:230px; 
  z-index:3;
}

.Infobox a {
  color:rgb(0,71,120);
  background:url("../images/buttons/Standard_dehnbar_neutral_16.png")  repeat-x top left;
  font:bold 11px verdana, sans-serif;
  text-decoration:none;
  display:block;
  padding:1px;
}

.Infobox a:hover 
{
  color:white;
  background: url("../images/buttons/Standard_dehnbar_aktiv_16.PNG") repeat-x top left;
  /* width:230px; */
}

.Infobox a span 
{
  display:none;
}

.Infobox a:hover span 
{
  color:rgb(0,40,120);
  background:rgb(232,250,255);
  font:normal 11px verdana, sans-serif;
  border:1px solid black;
  display:block;
  padding:6px;
}

/******************************* MenÃ¼ ****************/

#Menue_Huelle{
  position:relative;
	text-align:left;
  width:958px;
  margin-top:16px;
  margin-left:16px;
  margin-right:auto;
}

#navigation-1 {
	
	margin-left:0px;
	padding:1px 0;
	list-style:none;
	width:100%;
	height:38px;
}

#navigation-1 li {
	position:relative;
	width: 114px;
	display:block;
	float:left;
	position:relative;
	background:url("../images/buttons/menue/Hauptmenue_inaktiv_114_38.png") no-repeat;
}

#navigation-1 li a:link, #navigation-1 li a:visited {
	
	display:block;
	text-align:center;
	padding:0 8px 0 8px;
	text-decoration:none;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:14px;
	color:rgb(0,71,120);
	font-weight:bold;
	line-height:38px;
  letter-spacing:1px;
	height:38px;
	
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	/* padding-left:4px; */
	display:block;
	padding:0 8px 0 8px;
	text-align:center;
	text-decoration:none;
	color:rgb(255,255,255);
	/* width:116px; */
	height:38px;
	line-height:38px;
	background:url("../images/buttons/menue/Hauptmenue_aktiv_114_38.png") no-repeat;
}

#navigation-1 li .Warenkorb_Button_Menue a
{
	display:block;
	width:46px;
	height:38px;
	background:url("../images/buttons/menue/Warenkorb_Menue_inaktiv_46.png") top left no-repeat;
}

#navigation-1 li .Warenkorb_Button_Menue a:hover
{
	display:block;
	width:46px;
	height:38px;
	background:url("../images/buttons/menue/Warenkorb_Menue_aktiv_46.png") top left no-repeat;
}


/***************** Submenue *****/
#navigation-1 li ul.navigation-2 {
	margin:0;
	list-style:none;
	display:none;
	width:180px;
	position:absolute;
	top:38px; /*Abstand zum HauptmenÃ¼ */
	left:-1px;
	border:1px solid rgb(0,71,120);
	border-top:none;
	z-index:500;
}

#navigation-1 li:hover ul.navigation-2 {
	display:block;
	z-index:500;
}

#navigation-1 li ul.navigation-2 li {
	width:180px;
	height:25px;
	clear:left;
	z-index:500;
}

#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear: left;
	text-align: left;
	padding-left: 4px;
	padding-bottom: 2px;
	width: 180px;
	border: none;
	color: rgb(0,71,120);
	font-size: 10px;
	font-style: normal;
  position: relative;
	z-index:500;
	line-height: 25px;
	background: url("../images/buttons/menue/Hauptmenue_sub_inaktiv_180_25.png") no-repeat left top;
	
}


#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	text-align:left;
	background:url("../images/buttons/menue/Hauptmenue_sub_aktiv_180_25.png") no-repeat left top;
	padding-left:4px;
	padding-bottom:2px;
	color:rgb(255,255,255);
	font-size:10px;
	font-style: normal;
	width:180px;
	height:25px;
	border:none;
	position:relative;
	z-index:500;
}


