﻿body { scrollbar-face-color:#d2d2d2; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#d2d2d2; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#828282; scrollbar-arrow-color:#000000; scrollbar-track-color:#f0f0f0 }  

.S0 {
 position:relative; overflow:hidden; background-color:#ffffff; 
 }
.S1 { position:absolute; overflow:hidden; }
 
.S1_G { position:absolute; overflow:hidden;
 /* Hintergrundfarbe */
background:-moz-linear-gradient(top, #adf 0%, #6f3 70%, #963 95%, #030 100%); /* Firefox */
background:-webkit-linear-gradient(top, #adf 0%, #6f3 70%, #963 95%, #030 100%); /* Safari, Chrome */
background:-o-linear-gradient(top, #adf 0%, #6f3 70%, #963 95%, #030 100%); /* Opera */
background:-ms-linear-gradient(top, #adf 0%, #6f3 70%, #963 95%, #030 100%); /* IE */
background:linear-gradient(top, #adf 0%, #6f3 70%, #963 95%, #030 100%); /* W3C Standard */
 }

.S10 { position:absolute; overflow:auto; scrollbar-face-color:#d2d2d2; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#d2d2d2; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#828282; scrollbar-arrow-color:#000000; scrollbar-track-color:#f0f0f0; }
.S11 { line-height:17.0761px; -line-height:17px; font-family:Arial; font-size:15px; font-style:normal; font-weight:bold; color:#ffffff; text-decoration:underline; }
.S12 { line-height:15.9376px; -line-height:16px; font-family:Arial; font-size:14px; font-style:normal; font-weight:normal; color:#ffffff; text-decoration:none; }
.S13 { position:absolute; overflow:hidden; background-image:url('../media/Button_Unten_links.jpg'); }
.S14 { position:absolute; overflow:hidden; background-color:#d7d7d7; background-image:url('../media/Button_Unten_links_mo.jpg'); }
.S15 { position:absolute; overflow:hidden; background-image:url('../media/Button_Unten_mittig.jpg'); }
.S16 { position:absolute; overflow:hidden; background-color:#d7d7d7; background-image:url('../media/Button_Unten_mittig_mo.jpg'); }
.S17 { position:absolute; overflow:hidden; background-image:url('../media/Button_Unten_rechts.jpg'); }
.S18 { position:absolute; overflow:hidden; background-color:#d7d7d7; background-image:url('../media/Button_Unten_rechts_mo.jpg'); }
.S2 { line-height:45.5361px; -line-height:46px; font-family:Arial; font-size:40px; font-style:normal; font-weight:normal; color:#ffffff; text-decoration:none; }
.S3 { line-height:17.0761px; -line-height:17px; font-family:Arial; font-size:15px; font-style:normal; font-weight:normal; color:#ffffff; text-decoration:none; }
.S4 { line-height:17.0761px; -line-height:17px; font-family:Arial; font-size:15px; font-style:normal; font-weight:bold; color:#ffffff; text-decoration:none; }
.S5 { position:absolute; overflow:hidden; background-color:#d7d7d7; }
.S6 { cursor:pointer; position:absolute; overflow:hidden; }
.S7 { position:absolute; overflow:hidden; background-color:#d7d7d7; background-image:url('../media/Button_Menu.jpg'); background-position:center; background-repeat:no-repeat; }
.S8 { line-height:22.7681px; -line-height:23px; font-family:Arial; font-size:20px; font-style:normal; font-weight:normal; color:#666666; text-decoration:none; }
.S9 { line-height:22.7681px; -line-height:23px; font-family:Arial; font-size:20px; font-style:normal; font-weight:normal; color:#333333; text-decoration:none; }

/* Styles für Bienenseite */
.S_Bienen_1 { line-height:18px; -line-height:18px; font-family:Arial; font-size:15px; font-style:normal; font-weight:normal; color:#3333a3; text-decoration:none; }
.S_Bienen_2 { line-height:18px; -line-height:18px; font-family:Arial; font-size:15px; font-style:normal; font-weight:bold; color:#3333a3; text-decoration:none; margin: 20px;}
.S_Bienen_3 { line-height:18px; -line-height:18px; font-family:Arial; font-size:15px; font-style:normal; font-weight:normal; color:#666666; text-decoration:none; }
.S_Bienen_4 { line-height:18px; -line-height:18px; font-family:Arial; font-size:15px; font-style:normal; font-weight:bold; color:#666666; text-decoration:none; }

/* Font - Styles für Gartenseite */
.S_Garten_1a { line-height:18px; -line-height:18px; font-family:Arial; font-size:15px; font-style:normal; font-weight:normal; color:#3333a3; text-decoration:none; }
.S_Garten_1b { line-height:18px; -line-height:18px; font-family:Arial; font-size:15px; font-style:normal; font-weight:normal; color:#ffd700; text-decoration:none; }
.S_Garten_2 { line-height:18px; -line-height:18px; font-family:Arial; font-size:15px; font-style:normal; font-weight:bold; color:#3333a3; text-decoration:none; margin: 20px;}
  /* von S11 u. S12 abgeleitet ... Vereinheitlichung/Reduzierung der Styles notwendig ... */
.S_Garten_11 { line-height:17.0761px; -line-height:17px; font-family:Arial; font-size:15px; font-style:normal; font-weight:bold; color:#3333a3; text-decoration:underline; }
.S_Garten_12 { line-height:15.9376px; -line-height:16px; font-family:Arial; font-size:14px; font-style:normal; font-weight:normal; color:#3333a3; text-decoration:none; }


/* Style für Menübutton */
.S_MB_1 { position:absolute; overflow:hidden;}
/*  */
.S_MB_5 { position:absolute; overflow:hidden; }
/* background-color:#d7d7d7;*/
.S_MB_6 { cursor:pointer; position:absolute; overflow:hidden;}
/*  overflow:hidden; */
.S_MB_7 { position:absolute; overflow:hidden; background-position:center; background-repeat:no-repeat; }
/* .S_MB_7 { position:absolute; overflow:hidden; background-image:url('../../media/Button_Menu.jpg'); background-position:center; background-repeat:no-repeat; }
overflow:hidden; background-color:#d7d7d7;
.S5 { position:absolute; overflow:hidden; background-color:#d7d7d7; }  */

/*
body
{
/* Hintergrundfarbe */
/*background:-moz-linear-gradient(top, #adf, #fff); /* Firefox */
/*background:-webkit-linear-gradient(top, #adf, #fff); /* Safari, Chrome */
/*background:-o-linear-gradient(top, #adf, #fff); /* Opera */
/*background:-ms-linear-gradient(top, #adf, #fff); /* IE */
/*background:linear-gradient(top, #adf, #fff); /* W3C Standard */
}
*/
/* Styles für Akkordion - hier noch weitere Modifikationen notwendig ... 2015 */
/* Auf- und Zuklappen (Transition) */
.accordionList p {
  padding:0 10px;
  text-align:left;
  margin:0;
  height: 0; /* Zugeklappt h=0 */
  overflow: hidden; /* Alle Teiles des p-Bereichs, die herausragen, werden verdeckt*/
  -moz-transition: height 0.5s ease-in;
  -webkit-transition: height 0.5s ease-in;
  -o-transition: height 0.5s ease-in;
  transition: height 0.5s ease-in;

} 

.accordionList :target p {
  overflow: auto;  /* erzeugt einen Scrolbalken, falls Inhalt größer als height, könnte auch weggelassen werden, falls Inhalt kleiner ist */
  height:200px;  /* Höhe des aufgeklappten Slidemenüpunktes */
} 
/* Format für Überschrift h2 */
.accordionList h2 {
  margin:5px 0;
  text-align:left;
  padding:0; line-height:17px; -line-height:17px; font-family:Arial; font-size:16px; font-style:normal; font-weight:bold; color:#3333a3; 
}


/* Container: Positionierung + Gestaltung */		
	#container {
	overflow:auto;
	margin: auto;
	width: 100%;
	min-width:auto; /*555px;*/
	min-heigth: auto; /*390px;*/
	margin-top: 0px;
	/* background-color: #2cc; */
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
	-webkit-box-shadow: 0 0 5px #666, inset 0 0 40px #ddd;
	   -moz-box-shadow: 0 0 5px #666, inset 0 0 40px #ddd;
	        box-shadow: 0 0 5px #666, inset 0 0 40px #ddd;
	        
	}

	/* Ausblenden aller DIVs */
	#container div {
	padding: 10px;
	display: none;
    font-family:Arial; color:#3333a3;
	}

	/* Einblenden aller DIVs */
	#container div:target {
	/* display: inline;*/
	display: block;
}			

/*
	/* Ausblenden aller DIVs */
	#container div p {
	padding: 10px;
	display: none;
	}

	/* Einblenden aller DIVs */
	#container div ul:target {
	/* display: inline;*/
	
	display: block;
}

/* Einblenden aller ul li */
	#container div ul li:target {
	display: block;
}
