.opentable
 {
  background: transparent url(../img/center_trenner.gif) no-repeat bottom center;
  padding-bottom: 30px;
  margin: 0 0 20px 0;
 }

.cms_block
{
  background: transparent url(../img/block_trenner.gif) no-repeat bottom center;
 padding: 0 0 20px 0; 
 margin: 0 0 20px 0;
}

.cms_block h1, .cms_block h2, .cms_block h3, .cms_block h4
{
  color: #D04B19;
  text-decoration: none;
}
 
p.block_header{
  font-weight: bold;
  font-size: 16px;
  color: #244D2A;
}

.cms_block div.block_content
{
}

.cms_block div.block_content p
{
}

.blockscenter
 {
  background: transparent url(../img/center_trenner.gif) no-repeat bottom center;
  padding-bottom: 30px;
 }
 
.blockscenter div.block_content
 {
 }

 

body {
  background: #766B89 url(../img/body_verlauf.jpg) repeat-x;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  margin: 0px;
  padding: 0px;
}

a
{
  color: #742948;
  font-weight: bold;
  text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}
img, a img :hover
{
  border: none !important;
}


.center_column h1,
.center_column h2,
.center_column h3,
.center_column h4
{
  color: #742948;
  margin: 0px 0px 0px 0px;
	font-size: 150%;
}

.center_column h1
{
  height: 44px;
  padding: 23px 0px 0px 25px;
  margin-left: -10px;
  background: transparent url(../img/ecke_h1.jpg) no-repeat top left;
}

.left_column h1,
.left_column h2,
.left_column h3,
.left_column h4
{
  color: #244D2A;
}

.cms_block .block_header
{
  height: 21px;
  padding: 15px 0px 0px 18px;
  background: transparent url(../img/ecke_block_h4.gif) no-repeat top left;
}
.header
{
  overflow: hidden;
  width: 898px;
  height: 241px;
  background: transparent url(/userfiles/myheader/header.jpg) no-repeat;
}
#navi1 
{
  height: 34px;
  width: 898px;
  background: transparent url(../img/nav_hintergrund.jpg) no-repeat;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #FFF;
}

#navi2 
{
  margin-top: 15px;
  height: 24px;
  width: 897px;
  font-size: 14px;
  font-weight: bold;
  text-align: right;
  color: #E0CFFF;
	z-index: 4;
	position: absolute;
}

.navi a
{
	color: inherit;
	text-decoration: none;
}

.navi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#navi1 ul {
	position: relative;
	top: 2px;
}

.navi ul li
{
  display: inline;
}

#navi1 ul li
{
  margin-right: 40px;
}

#navi2 ul li
{
  margin-left: 10px;
}
	
.left_column {
  margin-right: 1px;
  width: 171px;
  padding: 20px;
  float: left;  
  overflow: hidden;
}

.center_column {
  padding: 20px;
	height: 100%;
	overflow : hidden;
  margin: 0;
}

#lorem_ipsum
{
	width: 898px;
	margin: 0 1px;
	height: 34px;
	background: transparent url(../img/my_header_index.jpg) no-repeat;
	
}

.footer{
  color: #FFF;
  padding: 10px 5px 5px 5px;
  font-weight: bold;
  height: 22px;
  background: #742948 url(../img/footer.jpg) repeat-x;
  text-align: center;  
}

.footer a{
	color: #FFF;
	text-decoration: none;
}


.outline {
  width: 898px;
  padding: 0px;
  margin: 0 auto;
}

.main {
  width: 896px;
  border-left: 1px solid #244D2A;
  border-right: 1px solid #244D2A;
  overflow: hidden;
  background: #F1EFF2 url(../img/hintergrund_main.jpg) repeat-y;
}
.debug {
	min-height: 100px;
}

#footer_right
{
  float: right;
}

span#ffcms_copyright{
	white-space: nowrap;
}
#ffcms_copyright img
{
	margin-bottom: -2px;
}
.block_arrangement
{
  position: relative;
  width: 280px;
  height: 150px;
  border: 1px solid #244D2A;
  float: left;
  margin-right: 20px;
  margin-left: 10px;
  overflow: visible;
}

.block_arrangement div.text
{
  z-index: 1;
  position: absolute;
  top: 5px;
  left: 15px;
  width: 260px;
  height: 110px;
}

