/* Scrollbalken rechts erzwingen */
html {
overflow-y: scroll;
}

#test_div {
	background-color: grey;
	width: 200px;
	height: 250px;
	float: left;
}

/* Ãœberschrift im header-DIV */
#header h1 {
  color: white;
  padding: 5px;
}

/* rc = round corner - ol = oben links*/
.rc_ol{
	border-width: 4px;
	border-style:solid;
	border-top-color: #32487D;
	border-left-color: #32487D;
	border-right-color:#608BF0;
	border-bottom-color:#608BF0;
	border-top-left-radius: 20px;
	overflow:hidden;
	margin: 0 auto;
}

/* rc = round corner - or = oben rechts*/
.rc_or{
	border-width: 4px;
	border-style:solid;
	border-top-color: #32487D;
	border-left-color: #32487D;
	border-right-color:#608BF0;
	border-bottom-color:#608BF0;
	border-top-right-radius: 20px;
	overflow:hidden;	
}

/* rc = round corner - ur = unten rechts*/
.rc_ur{
	border-width: 4px;
	border-style:solid;
	border-top-color: #32487D;
	border-left-color: #32487D;
	border-right-color:#608BF0;
	border-bottom-color:#608BF0;
	border-bottom-right-radius: 20px;
	overflow:hidden;	
}

/* bdiv = bild div*/
.bdiv{
	width:auto;
	height:auto;
}

/* bdiv = bild div - fr = float right*/
.bdiv_fr{
	width:auto;
	height: auto;
	float: right;
}

/* bdiv = bild div - fl = float left*/
.bdiv_fl{
	width:auto;
	height: auto;
	float: left;
}

#map{
  position: relative;
  top: 0px;
  left: -10px;
  margin-bottom: 10px;
}

#leistungen_bilder{
	background-color: #213053;
    width: 405px;
    height: 269px;
	margin-left:10px;
	margin-top: 50px;
	margin-right: 40px;
}

#quellsteine_bilder{
	background-color: #213053;
    width: 512px;
    height: 340px;
	margin-left:10px;
}

#accessoires_bilder{
	background-color: #213053;
    width: 512px;
    height: 340px;
	margin-left:10px;
}

#fliesen_bilder{
	background-color: #213053;
    width: 825px;
    height: 371px;
}

#fenster_bilder{
	background-color: #213053;
    width: 814px;
    height: 224px;
	margin-bottom: 10px;
}

.treppen_bilder2{
	background-color: #213053;
    width: 817px;
    height: 250px;
	margin-bottom: 10px;
}

#treppen_bilder{
	background-color: #213053;
    width: 814px;
    height: 270px;
	margin-bottom: 10px;
}

#sternkreis_bilder{
	background-color: #213053;
    width: 814px;
    height: 269px;
}

#garten_bilder{
	background-color: #213053;
    width: 814px;
    height: 269px;
}

#grabmal_bilder{
	background-color: #213053;
    width: 814px;
    height: 273px;
}

#bild_startseite{
    width: 500px;
    height: 308px;
    margin: auto;
	margin-right: 30px;
    float: left;
	overflow:hidden;
}

#sternkreis{
    background: url(../image/sternkreis_01.jpg) top center no-repeat;
    width: 500px;
    height: 500px;
    margin: auto;
    float: right;
    padding-left: 10px;
    padding-bottom: 20px;
}


h4 {color:#275D01;
}

/*h1 hover */
#main a h1:hover{
	color: #CC6;
	}

#main a h2:hover {
    color: #86884B;
}

#headerlogo {
	background: url(../image/logo_01_200hoch_trans_allein.png) right bottom no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 181px;
	height: 210px;
	margin-right: 500px;
}

#headerschrift {
	background: url(../image/logo_02_100hoch_trans_allein.png) no-repeat;
 	background-position: 0px 90px;
 	position: absolute;
	top: -20px;
	right: 0px;
	width: 300px;
	height: 210px;
	margin-right: 200px;
}

#headerbg {
  width: 900px;
  height: 210px;
  margin: auto;
  overflow:hidden;
}



/* Menüleiste (menu-DIV)
#menu a {
  text-decoration: none;
  font-weight: normal;
  color: #275D01;
  display: block;
  padding: 5px;
  padding-left: 15px;
}

#menu a:hover {
  color: #cccc66;
}

#menu li {
  border: 0px solid #ffff99;
}
*/

/*
#menu ul {
  line-height: 1.6;
  list-style-type: none;
}

#menu ul ul {
  line-height: 1.4;
  list-style-image: url(reddot.gif);
  padding-left: 20px;  
}
*/

/* Ende Menüleiste */

/* ab hier: main-DIV */
/* Hauptüberschrift: */
#main h1 {
  font-size: 1.1em;
  font-weight: bold;
  color: #2D4170;
  padding-bottom: 14px;
}

/* Unterüberschrift: */
#main h2 {
  font-size: 1em;
  font-weight:bold;
  color: #2D4170;
  padding-bottom: 12px;

}

/* normaler Fließtext: */
#main p {
  margin-bottom: 12px;
  line-height: 1.3;
  text-align: left;
}

/* UL mit grafischem Aufz.zeichen: */
#main ul {
  list-style-image: url(reddot.gif);
  margin-left: 30px;
  margin-bottom: 10px;
  line-height: 1.5;
}

/* STRONG umdefinieren */
#main strong {
  color: #333300;
}

/* hyperlinks im main */
#main a {
	color: rgb(10, 108, 187);
  text-decoration: none;
}
#main a:hover {
	color: rgb(134, 136, 75);
  text-decoration: none;
}
/* Ende main-DIV */

#footer p {
  color: #BCBCA7;
  font-size: small;
  padding-top: 6px;
  padding-left: 0px;
  text-align: center;
}

#footer a {
    text-decoration: underline;
	color: #BCBCA7;
}

#footer a:hover {
	color:#86884B;	
}
.clear {
	clear: both;
}