/*---------------------body---------------------*/
#base        {
        direction: ltr;
        background-color: #e6e6e6;
        vertical-align: middle;
        text-align:center;
        }

 * {
  margin:0;
  padding:0;
  border:0;
  text-decoration:none;
  outline:none; /* firefox dotted :focus hack */
  }

/*---------------------centerer---------------------*/
#centerer        {
        margin-left:auto;        margin-right:auto;        margin-top:3%;
        width:800px;        height:556px;
        background:transparent;
        text-align:left;
  position:relative;
        }

/*---------------------menu---------------------*/

#startseitentext {
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:50px 0px;
	padding-left:10px;
	padding-bottom: 20px;
	font-size: 12px;
	border-left:2px solid #8EA3D4;
	border-bottom:2px solid #8EA3D4;
}

#startseitentext h1 {
	text-align:left;
	font-size:1.2em;
	color:#8EA3D4;
	margin-bottom:1em;
}

#startseitentext h2 {
	text-align:left;
	font-size:1em;
	margin-bottom:1em;
	color:#8EA3D4;
}

#startseitentext p {
	margin-bottom: 1em;
}

#startseitentext a:link,  #startseitentext a:visited {
	color:#8EA3D4;
}

#startseitentext a:hover {
	color:#8EA3D4;
	text-decoration:underline;
}

#disclaimer{
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:50px 0px;
	padding-left:10px;
	padding-bottom: 20px;
	font-size: 12px;
	border-left:2px solid #8EA3D4;
	border-bottom:2px solid #8EA3D4;
}

#disclaimer a:link,  #disclaimer a:visited {
	color:#8EA3D4;
}

#disclaimer a:hover {
	color:#8EA3D4;
	text-decoration:underline;
}

ul#menu {
    width:146px;    height:456px;
    top:0;    left:0;
    position:relative;
    border-left:2px solid;            border-top:2px solid;    border-color:#95a6d5;
    padding-top:12px;
        background: url(base/menuback.gif) no-repeat 0 0;
    }

ul#menu li {
  display:inline;
  position:relative;
  width:146px;  height:34px;
  list-style:none;
  padding-bottom:11px;
  }

ul#menu li a {
  text-indent:-9999px;
  width:118px;  height:34px;
  padding-bottom:11px;
        display:block;
  float:left;
        background:no-repeat;
  }

ul#menu li#home a       {  background: url(base/start.gif) 0 0;  }
ul#menu li#home a:hover {    background-position:         0 35px; }

ul#menu li#galere a      {  background: url(base/galerie.gif) 0 0;  }
ul#menu li#galere a:hover {    background-position:0 35px; }

ul#menu li#werksttt a       {  background: url(base/werksttt.gif) 0 0;  }
ul#menu li#werksttt a:hover {    background-position:0 35px; }

ul#menu li#meister a      {  background: url(base/inhaber.gif) 0 0;  }
ul#menu li#meister a:hover {    background-position:0 35px; }

ul#menu li#kontakt a      {  background: url(base/kontakt.gif) 0 0;  }
ul#menu li#kontakt a:hover {    background-position:0 35px; }

ul#menu li#imprssm a       {  background: url(base/imprssm.gif) 0 0;  }
ul#menu li#imprssm a:hover {    background-position:0 35px; }

ul#menu li#linx a      {  background: url(base/links.gif) 0 0;  }
ul#menu li#linx a:hover {    background-position:0 35px; }

/* opera 4-6 - Extras - Autor, Entwickler 2003 Kristof Lipfert Duesseldorf */
html * body ul#menu li {    display:block;  }
html * body #menu[id] li a {        clear:left; }

/*---------------------show---------------------*/
#show {
        top:2px;        right:0px;
        position:absolute;
        }

#show1        {
        width:568px;
        top:2px;        right:0px;
        position:absolute;
        background:url(meister.jpg) no-repeat 314px 0;
        }

#text        {
        width:568px;
        top:325px;        right:0px;
        position:absolute;
        }

/*-------legende-------*/
#legende        {
        width:568px;
        top:250px;        right:0px;
        position:absolute;
        }

