xhtml { auto: 600px; }

body, div, td, th, h2, h3, h4 { /* redundant rules for bad browsers  */
	font-family: verdana,sans-serif;
	font-size:    x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	color: #333;
}  
.clearhack { display: inline; } /*Clears Box Model Hack in IE5*/

body {
	background:  url(simages/blau_verlauf.jpg) repeat-y left top;
	/* background: #00216b;*/
	color: #333;
	padding: 1em 20px 3em 20px;
	margin: 0;
}
.accordion {
	width: 145px; float:left; position:fixed;
	margin-left:5px; top:150px; height: 200px; font-size: 10pt; font-family: verdana; 
	border-bottom: solid 1px #c4c4c4;
	font: 75%/120% Arial, Helvetica, sans-serif;
}
.accordion h4 {
	background: #e9e7e7 url(images/arrow-square.gif) no-repeat right -51px;
	margin: 0; padding-left:1px;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #c4c4c4;
	border-bottom: 2px solid #FFF;
	cursor: pointer;
	text-decoration:none; display:block; color:#333333; background-color:#CCCC66;height: 2em; line-height: 2em;
}
.accordion h4:hover {
	background-color: #e3e2e2;
}
.accordion h4.active {
	background-position: right 5px;
}
.accordion span {
	background: #f7f7f7;
	margin: 0;
	/*paspaning: 10px 15px 20px;*/
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	display: none;
}
.accordion a{ text-decoration:none; display:block; color:#333333; background-color:#CCCC66;
    height: 2em; line-height: 2em; padding-left: 2px;
	 border-bottom:1px solid #FFF; }
.accordion a.current{ color:#710000; font-weight:bold;}
.accordion a:hover{ text-decoration:none; display:block; color:#333333; background-color:#CCCCCC; }
.accordion span a{ padding-left:10px;color:#710000; font-size: 120%;}

li {
	list-style-type: none;
}
#contents li, #seite li	{list-style-image: url(simages/karo.png);}


a { color: #06C; }
a:hover { color: #333; }
a:active { color: #000; }

p { line-height: 140%; }

h1,h2 {
	font-family: trebuchet ms;
	font-weight: bold;
	color: #333;
}

h1 {
	font-size: 180%;
	margin: 0;
	color:#710000;
}

h1 a { text-decoration: none; color: #333; }
h1 a:hover { border-bottom: 1px dotted #666; color: #000; }

h2 {
	font-size: 140%;
	padding-bottom: 2px;
	border-bottom: 1px solid #CCC;
	margin: 0;
}

p.note {
	background: #EEE;
	padding: 4px;
	font-family: tahoma;
	font-size: 85%;
	line-height: 130%;
	margin-top: 0;
}
.footer{
     margin-top:5px;
	text-align: center;
	clear: both;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: groove;
	border-top-color: #666;
	border-bottom-color: #999;
}
  a[href$=".pdf"] { background: url(simages/pdf.gif) no-repeat right top;padding-right:15px;}
  a[href$=".PDF"] { background: url(simages/pdf.gif) no-repeat right top;padding-right:15px;}
  a[href^="http:"] { background: url(simages/external.png) no-repeat right top;padding-right:15px;}
  a[href^="mailto:"] { background: url(simages/envelope.gif) no-repeat right top;padding-right:15px;}