*{
  padding:0;
  margin:0;
}

body  {
  text-align: center;
  font:13px Arial,Helvetica,sans-serif;
  background:url(bilder/hintergrund.png);
  background-repeat:repeat-x;
}

h1 {
  font-size:1.08em;
  padding:0.7em;
  padding-left:1.5em;
}

.bg_li{
  background-position:left;
  background-repeat:no-repeat;
}
.bg_re{
  background-position:right;
  background-repeat:no-repeat;
}
.bg_lio{
  background-position:left top;
  background-repeat:no-repeat;
}
.bg_liu{
  background-position:left bottom;
  background-repeat:no-repeat;
}
.bg_reo{
  background-position:right top;
  background-repeat:no-repeat;
}
.bg_reu{
  background-position:right bottom;
  background-repeat:no-repeat;
}
/*============================================
===============Hintergrund==================*/
#wrapp{
  margin: 19px auto; /*horizontale Ausrichtung*/
  margin-bottom:0px;
  text-align: left;
  width:80%;
  min-width:990px;
  max-width:1300px;
  /*Footer breite bei #Footer, alles andere relativ*/
}


/*============================================
===============Formatierung des Kopf=========*/
#header {
  width:100%;
  height:276px;
}

.left_header{
  float:right;
  width:220px;
  padding-left:10px;
}

#header a {
  text-decoration:none;
}

#header img {
  border:0;
}

/*----Oben----*/

#header .w_bg{
  height:54px;
  background-color:#fff;
  margin-left:1px;
  margin-right:4px;
}

#header .w_bg .bg_lio {
  min-height:15px;
  background-image:url(bilder/header/weisz-links-oben.png);
}
#header .w_bg .bg_reo{
  min-height:15px;
  background-image:url(bilder/header/weisz-rechts-oben.png);
}

#header .w_bg img{
  float:right;
  padding-top:5px;
}

#header .w_bg .left_header{
  padding-top:5px;
  font-size:20px;
  line-height:1em;

}

/*----Unten----*/
#header .o_bg .bg_li{
  background-image:url(bilder/header/orange-links.png);
}
#header .o_bg .bg_re{
  background-image:url(bilder/header/orange-rechts.png);
  height:226px;
}

#header .o_bg img{
  margin:10px;
}

#header .o_bg .left_header{
  margin:5px 0px;
  font-size:15px;
  color:#fff;
  border-left:2px dotted #fff;
  height:212px;
}



/*----Hauptbereich----*/
#inner-wrapp{
  padding:20px 10px;
}


/*=============Seitenaufteilung==============*/

#left {
  float:left;
  width:180px; /* norm 215 min 180*/
}

#right {
  float:right;
  width:200px;
}

#outer-middle {
  margin-left:225px;  /*norm 240*/
  margin-right:230px; /*norm 235*/
}



/*============================================
===============Formatierung der Links=========*/



#navi {
  background-color:#ececed;
}

/*----Überschrift----*/

#navi .bg_lio{
  background-image:url(bilder/navi/links-oben.png);
}

#navi .bg_liu{
  background-image:url(bilder/navi/links-unten.png);
}

#navi .bg_reo{
  background-image:url(bilder/navi/rechts-oben.png);
}

#navi .bg_reu{
  background-image:url(bilder/navi/rechts-unten.png);
}

#navi h1 {
  color:#FFF;
}

#navi .logo{
  float:right;
  margin-top:0.5em;
  margin-right:10px;
}


/*----Linkliste----*/

#navi a {
  color:#000;
  text-decoration:none;
}

/*Link-Liste*/
ul.link-list{
  list-style-type:none;
  padding:1em; /*padding, bei margin wird abstand unten nicht eingehalten*/
  padding-top:0.5em;
}

/*einzelner Link*/
ul.link-list li{
  margin-top:0.5em;           /*abstand nach oben*/
  padding-left:0.5em;         /*abstand zum Strich*/
  border-left:3px solid #fff; /*Strich*/
}

/*aktiver Link*/
ul.link-list li.activ{
  border-color: #ec9442;
}

/*lvl 2 Links*/
ul.link-list li.sub{
  font-size:0.85em; /*Abstände verringern sich automatisch*/
  margin-left:1.5em; /*einrücken*/
}


/*===================================================
===============Formatierung Rechts und Mitte=========*/

/*----Überschrift----*/
.content .bg_lio{
  margin-left:-20px;
  margin-right:-20px;
  margin-top:-20px;
  margin-bottom:20px;

  background-image:url(bilder/content/headline-links-oben.png);
}
.content .bg_liu{
  background-image:url(bilder/content/headline-links-unten.png);
}
.content .bg_reo{
  background-image:url(bilder/content/headline-rechts-oben.png);
}
.content .bg_reu{
  background-image:url(bilder/content/headline-rechts-unten.png);
}

.content h1 {
  color:#fff;
}

.content .logo{
  float:right;
  margin-top:0.6em;
  margin-right:10px;
}

.content {
  overflow:auto; /*Sorgt dafür, das clear: both nur inerhalb dieses Elements wirkt*/
}

.inhalt:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/*----Texte----*/
.eintrag {
  margin-bottom:7px;
  padding:20px;
  background-color:#ececed;
}

/*==========================================
===============Formatierung Footer=========*/
p.clear-footer{
  clear:both;
}

#inner-wrapp{
  margin-bottom:5px;
}

#footer {
  position:fixed;
  bottom:0px;

  width:80%;
  min-width:990px;
  max-width:1300px;

  background-color:#cfcfd1;
  text-align:right;
  /*Abstand nach oben = inner-wrap margin-bottom*/
  margin-top:1px;
}

/*Runde ecken*/
#footer .bg_lio {
  background-image:url(bilder/footer/links-oben.png);
}
#footer .bg_reo{
  background-image:url(bilder/footer/rechts-oben.png);
}


/*----Text-Zeile----*/
#footer ul{

  list-style-type:none;
  padding-top:5px;
  padding-bottom:2px;
  padding-right:15px;
}

#footer li {
  display: inline;
  color:#fff;
}

#footer li.orange {
  color:#ec7404;
}


#footer li+li{
  border-left:2px solid #ec7404;
  padding-left:5px;
  margin-left:5px;
}


