body {
	padding:0px;
	margin:0px;
	text-align: center;
	background: url(../gfx/bg.gif) top repeat-x #FFF;
	
	font-family: Geneva, Verdana, Sans-Serif;
	font-size: 0.9em;
}

.logo
{
    width: 772px;
    height: 300px;
    background: url(../gfx/navi_head_history2.jpg) center no-repeat #FFF;
    
    padding-top: 0px;
}

#contentarea, .navi_unten, .copyright
{
    width: 760px;
    height: auto;
    background-color: #FFF;
    
    padding-top: 0px;
    
    border-left: 1px solid #94AF6A;
    border-right: 1px solid #94AF6A;
    border-top: 1px solid #94AF6A;
    border-bottom: 1px solid #94AF6A;
    
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
}

.navi_unten
{
    border-top: none;
}

.copyright
{
    border: none;
    margin-top: 5px;
    margin-bottom: 10px;
    
    font-size: 9px;
    color: #678C2C;
    text-align: right;
}

.navi
{
    width: 185px;
    height: auto;
    padding-left: 5px;
    
    text-align: left;
    vertical-align: top;
}

.content
{
    width: 550px;
    height: auto;
    margin-right: 10px;
    /* border: 1px solid black; */
    
    text-align: left;
    vertical-align: top;
}

td
{
    font-size: 13px;
    line-height: 18px;
}

.autor
{
    width: auto;
    font-size: 1.0em;
    margin: 5px 0px 5px 0px;
}



/* -------------- Bilder --------------- */

#leaf, #leaf span
{
    height:294px;
    width:760px;
    background-image: url(../gfx/leaf.jpg);
}

#red_bloom, #red_bloom span
{
    height:294px;
    width:760px;
    background-image: url(../gfx/red_bloom.jpg);
}

#pipe
{
    height:294px;
    width:760px;
    background-image: url(../gfx/pipe.jpg);
}

#violett_bloom, #violett_bloom span
{
    height:294px;
    width:760px;
    background-image: url(../gfx/violett_bloom.jpg);
}

#orchid, #orchid span
{
    height:294px;
    width:760px;
    background-image: url(../gfx/orchid.jpg);
}

#green_star, #green_star span
{
    height:294px;
    width:760px;
    background-image: url(../gfx/green_star.jpg);
}

/* -------------- Listen --------------- */
ul.navlist
{
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 2px;
}

ul.navlist li
{
  list-style-position: inside;
  list-style-image: url(../gfx/listpoint.gif);
  line-height: 20px;
  
  font-size: 12px;
  padding-right: 5px;
}

ul#footerlist	{
	padding: 0px;
	margin: 0px;
	font: normal 10px/1.4 "Arial","Verdana",sans-serif;
	color: #157F17;
	text-align: center;
	text-decoration: none;
}
#footerlist li	{
	padding: 0 5px 0 5px;
	margin: 0;
	border-right: 1px solid #157F17;

    line-height: 20px;
	font-weight:normal;
    font-size: 11px;
    
    list-style-type: none;
	display: inline;
}
#footerlist a:link, #footerlist a:visited	{
	text-decoration: none;
	color: #157F17;
}
#footerlist a:hover	{
	text-decoration: none;
	color: #FFF;
}
#footerlist li a#current	{
	text-decoration: none;
	color: #157F17;
}

/* Liste für die Suchergebnisse */
ul.search
{
    margin: 0px 0px 0px 0px;
    padding: 2px;
}

ul.search li
{
    list-style-type: none;
    margin: 20px 0px 20px 0px;

    border-bottom: 1px dotted #157F17; 
}


/* -------------- Schriften --------------- */
h1
{
 color: #157F17;
 text-align: left;

  font-family: Geneva, Verdana, Arial, Sans-Serif;
  font-size: 1em;
}

h2
{
  margin: 0 0 0 0;
  color: #157F17;

  font-size: 1.2em;
  
  font-family: Geneva, Verdana, Arial, Sans-Serif;
  font-weight: normal;
}

h2 a:link, h2 a:visited
{
    text-decoration: underline;
}

.small, .font_klein
{
  font-size: 11px;
}

.klara
{
  font-size: 11px;
  line-height: 12px;
}



/* -------------- Links --------------- */

a:link, a:visited
{
  color: #157F17;
  text-decoration: none;
}

a:hover
{
  background: #157F17;
  color: #FFFFFF;
  text-decoration: none;
}

/*  Modifizierung Contentbereich  */
.content a:link,
.content a:visited
{
  color: #157F17;
  text-decoration: underline;
}

.content a:hover
{
  background: #157F17;
  color: #FFF;
}



