/**************************************
Main CSS-Datei für WiFo Passau
- legt grundsätzliches Layout fest
- überschreibt Stellen des CSS von "CSS Styled Content"
- wird in "template.html" eingbunden
**************************************/
body {
  margin: 0;
  padding: 0;
  background: #eaeef2;
  font-family: Arial, Helvetica, sans-serif;
}


/*******************
Ausrichten und Anpassen der Größe der im Template fest vorgegebenen Container
*******************/
#head {
  width: 100%;
  height: 97px;
  background: #fff;
}
#wifologo {
  width: 943px;
  height: 97px; 
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
#wifologo img {
  margin-top: 25px;
  border-width: 0;
}

#navi {
  width: 210px;
  margin: 0 4px 0 0;
  position: absolute;
  top: 97px;
  left: 0;
}

#content {
  width: 550px;
  margin: 0 4px 0 0;
  position: absolute;
  top: 97px;
  left: 214px;
}

#border {
  width: 175px;
  margin: 0;
}
#function {
  width: 175px;
  position: absolute;
  top: 75px;
  left: 768px;
  height: 19px;
  width: 175px;
}


/*******************
Ausrichten und Anpassen der Größe der durch die Marker ersetzten Container im div Border
*******************/
#termine {
  height: 180px;
  width: 175px;
  margin: 0 0 4px 0;
  position: absolute;
  top: 97px;
  left: 768px;
  background: #d8e0e7;
}

#mitgliederaktuell {
  height: 180px;
  width: 175px;
  margin: 0 0 4px 0;
  position: absolute;
  top: 281px;
  left: 768px;
  background: #d8e0e7;
}

#botschafter {
  height: 270px;
  width: 175px;
  margin: 0 0 4px 0;
  position: absolute;
  top: 465px;
  left: 768px;
  background: #d8e0e7;
  text-align: center;
}

#service {
  min-height: 77px;
  width: 175px;
  margin: 0px;
  position: absolute;
  top: 739px;
  left: 768px;
  background: #d8e0e7;
}


/*********************
Styles der Hauptnavigation
*********************/
#navi ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#navi li {
  background: #d8e0e7;
  font-size: 12px;
}
#navi a {
  height: 25px;
  padding-top: 5px;
  text-decoration: none;
  padding-left: 10px;
  border-bottom: 1px solid #bac8d2;
  font-size: 12px;
  color: #618299;
  display: block;
}
#navi a:hover, #navi a:active {
  color: #c80104;
}
#navi a#cur { /* current site */
  color: #c80104;
/*  background: #fff; */
}
#navi a#act { /* site in active path */
/*  background: #fff;*/
}

/* nur fuer zweite Ebene */
#navi ul ul li {
  background: #ecf0f3;
}
#navi ul ul a {
  padding-left: 20px;
}

/*********************
Styles der rechten Bloecke
*********************/
#border h1 {
  font-weight: normal;
  font-size: 12px;
  color: #fff;
  background: #295576;
  height: 18px;
  padding-top: 4px;
  padding-left: 6px;
  margin: 0;
  
}

/* Termine und Mitglieder aktuell */
#termine h2, #mitgliederaktuell h2 {
  margin-top: 2px;
  margin-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 12px;
}
#termine a, #mitgliederaktuell a {
  color: #3f6988;
  text-decoration: none;
  display: block;
  margin-top: -15px;
  margin-left: 10px;
}
#termine a:hover,  #termine a:active, #mitgliederaktuell a:hover, #mitgliederaktuell a:active {
  color: #c80104;
}
#termine span, #mitgliederaktuell span { /* datum */
  font-size: 10px;
  color: #849fb3;
}
#termine span a, #mitgliederaktuell span a { /* archivlink */
  bottom: 2px;
  font-size: 12px;
  position: absolute;
  right: 4px;
}
#termine p, #mitgliederaktuell p {/* tt_news-Meldung "Keine Artikel in dieser Ansicht" */
  font-size: 12px;
  color: #849fb3;
}
/* Botschafter */
#botschafter h1 {
  text-align: left;
}
#botschafter h2 {
  font-size: 11px;
  color: #3f6988;
  padding-left: 5px;
  margin: 1px 0;
}
#botschafter p {
  margin:0;
  padding: 3px 5px 0;
  line-height: 12px;
  text-align: left;
}
#botschafter a {
  font-size: 12px;
  color: #3f6988;
  text-decoration: none;
}
#botschafter a:hover,  #botschafter a:active {
  color: #c80104;
}

