* {
  padding: 0;
  margin: 0;
}

div > h1
{ margin-top: 0;}

body  { color: #ffffff; font-size: 80%; line-height: 125%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #000000; padding-top: 20px;}
#logo {
margin : 0 auto;
background-position : center top;
height : 170px;
width : 930px;
}

#logo1  { margin-top: -170px; width : 200px; height : 170px; z-index : 200;}


/* das topmenue ist im Bereich Menuetop eingeschachtelt und dort soll das Joomlamodul geladen werden. */

#menue1  { font-weight: bold; font-size: 90%; line-height: 200%; background: url(../images/hg_menue.png) no-repeat; text-transform: uppercase; width: 930px; margin : 0 auto; height: 30px }
#pathway{ background: url(../images/hg_pathway.png) no-repeat; margin: 0 auto; width: 930px; height: 10px  }


#menue2 {
margin : 0 auto;
padding-left: 210px;
text-indent: 5px;
color: #b2b19f;
}
/* START: BEREICH2: content  ist vielfältig verschachtelt 

/* der pathway ist der Bereich unter dem topmenue hier das Modul zum Anzeigen der Pfade reinladen. */

#content   { margin:0px auto; width: 930px; background: url(../images/hg_site.png) repeat; text-align:left;}
/* Content: das ist sozusagen der wrapper in den alles eingebaut wird - hier sollte man den gesamten Hintergrund der Seite reingeben. */

#main {
width : 530px;
  position:relative;
  top:0px;
  left:0px;
  margin-right: 200px;
  margin-left: 200px; 
/* Main: Es wird nur die Breite der Mittlespalte angegeben und dann links und rechts die aussenabstände erweitert. Die ralative Positionierung ist hier entscheidend*/
}

#text {
margin : 0 auto;
  position:relative;
  top:0px;
  left:0px;
  width:528px;
  margin-left:-200px;
  float:left;

}
/*text: Spalte für den Hauptcontent - wird durch "ausprobieren" so hinpositioniert, bis sie passt. Die ralative Positionierung ist hier entscheidend*/


#text-inside {
padding-right : 5px;
padding-left : 5px;
}

#news {
left: 0px;
width : 100%;
padding-top : 10px;
border-top : 0px solid #ccc;
}
#news1 {
float : left;
width : 45%;
font-size : 90%;
}
#news2 {
float : right;
width : 45%;
font-size : 90%;
}

#links   { 
  width: 200px;
  position:relative;
  top:0px;
  left:-200px;
  float:left;

}

/*links: hier wird das margin oben bei "main" wieder korrigiert.iert, bis sie passt. Die ralative Positionierung ist hier entscheidend*/

#rechts   { 
  width:200px;
  float:right;
  position:relative;
  top:0px;
  left:0px;
  margin-right:-200px;
  float:left;
}




#links-inside { background: url(../images/hg_links.png) repeat-y; padding-left : 5px;}

#rechts-inside {
padding-right : 0px;
padding-left : 10px;
}


/* zusatz ist ein weiterer Bereich, der im Design nicht angezeigt wird. */

#zusatz  { color: white; font-weight: bold; font-size: 80%; text-align: right; margin: 0 auto; width: 930px }


/* ENDE: BEREICH2: content  ist vielfältig verschachtelt */

/* START: BEREICH3: Footer ist nicht verschachtelt */

#footer  {  
background: url(../images/hg_footer.png) no-repeat center bottom; 
clear: both; 
height: 37px; 
}


















/* ENDE: BEREICH3: Footer ist nicht verschachtelt */


/* START: Standard-JOOMLA-CSS-VORGABEN */

body.contentpane {
background : #fff;
}

ul#mainlevel-footer  { color: #fff; font-size: 0.8em; list-style-type: none; list-style-position: outside; margin: 0; padding-top: 15px; padding-left: 200px;  }
ul#mainlevel-footer li   { color: #fff; font-size: 11px; line-height: 20px; float: left; margin: 0; padding-right: 0; padding-left: 0; border-right: 1px solid #fff }
ul#mainlevel-footer li a   { color: #fff; text-decoration: none; background-color: transparent; display: block; padding-right: 10px; padding-left: 25px }
#buttons > ul#mainlevel-footer li a  { color: #fff; width: auto}
ul#mainlevel-footer li a:hover  { color: #FF4500}

/*das ist die Formatierung für den Footer, wo im Backend das Suffix "-footer" angegeben wird */

ul#mainlevel-nav {
list-style : none;
padding : 0;
margin : 0;
font-size : 0.8em;
}
ul#mainlevel-nav li {
background-image : none;
padding-top : 7px;
padding-left : 0;
padding-right : 0;
float : left;
margin : 0;
font-size : 12px;
height : 20px;
line-height : 15px;
white-space : nowrap;
border-right : 1px solid #696969;
}
ul#mainlevel-nav li a   { color: #fff; text-decoration: none; background-color: transparent; display: block; padding-right: 15px; padding-left: 15px }
#buttons > ul#mainlevel-nav li a  { color: #ffffff; width: auto }
ul#mainlevel-nav li a:hover {
color: #FF4500;
background :ffffff;
/*das wäre ein weisser hintergrund wenn man mit der Maus darüberfährt */
}

.contentheading     { color: #ffffff; font-weight: bold; font-size: 120%; text-transform: uppercase; line-height: 18px; font-family: Arial, "Arial Narrow", Helvetica, Verdana, sans-serif; background: url(../images/dot.png) no-repeat left 0%; padding-bottom: 10px; padding-left: 0px }
.componentheading   { color: #ffffff; font-weight: bold; font-size: 120%; text-transform: uppercase; line-height: 18px; font-family: Arial, "Arial Narrow", Helvetica, Verdana, sans-serif; background: no-repeat left 0%; padding-bottom: 10px; padding-left: 0px }
.moduletable th   { color: #000000; font-weight: bold; font-size: 100%; line-height: 18px; font-family: Arial, "Arial Narrow", Helvetica, Verdana, sans-serif; text-align: left; padding-bottom: 10px }
.small {
font-size : 80%;
color : #ffffff;
font-weight : bold;
padding-left : 20px;
}
.readon {
font-size : 100%;
font-weight : bold;
padding-left : 20px;
}
.modifydate {
font-size : 80%;
color : #ffffff;
font-weight : bold;
padding-left : 20px;
}
.createdate {
font-size : 80%;
color : #ffffff;
font-weight : bold;
padding-left : 20px;
}
.pathway {
font-size : 80%;
/*der Pathway war vorher schwarz und aufgrund des Hintergrundes nicht zu sehen*/

color : #fffff;
font-weight : bold;
}
.back_button {
font-size : 80%;
color : #ffffff;
font-weight : bold;
text-decoration : none;
}
a.mainlevel  { color: #ffffff; font-weight: bold; font-size: 80%; text-decoration: none;  text-indent: 45px; text-transform: uppercase; display: block; padding-top: 10px; padding-bottom: 15px; margin-bottom: 0px; width: 170px; }
a.mainlevel:link, a.mainlevel:visited   { color: #ffffff; text-decoration: none; text-transform: uppercase; display: block; }
a.mainlevel:hover    { color: #FF4500; text-decoration: none; text-transform: uppercase; display: block; }
a.mainlevel#active_menu     { color: #ffffff; }
a.mainlevel#active_menu:hover   { color: #FF4500; }

.sectiontableentry2  { background-color: #C0C0C0}

a:link, a:visited     { color: #FF4500; text-decoration: none }
a:hover  { color: #ffffff; text-decoration: none }