#legende a img, #legende a:link img, #legende a:visited img, #legende a:active img, #legende img {
  margin-left:16px;
        float:right;
        background:#b3b3b3;
        display:inline;
        }
#legende a:hover, #legende a:hover img {
        background: #cccccc;
        }

/*-------galerie-------*/

#galerie        {
        width:565px; height:22px;
        top:410px;        right:0px;
        position:absolute;        overflow:hidden;
        background:transparent;        }                        /*background #d3d3d3 vom gif -> #d6d6d6*/

#galerie img#txt, #galerie img#ersatz { float:right; position:relative; border:none; }

/* Korrektur fuer IE 5.x */
* html #galerie img#txt, * html #galerie img#ersatz {
        margin-left:-3px;        margin-right:-3px;
        voice-family:"\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
        voice-family:inherit;
        margin:0; }

/*--------*/
#galerie a#for, #galerie a#back {
        width:27px;        height:22px;
        float:right;        display:block;        position:relative; }

#galerie a#for { border-left:17px solid #e6e6e6; }
#galerie a#back { border-right:17px solid #e6e6e6; }

#galerie a#for img, #galerie a#back img {
        width:27px;        height:22px; float:right; position:relative;
        background:#919191; /*margin-top:-22px;*/ display:block; }

#galerie a#for:hover, #galerie a#back:hover, #galerie a#for:hover img, #galerie a#back:hover img {
        background:#cccccc; margin:0; }

/*--------*/
#galerie a.galmenu, #galerie a.galmenu:visited { border-left:10px solid #d6d6d6; width:24px;        height:22px;
        float:right; }

#galerie a.galmenu, #galerie a.galmenu:visited, #galerie a.galmenu img, #galerie a.galmenu:visited img
{ background:#bdbdbd;        display:block; position:relative; }

#galerie a:hover.galmenu, #galerie a:hover.galmenu img  { background: #a6a6a6; }

/*-------links-------*/
ul#link {
    width:500px;    height:400px;
          top:22px;           right:0px;
          position:absolute;
    }

ul#link li        {
    display:inline;
    position:relative;
    width:500px;
    right:0;
    list-style:none;
  }

ul#link a {
   text-indent:-9999px;
          display:block;
    width:500px;
    float:right;
    margin-top:22px;
    }

ul#link li#link1  { height:72px;  }
ul#link li#link1 a {    background:url(links/link1.gif) 0 0;  height:72px;  }
ul#link li#link1 a:hover {  background-position:0 -72px;  }

ul#link li#link2  { height:55px;  }
ul#link li#link2 a {  background:url(links/link2.gif) 0 0;  height:55px;  }
ul#link li#link2 a:hover {  background-position:0 55px;  }

ul#link li#link3  { height:55px;  }
ul#link li#link3 a {  background:url(links/link3.gif) 0 0;  height:55px;  }
ul#link li#link3 a:hover {  background-position:0 55px;  }

/* opera 4-6 - Extras - Autor, Entwickler 2003 Kristof Lipfert Duesseldorf */
html * body ul#link li {    display:block;  }
html * body #link[id] li a {        clear:left; }

/*-------kontakt-------*/
ul#atepple {
    width:457px;
          top:405px;           right:0px;
          position:absolute;
    }

ul#atepple li        {
    display:inline;
    position:relative;
    width:457px;
    right:0;
    list-style:none;
  }

ul#atepple a {
   text-indent:-9999px;
          display:block;
    width:457px;
    float:right;
    }

ul#atepple li#epple1  { height:401px;  }

ul#atepple li#epple2  { height:21px;  }
ul#atepple li#epple2 a {  background:url(kontakt2.gif) 0 0;  height:21px;  }
ul#atepple li#epple2 a:hover {  background-position:0 -21px;  }

/* opera 4-6 - Extras - Autor, Entwickler 2003 Kristof Lipfert Duesseldorf */
html * body ul#atepple li {    display:block;  }
html * body ul#atepple[id] li a {        clear:left; }

/*---------------------foot---------------------*/
#foot        {
        width:800px;        height:93px;
        text-align:right;
  border-top:2px solid;    border-color:#95a6d5;
        }

#logo        {
        margin-top:10px;
        }