@charset "utf-8";
/* CSS Document */
/* -------------------------------- Magazin ----------------------------------------- */

#magContainer {
	margin: 0 auto; 
	padding: 0;
	position:relative;
	overflow:hidden;
}
#magContainer h1,
#magContainer h2,
#magContainer h3 {
	text-align: left;
	vertical-align: top;
  font-family: Arial, Helvetica, Sans Serif, Verdana;
  color: #787878;
  font-weight: bold;
  padding: 0;
  margin:5px 0;
}
#magContainer h1 {
  font-size: 16px;
}
#magContainer h2 {
  font-size: 14px;
}
#magContainer h3 {
  font-size: 12px;
}
#magContainer a{
	text-decoration:none;
	font-weight: bold;
	color: #d60f0f;
}
#magContainer a:link {
	color: #d60f0f;
}
#magContainer a:focus {	
	text-decoration:underline;
	color: #d60f0f;
}
#magContainer a:visited {
	color: #7ab51d;
}
#magContainer a:hover,
#magContainer a:active {	
	text-decoration:underline;
	color: #d60f0f;
}
#magContainer a img{
  border: 0 none;
	background-position: top;
	background-repeat: no-repeat;
}
#magContainer a:hover img, #magContainer a:active img, #magContainer a:focus img {
  border: 0 none;
	background-position: bottom;
	background-repeat: no-repeat;
}
#magContainer li a:link {
	color:#787878;
}
#magContainer li a:focus {	
	text-decoration:underline;
	color: #d60f0f;
}
#magContainer li a:visited {
	color:#7ab51d;
}
#magContainer li a:hover, #magContainer li a:active {	
	text-decoration:underline;
	color: #d60f0f;
}
#magContainer .fullContent {
	width:730px;
}
#magContainer .textContainer {
	padding:0.8em 2.5em 0.8em 15px;
}
.magHead {
	background:#7ab51d no-repeat 50px 3px;
	padding:40px 0 0 40px;
}
.magHead h1 {
	margin:0 !important;
	padding:0.8em 0.8em 0.8em 10px !important;
	background-color:#d7e9bb;
}
.magHead.de {
	background-image:url(../bilder/magazin/inhalt/logo_haba_magazin_de.png);
}
.magHead.en {
	background-image:url(../bilder/magazin/inhalt/logo_haba_magazin_en.png);
}
.magHead.fr {
	background-image:url(../bilder/magazin/inhalt/logo_haba_magazin_fr.png);
}
.magHead.it {
	background-image:url(../bilder/magazin/inhalt/logo_haba_magazin_it.png);
}
.magHead.ja {
	background-image:url(../bilder/magazin/inhalt/logo_haba_magazin_ja.png);
}
.magHead.nl {
	background-image:url(../bilder/magazin/inhalt/logo_haba_magazin_nl.png);
}
.magContentContainer {
	text-align:left;
	background-color:#FFF;
	border-left:40px solid #d7e9bb;
	border-bottom:50px solid #d7e9bb;
	background-position:top right;
	position:relative;
}
.magContent ul {
	padding: 0 15px;
	margin: 10px 0;
	list-style-image:none;
}
.magContent li {
	list-style-type:disc;
	list-style-position:inside;
	margin: 3px 0;
}
.magContent p {
	margin:0 0 0.8em 0;
}
.magContent .textContainer, 
.magContent.textContainer{
	text-align:justify !important;
}
.textContainer h2,
.textContainer h3 {
	margin-bottom:1.3em !important;
}
.textContainer p {
	margin:1em 0 !important;
}
.magNEU {
	font-style:italic;
	font-weight:bold;
	color:#d60f0f;
	font-size: 1.1em;
	padding-left: 1.1em;
}
.magFooter a {
	display:block;
	width:50px;
	height:30px;
	position:absolute;
	bottom:10px;
	right:15px;
	background-image:url(../bilder/buttons/Button_Zurueck01_50x30_trans.png);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:9999em;
}

