/* -------------------------------------------------------------------------------------------------
 html elements
------------------------------------------------------------------------------------------------- */

body 
{
  background-color: #FAFAFF; 
	font-family: Verdana, Arial, Tahoma; color: #000000; 
	text-align: left; vertical-align: top; 
	font-size: 9pt; line-height: 150%;
  
  scrollbar-face-color: white;          /* fill color of buttons and slider */
  scrollbar-highlight-color: white;     /* inner border light color */
  scrollbar-shadow-color: #DDDDDD;        /* inner border shadow color */
  scrollbar-3dlight-color: #CCCCCC;     /* outer border light color */
  scrollbar-darkshadow-color: #AAAAAA;  /* outer border shadow color */
  scrollbar-track-color: #DDDDDD;       /* background of the slider area */
  scrollbar-arrow-color: #545454; 
}

body h1 { font-size: 10pt; font-weight: bold; text-decoration: none; }

body a  { font-family: Verdana, Arial, Tahoma; }
body a:link { text-decoration: none; color: #b70000 }
body a:visited { text-decoration: none; color: #b70000 }
body a:active { text-decoration: none; color: #b70000 }
body a:hover { text-decoration: underline; }


/* -------------------------------------------------------------------------------------------------
 common styles
------------------------------------------------------------------------------------------------- */

.cssBar 
{ 
  position: absolute;
  left: 0; width: 100%; height: 17px; 
  padding: 0; margin: 0;
  background-color: #272e30;  /* wird im IE nicht richtig dargestellet */
  border-top: 1px solid; border-bottom: 1px solid; border-color: #111111;
}


.cssVisible { visibility: visible; }

.cssHidden { visibility: hidden; }

/* -------------------------------------------------------------------------------------------------
 main document structure
------------------------------------------------------------------------------------------------- */

#divWrapper
{ 
    position: absolute;
    top: 50%; margin-top: -220px;
    left: 0; right: 0;
    text-align: center;
}

#divWrapper2
{ 
  position: relative; height: 470px; min-width: 1000px;  /*height = 440 + 40px for extra logo space*/
  margin-top: 0px;
  border-style: none;     
  background-color: transparent;
}

#divBarTop { top: 0; }
#divBarBottom { bottom: 40px; }

#divMain
{
  position: relative;  width: 1000px; height: 100%; margin: auto;
  background-color: transparent;
}

#divImage
{
  position: absolute; 
  left: 60px; top: 20px; width: 320px; height: 390px;
  background-image: url( ../images/main.jpg ); background-position: center; background-repeat: no-repeat;
  background-color: white;
  z-index: 1;
}

#divContentWrapper
{
  position: absolute; 
  left: 390px; top: 20px; right: 0; height: 390px;
}

#divContent
{ 
  max-height: 370px; overflow: auto;
  margin: 10px; margin-left: 14px;
  padding: 0;
  text-align: justify;
}


#divLogo
{
  position: absolute; 
  right: 8px; bottom: -1px; width: 310px; height: 60px;
  background-image: url( ../images/logo3b.png ); background-position: center;
  z-index: 1;
}

#divLogoLB
{
  position: absolute; 
  text-align: left; 
  left: 0; bottom: -2px; width: 400px; height: 40px;
}

#divLogoLB b { display: block; float: left; margin-right: 7px; font-size: 11px; }

#divLogoLB img { display: block; float: left; margin-right: 8px; }

#divLogoLB span { display: block; font-size: 10px; }

#divLogoTop
{
  position: absolute; 
  top: -95px; right: 20px; width: 100px; height: 101px;
  background-image: url( ../images/logo4.png ); background-position: center;
  z-index: -1;
}

#divSquare
{
  position: absolute; 
  top: -20px; left: 0; width: 80px; height: 80px;
  background-image: url( ../images/square.png ); background-position: center;
  z-index: -1;
}

/* -------------------------------------------------------------------------------------------------
 navigation
------------------------------------------------------------------------------------------------- */

#divNavigation
{
  position: absolute; 
  left: 400px; top: 0; width: 520px; height: 19px;
  background-image: url( ../images/navigation/bgdNavigation.png ); background-position: left center; background-repeat: no-repeat;
  z-index: 1;
}

#divNavigation ul { list-style: none; margin: 0px; padding: 0px; }
#divNavigation li { display: block; height: 19px; background-position: center; background-repeat: no-repeat; margin-right: 15px; float: left; line-height: 17px; }
#divNavigation a { display: block; width: 100%; height: 19px; background-position: center; background-repeat: no-repeat; text-decoration: none; }

#divNavigation a#btnUnternehmen { width: 90px; background-color: transparent; }
#divNavigation a#btnUnternehmen:hover { background-image: url(../images/navigation/btnUnternehmen-Hi.png); text-decoration: none; }
#divNavigation li#btnUnternehmenDown { width: 90px; background-image: url( ../images/navigation/btnUnternehmen-Hi.png ); text-decoration: none; }

#divNavigation a#btnLeistungen { width: 75px; background-color: transparent; }
#divNavigation a#btnLeistungen:hover { background-image: url(../images/navigation/btnLeistungen-Hi.png); text-decoration: none; }
#divNavigation li#btnLeistungenDown { width: 75px; background-image: url( ../images/navigation/btnLeistungen-Hi.png ); text-decoration: none; }

#divNavigation a#btnReferenzen { width: 75px; background-color: transparent; }
#divNavigation a#btnReferenzen:hover { background-image: url(../images/navigation/btnReferenzen-Hi.png); text-decoration: none; }
#divNavigation li#btnReferenzenDown { width: 75px; background-image: url( ../images/navigation/btnReferenzen-Hi.png ); text-decoration: none; }

#divNavigation a#btnGalerie { width: 47px; background-color: transparent; }
#divNavigation a#btnGalerie:hover { background-image: url(../images/navigation/btnGalerie-Hi.png); text-decoration: none; }
#divNavigation li#btnGalerieDown { width: 47px; background-image: url( ../images/navigation/btnGalerie-Hi.png ); text-decoration: none; }

#divNavigation a#btnKontakt { width: 55px; background-color: transparent; }
#divNavigation a#btnKontakt:hover { background-image: url(../images/navigation/btnKontakt-Hi.png); text-decoration: none; }
#divNavigation li#btnKontaktDown { width: 55px; background-image: url( ../images/navigation/btnKontakt-Hi.png ); text-decoration: none; }

#divNavigation a#btnImpressum { width: 80px; background-color: transparent; }
#divNavigation a#btnImpressum:hover { background-image: url(../images/navigation/btnImpressum-Hi.png); text-decoration: none; }
#divNavigation li#btnImpressumDown { width: 80px; background-image: url( ../images/navigation/btnImpressum-Hi.png ); text-decoration: none; }