body { color: black; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #d4afb7; background-image: url(../images/hg.jpg); background-repeat: repeat-x; margin: 0; }
p { line-height: 120%; }
td { }
a:link { color: #8c2238; text-decoration: underline; }
a:visited { color: #8c2238; text-decoration: underline; }
a:hover { color: #8c2238; text-decoration: none; }
a:active { color: #8c2238; }
ul { margin: 0 0 0 25px; padding: 0; }
li { margin-bottom: 4px; list-style-image: url(../images/pfeil-kl.gif); }
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }
#all { width: 864px; }
#inhalt { background-color: white; width: 680px; float: left; }
.links { float: left; }
.kopf { margin-bottom: 10px; }
#rand-u { color: #bf899a; background-color: #8c2238; height: 15px; clear: both; padding-top: 2px; padding-bottom: 2px; }
#rand-u a:link { color: #fff; }
#rand-u a:hover { color: #fff; }
#rand-u a:visited { color: #fff; }
#nav { text-align: left; width: 200px; float: left; margin-left: 16px; padding-top: 12px; }
#text { text-align: left; width: 430px; float: right; min-height: 300px; margin-right: 25px; padding-bottom: 16px; }
.bild-rest img { float: right; margin-bottom: 10px; margin-left: 10px; border: solid 1px #b6b6b6; }
.ref-bild img { margin-bottom: 10px; margin-right: 10px; float: left; border: solid 1px #b6b6b6; }
.bild { float: right; margin-bottom: 5px; margin-left: 10px; border: solid 1px white; outline: solid 2px #8c2238; }
.nav-bild { margin-bottom: 4px; }
/*
			Vertical Accordions
		*/
.accordion_toggle { display: block; height: 20px; width: 420px; padding: 0 10px; line-height: 20px; color: #ffffff; font-weight: normal; text-decoration: none; outline: none medium; font-size: 12px; color: #4a4a4a; background-image: url(../images/hg-akk.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: right top; cursor: pointer; margin: 0; border: solid 1px #c3c3c3; }
.accordion_toggle_active { color: #8c2238; background-image: url(../images/hg-akk-act.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: right top; border: solid 1px #c897a1; }
.accordion_content { background-color: #ffffff; color: #444444; width: 420px; overflow: hidden; padding-top: 5px; }
.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
.accordion_content p {
				line-height: 150%;
				padding: 0 10px 0;
			}
.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(../images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
.vertical_accordion_toggle_active {
			background: url(../images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
			color: #ffffff;
			border-bottom: 1px solid #f68263;
		}
.vertical_accordion_content {
			background-color: #ffffff;
			color: #444444;
			overflow: hidden;
		}
.vertical_accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
.vertical_accordion_content p { line-height: 120%; padding: 7px 10px; }
/*
			Horizontal Accordion
		*/
.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */

			display: block;
			height: 100px;
			width: 30px;
			background: url(../images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
			color: #ffffff;
			text-decoration: none;
			outline: none;
			border-right: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
.horizontal_accordion_toggle_active {
			background: url(../images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
			border-right: 1px solid #f68263;
		}
.horizontal_accordion_content {
			/* REQUIRED */
			height: 100px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			background-color: #ffffff;
			color: #444444;
		}
.horizontal_accordion_content p {
				width: 450px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
/* Container styling*/
#horizontal_container {
      margin: 20px auto 20px auto;
      width: 680px;   
      height: 100px;    
    }
#vertical_nested_container {
      margin: 20px auto 20px auto;
      width: 620px;
    }
.stop { clear: both; }