/****************************************/
/*    CSS www.erkelenz.de               */
/*    Copyright: regio iT aachen        */
/****************************************/


p, li, ul, td, th, body {
	font-family: arial,verdana,helvetica,geneva;
	font-size: 101%;
}

html, body {
        height:100%;
        width:100%;
        margin:0;
        padding:0;
        background-image: url(../images/backLeft.gif);
        background-repeat:repeat-y;

}
* html table {

    width:auto;

}


table {

    width:100%;

}

/******************************************************************************/
/*                            Hauptelemente HTML                              */
/******************************************************************************/
#pos1
{
  float:left;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:right;
  font-color: #000000;
}

#pos2
{
  float:left;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:left;
font-color: #000000;
}

#pos3
{
  float:left;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:right;
font-color: #000000;
}

#pos4
{
  float:left;
  bottom:
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:left;
}

#pos5
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:right;
}

#pos6
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:left;
}

#pos7
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:right;
}

#pos8
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:left;
}

#pos9
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:right;
}

#pos10
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:left;
}

#pos11
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:right;
}

#pos12
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:left;
}

#pos13
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:right;
}

#pos14
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:left;
}

#pos15
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:right;
}

#pos16
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:left;
}

#pos17
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:right;
}

#pos18
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:left;
}

#pos19
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:right;
}

#pos20
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:left;
}

#pos21
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:right;
}

#pos22
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:left;
}

#pos23
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:right;
}

#pos24
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:left;
}

#pos25
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:right;
}

#pos26
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:left;
}

#pos27
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:right;
}

#pos28
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:left;
}

#pos29
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:right;
}

#pos30
{
  float:left;
  bottom:0px;
  width:305px; 
  background-color: transparent;
  font-size:16px;
  text-align:left;
}

#ebene0
{
   position: relative;
   margin-left: 40px;
}

#ebene1
{
   position: relative;
   margin-left: 60px;
}


#ebene2
{
   position: relative;
   margin-left: 80px;
}


#ebene3
{
   position: relative;
   margin-left: 100px;
}


/******************************************************************************/
/*                                Schriften                                   */
/******************************************************************************/

h1
{
  align:center;
  color: #000000;
  font-size:18pt;
  font-weight: bold;
}

#ueberschrift
{
  position: absolute;
  top: 40;
  left: 550;
  width:460px;
  text-align: center;
  color: FFFFFF;
  font-size:20pt;
  font-weight: bold;
  text-decoration: none;
  background-color:transparent;
  z-index: 6;
}

#willkommenstext
{
  /* Positionierung und Format des Willkommen in Erkelenz Textes */
  position: absolute;
  top: 40;
  left: 550;
  width:460px;
  text-align: center;
  color: FFFFFF;
  font-size:25pt;
  font-weight: bold;
  text-decoration: none;
  background-color:transparent;
  z-index: 6;
}

#punkte
{
  /* Überschrift eines Dokuments */
  color: #FF6633;
  font-size:1em;
  text-decoration: none;
}

#auflistung
{
  text-align: left;
  text-indent: 0;
  margin-left: -4;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: -4;
}

#mainbody
{
  font-family: arial;
  font-size:12px;
}

#main_bottom {
  font-family: arial;
  font-size:12px;
  clear:right;
  right:0px;
}


/******************************************************************************/
/*                          Elementpositionierungen                           */
/******************************************************************************/

#header
{
  position:absolute;
  float:left;
  top:0px;
  left:0px;
  background-color:#3A73BA;
  width:100%;
  z-index:9;
  height: 113px;
}

#headerbildercollage
{
  left:0px;
  top:0px;
  position:absolute;
  float:left;
  z-index:8;
}

#headerverlauf
{
  position:relative;
  top:0px;
  left:504px;
  width:327px;
  background-image: url(../images/verlauf1.jpg);
  height:113px;
}

