/* Auftraggeber: empius GmbH */
/* Umsetzung: Knips & Konsorten, Remo Hoffmann */
/* ..:: Allgemeine Definition ::.. */
/* Farben
  690A67 lila
  7F9E15 grün
  5B5B5B grau
  DCDDE7 blaugrau
*/

* {
  margin: 0;
  padding: 0;
}

body {
  color: #000000;
  font-family: Arial;
  font-size: 12px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 120%;
  text-transform: none;
  text-align:center;
  background-color: #DCDDE7;  
}

a {
  color: #5B5B5B;	
}

.container {
  width: 985px;
  height: 619px;
  margin: 40px auto;
}

.links {
  width: 297px;
  height: 588px;
  background-image: url(../bilder/bg_links.jpg);
  float: left;
}
* html body .links {
  width: 296px; /*297px*/
}

.navigation-links {
  margin: 100px 52px 0 32px;
  text-transform: uppercase;
  color: #5B5B5B;    
}

.navigation-links ul a{
  text-decoration: none;
  font-size: 12px;
  color: #5B5B5B;
}

.navigation-links li {
  width: 201px; /*213px - 12px padding-right*/
  margin-top: 5px;
  padding: 3px 12px 0 0;  
  height: 17px; /*20px - 3px padding-top*/
  text-align: right;
  list-style-type: none;
}  
  
.rechts {
  width: 686px;
  height: 588px;
  float: left;
}

.navigation-oben {
  width: 653px; /*688px - 35px padding-left*/
  height: 20px; /*25px - 5px padding-top*/
  padding: 5px 0px 0px 35px; 
  text-transform: uppercase;
  color: #FFFFFF;    
  background-image: url(../bilder/bg_navigation.gif);
  background-repeat: no-repeat;
}

.navigation-oben ul a{
  text-decoration: none;
  font-size: 12px;
  color: #FFFFFF;
}

.navigation-oben li {
  margin-right: 40px; /*49*/
  list-style-type: none;
  float: left;
}

.textteil {
  width: 688px; /*688*/
  height: 563px;
  background-image: url(../bilder/bg_textteil.gif);
  background-repeat: repeat-y;   
}

.textteil h2 {
	margin-bottom:7px;
}

.textteil p {
	margin-bottom:10px;
}

.text-links {
  width: 670px; /*670*/
  height: 485px;  /*563 - 78*/
  float: left;  
  margin-top: 78px;
}

.text-rechts {
  width: 18px; /*18*/
  height: 485px;  /*563 - 78*/
  float: left;  
  margin-top: 100px;
}

.unten {
  width: 985px;
  height: 31px;
  background-image: url(../bilder/bg_unten.gif);  
}

/*Typo3 Anpassungen*/
/*Subnavigation*/
.links .ebene1 .aktiv {
  background-color: #690A67;
}
.links .ebene1 .aktiv a{
  color: #FFFFFF;
}
.links .ebene2 .aktiv {
  background-color: #690A67;
}
.links .ebene2 .aktiv a{
  color: #FFFFFF;
}

/*Navigation*/
.rechts .ebene1 .aktiv a{
/*color: #DCDDE7;*/
}

/*Text linke Spalte*/
.text-links .csc-frame-invisible {
  margin: 0 23px 0 35px;
  text-align: left;
  color: #5B5B5B;
}
.text-links .csc-frame-invisible h1 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
}
.text-links .csc-frame-invisible ul{
  margin-left: 15px;
}

/*Text rechte Spalte*/
.text-rechts .csc-frame-invisible {
  margin: 0 23px 0 35px;
  text-align: left;
  color: #5B5B5B;
}
.text-rechts .csc-frame-invisible h1 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
}
.text-links .csc-frame-invisible ul{
  margin-left: 15px;
}

.text-links .csc-frame-invisible li{
  padding: 3px 0 3px 0;
}

.csc-textpic-text {
  /*border: 1px solid red;*/
  padding: 0 0 15px 10px;
}

.csc-textpic-imagewrap {
  margin-top: 5px;
}

/* Text allgemein*/
.bodytext {
  padding: 5px 0 5px 0;
  text-align: left;
}

/* Layout */
div.clearer {
  clear: left;
  height: 0px;
  font-size: 1px;
  line-height: 1%;
}