/* CSS BUTTONFORMATE */

.cssbutton{
background-color: #d1ec4c;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}

	/** Buttonformate **/

#button {
  background-image: url(http://www.familie-pforte.de/inhalt1/img/btn.gif);
  background-repeat: no-repeat;
  width: 180; height: 25;
  text-decoration: None;
  padding-top: 4px;
  text-align :center;
  }

.rssbut{
background-color: #ff6600;
border: 1px #ff6600 outset;
padding: 0 2px;
color: white;
text-decoration: none;
font: bold 10px Verdana;
}

.rssbut:visited, .rssbutton:hover, .rssbutton:active{
color: white;
}

.cssbut1{
width: 160px;
background-color: #92AED2;
border: 2px #EEF6FE outset;
padding: 1px 4px;
color: navy;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbut1:visited{
color: navy;
}

.cssbut1:hover{
border-style: inset;
background-color: #EEF6FE;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbut1:active{
color: navy;
}

	/** Buttonformate - ENDE **/


/* SCHRIFTFARBEN */

.weiss { color: #FFFFFF; }
.red { color: #FF0000; }
.blue { color: #0000FF; }
.black { color: #000000; }
.violet { color: #8000FF; }
.css { color: #646464; }
.codekomment { color: #FF8000;}
.rot   { color: #FF0000;}
.rot-a   { color: #FF0000; background-color: #F0F8FF;}
.rot-b   { color: #FF0000; background-color: #F5F5DC;}
.rot-c   { color: #FF0000; background-color: #F0FFF0;}
.rot-d   { color: #FF0000; background-color: #FFFFF0;}
.rot-e   { color: #FF0000; background-color: #F5F5F5;}
.rot-f   { color: #FF0000; background-color: #FFF0F5;}
.gelb  { color: #00FF00;}
.gruen { color: #006400;}
.blau  { color: #0000FF;}
.grau  { color: #EFEFEF;}
.braun  { color: #800000;}


/* ARTIKEL Überschriften */

.artikel {color: orange; font-size:16px; font-weight: bold;}
.artikelbox {color: orange; font-size:13px; font-weight: bold}

/* Seitenende TABLEFARBEN */

#table-unten {
  border: solid 1px #FFD700;
  border-color: #FFD700;
  }

#unten {
  background-color: #FFD700;
  }

#quicknavi {
  background-color: #FFFBE9;
  }

/* LOGOS */

#logorechts {
  background-image: url(http://www.familie-pforte.de/mimg/mp.gif);
  background-repeat: no-repeat;
  width: 190px; height: 170px;
  }

#logooben {
  background-image: url(http://www.familie-pforte.de/mimg/mp-oben.gif);
  background-repeat: no-repeat;
  background-position: top center;
  width: 607px; height: 120px;
  }

/* MAINLINIE */

#main {
  background-image: url(http://www.familie-pforte.de/mimg/blinie1.gif);
  background-repeat: repeat-x;
  height: 32;
  text-decoration: None;
  font-family: arial; 
  font-weight: bold; 
  font-size: 16pt; 
  padding-left: 0px;
  padding-top: 0px;
  color: #FF7F00;
  valign: middle;
  }

#linieli {
  background-image: url(http://www.familie-pforte.de/mimg/blinieli.gif);
  background-repeat: no-repeat;
  width: 30px; height: 30px;
  }

#liniere {
  background-image: url(http://www.familie-pforte.de/mimg/bliniere.gif);
  background-repeat: no-repeat;
  width: 35px; height: 30px;
  }

/* HINWEISTABLE */

#hiliob {
  background-image: url(http://www.familie-pforte.de/inhalt1/img/oben_links.gif);
  background-repeat: no-repeat;
  width: 14px; height: 53px;
  }

#himiob {
  background-image: url(http://www.familie-pforte.de/inhalt1/img/oben_bg.gif);
  height: 53px;
  color: orange;
  padding-bottom: 15px;
  }

#hireob {
  background-image: url(http://www.familie-pforte.de/inhalt1/img/oben_rechts.gif);
  background-repeat: no-repeat;
  width: 13px; height: 53px;
  }

#hiliunt {
  background-image: url(http://www.familie-pforte.de/inhalt1/img/unten_links.gif);
  background-repeat: no-repeat;
  width: 14px; height: 14px;
  }

#himiunt {
  background-image: url(http://www.familie-pforte.de/inhalt1/img/unten_mitte.gif);
  height: 14px;
  }

#hireunt {
  background-image: url(http://www.familie-pforte.de/inhalt1/img/unten_rechts.gif);
  background-repeat: no-repeat;
  width: 13px; height: 14px;
  }

#hilimi {
  background-image: url(http://www.familie-pforte.de/inhalt1/img/links_mitte.gif);
  width: 14px;
  }

#hiremi {
  background-image: url(http://www.familie-pforte.de/inhalt1/img/rechts_mitte.gif);
  width: 13px;
  }

#hitext {
  background-color: #FFFBE9;
  width: 400px;
}

/* TICKERTABLE Hintergrund */

#tickertext {
  background-color: #FFFBE9;
  width: 220px;
  height: 170px;
}

/* Kleines Bild mit PC */

#bildkl-ob {
  background-image: url(http://www.familie-pforte.de/inhalt1/img/pc-oben.gif);
  width: 134px; height: 7px;
  align: center;
  valign: bottom;
  }

#bildkl-li {
  background-image: url(http://www.familie-pforte.de/inhalt1/img/pc-links.gif);
  width: 7px; height: 90px;
  align: right;
  }

#bildkl-re {
  background-image: url(http://www.familie-pforte.de/inhalt1/img/pc-rechts.gif);
  width: 7px; height: 90px;
  align: left;
  }

#bildkl-unt {
  background-image: url(http://www.familie-pforte.de/inhalt1/img/pc-unten.gif);
  width: 134px; height: 26px;
  align: center;
  valign: top;
  }

#bildkl-inh {
  width: 120px; height: 90px;
  align: center;
  valign: middle;
  }


/* LISTENFORMATE */

	/** Verzeichnisliste **/

.breadcrumb{
font: bold 12px;
text-align : center;
}

.breadcrumb a{
background: transparent url(http://www.familie-pforte.de/inhalt1/pfeil1.gif) no-repeat center right;
text-decoration: none;
padding-right: 16px; /*adjust bullet image padding*/
color: #660000;
}


.breadcrumb a:hover{
text-decoration: underline;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: #DD7E00;
}

	/** LISTE EINFACH **/

ul	 {
list-style-image:url(http://www.familie-pforte.de/inhalt1/img/kugel.gif);
}

    /**  ARCHIVLISTE  **/

ul.archiv	 {
list-style-image:url(http://www.familie-pforte.de/inhalt1/pfeil2.gif);
}

    /**  BILDLISTE  **/


ul.bildkl {
font-size:0.8em;
padding-left: 10%;
}

li.bildkl {
float:left;
list-style:none;
padding:10px;
line-height: 10px;
align: center;
}

li.bildkl span{font-size:0.8em;}

    /**  SUCHLISTE  **/

input#suchbox1 {
  vertical-align:middle;
  width: 100px;
  font-size: 11px;
  color: #800000;
  this.style.color: #FAEBD7;
  background-color: #FFFFF0;
  border: 1px solid #bebebe;
}

#suche  {
  background-image: url(http://www.familie-pforte.de/inhalt1/img/lupe.gif);
  background-repeat: no-repeat;
  background-position: center;
}