body {
	background-color: #ffffff;
	background-image:url(../media/img/derlogo_trans.gif);
	font-size: 14px;
	font-family:Arial,Helvetica;
	color:#000000;
	padding:0px;
	margin:0px;
	line-height: 1.5;
}


a {	
	color:#000066;
	font-size: 12px;
	font-weight: bold;
}
a:visited {
	color:#333399;
}
a:hover {
	/*color: #D9B445;*/
	color: white;
	background-color: #336699;
}
a:active { color:#D9B445; }


.noDecoration a {
	text-decoration:none;
	font-size: 16px;
}


h2 {
	font-weight: normal;
	padding: 5px 10px;
	margin:0px;
	color:#336699;
	font-family:Arial,Helvetica;
	font-size:18px;
}

h3 {
	font-weight: normal;
	padding: 5px 10px;
	margin:0px;
	color:#336699;
	font-family:Arial,Helvetica;
	font-size:16px;
	font-weight: bold;
	font-style:italic;
}

img {
	border: 0px; /* alle Bilder ohne Rahmen */
	padding: 0px;
	margin: 0px;
}

.border2 {
	border: 2px solid white;
	padding: 0px;
	margin: 0px;
}

.border1 {
	border: 2px solid #000066;
	padding: 0px;
	margin: 0px;
}

.tableStyle1 td, th{
	border: 1px solid rgb(51, 102, 153);
}


.tableStyle2 {
	border-collapse:collapse;
}

.tableStyle2 td, th {
	border: 2px solid rgb(51, 102, 153);
	padding: 5px;
}

.tableStyle3 {
	border-collapse:collapse;
}

.tableStyle3 td, th {
	border: 1px solid rgb(51, 102, 153);
	padding: 5px;
}

.small {
	font-size: 12px;
}

.mini {
	font-size: 10px;
}

.big {
	font-size: 16px;
}

.links {
	float:left;
	margin-top:5px;
	margin-right:20px;
	margin-bottom:10px;
	margin-left: 0px;
	font-size: 10px;
}

.rechts {
	float:right;
	margin-top:5px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left: 20px;
	font-size: 10px;
}

.bildMitte {
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	margin-bottom:10px;
	font-size: 10px;
	text-align: center;
}

.nurLinks {
	float: left;
}

.nurRechts {
	float: rechts;
}

.textRechts {
	text-align: right;
}

.textLinks {
	text-align: left;
}

.textMitte {
	text-align: center;
}

.blueBorder {
	border: 2px solid rgb(51, 102, 153);
}

.lightBlueBorder3 {
	border: 3px solid rgb(230, 230, 250);
}

.fullNaviWidth {
	width: 184px;
}

.clear {
	clear:both;
}

/* komplette Objekte wie Tabelle zentrieren */
.centerObject {
	margin-left: auto;
	margin-right: auto;
}

/* inhalt der Tabelle zentrieren */
.centerTable {
	text-align: center;	
}

.centerCells {
	margin-left: auto;
	margin-right: auto;
}	

.headerImages img {
	border: 3px solid rgb(204, 204, 204);
	width: 150px;
}

.simpleLine {
	border: 1px solid rgb(51, 102, 153);
	padding: 0px 5px;
	margin-right: 6px;
}

.simpleLine p {
	padding: 2px;
}

.blueBox {
	padding: 10px;
	border: 3px solid #F0D791;
	background-color: rgb(51, 153, 255);
}

.yellowBox {
	padding: 10px;
	border: 3px solid gray;
	background-color: #F0D791;
}


.lineHeighOne
{
	line-height: 1.0;
}

ul {
	line-height: 1.3;
}

.noListStyle {
	list-style: none;
}

p {
	padding: 5px 10px; /* oben/unten: 5px ; link/rechts: 10px */
	margin:0px; /* Aussenabstand */
}

.horizontPadding {
	padding-left: 10px;
	padding-right: 10px;
}


.linksSite {
	width: 90px;	
}
/* nicht formartierter Text */
pre{
	font-size: 12px;
	padding: 5px 10px;
	margin:0px;
}

.form1 input, .form1 select { /* Alle Labels UND Formularelemente auswŠhlen */
  display: block;
  float: left;
  width: 140px; /* Breite.*/
}


input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}



/* ----------banner for logo-------------- */
#banner {
	text-align: left;
	background-color: #F0D791; /* wŸstengelb */
	padding: 0px;
	margin: 0px;
}

/* wird momentan nicht gebraucht 
#headerTitle {
	font-size:20px;
	font-weight: bold;
	float:left;
	height: 150px; //gesamte Hoehe des Blocks
	line-height: 50px; //Abstand von vertikal angeordneten Objekten
}
//Abstand nach oben und unten = 10px 
.logo { padding-top:30px; } 
/*

/* ******************************************************
   ******************************************************
   ****************** CSS GRUND LAYOUT ******************
   ******************************************************
   ****************************************************** /

/* ----- die h1 †berschrift wird ebenfalls zur Formatierung verwendet ----- */
/* ----- Sollte nicht benutzt werden im outer bzw. content Block ! ------ */

h1 {
	text-align: right;
	font-size: 12px;
	/* text-transform:uppercase; */
	background-color: #ffffff; /* hellgrau */
	/* border-top:1px solid black;  Farbe oberhalb der Uberschrift */
	/* border-bottom:1px solid black;  Farbe unterhalb der Uberschrift */
	padding:5px 0px;
	margin:0px
}


   
/* -----------------Inhalt--------------------- */
#content{ 
	position: relative; 
	margin: 0px; 
	padding-right:5px;
	
}

/* #content * mit margin-left und right auf 10 px sollte noch erstellt werden
Dafuer muessen aber noch alle Seiten angepasst werden */
#content * {

}

/* --------------left navigavtion------------- */
#left {
	width:200px; /* #outer.border-left ist abhŠngig! */
	float:left; /* linksbŸndig */
	position:relative; 
	margin-left:-200px; /* Position: link neben content */
	margin-right:1px;
}

/*  ----------------footer---------------------- */ 
#footer {
	clear:left; /* unter dem outer div darstellen  */
	padding:0px;
	margin:0px;
	text-align: center;
}

#footer h1 {
	border-bottom:0px ; /* keinen unteren Rahmen bei Fusszeile */
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}
   
/* ----------container zentriert das layout-------------- */
#container {
width: 860px; /* Breite */
border: 1px solid black; /* Rand des Containers */
padding:0px;
margin: 40px 0px 0px 0px; /* Abstand des Šu§eren Containers nach oben */
margin-left: auto; /* mittig zentreiren */
margin-right: auto; /* mittig zentreiren */
background-color: #ffffff;
} 

/* ----------outer und inner----------------- */
#outer{ 
	margin-top: 0px;
	border-left: solid 200px white; /* hellgrau, linke Menue Spalten Farbe  */ 
	background-color: white; /* Farbe fuer Inhalt Spalten  */
	
} 

#inner{ margin:0px; width:100%; } /* die IE PC schlaufe */