/*-------RESET------------------------------------
-------------------------------------------------*/

* {
  margin:0;
  padding:0;
  text-decoration:none;
}



/*-------HEADER-----------------------------------
-------------------------------------------------*/

#wrapper {
  width:1024px;
  margin:0 auto;
}

#wrapper #header {
  background:url(../img/Kopf.jpg) no-repeat top left;
  width:1024px;
  height:108px;
  position:relative;
}

#logo {
  position:absolute;
  top:20px;
  left:20px;
}

#top-navi {
  position:absolute;
  top:87px;
  left:255px;
}
/*-------TOP-IMAGE--------------------------------
-------------------------------------------------*/

#top-img {
  background:transparent;
  width:986px;
  height:153px;
  position:relative;
  margin:5px auto 15px;
}

/*-------3-COL------------------------------------
-------------------------------------------------*/

#left {
  float:left;
  width:220px;
  display:inline;
}

#right {
  float:right;
  width:220px;
  display:inline;
}

#middle {
  margin: 0 auto;
  width:509px;
}

* html #middle {
  margin: 0 auto;
  width:509px;
  overflow:hidden;
  
}

#content {
  width:986px;
  margin:0 auto;
  background:url(../img/Streifen_Menue_lang.jpg) repeat-y center top;
}

* html  #content {
  background-image:url(../img/Streifen_Menue_lang.jpg);
  background-repeat:repeat-y;
  background-position:238px 0px;
}

*+html  #content {
  background-image:url(../img/Streifen_Menue_lang.jpg);
  background-repeat:repeat-y;
  background-position:238px 0px;
}


.clear {
  clear:both;
}
/*-------3-COL-BOTTOM---------------------
-------------------------------------------------*/

#bot-left {
  float:left;
  width:220px;
  background:url(../img/Streifen_Menue_schmal.jpg) repeat-y top left;
}

#bot-right {
  float:right;
  width:220px;
  background:url(../img/Streifen_Menue_schmal.jpg) repeat-y top left;
}

#bot-middle {
  margin: 0 auto;
  width:509px;
}

#bottom-cont {
  width:986px;
  margin:0 auto;
  position:relative;
}

/*-------BACKGROUND-ELEMNTS-----------------------
-------------------------------------------------*/

#content-left {
   background-image:url(../img/Streifen_Menue_schmal.jpg);
   background-position:left top;
   background-repeat:repeat-y;
   width:986px;
   overflow:hidden;
}

#content-right {
   background-image:url(../img/Streifen_Menue_schmal.jpg);
   background-position:right top;
   background-repeat:repeat-y;
   width:986px;
}

.cont-top {
  background:url(../img/Menuekopf_schmal_grau.jpg) no-repeat top left;
  width:220px;
  height:28px;
}

.cont-middle {
  /*background:url(../img/Streifen_Menue_schmal.jpg) repeat-y top left;*/
}

.cont-bottom {
  background:url(../img/Menueende_schmal.jpg) no-repeat bottom left;
  width:220px;
  height:81px;
}

#middle-cont-top {
  background:url(../img/Menuekopf_lang_grau.jpg) no-repeat top left;
  width:509px;
  height:28px;
}

#middle-cont-top2 {
  background:url(../img/Menuekopf_lang_lila.jpg) no-repeat top left;
  width:509px;
  height:28px;
}

#middle-cont-middle,
#middle-cont-middle2 {
  /*background:url(../img/Streifen_Menue_lang.jpg) repeat-y top left;*/
}

#middle-cont-bottom,
#middle-cont-bottom2 {
  background:url(../img/Menueende_lang.jpg) no-repeat top left;
  background-color:white;
  width:509px;
  height:14px;
  padding-bottom:15px;
}

/*-------FOOTER------------------------------------
-------------------------------------------------*/

#footer {
  background:url(../img/Impressum_Balken.jpg) no-repeat top left;
  height:54px;
  width:509px;
}