html, body {
  margin: 0px; 
  padding: 0px; 
  width: 100%; 
  min-height: 100%; 

  font-family: "times new roman", times, serif; 
  font-size: 0.92em; 
  color: #000000; 
  text-align: center; 
  line-height: 1.3em;

  background-image: url(graphics/bgr.jpg); 
  background-attachment: fixed; 
  background-repeat: repeat-x repeat-y; 
  background-position: top center;
  background-color: #FFF8F0; 

  scrollbar-base-color: #F8F2EB;
  scrollbar-3dlight-color: #c0c0c0;
  scrollbar-arrow-color: #666666;
  scrollbar-darkshadow-color: #666666;
  scrollbar-face-color: #F4EBE5;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #999999;
  scrollbar-track-color: #F8F2EB;
 }


td { 
  font-size: 1em; 
  color: #000000; 
  line-height: 1.3em;
 }


a:link { color:#663333; text-decoration:underline; }
a:visited { color:#cc6666; text-decoration:underline; }
a:hover { color:#cc0000; text-decoration:underline; }
a:active { color:#cc6666; text-decoration:underline; }
a:focus { color:#cc0000; text-decoration:underline; }




/* **************************************** left box **************************************** */

#left_box {
	margin: 0px 0px 0px 8px; 
	padding: 0px; 
	width: 180px; 
	position: absolute; 
	top: 403px; 
	z-index: 7;
}




/* **************************************** header **************************************** */

#header_container {
	width: 100%; 
	margin: 0px;
	padding: 0px 0px 16px 0px;
    text-align: center;
    margin: 0px;
    z-index: 3;
}
#header_AB { 
  margin: 0px;
  padding: 0px 0px 0px 0px; 
  text-align: right; 
  width: 36px; 
  height: 40px;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
}
a:link.link_AB { 
  font-size: 44px;
  background-image: url(graphics/AB0.png); 
  background-repeat: no-repeat;
}
a:visited.link_AB { 
  font-size: 44px;
  background-image: url(graphics/AB0.png); 
  background-repeat: no-repeat;
}
a:hover.link_AB { 
  font-size: 44px;
  background-image: url(graphics/AB1.png); 
  background-repeat :no-repeat;
}
a:active.link_AB { 
  font-size:4 4px;
  background-image: url(graphics/AB1.png); 
  background-repeat: no-repeat;
}
a:focus.link_AB { 
  font-size: 44px;
  background-image: url(graphics/AB1.png); 
  background-repeat: no-repeat;
}




/* **************************************** navigation **************************************** */

#navigation_index {
	margin: 4px auto;
	padding: 0px;
	text-align: center;
}
#navigation_index ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#navigation_index li {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	font-size: 1.1em; 
	letter-spacing: 0.4em;
}
* html #navigation_index li {
	display: inline;
}
*+html #navigation_index li {
	display: inline;
}
#navigation_index a {
	color: #555;
	text-decoration: none;	
}
#navigation_index a:hover {
	color: #f00;
}
#navigation_index .link01 {
	padding: 0px 0px 0px 6px;
	width: 160px;
	text-align: left;
}
#navigation_index .link02 {
	width: 160px;
	text-align: center;
}
#navigation_index .link03 {
	width: 160px;
	text-align: right;
}


#navigation {
  margin: 0px;
  padding: 24px 0px 8px 0px; 
  overflow: hidden; 
  background-image: url(graphics/bgr.jpg); 
  background-attachment: fixed; 
  position: fixed; 
  bottom: 0px;
  left: 0px;
  z-index: 777;
}
#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#navigation li {
	display: inline-block;
	margin: 0px;
	padding: 0px 0px 0px 24px;
	font-size: 1.1em; 
	letter-spacing: 0.4em;
}
* html #navigation li {
	display: inline;
}
*+html #navigation li {
	display: inline;
}
#navigation a {
	color: #555;
	text-decoration: none;	
}
#navigation a:hover {
	color: #f00;
}




/* **************************************** footer **************************************** */

 #footer_container {
 	clear: both;
 	display: inline;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 50px;

	position: fixed; 
	left: 0px;
	bottom: 0px; 
	z-index: 2;

	text-align:right;
	background-image: url(graphics/bgr.jpg); 
	background-attachment: fixed; 
}




/* **************************************** content **************************************** */

#content_container {
	width: 780px; 
	margin: 0px auto; 
	padding: 0; 
	text-align: center; 
}
#content{
  text-align: justify; 
  padding-bottom: 0.1em;
}
#area_content_index {
  width: 545px; 
  overflow: hidden; 
  margin: 0px auto; 
  padding: 0px; 
  text-align:center; 
}


#area_content_angebotA1 { /* linke Spalte Zeile 1 angebot.php */
	float: left;
	width: 400px; 
	margin-top: 0px; 
	padding: 0px; 
	text-align: left; 
}


#area_content_angebotB1 { /* rechte Spalte Zeile 1 angebot.php */
	float: right;
	width: 380px; 
	margin-top: 0px; 
	padding: 0px; 
	text-align: right; 
}


