/* Global Styles */
/* Inhalte stammen von: http://www.web-toolbox.net/webtoolbox/tipps/transpixel02.htm#ixzz2WxpicajJ */


/* 
	* {
	  color: red;
	  margin: 1em;
	}
*/

ul.aufz10 {
padding: 12px;
margin: 0px 0px 0px 0px;
}

.block-10vi { /* Nur um das Aufzählungszeichen als dunkelroten Viereck/Block darzustellen*/
list-style-image: url(images/block-8-red1.gif);	/* Aufzählungszeichen */
font-family: Verdana,sans-serif;
font-size: 12px;
font-weight: normal;
color: #612629;	/* Textfarbe von Aufzählung */
}

h1{	font-size: 16px;	/* Text grösse */
	text-indent:0px;	/* Text einrücken - nur erste Zeile */
		margin: 20px 0px 0px 0px; /* oben rechts unten links */
	}

h2{	font-size: 14px;	/* Text grösse */
	text-indent:0px;	/* Text einrücken - nur erste Zeile */
		margin: 10px 0px 0px 0px; /* oben rechts unten links */
	}
	
	li{	font-size: 12px;
	}
	
.style1 {
	font-size: 14px;
		/* text-indent:10px;	 Text einrücken */
		margin: 10px 2px 0px 5px; /* oben rechts unten links */
	}
	
.style2 {
	font-size: 12px;
	background-image: url(./images/leiste.png);
	background-position: right;
	background-repeat: repeat-y;
	}
	
.styleBildleiste {
	font-size: 14px;
	background-image: url(./images/Startseite_03.jpg);
	background-position: right;
	background-repeat: repeat-y;
	}
	
.styleBildLogo {
	background-image: url(./images/Logo_Haufa-IT_Jimdo03.png);
	background-position: center;
	background-repeat: no-repeat;
	}
	

body {
	background-color: #ffffff;
	margin:0px;
	}

p {
	color: #aa4477;
	text-decoration:none;
	font-family: Verdana,sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0px 5px 0px; /* oben rechts unten links */
	}

	
td {
border-collapse: collapse;
 border: 0px solid silver; 	

	font:11px arial;
	color:#333333;
	}
	
a {
	color: #612629;
	text-decoration:none;
	}
	

	
a:hover {
	color: #990000;
	text-decoration:underline;
	}
	
/* ID Styles */
	
#navigation a {
	font:12px arial;
	color: #FFFFFF;
	text-decoration:none;
	letter-spacing:0.1em;
	}
	
#navigation a:hover {
	color: #F0F0F0;
	text-decoration:underline;
	}

#padding {
	padding:20px 5px 20px 5px;
	}


/* Class Styles */

.logo {
	font:18px times new roman;
	color: #333300;
	letter-spacing:.4em;
	font-weight:bold;
	}

.sidebarText {
	font:12px georgia;
	color: #336666;
	line-height:18px;
	}
	
.bodyText {
	font:11px arial;
	line-height:24px;
	color:#333333;
	}
	
.pageName {
	font:20px georgia;
	color: #CC3300;
	letter-spacing:.1em;
	line-height:26px;
	}
	
.subHeader {
	font:14px georgia;
	color: #669999;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.navText {
	font:14px arial;
	color: #FFFFFF; /* Trennzeichen */
	letter-spacing:0.1em;
	}
	

/* Grundlegende Styles */
body {padding: 1rem;}

details {background: #eee; border: 1px solid #666; border-radius: 3px; margin-bottom: 0.5rem;}

summary {background: #666; color: #fff; cursor: pointer; padding: 0.5rem; 
		font-size: 14px;	/* Text grösse */}

.akkordeon-inhalt {padding: 0rem 0rem 10px 2rem;}


/* Der verzögerungseffekt */
details[open] summary ~ * {animation: sweep .2s ease-in-out;}
@keyframes sweep {
  0%    {opacity: 0; margin-left: -10px}
  100%  {opacity: 1; margin-left: 0px}
}