#headerinfo
{ 
/*IE*/

  position:absolute;
  top: 10px;
  left:550px;
  height:15px;
  width:auto;
  vertical-align:middle;
  color:#FFFFFF;
  font-family:arial;
  font-size:25pt;
  font-weight:bold;
  text-decoration:none;
  background-color:transparent;
  z-index:11;

  *position:absolute;
  *top:40px;
  *left:550px;
  *height:15px;
  *width:auto;
  *vertical-align:middle;
  *color:#FFFFFF;
  *font-family:arial;
  *font-size:25pt;
  *font-weight:bold;
  *text-decoration:none;
  *background-color:transparent;
  *z-index:11;
}

#topmenue
{
  position:absolute;
  top:112px;
  left:0px;
  background-color: transparent;
  width:100%;
margin-right:1px;
  z-index:11;
}

#topmenuegelb
{
  position:relative;
  top:1px;
  margin-left:309px;
  font-size:2px;
  z-index:5;
  height:2px;
  background-color:#FFFF00;
}

#topmenueblau
{
  position:relative;
  top:1px;
  margin-left:309px;
  margin-right:0px;
  z-index:5;
  background-color:#3A73BA;
  height:19px;
}

#bogen
{
  position:absolute;
  left: 189px;
  top:0px;
  z-index:15;
}


#navigation_content
{
  position:absolute;
  top:0px;
  left:0px;
  background-color: transparent;
  min-width:100%;
  height:5;
}

* html #navigation_content
{
  position:absolute;
  top:0px;
  left:0px;
  background-color: transparent;
  width:100%;
  height:100%;
  height:5;
}

#navigation
{
  position:relative;
  top:0px;
  left:0px;
  background-color: #3A73BA;
  width:211px;
  z-index:6;
  float:left;
  min-height:100%;
}

* html #navigation
{
  position:relative;
  top:0px;
  left:0px;
  background-color: #3A73BA;
  width:211px;
  height:100%;
  z-index:6;
  float:left;
}

#navigationgelb
{
  position:absolute;
  top:0px;
  left:190px;
  height:100%;
  width:2px;
  margin-top: 215px;
  background-color:#FFFF00;
  z-index:6;
  float:left;
}

#navigationverlauf
{
  position:absolute;
  top:140px;
  width:220px;
  height:75px;
  background-image: url(../images/verlauf2_neu.gif);
  z-index:14;
}

#navigationinhalt
{
  position:relative;
  top:215px;
  background-color: #3A73BA;
}

#slogan
{
position:absolute;
  top:155px;
  left:15px;
  width:184px;
  height:60px;
  z-index:54;
}

#emblem
{
position:relative;
  top:0px;
  right:0px;
  float: right;
  height:100px;
}

#content
{
  position:absolute;
  top:193px;
  left:274px;
  right:0px;
  z-index:20;
  margin-right:51px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  width:auto;
  height:500px;
  float:left
}

* html #content
{
  position:absolute;
  top:193px;
  left:274px;
  right:0px;
  z-index:20;
  margin-right:51px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  max-width:100%;
  height:500px;
  float:left
}

#grafikaktuell
{
  width:120px;
}

#aktuell
{
   position: relative;
   width:650px;
 
}

#textaktuell
{
  left:120px;
}

#bildercollage
{
  /* Positionierung der Bildercollage oben links */
  position:absolute;
  top: 0;
  left: 0;
  height:225px;
  z-index: 2;
}





#contentnavigation
{
  position:relative;
  top:0px;
  left:0px;
  z-index:20;
  font-family:Arial, Helvetica, sans-serif;
  font-size:0,8em;
  width:650px;
  background-image:url(../images/logo_neu.gif);
background-color: #3A73BA;
  background-repeat:no-repeat;
  background-position:center;
}


#text
{
  position: absolute;
  top: 0;
  left: 10;
  width: 777;
  height: 597;
  overflow: auto;
  text-align: justify;
  font-size:0.8em;
}




/******************************************************************************/
/*                               Buttons                                      */
/******************************************************************************/

a
{
  color: #000000;
  text-decoration:none;
  font-size:12px;
}

a:hover
{
  background-color:#9CC1FD;
  text-decoration:nunderline;
  color: #FF6633;
  font-size:12px;
}