#area_content_angebotA2 { /* linke Spalte Zeile 2 angebot.php */
	float: left;
	width: 398px; 
  margin-top: 0px; 
  padding: 0px; 
  text-align: right; 
  margin-top: 12px; 
}

*html #area_content_angebotA2 {
  width:398px;
}

#area_content_angebotB2 {/* rechte Spalte Zeile 2 angebot.php */
  width:380px; 
  float:right; 
  margin:0; 
  padding:0; 
  text-align:right; 
  margin-top:12px; 
}




#area_content_preisA1 { /* linke Spalte Zeile 1 preis.php */
  width:516px; 
  float:left; 
  margin-top:0; 
  padding:0; 
  text-align:left; 
}


#area_content_preisB1 {/* rechte Spalte Zeile 1 preis.php */
  width:260px; 
  height:500px; 
  float:right; 
  margin-top:0; 
  padding:0; 
  text-align:right; 
}

*html #area_content_preisB1 {
  height:507px;
}

#content_preis_mittelfoto {
  padding:9px 0 9px 0; 
}
*html #content_preis_mittelfoto {
  padding:11px 0 10px 0;
}


#area_content_preisA2 { /* linke Spalte Zeile 2 preis.php */
  width:500px; 
  height:179px; 
  float:left; 
  margin-top:0; 
  padding-top:1px; 
  text-align:center; 
  margin-top:12px; 
}

*html #area_content_preisA2 {
  width:500px;
  padding-top:14px;
}

#area_content_preisB2 {/* rechte Spalte Zeile 2 preis.php */
  width:264px; 
  height:179px; 
  float:right; 
  margin-top:0; 
  padding:0; 
  text-align:right; 
  margin-top:12px; 
}

*html #area_content_preisB2 {
  width:264px;
}


#content_preis_bottom {
  margin: 160px 0px 0px 128px;
  padding: 0; 
  position: absolute; 
/*  top:-38px; 
  left:130px; */
  width:400px; 
  height:50px; 
  z-index:1;
  text-align: left; 
  vertical-align:bottom;   
}
* html #content_preis_bottom {
  margin: 156px 0px 0px -360px;
}
*+html #content_preis_bottom {
  margin: 156px 0px 0px -360px;
}


#content_preis_bottom2 {
  margin: 143px 0px 0px 538px;
  padding: 0; 
  position: absolute; 
/*  top:-38px; 
  left:130px; */
  width:240px; 
  height:50px; 
  z-index:2;
  text-align:center; 
  vertical-align:bottom;   
}


* html #content_preis_bottom2 {
  margin: 140px 0px 0px 40px;
}
* html #content_preis_bottom_img {
  margin-top: -48px;
}
*+html #content_preis_bottom2 {
  margin: 140px 0px 0px 40px;
}




.letter0 { display: inline; margin-top: 12px; font-size:2.2em; color:#ff0000; font-weight:bold; }
.letter1 { display: inline; margin-top: 12px; font-size:2.2em; color:#de2427; font-weight:bold; }




.small0 { font-size:0.9em; text-align:left; }
.small1 { font-size:0.9em; text-align:right; }




th { font-family:times,arial,sans-serif; font-size:1em; text-align:center; vertical-align:middle; font-weight:bold; background-color:#eee2dd; }

th b.klein {
	font-size: 0.92em;
}

.hell { height: 42px; font-family:times,arial,sans-serif; font-size:1em; text-align:center; color:#000000; vertical-align:middle; background-color:#fff2ee; }
.helltitle { font-family:times,arial,sans-serif; font-size:1em; text-align:left; color:#000000; vertical-align:middle; background-color:#fff2ee; }
.hellpreis { font-family:times,arial,sans-serif; font-size:1em; text-align:center; color:#000000; vertical-align:middle; background-color:#fff2ee; }


.dunkel { height: 42px; font-family:times,arial,sans-serif; font-size:1em; text-align:center; color:#000000; vertical-align:middle; background-color:#eee2dd; }
.dunkeltitle { font-family:times,arial,sans-serif; font-size:1em; text-align:left; color:#000000; vertical-align:middle; background-color:#eee2dd; }
.dunkelpreis { font-family:times,arial,sans-serif; font-size:1em; text-align:center; color:#000000; vertical-align:middle; background-color:#eee2dd; }

table#contact_form td.hell,
table#contact_form td.dunkel { 
	height: auto; text-align: left; 
}



.head0 { font-size:1.4em; text-align:left; vertical-align:top; font-weight:bold;}
.head1 { font-size:1.4em; text-align:center; vertical-align:top; font-weight:bold;}
.head2 { font-size:1.4em; text-align:left; vertical-align:top; font-weight:bold; color:#ff0000; }
.head3 { font-size:1em; text-align:left; vertical-align:top; font-weight:bold; color:#ff0000; }



li { list-style-image:url(graphics/pfeil.gif); }