* {
margin: 0;
padding: 0;
}

body {
/* http://bs-markup.de/css/ */
/* background: #fff url(http://bs-markup.de/css/css_images/back_body.gif) repeat-x; */
text-align: center;
/* font: normal 100.01%/1.3 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; */
/* font: normal 100.01%/1.3 'Helvetica', 'Arial', sans-serif; */
font-size:100.01%;
line-height:1.3;
font-style:normal;
font-family:Helvetica,Arial,sans-serif;
/*     font-size:smaller; */
color: #333;
}

#seitenrahmen {
  margin: 0 auto;
  width: 800px;
  text-align: left;
  font-size: 90%;
  /* border:1px solid black; */
}

div#bg {
  float: left;
  /* background: url(../bilder/hintergrund2.gif) repeat-y  30% 0; */
  /*
  background: url(../bilder/hintergrund220.gif) repeat-y;
  */

  /* background: url(http://bs-markup.de/css/css_images/back_bg.gif) 700px 50px no-repeat; */
  /* background: url(../bilder/platzhalteroben2.png) no-repeat 0 0; */
  /* border:1px solid red; */
  /* background: yellow; */
}


p#skiplinks {
  /* margin: 5px 15px 15px 15px; */
  font-size: 85%;
  text-align: right;
  color: #999;
  background: white;
  /* border:1px solid orange; */
}


div#headerimg {
  /* margin-top: 15px; */
  width: 100%;
  background: white;
  border-top:1px solid #eb8200;
  border-bottom:1px solid #5581ab;

}

/*   Steuerung oben */

/*
div#navi {
  margin: 5px 15px 0 15px;
  padding-bottom: 15px;
  width: 920px;
  border: 1px solid #ccc;
}

html>body #navi {float: left;}
*/

/*
ul#naviliste {
  margin: 0;
  list-style-type: none;
}

ul#naviliste li {
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  background: none;
}

#navi a:link, #navi a:visited {
  display: block;
  padding: 3px 10px 3px 20px;
  color: #333;
  border: none;
  background: #ff0 url(http://bs-markup.de/css/css_images/back_a_navi.gif) 5px 50% no-repeat;
  margin: 1px 0;
}
*/

.inhaltsbereich,#fusszeile,#artikelzusatz,#steuerung {
  float:left;margin: 1px 0;
}

div.inhaltsbereich {
  width: 800px;
  text-align: center;
  margin-top: 10px;
  /* font-size: 90%; */
  /* border: 1px solid red; */
  /* background-color:silver; */
}

.inhaltsbereich p {
   margin: 0 0 1.5em 0;
   /*  border: 1px solid red; */
}

.inhaltsbereich ul {
   margin: 0 0 1.5em 2em;
   /* border: 1px solid green; */
}

.inhaltsbereich ol {
   margin: 0 0 1.5em 2em;
   /* border: 1px solid green; */
}

.inhaltsbereich li {
   margin: 0 0 .5em 0;
   /* color:#5581ab; */
   /* border: 1px solid orange; */
}


div#abstand {
  width: 50px;
  margin: 0px 0;
  background: yellow;
}

div#steuerung {
  width: 215px;
  margin: 10px 0px;
  /* margin: 10px 0px 10px 5px; */
  color: #666;
  /* border-left: 1px dotted #ccc; */
  /* border-right: 1px solid #5581ab; */
  /* border: 1px solid red; */
  font-size: 90%;
  /* background: #08f; */
  /* background: url(../bilder/hintergrund2.gif) repeat-y  30% 0; */
}

div#fusszeile {
  width: 800px;
  margin: 0 0 0 0;

  font-size:10pt;
  color:#3F3F3F;
  background:#dddddd ;
  border-top:1px solid #5581ab;
  border-bottom:1px solid #eb8200;
}

#breadcrumbs {
  font-size:small;
  margin: 0 0 20px 0;
}

#validator {
  text-decoration:none;
/*
  color:red;
  background:yellow ;
*/
  /* text-align: right; */
  /* float:right; */
}



/*  DESIGN TEXT: INHALTSBEREICH  */

strong {
  color:#5581ab;
}

b {
  color:#eb8200;
}

.inhaltsbereich h1 {
  color:#eb8200; /*  #BC2D2A; */
  font-size: 150%;
  margin: 0 0 .8em 0;

  /* letter-spacing:0.1em; */
}

.inhaltsbereich h2 {
  color:#5581ab; /*  #BC2D2A; */
  font-size: 120%;
  margin: 0 0 .7em 0;
}

