/* ########################################################################## */
/*
* Sytle-Sheet für das Div-Layout
*
* Stand: 27.10.2011 23:54
*
*/
/* ########################################################################## */

/* -------------------------------------------------------------------------- */
/*
* Allgemeine Grundeinstellungen
*/
/* -------------------------------------------------------------------------- */


@import url("http://fonts.nea-net.de/css?family=Maven+Pro:400,500,700");

* {
  padding: 0px;
  border: 0px;
  margin: 0px;
}


html {
  height: 100%;

  overflow: -moz-scrollbars-vertical; /* vertikaler Scroll-Bar auch dann, wenn die Seite zu kurz ist */
  overflow-x: auto;

  /* overflow: visible !important; */ /* Achtung, führt dazu, daß im IE der vertikale Scrollbalken fehlt! */
}


body {
  height: 100%;

  text-align: center; /* Zentrierung der Gesamtseite für IE */

  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 17px;

  color: #333333;

  background: #fff2b7 url(../images/bg_kachel_repeat_x.gif) repeat-x;

  margin-top: 10px;
}


p {
}


a {
  text-decoration: none;
  font-weight: normal;
}

a:hover {
  color: #d06800;
}


/*
a:active, a:link, a:visited {
  color: blue;
}
*/


.clearing {
  clear: both;
  width: 0px;
  height: 0px;
}


/* ################################# */
/* # Seitengrundstruktur           # */
/* ################################# */

#hauptcontainer {
  width: 1000px;

  position: relative;

  min-height: 100%;            /* Mindesthöhe für moderne Browser */
  height: auto !important;     /* Important Regel für moderne Browser */
  height: 100%;                /* Mindesthöhe für den IE */
  overflow: hidden !important; /* FF Scroll-leiste */


  margin: 0 auto;              /* Zentrierung der Gesamtseite standardkonform */
  text-align: left;            /* Text wieder links ausrichten für standardkonforme Browser (wg. text-align: center; in body) */

  background: url(../images/bg_content_komplett.gif) repeat-y;
  /* Background-Kachel muß hier hin, damit bei leeren Seiten kein "Loch"
  vor dem Sticky-Footer entsteht! */
}


#metamenue {
  width: 1000px;
  height: 48px;

  text-align: right;
}


#kopfzeile1 {
  width: 1000px;
  height: 220px;

  background-color: #bbbbbb;

  z-index: 0;
}


#kopfzeile2 {
  width: 1000px;
  height: 48px;

  background: url(../images/header_subline.jpg) no-repeat;
}


#kopfzeile3 {
  width: 1000px;
  height: 27px;

  background: url(../images/bg_breadcrumb.gif) no-repeat;
}


#klammercontainerMehrspalter {
  position: relative;

  width: 1000px;

  min-height: 100%;            /* Mindesthöhe für moderne Browser */
  height: auto !important;     /* Important-Regel für moderne Browser */
  height: 100%;                /* Mindesthöhe für den IE */
  overflow: hidden !important; /* FF Scroll-leiste */

  padding: 0px;
  margin: 0px;
  border: 0px;

  padding-bottom: 65px;

  /*background: url(../images/bg_main_kachel.gif) repeat-y;*/
  /*Muß in #hauptcontainer rein!*/
}


#newsheader {
  /*display: inline;*/
  /* Achtung: wenn das drin ist, sieht man die Background-Grafik nicht... */

  width: 800px;
  height: 50px;

  padding: 0px;
  margin: 0px;
  border: 0px;

  background: url(../images/bg_bar_rot_links.gif) no-repeat left top;
}


#breadcrumbs {
  width: 650px;
  height: 50px;

  padding: 0px;
  margin: 0px;
  border: 0px;
}


#inhaltsContainer {
  min-height: 100%;            /* Mindesthöhe für moderne Browser */
  height: auto !important;     /* Important Regel für moderne Browser */
  height: 100%;                /* Mindesthöhe für den IE */
  overflow: hidden !important; /* FF Scroll-leiste */

  margin-top: 0;
  margin-bottom: 0;
  /*margin-left: 200px;*/
  /*margin-right: 150px;*/
  /*
  * Dieses margin-left und margin-right führt im Safari zum Zusammenquetschen des Containers, so dass der Inhalt
  * zu früh umbricht, obwohl rechts vom Container noch platz ist (genau soviel, wie der margin-left
  * breit ist). Wenn man es raus nimmt passt es im Safari und, oh Wunder, auch immernoch im IE und
  * im FF!
  */
}


#linkeNavigation {
  width: 200px;

  padding-right: 0px;
  float: left;

  background: #ffffff;
}


#inhaltSpalte1 {
  /*display: inline;*/
  /* Achtung: wenn das drin ist, sieht man die Background-Grafik nicht... */

  /*background-color: rgb(237, 237, 237);*/
  /* Achtung, dadurch bekommt der Text im IE einen weißen Hintergrund! */
}