a:active
{
  background-color:#9CC1FD;
  text-decoration:nunderline;
  color: #FF6633;
  font-size:12px;
}

a.pos
{
  color: #000000;
  text-decoration:none;
  font-size:16px;
}

a.pos:hover
{
  background-color:#9CC1FD;
  text-decoration:nunderline;
  color: #FF6633;
  font-size:16px;
}

a.pos:active
{
  background-color:#9CC1FD;
  text-decoration:nunderline;
  color: #FF6633;
  font-size:16px;
}

a.topmenu
{
  color: #FFFFFF;
  text-decoration:none;
  font-size:0.8em;
  background-color:#3A73BA;
}

a.topmenu:hover
{
  color: #FF6633;
  text-decoration:underline;
  font-size:0.8em;
  background-color:#9CC1FD;
}

a.topmenu:active
{
  background-color:#9CC1FD;
  text-decoration:nunderline;
  color: #FF6633;
  font-size:0.8em;
}

a.leftmenu
{
  color: #FFFFFF;
  text-decoration:none;
  border: 0px #FFFFFF solid;
  font-size:0.8em;
  background-color:#3A73BA;
}

a.leftmenu:hover
{
  color: #FF6633;
  text-decoration:underline;
  border: 0px #FFFFFF solid;
  font-size:0.8em;
  background-color:#9CC1FD;
}

a.leftmenu:active
{
  color: #FF6633;
  text-decoration:underline;
  border: 0px #FFFFFF solid;
  font-size:0.8em;
  background-color:#9CC1FD;
}

a.contentmenu
{
  color: #000000;
  text-decoration:underline;
  border: 0px #FFFFFF solid;
  font-size:0.8em;
}













fieldskontakt
 {
   width: 590px;
   left: 150;
   padding-bottom: 15;
   height: auto;
 }

  fieldset.fields
 {
   width: 510px;
   margin-left: 250;
   padding-bottom: 15;
   height: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
}

 #reihe2
 {
    position: relative;
    height: 20;
    font-size: 25px;
 }

 #reihe3
 {
    position: relative;
    height: 110;
 }

 #eingabe2
 {
   top: 3;
   left: 160px;
   position: relative;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   height: auto;
   width: 330px;
 }

 #eingabe
 {
   top: 3;
   left: 200px;
   position: relative;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   height: auto;
   width: 300px;
 }

 #label
 {
  width:200px;
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  top: 3px;
  left: 3px;
  vertical-align: top;
 }

 legend.ueber
 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold
  color: #000000;
 }

 #label
 {
  width:200px;
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  top: 3px;
  left: 3px;
  vertical-align: top;
 }

 #termin
 {
  position: relative;
  margin-top: 5px;
  height: auto;
 }

 #terminTop
 {
  position: relative;
  top:0;
  left:0;
  padding-left:5;
  width:100%;
  border-right:solid 1px #5A5A5A;
  border-top:solid 1px #5A5A5A;
  border-left:solid 1px #5A5A5A;
  height: 20px;
  background-color: #D5D5D5;
  font-size: 10pt;
  font-weight: bold;
}

 #terminDown
 {
  border-bottom:solid 1px #5A5A5A;
  border-right:solid 1px #5A5A5A;
  border-left:solid 1px #5A5A5A;
  padding-left:5;
  position: relative;
  top:0;
  left:0;
  width:100%;
  height: auto;
  background-color: #E6E6E6;
 }

 legend.ueber
 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold
 }

#ueber
 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold
 }

.ueber
 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold
 }


 a.mehr
 {
   text-decoration: none;
  font-size: 10pt;
  color: #454545;
 }

 a.mehr:hover
 {
   text-decoration: none;
  font-size: 10pt;
  color: #C8C8C8;
 }

 #verein1
 {
  width:200px;
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  top: 3px;
  left: 3px;
  vertical-align: top;
  background-color: #E6E6E6;
 }

 #verein2
 {
   top: 3;
   left: 200px;
   position: absolute;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   height: auto;
   width: auto;
   background-color: #E6E6E6;
 }