.inhaltsbereich h3 {
  color:#5581ab; /*  #BC2D2A; */
  font-size: 105%;
   margin: 0 0 .6em 0;
}

.inhaltsbereich a {
  /* text-decoration:none; */
  color:#5581ab;
}

.inhaltsbereich a:hover {
  color:#eb8200;
}


/*  STEUERUNG  */


#steuerung li{
 list-style:none;
}

#steuerung ul li{
 list-style:none;
}

DIV#inhalt p {
	line-height:1.4em;
}

DIV#steuerung a {
	text-decoration:none;
         color:#5581ab;
}

DIV#steuerung a:hover {
	/* text-decoration:underline; */
         color:#eb8200;
         /*
         background-image:url(../bilder/pfeil_kl.gif); background-repeat:no-repeat;
         background-position:right;
         */
}

.dsteu_hight {
         background-image:url(../bilder/pfeil_kl.gif); background-repeat:no-repeat;
         background-position:top right;
}


DIV#steuerung UL {
   text-decoration:none;
    font-weight:bold;
    font-size:16px;
   /* letter-spacing:3px; */
   padding: 0 0 0px 0px;
   margin: 0 0 0 0px;
    }

DIV#steuerung LI {
   color: #000000;
   font-weight: bold;
   margin-left:10px;
   /* border-top:1px solid orange; */
   margin-bottom:0em;
   /* padding-bottom:35px; */
   }

DIV#steuerung i {
   font-weight: bold;
   font-style:normal;
   }

.unterstr1 {
   /* color: #0000ff; */
   /* padding-bottom:0px; */

   /* border-top:1px solid black; */
   height:.3em;
   /*
   height:4px;
   line-height:4px;
   */
   }

.unterstr2 {
   /* border-top:1px dotted black; */
    height:.2em;
   }


DIV#steuerung LI LI {
    letter-spacing:0px;
   color: #0000ff;
   /* background:#eee; */
   font-weight: normal;
   margin-left:25px;
   list-style-image: url(bilder/bullet2.gif);
   /* border-bottom:1px dotted red; */
    }

DIV#steuerung LI LI LI {
    letter-spacing:0px;
   color: #0000ff;
   font-weight: small;
   margin-left:20px;
    font-size:11px;
    /* height:1.6em; */
   /*
     border-bottom:1px dashed blue;
     border-top:1px dashed red;
   */
   /*
   margin-bottom:7px;
   */
   margin-bottom:3px;
   list-style-image: url(../bilder/aufzaehlung.gif);
    /*background-color:red; */
    }


#bildmenu {position:relative; border: 1px solid black; float:left; margin-right:15px; top:0px; left:0px; width:250px; height:180px; background-color:#fff; z-index:100;}
#bildmenu a.p1, #menu a.p1:visited {display:block; width:250px; height:180px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#bildmenu a img {border:0;}
#bildmenu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#bildmenu a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#bildmenu a.p1:hover .large {display:block; border:1px solid black; position:absolute; top:0px; left:0px; width:623px; height:448px; }

#bildmenu2 {position:relative; border: 1px solid black; float:left; margin-right:15px; top:0px; left:0px; width:250px; height:180px; background-color:#fff; z-index:100;}
#bildmenu2 a.p1, #menu a.p1:visited {display:block; width:250px; height:180px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#bildmenu2 a img {border:0;}
#bildmenu2 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#bildmenu2 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#bildmenu2 a.p1:hover .large {display:block; border:1px solid black; position:absolute; top:0px; left:0px; width:623px; height:448px; }

#bildmenu3 {position:relative; border: 1px solid black; float:left; margin-right:15px; top:0px; left:0px; width:250px; height:180px; background-color:#fff; z-index:100;}
#bildmenu3 a.p1, #menu a.p1:visited {display:block; width:250px; height:180px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#bildmenu3 a img {border:0;}
#bildmenu3 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#bildmenu3 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#bildmenu3 a.p1:hover .large {display:block; border:1px solid black; position:absolute; top:0px; left:0px; width:623px; height:448px; }

#bildmenu4 {position:relative; border: 1px solid black; float:left; margin-right:15px; top:0px; left:0px; width:250px; height:180px; background-color:#fff; z-index:100;}
#bildmenu4 a.p1, #menu a.p1:visited {display:block; width:250px; height:180px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#bildmenu4 a img {border:0;}
#bildmenu4 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#bildmenu4 a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#bildmenu4 a.p1:hover .large {display:block; border:1px solid black; position:absolute; top:0px; left:0px; width:623px; height:448px; }


