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

  font-family:times,arial,sans-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:0.92em; 
  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; }




#header_container {
  width:100%; 
    position:fixed;
    top:0; left:0; right:0;
    text-align:center;
    margin:0;
    height:6em;
    z-index:3;
}


#header {
  background-image:url(graphics/bgr.jpg); 
  background-attachment:fixed; 
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    height:100px;
    z-index:3;
    margin:0;
    padding:0;
}


#header_bar {
  width:20%; 
  float:left; 
  overflow:hidden; 
  height: 40px;
  text-align: left;
  margin: 0px;
  padding:0px; 
  background-color:#ff0000;
  margin:-100px 0 0 0;
}




#content_container {
  width:780px; 
  margin-top:8em; 
  margin-left:auto; 
  margin-right:auto; 
  padding:0; 
  text-align:center; 
  z-index:2;
}

#content{
  text-align:justify; 
  padding-bottom:0.1em;
  z-index:2;
}

#footer_container {
    position:fixed;
    bottom:0; left:0; right:0;
    text-align:center;
    margin:0;
    height:50px;
    z-index:3;
  text-align:right;
}

#footer {
  background-image:url(graphics/bgr.jpg); 
  background-attachment:fixed; 
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    z-index:3;
}





/* Nur für den MSIE */

* html, * html body {
    overflow:hidden;
    bottom:0;
    width:100%;
    height:100%;
  line-height:1.5em;
}

* html #header_container {
    position:absolute;
    width:100%;
    padding-right:16px;
  text-align:center;
}

* html #footer_container {
    position:absolute;
    width:100%;
    padding-right:16px;
  text-align:right;
  bottom:-0.3em;
}

* html #header {
    height:100%;
    position:static;
  margin:0 1px 0 0px;
}

*html #header_bar {
  margin:-103px 0 0 0;
}

* html #footer {
    height:100%;
    position:static;
}

* html #content_container {
    position:absolute;
    top:0; bottom:0; left:0; right:0;
    height:100%;
    width:100%;
    overflow:auto;
    margin:0 0 0 0;
  text-align:center; 
}

* html #content {
  padding:8em 0 0.1em 0;
  text-align:justify; 
}





#navigation {
  background-image:url(graphics/bgr.jpg); 
  background-attachment:fixed; 
  float:left; 
  overflow:hidden; 
  bottom: 0px;
  left: 0px;
  text-align: left;
  margin: 0px;
  padding:20px 0 0 6px; 
    z-index:1;
}

.link_nav_index { font-size:36px; background-repeat:no-repeat; }
a:link.link_nav_index { background-image:url(graphics/nav_index0.png); }
a:visited.link_nav_index { background-image:url(graphics/nav_index0.png); }
a:hover.link_nav_index { background-image:url(graphics/nav_index1.png); }
a:active.link_nav_index { background-image:url(graphics/nav_index0.png); }
a:focus.link_nav_index { background-image:url(graphics/nav_index1.png); }

.link_nav_angebot { font-size:36px; background-repeat:no-repeat; }
a:link.link_nav_angebot { background-image:url(graphics/nav_angebot0.png); }
a:visited.link_nav_angebot { background-image:url(graphics/nav_angebot0.png); }
a:hover.link_nav_angebot { background-image:url(graphics/nav_angebot1.png); }
a:active.link_nav_angebot { background-image:url(graphics/nav_angebot0.png); }
a:focus.link_nav_angebot { background-image:url(graphics/nav_angebot1.png); }

.link_nav_preis { font-size:36px; background-repeat:no-repeat; }
a:link.link_nav_preis { background-image:url(graphics/nav_preis0.png); }
a:visited.link_nav_preis { background-image:url(graphics/nav_preis0.png); }
a:hover.link_nav_preis { background-image:url(graphics/nav_preis1.png); }
a:active.link_nav_preis { background-image:url(graphics/nav_preis0.png); }
a:focus.link_nav_preis { background-image:url(graphics/nav_preis1.png); }

.link_nav_kontakt { font-size:36px; background-repeat:no-repeat; }
a:link.link_nav_kontakt { background-image:url(graphics/nav_kontakt0.png); }
a:visited.link_nav_kontakt { background-image:url(graphics/nav_kontakt0.png); }
a:hover.link_nav_kontakt { background-image:url(graphics/nav_kontakt1.png); }
a:active.link_nav_kontakt { background-image:url(graphics/nav_kontakt0.png); }
a:focus.link_nav_kontakt { background-image:url(graphics/nav_kontakt1.png); }




#header_AB { 
  float:right;
  margin:-100px 0 0 0;
  padding:8px 8px 0px 0px; 
  text-align:right; 
  width:32px; 
  height:32px;
    z-index:1;
}

