@charset "UTF-8";
body {
	font: 15px Arial, Helvetica, sans-serif;
}

/*Accordion Hauptdeklarationen*/
.Accordion {
	border-left: solid 1px #000;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;
	overflow:visible;
	width: 750px;
	outline:none;
	height:auto;
	margin-left: 14px;
}

/* AccordionPanel und Inhalt wie z.B. p */
.AccordionPanel {
	margin: 0px;
	padding: 0px;
	height: auto;
	background-color:#FDFDFD;
}
.AccordionPanel p{
	margin: 0px;
	padding: 5px;
}

/* Container der zum Öffnen angeklickt wird */
.AccordionPanelTab {
	background-image:-webkit-linear-gradient(#EAEAEA, #CBCBCB);
	background-image:-moz-linear-gradient(#EAEAEA, #CBCBCB);
	background-image: linear-gradient(#EAEAEA, #CBCBCB);
	border-top: solid 1px gray;
	border-bottom: solid 1px gray;
	margin:0px;
	height:auto;
	padding: 7px 0 7px 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.AccordionPanelTab h2 {
	font-size:14px;
	margin:0;
	padding:0 0 0 5px;
}

/* 	Panel's Content area. Niemals ein padding setzen, wenn die Animation richtig 			
	funktioneren soll. es würde sonst die Höhe beim Überfahren beeinflussen
	Es muss aber eine height gesetzt werden
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	display:block;
	height:auto;
}

/* Das aktuell geöffnete Paanel, mit anderem Hintergrund */
.AccordionPanelOpen .AccordionPanelTab {
	background-image:-webkit-linear-gradient(#fc3, #d6762f);
	color:#fff;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color:#fff;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #fff;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	background-color:#369;
	
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color:#369;
}


/*Eigene Formatierungen für den Inhalt */
.header-angebot {
	font-size:16px;
	margin-left: 6px;
	margin-right:6px:
}
.pro-beschreib {
	font-size:14px;
	line-height: 19px;
	padding-right: 20px;
	width: 720px;
}

.sem-ang li {
	margin-left:10px;
}
.liste_angebot {
	margin-top: 40px;
	padding-left: 37px;
	
}
.sem-ang li {
	text-decoration:none;
	list-style-image: url(../images/li-vor2.gif);
	line-height: 28px;
	color: #000;
	font-size:14px;
	padding-left: 15px;
}
.betont {
	color: #8A1913;
}
.preis {
	font-size:13px;
	color: #8a1913;
	float:right;
	margin-right: 25px;
	margin-top: 2px;
}


/* Rules for Printing */

@media print {

  .Accordion {
  overflow: visible !important;
  }
  
  .AccordionPanelContent {
  display: block !important;
  overflow: visible !important;
  height: auto !important;
  }
}