body{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0.8em; 
	color:#333; 
	background-image:url(../images/bg.gif);
	background-position:left top;
	background-repeat:repeat-x;
	margin:0em; 
	padding:0em; 
	text-align:left; 
}

h1 {
	font-size:1.4em; 
	font-weight:bold; 
	margin:1em 0 1em 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#093;
	text-align:center;
	text-shadow: 2px 2px 4px #999;
}

h2 {
	font-size:1.2em; 
	font-weight:bold; 
	margin:1em 0 0.2em 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#093;
	border-top:1px dotted #999;
	padding:1em 0 0 0;
	text-shadow: 2px 2px 4px #999;
}

h2.first {
	border-top:0;
}

h3 {
	font-size:0.9em; 
	font-weight:bold; 
	margin:0.4em 0 0.2em 0.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#093;
	text-shadow: 2px 2px 4px #999;
}

a:link{ 
	font-family:Georgia, "Times New Roman", Times, serif; 
	color:#093; 
	text-decoration:underline; 
	font-size:1em; 
	text-shadow: 2px 2px 4px #999;
}
a:visited{ font-family:Georgia, "Times New Roman", Times, serif; color:#093; text-decoration:underline; font-size:1em; }
a:active{ font-family:Georgia, "Times New Roman", Times, serif; color:#093; text-decoration:none; font-size:1em; }
a:hover{ 
	font-family:Georgia, "Times New Roman", Times, serif; 
	color:#093; 
	text-decoration:none; 
	font-size:1em; 
	text-shadow:0 0 0 #fff;
}

#layout {
	width:716px;
	margin:0 auto;
	padding:0;
}

#layout #head {
	margin:0;
	padding:0;
	/*background-image:url(../images/logo_blumengrins.gif);
	background-position:left top;
	background-repeat:repeat-x;*/
	width:100%;
	height:150px;
	text-align:center;
}

#layout #head p{
	color:#036;
	float:right;
	width:8em;
	margin:3.6em 2em 0 0;
}

#layout #body {
	margin:0;
	padding:0;
}

#layout #body #body-middle {
	margin:0;
	padding:0;
	width:100%;
}


#menu{
	width:165px;
	float:left;
	position:absolute;
	margin:0;
	padding:0;
}

html>body #menu{  /* nur fuer moderne Browser! */
  position: fixed;
}

#layout #body-middle #menu .webshop a {
  color:#fff;
  font-size:0.8em;
  font-family:Arial, Helvetica, sans-serif;
  text-transform:none;
}

#layout #body #body-middle #menu ul{
	margin:0 0 0 0;
	padding:0;
}

#layout #body #body-middle #menu ul li{
	margin:0 0 0.4em 0;
	padding:0.2em;
	list-style-type:none;
}

#layout #body #body-middle #menu ul li:hover{
	background-color:#FEDA95;
}

#layout #body #body-middle #menu ul li a{
	color:#093;
	font-size:1.2em;
	margin:0;
	padding:0.2em 0 0.2em 0;
	text-decoration:underline;
}

#layout #body #body-middle #menu ul li a:hover{
	text-decoration:none;
}

#layout #body #body-middle #menu ul li a:active{
	
}

#layout #body #body-middle #menu ul li img{ 
	border:0px; 
	width:28px; 
	height:28px; 
	vertical-align:middle;
	margin:0;
	padding:0; 
}

#layout #body #body-middle #menu form{ 
	display:block;
  background-color:#093;
  color:#fff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration:none;
  box-shadow: 2px 2px 4px #999;
	padding:0.6em;
	margin:0.6em 1em 0 0;
}

#layout #body #body-middle #menu form label, #loginbtn{
  margin:0.4em 0 0 0;
  display:block;
}

#layout #body #body-middle #menu form span{
  font-weight:bold;
  border-bottom:1px dotted #fff;
  padding:0.2em;
  display:block;
  text-transform:uppercase;
}

#layout #body #body-middle #menu .wsbtn{
  background-color: #093;
  border: none;
  color: #fff;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 4px;
  text-transform: uppercase;
  box-shadow: 2px 2px 4px #999;
  cursor: pointer;
}

#layout #body #body-middle #menu .wsbtn:hover{
	box-shadow: none;
}

#layout #body #body-middle #content{
	margin:0 0 0 160px;
	padding:0 0 0 20px;
	border-left:1px dotted #999;
}

#layout #body #body-middle #content p {
	width:90%;
	font-size:1.0em;
	margin:0 0 0.6em 0.6em;
	padding:0;
	line-height:1.5em;
}

#layout #body #body-middle #content ul {
	margin:1em 0;
	padding:0;
	list-style-type:none;
	text-align:center;
}

#layout #body #body-middle #content ul li {
	display:inline;
	margin:0 3em;
}

#layout #foot {
	margin:0.5em 0 1em 0;
	padding:0;
	text-align:center;
	font-size:0.8em;
}

td {
	vertical-align:top;
}

td.rechts {
	text-align:left;
}

td.links {
	text-align:right;
	vertical-align:top;
}

td.mitte {
	text-align:center;
	vertical-align:top;
}

input:focus {
	background-color:#ffc;
}

span.error, span.rot {
	color:#c00;
}

hr {
	width:90%;
	float:left;
	display:block;
	size:1px;
	color:#666;
	border:1px dotted #666;
}

ul#breadcrumb {
	list-style-type:none;
}

ul#breadcrumb li {
	display:inline;
}

img {
  border:0;
}

img.opener {
	border:4px solid #fff;
	width:500px;
	height:200px;
	box-shadow: 2px 2px 4px #999;
	margin:0.6em 0  0.6em 0;
}

img.opener-extra {
	border:4px solid #fff;
	width:500px;
	height:270px;
	box-shadow: 2px 2px 4px #999;
	margin:0.6em 0  0.6em 0;
}

.top {
	text-align:right;
	display:block;
}

.top:before {
	content:url(../images/top.gif)" ";
}

.clkbutton {
  display:block;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52 !important;
	text-decoration:none !important;
	margin:1.3em;
  padding:0.8em;
  -moz-box-shadow:inset 0px 1px 0px -1px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px -1px #fce2c1;
	box-shadow:inset 0px 1px 0px -1px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	border:2px solid #ffffff;

}
.clkbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}
.clkbutton:active {
	position:relative;
	top:1px;
}