/* hier sind alle Formatierung der Seite */

/*alles was im body steht, gilt für den gesamten Inhalt-falls später nichts anderes unter speziellen ID oder Klasse festgelegt wurde*/

body {
background-image:url(bilder/bg2.gif);
font-size: 12px;
font-family: Verdana, Arial, Sans-Serif;
color:#2D276A;
padding:0;
margin:0;
scrollbar-face-color: #e1e1e1;
  scrollbar-track-color: #c3c3c3;
  scrollbar-arrow-color: #c3c3c3;
  scrollbar-highlight-color: #ECF7D4;
  scrollbar-shadow-color: #B0B89E;
  scrollbar-3dlight-color: #B0B89E;
  scrollbar-darkshadow-color: #A7AC8F;
}
/*hier nachfolgend sind die Farben und unterstreichungen für die Links festgelegt*/
a {
color: #2D276A;
text-decoration:none;
}
a:visited {
color:#00008B;
}
a:hover {
color: #2D276A;
font-weight:bold;
}
a:active { 
color:#000000;
}
/*hier sind die Formatierung für die Überschriften (Text- und Hintergrundfarbe, Ausrichtung, Umrandung, Entfernung vom Rand */
h1 {
font-size: 11px;
text-transform:uppercase;
text-align: left;
background-color: #c3c3c3;
border-top:1px solid #808080;
border-bottom:1px solid #808080;
padding:5px 15px;
margin:0 
}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;
}

h3{
font-size:13px;
font-weight:bold;
padding-left:10px;}

h4{
font-size: 12px;
font-weight:bold;
padding-left:10px;}

h5{
font-size: 10px;
font-weight:normal;
padding-left:10px;
vertical-align:top;
margin:0px;
}

h6{
font-size: 10px;
font-weight:bold;
padding-left:10px;
}

span {
font-style:italic;
font-weight:bold;}


img.download {
vertical-align:middle;
}

/* -container zentriert das layout, hier sind die Formatierung
für den gesamtkasten- */
#container{
width: 900px;
margin-bottom: 10px;
margin:0 auto;
background-color: #e1e1e1;
border:1px solid #808080;
}

/* --Logo oben mit Hintergrundfarbe, Textausrichtung und Inhaltsabständen--- */
#banner {
background-color: #e1e1e1;
text-align: center;
padding: 0px;
margin: 0px;
}
#banner img {
padding:10px 0px;
} 

/* -----------------Inhalt--------------------- */

.zentriert {text-align:center;}
/*diese Klasse kann überall dort eingesetzt werden, wo etwas mittig ausgerichtet werden sollte, bei jedem Element, zB <h3 class="zentriert">das was in die mitte stehen soll</h3>, aber auch bei Images, Tabellen, Absätzen usw. die normal anders ausgerichtet sind */
#content {
background-color: #ffffff;
padding: 0;
margin: 0 200px;
}
div#content { 
width:498px;
height:600px;
min-height:600px;
/*height:expression(this.scrollHeight > 600 ? "auto":"600px"); */
}
/*Breiten Problem MS IE 6.0*/
* html div#content {
	overflow:hidden;
  w\idth:494px;
}

#content img{
padding:20px 15px;}

#content p a {
text-decoration:underline;
}

#innercontent{
	overflow: scroll;
	overflow-x:hidden;
	margin-right:10 px;
	width:498px;
	height:600px;
}

/*Breiten Problem MS IE 6.0*/
* html #innercontent {
  w\idth:494px;
}

table {
	text-align:center;
	border-collapse:collapse;
	border:no;
}

td{
/*text-align:center;*/
padding:5px 2px;}

p, pre {
padding: 5px 10px;
margin:0;
line-height:16px;
}
#design{
font-size:9px;
}

/* --------------menue links und rechts------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}

#left img {
padding-left:20px;
}

#left ul {
padding-top:20px;
padding-bottom:30px;}

#left li {
line-height:20px
}

#right {
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
}
#right li {
line-height:20px
}
#referenzen{
overflow: scroll;
overflow-x:hidden;
margin-right:10 px;
width:200px;
height:600px;
}


/* -----------fussnote--------------------------- */
#footer {
background-image:url(bilder/fuss.png);
clear: both;
margin: 0px;
padding: 0px;
height:23px;
text-align: right; 
background-color: #c3c3c3;
border-top:1px solid #808080;
/*border-bottom:1px solid #808080;*/
}