/* ================================================================================================ */

a
{
	            outline: none;
}

img
{
	             border: 0px;
}

h1,
h2
{
	          font-size: 1.0em;
	              color: #0094d6;
	        font-weight: bold;
	             margin: 0px;
	            padding: 0px;
	      margin-bottom: 1.0em;
}

h2
{
	              color: #2f3a43;
}

p
{
	             margin: 0px;
	            padding: 0px;
	      margin-bottom: 1.5em;
}

table
{
	              width: 644px;
	             border: 0px;
	          font-size: 1.0em;
}

th
{
	   background-color: #acafb2;
	              color: white;
}

td
{
	   background-color: #e1e4e7;
}

/* ================================================================================================ */

body
{
	             margin: 0px;
	            padding: 0px;
	   background-color: #4e6171;
	         text-align: center;
	        font-family: verdana,arial,helvetica,sans-serif;
	          font-size: 76%;
	              color: #2f3a43;
	background-position: center top;
	  background-repeat: repeat-x;
	   background-image: url(bilder/bedienung/pattern.gif);
	        line-height: 1.5em;
}

/* ================================================================================================ */

#container
{
	           position: relative;
	        margin-left: auto;
	       margin-right: auto;
	              width: 892px;
	         text-align: left;
}

#page
{
	           position: relative;
	              width: 866px;
	         margin-top: -457px;
	           overflow: hidden;
	        margin-left: 13px;
}

/* ================================================================================================ */

#navigation
{
	              width: 100%;
	             height: 139px;
	   background-image: url(bilder/bedienung/logo.jpg);
	  background-repeat: no-repeat;
	   background-color: #fff;
	           overflow: hidden;
}

#buttonDuema,
#buttonAktuell,
#buttonHaeuser,
#buttonMitbauen,
#buttonLeistungen,
#buttonKontakt
{
	              width: 113px;
	             height: 125px;
	           overflow: hidden;
	  background-repeat: no-repeat;
}

#buttonAktuell,
#buttonHaeuser,
#buttonMitbauen,
#buttonLeistungen,
#buttonKontakt
{
	           position: relative;
	         margin-top: -125px;
}

#buttonDuema      { margin-left: 188px; background-image: url(bilder/bedienung/hoverDuema.jpg);      }
#buttonAktuell    { margin-left: 301px; background-image: url(bilder/bedienung/hoverAktuell.jpg);    }
#buttonHaeuser    { margin-left: 414px; background-image: url(bilder/bedienung/hoverHaeuser.jpg);    }
#buttonMitbauen   { margin-left: 527px; background-image: url(bilder/bedienung/hoverMitbauen.jpg);   }
#buttonLeistungen { margin-left: 640px; background-image: url(bilder/bedienung/hoverLeistungen.jpg); }
#buttonKontakt    { margin-left: 753px; background-image: url(bilder/bedienung/hoverKontakt.jpg);    }

#navigation a
{
	            display: block;
	    text-decoration: none;
}

#navigation a:hover
{
	        padding-top: 125px;
}

#navigation span
{
	            display: block;
	   background-color: #fff;
}

body.duema      #buttonDuema      { background-image: url(bilder/bedienung/activeDuema.jpg);      }
body.aktuell    #buttonAktuell    { background-image: url(bilder/bedienung/activeAktuell.jpg);    }
body.haeuser    #buttonHaeuser    { background-image: url(bilder/bedienung/activeHaeuser.jpg);    }
body.mitbauen   #buttonMitbauen   { background-image: url(bilder/bedienung/activeMitbauen.jpg);   }
body.leistungen #buttonLeistungen { background-image: url(bilder/bedienung/activeLeistungen.jpg); }
body.kontakt    #buttonKontakt    { background-image: url(bilder/bedienung/activeKontakt.jpg);    }

body.duema      #buttonDuema      a span,
body.aktuell    #buttonAktuell    a span,
body.haeuser    #buttonHaeuser    a span,
body.mitbauen   #buttonMitbauen   a span,
body.leistungen #buttonLeistungen a span,
body.kontakt    #buttonKontakt    a span { visibility: hidden }

/* ================================================================================================ */

#shadowSides
{
	              width: 100%;
	           overflow: hidden;
	   background-image: url(bilder/bedienung/shadowSides.gif);
	  background-repeat: repeat-y;
}

#shadowTop
{
	              width: 100%;
	             height: 457px;
	           overflow: hidden;
	   background-image: url(bilder/bedienung/shadowTop.gif);
	  background-repeat: repeat-y;
}

