body {
	background-color: #fff;
	font-size: 100.01%;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	margin: -1em 1em 1em 1em;
	padding-top: 1em;
}

div#Kopf {
	text-align: left;
	margin: 0 auto;
	width: 730px;
        padding: 0;
}

img#KopfLogo {
	margin: 0px;
	width: 719px;
	height: 104px;


}

p#HorzMen {
	width: 719px;
	height: 29px;
	background-image: url(../images/horz_menue_hintergr.gif);
	margin: 0px;
	padding-top: 3px;
        background-repeat: no-repeat;
}

p#HorzMen a {
	color: #666;
	font-weight: bold;
	text-decoration: none;
	margin-left: 1.2em;
	font-size: 0.7em;
}

p#HorzMen a:hover {
	color: #000;
	text-decoration: underline;
}

div#Kopfzeile {
	position: relative;
margin-top: -1px;
}

div#Kopfzeile h1 {
	font-size: 0.9em;
	color: #fff;
	margin: 2px 0px 0px 0px;
	background-image: url(../images/suche_hintergr.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 8px 0px 0px 13px;
	line-height: 145%;
}

div#Kopfzeile h1 strong {
	font-size: 1.1em;
}

div#Kopfzeile a, div#Fuss a {
	color: #fff;
	text-decoration: none;
}

div#Kopfzeile a:hover, div#Fuss a:hover {
	text-decoration: underline;
}

div#Kopfzeile p {
	position: absolute;
	width: 150px;
	text-align: right;
	font-size: 0.5em;
     
}

div#Kopfzeile p strong {
	font-weight: bold;
	font-size: 1.1em;
}

div#Kopfzeile input {
	position: absolute;
	border: none;
	width: 70px;
	height: 16px;
	background-color: #fff;
	font-size: 0.9em;
}

div#Koerper {
	text-align: left;
	width: 719px;
	padding: 0;
	background-color: #fff;
	border-right: 11px solid #708090;
	background-image: url(../images/haupt_hintergr_oben.gif);
	background-repeat: no-repeat;
}

ul#hauptnavi {
	float: left;
	width: 7.5em;
	height: 20em;
	border-right: 1px dashed #959faa;
	margin-top: 15px;
	padding: 0px;
	line-height: 110%;

}

ul#hauptnavi a {
	color: #f36f31;
	text-decoration: none;
}

ul#hauptnavi a:hover {
	text-decoration: underline;
}

ul#hauptnavi li {
	font-weight: bold;
	list-style: none;
	font-size: 0.7em;
	/* hier kann man den Abstand zwischen Menuepunkten aendern */
}

ul#hauptnavi li ul li {
	font-size: 0.9em;
}
.subnavi {
        width: 8.5em;
	height: 4em;
	margin-top: 2px;
	padding: 0px;
	line-height: 110%;
}

div#content {
	font-size: 0.8em;
        
}

div#content h2 {
	color: #666;
	font-size: 1.1em;
}

div#content h3 {
	color: #666;
	font-size: 1em;
margin: 20px 0px 0px 0px;

}



div#content a {
	color: #f36f31;
	text-decoration: none;
        
}

div#content a:hover {
	text-decoration: underline;
       
}

div#content a em {
	color: #f36f31;
}
div#content ul li {
	list-style-image: url(../images/bullet_ie.gif);
}

div#content ul {
	margin: 10px 0px 40px 0px;

}


div#Fuss {
	background-image: url(../images/fuss_hintergr.gif);
	width: 699px;
	height: 22px;
	border-right: 11px solid #708090;
	text-align: left;
	font-size: 0.7em;
	padding-top: 30px;
	padding-left: 20px;
	font-weight: bold;


}

table#ArchLinks {
	background-color: #ccc;
	font-size: 0.7em;
	width: 100%;
}

table#ArchLinks td, table#ArchLinks th {
	white-space: nowrap;
	padding: 5px;
}

/*zusätzliche Styles Doris */

/* diese drei styles hab ich provisorisch angelegt, weil die elemente innerhalb von p/div nicht formatiert wurden*/


div#content h1 {
	color: #666;
	font-size: 1.1em;
}

p.csc-caption{
	font-size: 0.8em;
	font-style: italic;
}

p{
	font-size: 1em;
 
	
}



/* diese styles werden vom WYSIWYG-editor benutzt */
/*(dort kann ich grauer Hintergrund oder orange schrift auswählen*/

.grauerHintergrund {
background-color:#CCCCCC;
padding: 5px;
}

span.orange {
color:#f36f31;
}
table {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 1em;
}
strong {
color:#666;
}
dd {
 margin: 0px 0px 0px 0px;
}
.news-backlink
{
 margin: 0px 0px 0px 0px;
}
.csc-firstHeader
{
 margin: 10px 0px 0px 0px;
}