/* Angaben für alle standardkonformen Browser */
body {
	margin:0;
	padding:0;
	background:#FFFFFF;
	background-image: url(background.gif);
	color:#0A57D8;
	font-family: arial, verdana, sans-serif;
}
p {
  text-align: left;
}

h3 {
  text-align: center;
}

h4 {
  text-align: center;
}

.accordion {
	width: 780px;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	background: #e9e7e7 url(../images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #e3e2e2;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}
#content_container {
	padding-top:0em;
	padding-bottom:3em;
	padding-left:0;
}

#header {
	/*position:fixed; */
	top:0px; left:0px; right:0px;
	text-align:center;
	padding:0px;
	padding-bottom: 0px;
	background-image: url();
	background-repeat: repeat-x;
	color:#0A57D8;
}

#footer {
	position:fixed;
	bottom:0px; left:0px; right:0px;
	background-image: url(footer.png);
	text-align:center;
	padding:0px;
	padding-top:30px;
}

/* Angaben nur für den Internet Explorer mit Star HTML Hack 

* html, * html body {
	height:100%;
	overflow:hidden;
}

* html #header {
	margin:0;
	height:10%;
	background-image:url(header.jpg);
}

* html #content_container  {
	padding:0.5em;
	height:82%;
	overflow:auto;
}

* html #footer  {
	height:8%;
	padding-top:3.5%;
	background-image:url(footer.jpg);
}
*/
/* Kleines Extra für den IE */

* html #menu {
	margin:0.2em;
}

/* Formatierung des Seiteninhaltes */

#menu {
	border: 3px ridge #1F70F5;
	margin:0;
	margin-left:0.5em;
	padding:0.5em;
	float:left;
	width:9em;
	height:38em;
	background-color:#0A57D8;
}

/* Der IE soll das Element breiter darstellen, da margin und
   padding hier von der Breite abgezogen werden! */

* html #menu {
	width:10.5em;
}

#menu li {
	list-style: none;
	margin:0.0em;
	padding:0.0em;
	height:2.2em;
}

#menu li#active {
	padding:0.0em;
	text-decoration:underline;
}

#menu a:link, #menu a:visited {
	text-align:left;
	text-indent:1.5em;
	height:1.0em;
	display:block;
	background-color:#FB3833;
	color:black;
	text-decoration:none;
}

#menu a:hover {
	text-decoration:bold;
	background:blue;
	color:white;
	text-decoration:underline;
	background-image:url(navi_dark.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#content {
	border: 3px ridge #1F70F5; 
	padding: 0 1 1 1em;
	margin-left:11.5em;
	margin-right:0.5em;
	height:35em;
}

#thumbcontainer {
	margin:20px;
	padding-top:10px;
	text-align:center;
	color:blue;
}
#thumbcontainer a img {
	display:inline;
}
#thumbcontainer ul {
	display:inline;
	padding: 0 5px 0 5px;
}
#thumbcontainer ul li {
	display:inline;
	list-style-type:none;
	padding: 0 10px 0 10px;
}
#thumbcontainer ul li img {
	border:1px solid #B0000B;
}
#thumbcontainer p {
	margin:5px 0 5px 0;
}

#grosscontainer {
	margin:20px;
	padding-top:15px;
	text-align:center;
	color:blue;
}
#grosscontainer #gross {
	border-style:outset;
	border-width:1px;
}
#grosscontainer a img {
	display:inline;
}
#grosscontainer p {
	margin:5px 0 0px 0;
}