#shadowBottom
{
	              width: 892px;
	             height: 16px;
	   background-image: url(bilder/bedienung/shadowBottom.gif);
	  background-repeat: repeat-x;
	           overflow: hidden;
}

/* ================================================================================================ */

#wrapper
{
	              width: 866px;
	   background-color: #fff;
	   background-image: url(bilder/bedienung/sideBar.gif);
	  background-repeat: repeat-y;
	           overflow: hidden;
}

#offset
{
	              float: right;
	              width: 661px;
}

#content
{
	              width: 644px;
}

#minHeight
{
	              width: 28px;
	             height: 319px;
	           overflow: hidden;
	              float: right;
}

/* ================================================================================================ */

#sideBar
{
	              width: 174px;
	   background-color: #e1e4e7;

overflow: hidden;
}

#sideBar div
{
	              width: 12px;
	             height: 1.5em;
	           overflow: hidden;
	   background-image: url(bilder/bedienung/sideBarArrowHover.gif);
	  background-repeat: no-repeat;
	background-position: 6px center;
}

#sideBar a
{
	              color: #595e64;
	        font-weight: bold;
	    text-decoration: none;
	           position: relative;
	         margin-top: -1.5em;
	            display: block;
	              width: 174px;
	   background-color: #e1e4e7;
	     padding-bottom: 0.5em;
}

#sideBar a:hover
{
	   background-color: transparent;
	              color: #2c2f32;
}

#sideBar span
{
	            display: block;
	           position: relative;
	        margin-left: 17px;
}

/* ================================================================================================ */

#category_01 #item_01,
#category_02 #item_02,
#category_03 #item_03,
#category_04 #item_04,
#category_05 #item_05,
#category_06 #item_06,
#category_07 #item_07,
#category_08 #item_08,
#category_09 #item_09,
#category_10 #item_10,
#category_11 #item_11,
#category_12 #item_12,
#category_13 #item_13,
#category_14 #item_14,
#category_15 #item_15,
#category_16 #item_16,
#category_17 #item_17,
#category_18 #item_18,
#category_19 #item_19,
#category_20 #item_20,
#category_21 #item_21,
#category_22 #item_22,
#category_23 #item_23,
#category_24 #item_24,
#category_25 #item_25
{
	   background-color: transparent;
	              color: #0094d6;
}

#category_01 #arrow_01,
#category_02 #arrow_02,
#category_03 #arrow_03,
#category_04 #arrow_04,
#category_05 #arrow_05,
#category_06 #arrow_06,
#category_07 #arrow_07,
#category_08 #arrow_08,
#category_09 #arrow_09,
#category_10 #arrow_10,
#category_11 #arrow_11,
#category_12 #arrow_12,
#category_13 #arrow_13,
#category_14 #arrow_14,
#category_15 #arrow_15,
#category_16 #arrow_16,
#category_17 #arrow_17,
#category_18 #arrow_18,
#category_19 #arrow_19,
#category_20 #arrow_20,
#category_21 #arrow_21,
#category_22 #arrow_22,
#category_23 #arrow_23,
#category_24 #arrow_24,
#category_25 #arrow_25
{
	   background-image: url(bilder/bedienung/sideBarArrow.gif);
}

/* ================================================================================================ */

.columns
{
	              width: 644px;
	      margin-bottom: 17px;
}

.imageColumnL,
.imageColumnC,
.imageColumnR,
.imageCenterL,
.imageCenterR,
.imageColumnWideL,
.imageColumnWideC,
.imageColumnWideR
{
	              width: 204px;
	             height: 204px;
	           overflow: hidden;
	  background-repeat: no-repeat;
	   background-color: #e1e4e7;
}

.imageColumnC,
.imageColumnR,
.imageCenterR
{
	           position: relative;
	         margin-top: -204px;
}

.imageColumnC,
.imageColumnWideC
{
	        margin-left: 220px;
}

.imageColumnR,
.imageColumnWideR
{
	        margin-left: 440px;
}

.imageCenterL
{
	           position: relative;
	        margin-left: 95px;
}

.imageCenterR
{
	        margin-left: 345px;
}

.imageColumnWideL,
.imageColumnWideC,
.imageColumnWideR
{
	             height: 77px;
}

.imageColumnWideC,
.imageColumnWideR
{
	           position: relative;
	         margin-top: -77px;
}

.columns a
{
	            display: block;
	    text-decoration: none;
	        padding-top: 204px;
}

.columns a:hover
{
	        padding-top: 0px;
}

/* ================================================================================================ */