.block_arrangement div.corner
{
  z-index: 0;
  height: 77px;
  width: 84px;
  background: #F1EFF2 url(../img/ecke.jpg) no-repeat top left;
  position: absolute;
  top: -10px;
  left: -10px;
}

.block_arrangement a.block_title
{
  background: #F1EFF2;
  position: absolute;
  top: -18px;
  left: 68px;
  padding: 0px 5px;
}
.block_arrangement a.block_detail {
 position:absolute;
 bottom: -8px;
 right: 5px;
 padding: 0 6px 0 6px;
 margin:0;
 background: #F1EFF2; 
 border: 0px solid #ccc;
 
}

/* CSS Anpassungen für das Dynamic Menü Chrome */

.chromestyle {
font-weight:bold;
width:100%;
}
.chromestyle:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.dropmenudiv {
position:absolute;
top:0;
background-color:#752948;
border-color:#ffffff;
border-style:solid;
border-width:1px 1px 0;
color:#ffffff;
visibility:hidden;
width:180px;
z-index:102;
}

.dropmenudiv a {
border-bottom:1px solid #ffffff;
color:#ffffff;
display:block;
font-weight:bold;
text-decoration:none;
text-indent:3px;
width:auto;
}

* html .dropmenudiv a {
width:100%;
}
.dropmenudiv a:hover {
background-color:#1a3e1b;
}

/* Content CSS */

div.MainContent {
   padding-bottom: 30px;
   margin: 10px 0 1em 0;
   background: transparent url(../img/center_trenner.gif) no-repeat bottom center;
}

div.MFContentDynLinks {
 text-align:left;
}
  
div.MFContentDynLinks_Headline {
 border-bottom: 1px solid;
}
    
 
/* Kommentare zum Content */

.content_kommentare
{
 border: 1px dashed black;
 padding: 5px; 
}

.content_kommentare h3
{
 font-weight: bold;
 border-top: 5px;
 border-bottom: 15px;
 padding: 0px;
}

.content_kommentar 
{
  background-color: #ececec;
  width: 350px;
  padding: 14px;
}

.content_kommentar_footer
{
background: url(arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 5px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

/* Definitionen für das Tab-Menü im Adminbereich */
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 95%;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

#ArticleVariationGroups td{
  border-bottom: 1px solid;
}
#ArticleVariationsByGroup td{
  border-bottom: 1px solid;
}
/* Special Price Darstellung */
#SpecialPrice {
 font-size: 16px;
}

#StandardPrice {
 margin: 0 0 0 10px;
 text-decoration:line-through;
 color:red;
 font-size: 12px;
}
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#MakeInvoicIframe {
border: 0px;
}

.MakeInvoiceOutput{
 font-family: Helvetica; 
 font-size: 1.0em
}

/* Debug CSS */
.debug_complete {
 overflow:auto;
}

/* Definitionen für das Tab-Menü im Adminbereich */
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 95%;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#boxes { width: 645px; }
div.box { position: relative; width: 215px; height: 246px; overflow: hidden; float: left; display: inline; margin-bottom: 10px; cursor: pointer; }
div.box_img { z-index: 1; position: absolute; width: 180px; height: 104px; overflow: hidden; left: 17px; top: 18px;  }
div.box_bg, div.box_bg_hover { z-index: 2; position: absolute; width: 100%; height: 100%; }
div.box_bg_normal  { background: url('../img/teaser.png') top left no-repeat; }
div.box_bg_hover  { background: url('../img/teaser_hover.png') -1px top no-repeat; }
div.box_text  { z-index: 3; overflow: hidden; position: absolute; width: 190px; height: 115px; top: 121px; left: 11px;  }
div.box_text  h3 { color: #fff; font-size: 14px; text-align: center; line-height: 25px; }
div.box_text  div.descr p { margin: 5px 0 0 0; font-size: 12px; line-height: 16px; }
div.box_text  div.price_label  { position:absolute; top: 78px; }
div.box_text  div.price_label p { font-size: 12px; margin: 0; line-height: 12px; }
div.box_text  div.price  { position:absolute; top: 95px; }
div.box_text  div.price  p { color: #742948; font-weight: bold; font-size: 16px; line-height: 16px; margin: 0; }
div.box_text  div.details  { position:absolute; top: 89px; left:72px; width: 118px; text-align: center;  }
div.box_text  div.details  p, div.box_text  div.details  a { line-height: 24px; margin: 0; font-size: 13px; font-weight: bold; color: #fff; text-decoration: none; }