/*############################## Bewertungssterne #############################*/

.magStars {
	list-style-image:none;
	padding-left: 10px;
	margin:0;
}
.magStars li {
	list-style-type:none;
	padding-left:0;
	margin-left:0;
	line-height: 110%;
}
.magStars li img {
	margin-left:10px;
}

/* ----------------------------------- Magazin Inhaltsverzeichniss --------------------------- */

#magInhalt {
  display:block;
}
#magInhalt h1, 
#magInhalt h2, 
#magInhalt h3 {
  padding: 10px 0;
}
.magInhaltBild {
  float: left;
  margin-right:10px;
	padding-bottom:10px;
}
.magInhaltText {
  text-align: left;
  vertical-align: top;
}
.magInhaltButton {
  float: right;
  height: 20px;
  width: 33px;
  margin: 0px 10px 5px 0px;
}
.magInhaltBildLinks {
	float:left;
	width:230px;
	height:150px;
	margin-bottom:3px;
	background-repeat:no-repeat;
	background-position:left top;
}
.magInhaltBildLinks img {
	width:230px;
	height:150px;
}
.magIMGLeft {
	float:left;
	margin:0 1.3em 0.2em -15px;
}
.magIMGRight {
	float:right;
	margin:0 -2.5em 0.2em 1.3em;
}
.magInhaltContent {
	margin-left:240px;
	padding-top:5px;
}
.magInhaltFooter {
  position: relative;
  clear: both;
  background-image: url(../bilder/magazin/inhalt/Strichlinie_quer.gif); 
  background-repeat: repeat-x;
  height: 1px;
	margin-top:-10px;
}
.magInhaltFooterButton {
  position: absolute;
	width:33px;
	height:20px;
  top: -23px;
  right: 3px;
	background-image:url(../bilder/buttons/Button_Pfeil_33x20_weiss.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
.magInhaltFooterButton img {
	width:33px;
	height:20px;
}

/*################################### Inhalt Neu 2009-12-12 #########################*/

.magInhaltContainer {
	background-image:url(../bilder/Strichlinie_quer.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-bottom:10px;
	padding-bottom:3px;
}
.magInhaltTextContainer {
	margin-left:250px;
	padding-bottom:20px;
}
.magInhaltFooterContainer {
	float:right;
	margin-top:-20px;
}



/*############################### Magazin Feuerstelle ####################################*/

.magazinBeitragFeuerstelleContainer .textContainer li {
	background:transparent url(../bilder/magazin/2010_06_10_feuerstelle/images/bg_loeffel.jpg) no-repeat left top;
	padding-left:50px;
	list-style-type:none;
}
.magazinBeitragFeuerstelleContainer .textContainer ul {
	padding-left:0;
}
.magazinBeitragFeuerstelleContainer h2 {
	margin-bottom:1.5em !important;
}
.magazinBeitragFeuerstelleContainer .magContent {
	position:relative; 
	z-index:20; 
	margin-bottom:-70px; 
	top:-35px;
}
*+html .magazinBeitragFeuerstelleContainer .magContent {
	margin-top:-35px;
	margin-bottom:-35px; 
	top:0;
}
.magazinBeitragFeuerstelleContainer a {
	white-space:nowrap;
}

/*############################### Magazin Schule ####################################*/

.magazinBeitragSchuleContainer .magIMGLeft,
.magazinBeitragSchuleContainer .magIMGRight {
	margin-top:10px !important;
}
*+html .magazinBeitragSchuleContainer .imgHover.floatRight.fixIE7 {
	margin-top:-50px;
}
*html .magazinBeitragSchuleContainer .imgHover.floatRight.fixIE7 {
	margin-top:-50px;
}

/*############################### Magazin BTE ####################################*/

.magazinBeitragBTEContainer table#listeBTE,
.magazinBeitragBTEContainer #listeBTE th,
.magazinBeitragBTEContainer #listeBTE td {
	border:none !important;
	text-align:left;
}
.magazinBeitragBTEContainer #listeBTE th {
	padding:0.5em 0.3em;
	background-color:#dfdfdf;
}
.magazinBeitragBTEContainer #listeBTE td {
	vertical-align:top;
	padding:0.3em;
}
.magazinBeitragBTEContainer #listeBTE tr {
	background-color:#f9f9f9;
}
.magazinBeitragBTEContainer #listeBTE tr:nth-child(2n+1) {
	background-color:#f1f1f1;
}