.textColumnL,
.textColumnC,
.textColumnR,
.textColumnLineL,
.textColumnLineC,
.textColumnLineR
{
	              width: 204px;
	             height: 4.5em;
	           overflow: hidden;
	    text-decoration: none;
	        white-space: nowrap;
}

.textColumnC,
.textColumnLineC
{
	           position: relative;
	         margin-top: -4.5em;
	        margin-left: 220px;
}

.textColumnR,
.textColumnLineR
{
	           position: relative;
	         margin-top: -4.5em;
	        margin-left: 440px;
}

.textColumnLineL,
.textColumnLineC,
.textColumnLineR
{
	             height: 1.5em;
}

.textColumnLineC,
.textColumnLineR
{
	         margin-top: -1.5em;
}

/* ================================================================================================ */

#buttonAquamarin     { background-image: url(bilder/haeuser/iconAquamarin.jpg);  }
#buttonQuarz         { background-image: url(bilder/haeuser/iconQuarz.jpg);      }
#buttonOnyx          { background-image: url(bilder/haeuser/iconOnyx.jpg);       }
#buttonTurmelin      { background-image: url(bilder/haeuser/iconTurmelin.jpg);   }
#buttonRubin         { background-image: url(bilder/haeuser/iconRubin.jpg);      }
#buttonSmaragd       { background-image: url(bilder/haeuser/iconSmaragd.jpg);    }
#buttonTopas         { background-image: url(bilder/haeuser/iconTopas.jpg);      }
#buttonJade          { background-image: url(bilder/haeuser/iconJade.jpg);       }
#buttonZirkon        { background-image: url(bilder/haeuser/iconZirkon.jpg);     }
#buttonSpinell       { background-image: url(bilder/haeuser/iconSpinell.jpg);    }
#buttonRosenquarz    { background-image: url(bilder/haeuser/iconRosenquarz.jpg); }
#buttonAventurin     { background-image: url(bilder/haeuser/iconAventurin.jpg);  }
#buttonAchat         { background-image: url(bilder/haeuser/iconAchat.jpg);      }
#buttonAmethyst      { background-image: url(bilder/haeuser/iconAmethyst.jpg)    }  
#buttonMondstein     { background-image: url(bilder/haeuser/iconMondstein.jpg);  }
#buttonCitrin        { background-image: url(bilder/haeuser/iconCitrin.jpg);     }
#buttonGranat        { background-image: url(bilder/haeuser/iconGranat.jpg);     }
#buttonOpal          { background-image: url(bilder/haeuser/iconOpal.jpg);       }
#buttonSaphir        { background-image: url(bilder/haeuser/iconSaphir.jpg);     }
#buttonModulhaus       { background-image: url(bilder/haeuser/iconModulhaus.jpg);          }
#buttonBernstein100    { background-image: url(bilder/haeuser/iconBernstein100.jpg);       }
#buttonBernstein110    { background-image: url(bilder/haeuser/iconBernstein110.jpg);       }
#buttonBernstein120    { background-image: url(bilder/haeuser/iconBernstein120.jpg);       }
#buttonAlterostdamm    { background-image: url(bilder/haeuser/iconOstdamm.jpg);            }
#buttonLudwigwiesmann  { background-image: url(bilder/haeuser/iconLudwigWiesmann.jpg);     }
#buttonOsthoff         { background-image: url(bilder/haeuser/iconOsthoff.jpg);    		   }
#buttonSundernstege    { background-image: url(bilder/haeuser/iconSundernstege.jpg);       }
#buttonInderborg       { background-image: url(bilder/haeuser/iconInderborg.jpg);          }
#buttonRiegestrasse    { background-image: url(bilder/haeuser/iconRiegestrasse.jpg);       }
#buttonWellerfeldweg   { background-image: url(bilder/haeuser/iconWellerfeldweg.jpg);      }
#buttonKiesenfeld      { background-image: url(bilder/haeuser/iconKiesenfeld.jpg);         }
#buttonOelmuehlenweg   { background-image: url(bilder/haeuser/iconOelmuehlenweg.jpg);      }
#buttonMaybacherheide  { background-image: url(bilder/haeuser/iconMaybacherheide.jpg);     }
#buttonTalbogen        { background-image: url(bilder/haeuser/iconTalbogen.jpg);           }


