@charset "UTF-8";

body  {
	background: #FFFFFF; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #727272;
	background-image: url(../library/hg1.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
    }

  #page_margins {
	min-width: 800px;
	max-width: 69em;
	margin: 10px auto;
}
  #page {
	width: 800px;
	margin-left: 10px;
}

#container  {
	width: 800px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
    } 
#header  {
	background: ##D4EAE6;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
	background-image: url(../library/pictop01.jpg);
	padding-top: 105px;
	padding-right: 45px;
	padding-bottom: 0;
	padding-left: 45px;
	height: 25px;
	text-align: right;
	vertical-align: bottom;
    } 
#headerXmas  {
	background-image: url(../xmas_galerie/pictop_xmas.jpg);
	padding-top: 105px;
	padding-right: 45px;
	padding-bottom: 0;
	padding-left: 45px;
	height: 25px;
	text-align: right;
	vertical-align: bottom;
	background-color: #DDDDDD;
    } 
#sidebarXmas {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 160px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 45px;
}
#mainContentXmas  {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 205px;
	padding-top: 0;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 15px;
    } 
#sidebar1 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 210px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 45px;
	top: 0px;
}
#sidebar2 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 115px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 45px;
}
#sidebar3 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 225px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 45px;
}
#sidebar4 {
	float: left; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 225px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 45px;
}
#mainContent  {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 165px;
	padding-top: 0;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 15px;
    } 
#mainContent3  {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 268px;
	padding-top: 0;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 15px;
    } 
#mainContent4  {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 270px;
	padding-top: 0;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 15px;
    } 
  #footer {
	color:#666;
	border-top: 15px solid #FFFFFF;
	font-size: 78.57%;
	background-color: #e6f0e6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #219100;
	padding-top: 9px;
	padding-right: 45px;
	padding-bottom: 9px;
	padding-left: 45px;
}
#footer  p  {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
    }
  #footer a {
	color: #93A2A7;
	font-weight: normal;
	text-decoration:none;
}
  #footer a:focus,
  #footer a:hover,
  #footer a:active { text-decoration:underline; background-color: transparent; }
  .float_rightfooter { float: right; display:inline; margin-left: 1em; }
  #topnav { color: #7D7D7D; font-size: 83.33%; }
  #topnav a { color: #666666; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent; }
  
  #nav { overflow:hidden; }
  #nav_main {
	width: 765px;
	overflow: hidden;
	float: left;
	display: inline;
	line-height: 0;
	background-position: center center;
	padding-left: 35px;
	background-color: #FFFFFF;
  }
  #nav_main ul {
	float: left;
	margin: 0;
	padding: 0;
  }
  #nav_main ul li {
	/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    float: left;
	font-size: 1.05em;
	line-height: 1em;
	list-style-type: none;
	margin: 0;
	padding: 0;
  }
  #nav_main ul li a,
  #nav_main ul li strong {
	color: #7D7D7D;
	display: block;
	font-size: 1em;
	font-weight: 500;
	margin: 0;
	text-decoration: none;
	width: auto;
	letter-spacing: 0.09em;
	padding: 0.8em;
  }
  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  {
	color: #7D7D7D;
	text-decoration: none;
}
#nav_main ul li#current {
	color: #219100;
	background-position: center center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
  }
  #nav_main ul li#current strong,
  #nav_main ul li#current a,
  #nav_main ul li#current a:focus,
  #nav_main ul li#current a:hover,
  #nav_main ul li#current a:active {
	color: #219100;
	text-decoration: none;
}
  ul, ol, dl {
	line-height: 1.5em;
	list-style-type: circle;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0em;
	list-style-position: outside;
}
  li {
	margin-left: 1.5em;
	line-height: 1.5em;
	list-style-position: outside;
	list-style-type: disc;
	list-style-image: url(../library/listenpunktleer.gif);
}
p, li { margin-left: 5px; /* rand für absatz und listenelement einschalten */}
  #submenu {
	padding-top: 6px;
	padding-bottom: 20px;
	padding-left: 45px;
	padding-right: 45px;
	width: 700px;
	font-weight: normal;
	background-color: #FFFFFF;
	color: #219100;
}
  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic; }
  blockquote { margin: 0 0 1em 1.5em; }

  strong,b { font-weight: bold; }
  em,i { font-style:italic; }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }
  hr {
	margin: 0 0 0.5em;
	padding: 0 0 0.5em;
	border-bottom: 1px solid #219100;
	font-size: 0.2em;
	line-height: 1px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
  }
  
  h1,h2,h3,h4,h5,h6 {
	font-weight:500;
	margin: 0 0 0.25em 0;
	letter-spacing: 0.1em;
}
  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 166.67% }                     /* 20px */
  h3 { font-size: 150% }                        /* 18px */  
  h4 { font-size: 1.1em; color: #219100; }       /* 16px */
  h5 { font-size: 1.1em; color: #219100; padding-bottom: 18px; } /* 16px */
  h6 { font-size: 108.37%; font-style:italic; } /* 14px */
  p { line-height: 1.5em; margin: 0 0 1em 0; }
  
    .fltrt { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { text-align:center; margin: 0.5em auto; }
    .fltlft {  float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
		
  a { color: #666666; font-weight: normal; background:transparent; text-decoration:none; }
  a:focus,
  a:hover, 
  a:active { color: #219100; background-color: transparent; text-decoration: underline; }

  .menucurrent { color: #CC6600; }
  .textblau { color: #0099CC }
  .textasgruen { color: #219100; font-family: Arial, Helvetica, sans-serif; }
  .textklein { color: #999999; font-size: 90.91%; }
  .textgruen { color: #219100; }
  .textgrau {
	color: #999999;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
}