/* Service */
#service ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  padding-left: 6px;
}
#service li {
  background: #d8e0e7;
  font-size: 12px;
}
#service a {
  height: 19px;
  padding-top: 6px;
  text-decoration: none;
  font-size: 12px;
  color: #618299;
  display: block;
}
#service li.notlast a {
  border-bottom: 1px solid #bac8d2;
  height: 18px;
}
#service a:hover, #service a:active {
  color: #c80104;
}
#service a#cur { /* current link */
  color: #c80104;
}

/* Funktionsnavi */
#function ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#function li {
  display: inline;
  margin-right: 9px;
}
#function a {
  text-decoration: none;
  font-size: 12px;
  color: #618299;
}
#function a:hover, #service a:active {
  color: #c80104;
}


/*********************
Styles des Inhalts
*********************/
#content img.teaserimg {
  margin-bottom: 4px;
}

/*** normaler Inhalt ***/

/* Ausrichten von Inhalten */
.align-left {
  text-align: left !important;
}
.align-center {
  text-align: center !important;
}
.align-right {
  text-align: right !important;
}
.align-justify {
  text-align: justify !important;
}

.ce { /* gesamte CE (Content Element) */
  background: #d8e0e7;
  font-size: 13px;
  line-height: 16px;
  color: #346988;
  margin-bottom: 4px;
  overflow: auto; /* ist zwar standard, aber wird vom browser sonst ignoriert. Damit CE's nicht überlappen, wenn bilder > text */
}
.ce h1 { /* Überschrift des CE's */
  background: #c3cfd9;
  margin: 0;
  padding-left: 10px;
  padding-top: 8px;
  height: 22px;
  font-size: 16px;
}
.ce h2 { /* Überschrift ("Unterüberschrift") innerhalb des CE's */
  padding-left: 10px;
  margin: 0;
  margin-top: 5px;
  font-size: 15px;
}
.ce a { /* Link innerhalb des CE's */
  color: #618299;
}
.ce a:hover, .ce a:active { /* Hover-/Active-Link innerhalb des CE's */
  color: #c80104;
}
.ce p { /* Text innerhalb des CE's Text */
  padding: 5px 10px;
  margin: 0;
}
.ce ul, .ce ol { /* unsortierte Liste, sortierte Liste innerhalb des CE's Text */
  padding: 5px 10px 5px 40px;
  margin: 0;
}
.ce table { /* Tabelle innerhalb des CE's */
  margin: 5px 10px;
  border-spacing: 0;
  border: 1px solid #c3cfd9;
  border-collapse: collapse;
}
.ce th, .ce td { /* jede Tabellenzelle innerhalb des CE's */
  border: 1px solid #c3cfd9;
  padding: 4px 10px;
}
.ce th { /* jede Tabellenkopfzelle innerhalb des CE's */
  background: #c3cfd9;
}
.ce caption {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: left;
}

.ce div { /* gesamte CE Text m/ Bild */
  padding: 0 10px;
}
.ce div h2 { /* Überschrift innerhalb des CE's ("Unterüberschrift") innerhalb des CE's Text m/ Bild */
  padding-left: 0;
}
.ce div p { /* Text innerhalb des CE's Text m/ Bild */
  padding: 5px 0;
  text-align: left;
}
.ce div ul, .ce div ol { /* unsortierte Liste, sortierte Liste innerhalb des CE's Text m/ Bild */
  padding-left: 30px;
}
.ce div div { /* Bild innerhalb des CE's Text m/ Bild */
  padding: 0;
  margin-top: 5px;
}


/*** Ext: tt_news ***/

.newslist h1 {
  font-size: 13px;
  color: #295576;
  padding: 0;
  padding-left: 4px;
  height:30px;
  line-height:13px;
}
.newslist a {
  text-decoration: none;
}
.newslist h1 span {
  font-size: 10px;
  color: #295576;
  font-weight: normal;
}
.newslist img {
  margin: 8px 0;
  margin-right: 8px;
  float: left;
}
.newslist p img { /* Linkicon */
  float: none;
  margin: 0;
}

.newssingle h1 {
  font-size: 13px;
  color: #295576;
  padding: 0;
  padding-left: 4px;
  height:30px;
  line-height:13px;
}
.newssingle h1 span {
  font-size: 10px;
  color: #295576;
  font-weight: normal;
}
.newssingle h3 { /* Teaser/Subtitle Text */
  margin:0;
  padding:5px 10px;
/*  font-weight: normal; */
  font-size: 12px;
}
.newssingle img {
  border: 0px;
  margin-right: 5px;
}

.news-single-links {
  clear: both;
}
.news-single-imgcaption {
  width: 149px;
  float: left;
}


/*** Ext: wec_map ***/
.tx-wecmap-pi1 table, .tx-wecmap-pi1 td {
  border: 0;
}
.ce div.tx-wecmap-pi1 div { /* ueberschreiben von ".ce div div" */
  margin-top: 0;
}