a:link.link_AB { 
  font-size:36px;
  background-image:url(graphics/AB0.png); 
  background-repeat:no-repeat;
}
a:visited.link_AB { 
  font-size:36px;
  background-image:url(graphics/AB0.png); 
  background-repeat:no-repeat;
}
a:hover.link_AB { 
  font-size:36px;
  background-image:url(graphics/AB1.png); 
  background-repeat:no-repeat;
}
a:active.link_AB { 
  font-size:36px;
  background-image:url(graphics/AB1.png); 
  background-repeat:no-repeat;
}
a:focus.link_AB { 
  font-size:36px;
  background-image:url(graphics/AB1.png); 
  background-repeat:no-repeat;
}




#area_content_index {
  width:545px; 
  float:none; 
  overflow:hidden; 
  margin-top:0; 
  margin-left:auto; 
  margin-right:auto; 
  padding:0; 
  text-align:center; 
}


.link_index_angebot { font-size:36px; background-repeat:no-repeat; }
a:link.link_index_angebot { background-image:url(graphics/angebot0i.png); }
a:visited.link_index_angebot { background-image:url(graphics/angebot0i.png); }
a:hover.link_index_angebot { background-image:url(graphics/angebot1i.png); }
a:active.link_index_angebot { background-image:url(graphics/angebot0i.png); }
a:focus.link_index_angebot { background-image:url(graphics/angebot1i.png); }

.link_index_preis { font-size:36px; background-repeat:no-repeat; }
a:link.link_index_preis { background-image:url(graphics/preis0i.png); }
a:visited.link_index_preis { background-image:url(graphics/preis0i.png); }
a:hover.link_index_preis { background-image:url(graphics/preis1i.png); }
a:active.link_index_preis { background-image:url(graphics/preis0i.png); }
a:focus.link_index_preis { background-image:url(graphics/preis1i.png); }

.link_index_kontakt { font-size:36px; background-repeat:no-repeat; }
a:link.link_index_kontakt { background-image:url(graphics/kontakt0i.png); }
a:visited.link_index_kontakt { background-image:url(graphics/kontakt0i.png); }
a:hover.link_index_kontakt { background-image:url(graphics/kontakt1i.png); }
a:active.link_index_kontakt { background-image:url(graphics/kontakt0i.png); }
a:focus.link_index_kontakt { background-image:url(graphics/kontakt1i.png); }




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


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


#area_content_angebotA2 { /* linke Spalte Zeile 2 angebot.php */
  width:398px; 
  float:left; 
  margin-top:0; 
  padding:0; 
  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 {
  position:relative; 
  top:-81px; 
  left:130px; 
  width:400px; 
  height:50px; 
  z-index:1;
  text-align:center; 
  vertical-align:bottom; 
  padding:0; 
}


* html #content_preis_bottom {
  top:-94px; 
  height:55px;
}




.letter0 { font-size:2.2em; color:#ff0000; 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:0.92em; text-align:center; vertical-align:middle; font-weight:bold; background-color:#eee2dd; }


.hell { font-family:times,arial,sans-serif; font-size:0.92em; text-align:left; color:#000000; vertical-align:middle; background-color:#fff2ee; }
.hellpreis { font-family:times,arial,sans-serif; font-size:11pt; text-align:center; color:#000000; vertical-align:middle; background-color:#fff2ee; }


.dunkel { font-family:times,arial,sans-serif; font-size:0.92em; text-align:left; color:#000000; vertical-align:middle; background-color:#eee2dd; }
.dunkelpreis { font-family:times,arial,sans-serif; font-size:11pt; text-align:center; color:#000000; vertical-align:middle; background-color:#eee2dd; }




.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); }













/* nicht verwendet, aber interessant */



/*


#header_container {
  width:100%; 
  position:fixed; 
  top:0;
  left:0;
  right:0; 
  margin:0; 
  padding:0; 
  z-index:3; 
  height:3em;
}


#header_content {
  width:780px; 
  position:absolute;;
/*
    top:0; left:0; right:0; bottom:0;
    height:100%;
    background:#efefef;
    z-index:3;
    margin:0;
    padding:0.2em;
*/
  top:0px;
  left:10%;
  right:10%;
  float:center; 
  overflow:hidden; 
  margin-top:0; 
  margin-left:auto; 
  margin-right:auto; 
  padding:0; 
  text-align:center; 
}


#content {
  width:780px; 
  float:none; 
  overflow:hidden; 
  margin-top:0; 
  margin-left:auto; 
  margin-right:auto; 
  padding:0; 
  text-align:center; 
}

*/