#inhaltSpalte1 a {
  text-decoration: none;
  font-weight: bold;
  color: #333333;
}
#inhaltSpalte1 a:hover {
  color: #d06800;
}
/*
#inhaltSpalte1 a[href^='http://']:before,
#inhaltSpalte1 a[href^='fileadmin']:before,
#inhaltSpalte1 a[href*='knetzgau.nea-net.de']:before,
#inhaltSpalte1 a[href*='knetzgau.de']:before
{
    border: 0 none;
    content: url("../images/link.gif");
}
#inhaltSpalte1 a[name^='oben']:before,
#inhaltSpalte1 a[name^='c']:before,
#inhaltSpalte1 a[href^='javascript:linkTo_UnCryptMailto']:before,
#inhaltSpalte1 div[class^='csc-textpic-imagewrap'] a:before,
#inhaltSpalte1 a[onclick^='openPic']:before
{
    border: 0 none;
    content: url("../images/xxx.gif");
}
*/
#inhaltSpalte1 a[href^='http://'],
#inhaltSpalte1 a[href^='fileadmin'],
#inhaltSpalte1 a[href*='knetzgau.nea-net.de'],
#inhaltSpalte1 a[href*='knetzgau.de']
{
    border: 0px solid red;
}
#inhaltSpalte1 a[name^='oben'],
#inhaltSpalte1 a[name^='c'],
#inhaltSpalte1 a[href^='javascript:linkTo_UnCryptMailto'],
#inhaltSpalte1 div[class^='csc-textpic-imagewrap'] a,
#inhaltSpalte1 a[onclick^='openPic']
{
    border: 0px solid red;
    padding-left: 0px;
}


#rechteNavigation {
  width: 200px;

  float: right;

  text-align: left;
  padding: 0px;
}
#rechteNavigation a
{
  color: #666666;
}
#rechteNavigation a[href*='knetzgau.de']:before
{
  border: 0 none;
  margin-left: 1px;
  padding-left: 1px;
  color: #aaaaaa;
  content: url("../images/pfeilchen-links-rechts.png");
}


#fusszeile {
  clear: both;

  position: absolute;
  bottom: 0px;
  width: 1000px;
  height: 65px;

  text-align: center;

  background: #fff2b7 url(../images/bg_footer.png) no-repeat left top;
}


#fusszeileLinks {
  height: 65px;
  float: left;
  width: 200px;
  padding: 0px;
  text-align: left;
}


#fusszeileMitte {
  height: 65px;
  display: table-cell;
  vertical-align: bottom;
  float: left;
  width: 630px;
  text-align: left;

  font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 17px;
  color: #333333;
}
#fusszeileMitte a {
  color: #d06800;
}
#fusszeileMitte a:hover {
  color: #d06800;
}


#fusszeileRechts {
  height: 65px;
  display: table-cell;
  vertical-align: bottom;
  float: left;
  width: 170px;
  text-align: left;
}


#fusszeileInfoblock {
  float: left;

  width: 1000px;
  height: 60px;

  padding-top: 9px;
  padding-left: 25px;

  font-size: 12px;
  color: #666666;
}

#fusszeileInfoblock a {
  color: #c0201d;
}
#fusszeileInfoblock a:hover {
  color: #d06800;
}


/* ################################# */
/* # Paddings                      # */
/* ################################# */

#linkeNavigation .padding {
  padding-left: 12px;
  padding-top: 8px;
  padding-bottom: 200px;
}

#rechteNavigation .padding {
  padding-left: 0px;
  padding-right: 0px;
}

#breadcrumbs .padding {
  padding-top: 2px;
  padding-bottom: 0px;
  padding-left: 12px;
  padding-right: 0px;
}


#inhaltSpalte1 .padding {
  padding-top: 16px;
  padding-bottom: 30px;
  padding-left: 24px;
  padding-right: 25px;
}


#fusszeileLinks .padding {
  padding-top: 0px;
  padding-left: 0px;

  line-height: 23px;
}


#fusszeileMitte .padding {
  padding-top: 18px;
  padding-left: 25px;
}


#fusszeileRechts .padding {
  padding-top: 8px;
  padding-right: 13px;
}


#headeroverlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1000px;
  height: 220px;
  z-index: 9999;

  background: url(../images/header_knetzgau.png) no-repeat;
}

#fusszeileLinks .padding a.druckversion {
  display: block;
  width: 35px;
  position: relative;
  left: 12px;
  top: 16px;
  padding-left: 15px;
  background: url(../images/icon_print.gif) no-repeat center left;
  text-decoration: none;
  color: #333333;
}
#fusszeileLinks .padding a.druckversion:hover {
  color: #d06800;
}

#fusszeileLinks .padding a.nachoben {
  display: block;
  width: 60px;
  position: relative;
  left: 117px;
  top: -7px;
  padding-right: 15px;
  background: url(../images/icon_nach_oben.gif) no-repeat 65px center;
  text-decoration: none;
  color: #333333;
}
#fusszeileLinks .padding a.nachoben:hover {
  color: #d06800;
}