#partnerKeuco        { background-image: url(bilder/partner/keuco.gif);          }
#partnerPotthoff     { background-image: url(bilder/partner/potthoff.gif);       }
#partnerVoss         { background-image: url(bilder/partner/voss.gif);           }
#partnerGrohe        { background-image: url(bilder/partner/grohe.gif);          }
#partnerKesting      { background-image: url(bilder/partner/kesting.gif);        }
#partnerDreispur     { background-image: url(bilder/partner/dreispur.gif);       }
#partnerWigger       { background-image: url(bilder/partner/wigger.gif);         }
#partnerBraas        { background-image: url(bilder/partner/braas.gif);          }
#partnerKenngott     { background-image: url(bilder/partner/kenngott.gif);       }
#partnerElbers       { background-image: url(bilder/partner/elbers.gif);         }
#partnerKaldewei     { background-image: url(bilder/partner/kaldewei.gif);       }
#partnerWienerberger { background-image: url(bilder/partner/wienerberger.gif);   }

#buttonSiegel        { background-image: url(bilder/siegel.jpg);                 }
#buttonTuev          { background-image: url(bilder/tuev.jpg);                   }

/* ================================================================================================ */

.imageWell
{
	              width: 644px;
	      margin-bottom: 17px;
}

.blockDisplay
{
	            display: block;
}

/* ================================================================================================ */

#flipWrapper
{
	      margin-bottom: 17px;
}

#flipTextContainer
{
	        padding-top: 2px;
}

.flipText
{
	            display: block;
	              width: 100%;
	             height: 100%;
	        line-height: 2em;
	        font-weight: bold;
	         text-align: center;
	   background-color: #acafb2;
	    text-decoration: none;
	              color: white;
	        white-space: nowrap;
}

.flipText:hover
{
	   background-color: #bdbfc1;
}

/* ================================================================================================ */

#flipTextThree1,
#flipTextThree2,
#flipTextThree3,
#flipTextFour1,
#flipTextFour2,
#flipTextFour3,
#flipTextFour4,
#flipTextFive1,
#flipTextFive2,
#flipTextFive3,
#flipTextFive4,
#flipTextFive5
{
	             height: 2em;
	           overflow: hidden;
}

#flipTextThree2,
#flipTextThree3,
#flipTextFour2,
#flipTextFour3,
#flipTextFour4,
#flipTextFive2,
#flipTextFive3,
#flipTextFive4,
#flipTextFive5
{
	           position: relative;
	         margin-top: -2em;
}

/* ================================================================================================ */

#flipTextThree1,
#flipTextThree2,
#flipTextThree3 { width: 213px; }

#flipTextThree2 { margin-left: 215px;               }
#flipTextThree3 { margin-left: 430px; width: 214px; }

/* ================================================================================================ */

#flipTextFour1,
#flipTextFour2,
#flipTextFour3,
#flipTextFour4 { width: 159px; }

#flipTextFour1 {                     width: 160px; }
#flipTextFour2 { margin-left: 162px;               }
#flipTextFour3 { margin-left: 323px;               }
#flipTextFour4 { margin-left: 484px; width: 160px; }

/* ================================================================================================ */

#flipTextFive1,
#flipTextFive2,
#flipTextFive3,
#flipTextFive4,
#flipTextFive5 { width: 127px; }

#flipTextFive2 { margin-left: 129px;               }
#flipTextFive3 { margin-left: 258px;               }
#flipTextFive4 { margin-left: 387px;               }
#flipTextFive5 { margin-left: 516px; width: 128px; }

/* ================================================================================================ */

.selection1 #flipText1,
.selection2 #flipText2,
.selection3 #flipText3,
.selection4 #flipText4,
.selection5 #flipText5
{
	   background-color: #0094d6;
}

/* ================================================================================================ */

#flipImage1,
#flipImage2,
#flipImage3,
#flipImage4,
#flipImage5
{
	         visibility: hidden;
}

#flipImage2,
#flipImage3,
#flipImage4,
#flipImage5
{
	           position: relative;
	         margin-top: -644px;
}

/* ================================================================================================ */

.selection1 #flipImage1,
.selection2 #flipImage2,
.selection3 #flipImage3,
.selection4 #flipImage4,
.selection5 #flipImage5
{
	         visibility: visible;
}

/* ================================================================================================ */

#flipStory1,
#flipStory2,
#flipStory3
{
	            display: none;
}

/* ================================================================================================ */

.selection1 #flipStory1,
.selection2 #flipStory2,
.selection3 #flipStory3
{
	            display: block;
}

/* ================================================================================================ */

.formHead
{
	   background-color: #acafb2;
	              color: white;
	         text-align: right;
	        padding-top: 0.4em;
}

.soft
{
	              color: #595e64;
}

/* ================================================================================================ */