body 
{
	text-align:center;
	margin:0px;
	font: 75%/1em Arial, Helvetica, sans-serif;
	padding: 0px;
}


a:link, a:visited, a:active, a:hover
{ 
  text-decoration:underline;
  color:#3399FF;

}
a:active, a:hover
{ 
  color:#F57B2E;
}
a.menu {
	display:block;
	color:#990000;
	text-decoration:none;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
 }
a.menu:link, a.menu:visited
{ 
  color:#990000;
 text-decoration:none; font-weight:bold;
}
a.menu:active, a.menu:hover
{ 
  color:#660000; font-weight:bold;
}

a.menuliste {
	color:#03F902;
	padding:2px 2px 2px 5px;
	margin:1px 0px;
	text-align:left;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
a.menuliste:visited {
	color:#01F000;
	text-decoration:none;
}
a.menuliste:hover {color:#999999; text-decoration:none;}
a.menuliste:active {color:#999999; text-decoration:none;}

.contentbox {
	text-align: left;
	width: 760px;
	margin:0px auto;
	color: #999999;
}
.navibox {
	width: 765px;
	background-image:   url("images/bluewood-unten-rund.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 48px;
	margin: 0px;
	padding-top: 10px;
}
#textbox {
	padding: 0px;
	margin: 0 auto;
	text-align: left;
	background-color: #484747;
}

#obenrund {
	background:      url("images/bluewood-oben-rund.jpg") no-repeat left bottom;
	padding-left: 10px;
	width: 756px;
	margin: 0px;
	height: 66px;
}
#untenrund {
	background:      url("images/bluewood-unten-rund.jpg") no-repeat left top;
	float: none;
	height: 58px;
	width: 765px;
}
.textfeld {
	padding-top: 0px;
	padding-left: 10px;
	margin: 0px 0px 0px 1px;
	width: 760px;
	background-image: url(images/bluewood-bg.jpg);
	background-repeat: repeat-y;
	background-position: -1px;
}

/* Die Schwarze Infobox frei skalierbar */
 /* setzen der Hintergrundbilder und Eckbilder */
.blackbox { background:     url(images/black_bg.gif) repeat; }
.blacktop div  { background:     url("images/black_oben_links.gif") no-repeat left top; }
.blacktop      { background:     url("images/black_oben_rechts.gif") no-repeat right top; }
.blackbot div  { background:     url("images/black_unten_links.gif") no-repeat left bottom; }
.blackbot      { background:     url("images/black_unten_rechts.gif") no-repeat right bottom; }

 /* H&ouml;he und Breite im Detail */
.blacktop div, .blacktop, .blackbot div, .blackbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.blackcontent  {
	margin: 0 14px;
	color: #FFFFFF;
}
.blackbox { margin: auto; } /* Hier kann die Breite eingestellt werden oder weggelassen werden (mit width: 19em; z.B) */
/* Hier endet der CSS f&uuml;r die Black Box */


/* Die Graue Contentbox frei skalierbar */
 /* setzen der Hintergrundbilder und Eckbilder */
.greybox { background:     url("images/grey_bg.gif") repeat; }
.greytop div  { background:     url("images/grey_oben_links.gif") no-repeat left top; }
.greytop      { background:     url("images/grey_oben_rechts.gif") no-repeat right top; }
.greybot div  { background:     url("images/grey_unten_links.gif") no-repeat -1px bottom; }
.greybot      { background:     url("images/grey_unten_rechts.gif") no-repeat right bottom; }

 /* H&ouml;he und Breite im Detail */
.greytop div, .greytop, .greybot div, .greybot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.greycontent  {
	margin: 0 10px;
	color: #333333;
}
.greybox { margin: auto; } /* Hier kann die Breite eingestellt werden oder weggelassen */
/* Hier endet der CSS f&uuml;r die Graue Content Box */

.spalte1{
	position:relative;
	width:200px;
	float:left;
	padding-bottom:10px;
	padding-right: 10px;
}
.spalte2{
	width:525px;
	float:right;
	padding-bottom:10px;
	padding-right: 10px;
	margin-right: 5px;
}
.clear-both {
	clear: both;
}
.topten {
	font-size: 14px;
	font-weight: bolder;
	text-decoration: none;
	padding: 3px;
}
.titel3 {
	margin-top: 0px;
	padding: 0px;
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
	padding-left: 20px;
}
h3 {
	font-size: 14px;
	padding-left: 40px;
}
h4 {
	font-size: 14px;
	padding-left: 60px;
}
.copyright {
	font-size: 10px;
	color: #7F7F7F;
	text-align: center;
}
ul {
	padding-left: 40px;
}
.preis {
	font-size: 16px;
	color: #660033;
	padding: 3px;
	text-align: right;
	font-style: italic;
	font-weight: bold;
	line-height: 50%;
}
.preistext {
	font-size: 11px;
	margin-left: 60px;
	text-align: justify;
	color: #7F7F7F;
}
.infotext {
	padding-left: 60px;
}
.bild {
	border: 1px solid #333333;
	float: right;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.h3menue {
	font-size: 14px;
}