/*############################# veraltet - zurKompatibilität noch benötigt ##############################*/
#magContentContainer {
	text-align:left;
	padding:10px;
	background-color:#ffffff;
	border-left:40px solid #d7e9bb;
	background-position:top right;
}
* html #magContentContainer {
  height: 1px;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}
#magContentContainer.noPadding .magContent {
	padding:0;
}
#magSidebar {
  float: right;
}
#magFooter {
  clear: both;
  height: 50px;
  text-align: right;
  background-color: #d7e9bb;
}
* html #magFooter {
  height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}
#magFooter img {
	width:50px;
	height:30px;
  margin:10px;
	background-image:url(../bilder/buttons/Button_Zurueck01_50x30_trans.png);
	background-repeat:no-repeat;
	background-position:left top;
}
.magSidebarpadding {	
	padding: 0 0 10px 10px;
}
.magLinkLinks {
	float:left;
}
.magLinkLinks a {
	display:block;
	width:100px;
	height:150px;
	margin-top:0.5em;
}
.magLinkLinks a:focus,
.magLinkLinks a:hover,
.magLinkLinks a:active {
	width:105px;
	height:155px;
	margin-top:0.4em;
}
.magHeaderImage {
	text-align: left;
  background-color: #ffffff;
  border-left: 40px solid #d7e9bb; 
}
#magHeader {
  text-align:left;
  vertical-align:top;
  display:block;
  background:#7ab51d;
}
#magHeader img {
  margin:3px 0px 4px 50px;
}
#magHead {
  vertical-align: top;
  background:#d7e9bb;
  margin-left:40px;
}
#magHead h1 {
  padding:10px;
	margin:0;
}
.magPDFDownload {
	position:relative;
}
.magPDFDownload ul {
	padding: 0;
	margin: 0;
	list-style-image:none;
}
.magPDFDownload li {
	list-style-type:none;
	margin:3px 0;
	display:inline;
}
.magPDFDownload li a {
	display:block;
	padding-left: 30px;
	background:url(../bilder/Allgemein/pdf_standart.jpg) center left no-repeat;
	margin:3px 0;
}
.magPDFDownload li a:link, .magPDFDownload li a:visited {
	background:url(../bilder/Allgemein/pdf_standart.jpg) center left no-repeat;
}
.magPDFDownload li a:hover, .magPDFDownload li a:active, .magPDFDownload li a:focus {
	background:url(../bilder/Allgemein/pdf.jpg) center left no-repeat;
}
/*############################# veraltet - zurKompatibilität noch benötigt ##############################*/

/*############################### ALT ####################################*/

/* alles mit IMG kann weg 
.magIMGleft {
	float: left;
	text-align: center;
	margin: 10px;
}
.magIMGright {
	float: right;
	text-align: center;
	margin: 10px;
}
.magIMGcenter {
	text-align: center;
	margin: 10px;
}
.magIMGleft p {
	margin: 10px 0px 0px 0px;
}
.magIMGright p {
	margin: 10px 0px 0px 0px;
}
.magIMGcenter p {
	margin: 10px 0px 0px 0px;
}
.floatingLinkbar {
	position:relative;
	z-index:100;
	float:left;
	padding-right:1em;
}
.floatingLinkbar a {
	display:block;
	width:70px;
	height:100px;
}
.floatingLinkbar a:hover {
	width:100px;
	height:150px;
}
.floatingLinkbar.imgHover a {
	float:none;
} */