/* argh L&ouml;sung */
.links, .rechts,
.bildbox, .bildbox_left, .bildbox_right,
.umbruch, .blackborder, .bigpic, .big_pic, .grosses_bild
{
    width: auto;
    display: block;
    float: left;
    height: auto;
    border: 1px dotted #678C2C;
    text-align: center;
    padding: 10px;
    margin: 0px 6px 6px 0px;
    font-size: 0.8em;
    vertical-align: top;
}

div.links img, div.rechts img,
div.bildbox img, div.bildbox_left img, div.bildbox_right img,
div.umbruch img, div.blackborder img, div.bigpic img, div.big_pic img, div.grosses_bild img
{
    border: none;
}

.rechts, .bildbox_right
{
    float: right;
}

.bigpic, .big_pic, .grosses_bild
{
    border: none;
    float: none;
    clear: both;
}

.break
{
    height: 20px;
    clear:both;
}




/* ================================================ */
/* ---------------- BLAETTERN --------------------- */
/* ================================================ */

/* Blätternliste definieren */
ul#pages
{
    height: 20px;
    width: auto;
    margin-top: 20px;

    padding: 2px 2px 2px 5px;	 
	
    border-top: 1px #678C2C dotted;
    border-bottom: 1px #678C2C dotted;

    text-align: center;

    list-style: none;  
    float: none;
}

/* Seitenummern, aktuelle seite, pfeile vor und zurück */
ul#pages li.pagenumber, 
ul#pages li.page_aktuell, 

ul#pages li.page_arrow_next,
ul#pages li.page_arrow_back,

ul#pages li.page_points
{
    float: left;
    font-size: 0.8em;
    min-width: 20px;
    height: 15px;
    margin: 2px 5px 0px 2px;


    border: 1px solid #90B84F;
    text-align: center;
    font-weight: bold;
}

/* hervorheben der aktuellen seite */
ul#pages li.page_aktuell
{
    background: #90B84F;
}

/* anzeige der punkte */
ul#pages li.page_points
{
    font-weight: normal;
    border: none;
}

/* pfeil zurück */
ul#pages li.page_arrow_back
{
    border: none;
    background: url(../images/back1.gif) no-repeat;
    margin-top: 5px;
}

/* pfeil weiter */
ul#pages li.page_arrow_next
{
    border: none;
    background: url(../images/next1.gif) no-repeat;
    margin: 5px 0px 0px 10px;
}

/* links der pfeile */
ul#pages li.page_arrow_next a:link,
ul#pages li.page_arrow_next a:visited,
ul#pages li.page_arrow_next a:hover,

ul#pages li.page_arrow_back a:link,
ul#pages li.page_arrow_back a:visited,
ul#pages li.page_arrow_back a:hover
{
    display: block;
    width: 100%;
    height: 100%;
}

/* links der seiten */
ul#pages li.pagenumber a:link,
ul#pages li.pagenumber a:visited,
ul#pages li.pagenumber a:hover
{

    display: block;
    min-width: 20px;
    *width: 20px;
    height: 15px;
    padding: 0px 2px 0px 2px;

    background: #D0F497;
    font-weight: normal;

    text-decoration: none;
    color: #000;
}


ul#pages li.pagenumber a:hover
{
    background: #90B84F;
    font-weight: bold;
}


ul#pages li.page_arrow_next a:hover,
ul#pages li.page_arrow_back a:hover
{
    background: none;
}

/* ## =~=~=~=~ ENDE - BLÄTTERN =~=~=~=~=~=~=~=~=~=~= */


/* ======================================== */
/* Erzwungene Umbrüche, Linien, Formular, Punkte bei der Suche */

.break
{
  clear: both;
}


.naviline, .line
{
  clear: both;

  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
  border-bottom: 1px dotted #678C2C;
}

.line
{
  margin: 20px 0px 20px 0px;
}

.form
{
  padding: 0px;
  margin: 0px;
}

/* anzeige der erreichten punkte bei der suche */
.point
{
    width: 6px;
    height: 6px;
    margin: 5px 4px 0px 1px;

    background: url(../images/point.gif) no-repeat;
    float: left;
}

/* pdf-icon */
.content div.pdf_icon,
.content_left div.pdf_icon
{
    display: inline;
    margin: 0 5 0 3;
    width: 20px;
    height: 18px;
    /*background: url(../images/pdf_icon.gif) no-repeat;*/
}


/* ======================================== */
/* Schriftzug 'Nur für Mitglieder' */
td.content div.member
{
    width: 150px;  
    
    color: #AA1A1A;
    font-weight: bold;
     
}