/*******************
Farben:
grau_hell = rgb(194,193,193);
grau_mittel = rgb(150,149,148);
grau_dunkel = rgb(131,130,129);
schwarz = rgb(31,26,23);
rot = rgb(158,39,68);
dunkel_braun = rgb(94,66,49);
mittel_braun= rgb(151,133,123);
hell_braun = rgb(209,197,190);
okker: rgb(211,155,61);
************************/


html, body {
	background: rgb(94,66,49);  /* url(img/body_bg.gif) left top repeat-x;  */
	margin: 0; padding: 0;
	height:101%;
}

/**** Layout Blocks ****/
#main { /* gesamte Seite */
	width: 980px;
	margin: 0px auto 0 auto;
	padding: 0 0 0 0;
}

#firstdiv { /* container top*/
        width:100%;
        height:50px;
	margin:0;
        float:left;
        background:url(img/mm_firstdivbrown.gif) center top no-repeat rgb(94,66,49);
}

#firstmain {    /* gesamte untere Seite */
        width:980px;   
        background:url(img/mm_firstmainbrown02.gif) left top no-repeat rgb(94,66,49);
	margin:0 auto 0 auto;
        clear:both;
}

#maincontent { /* gesamter Mittelteil */
	clear:both;
        width:980px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#header {
	height:260px;
        width: 980px;   
        float:left;
	margin: 0 auto 0 auto;
}
#headerleft {
	width:210px;
        float:left;
        height:100%;
        background: url(header/mm_headerleft.gif) center top no-repeat rgb(94,66,49);
}

/***************** wechselnde Headerbilder*****************/
.headercenter {
         float:left;
         width: 560px;
         height:100%; 
         background:url(header/mm_header_01.jpg) left top no-repeat rgb(94,66,49);}     /*Basisbild*/

   /* mm_img_einbauschrank.jpg  mm_img_ladenbau.jpg  mm_img_ladenbrillen.jpg  mm_img_ladenlinde.jpg
      mm_img_moebelbau.jpg   mm_img_moebeleinzel.jpg  mm_img_praxis.jpg  */


#headerbild3  {background: rgb(94,66,49) url(header/mm_img_moebelbau.jpg) left top no-repeat;}  /*möbelbau*/
#headerbild0  {background: rgb(94,66,49) url(header/mm_header_01.jpg ) left top no-repeat;}    /*Suchseite*/
#headerbild4 {background: rgb(94,66,49) url(header/mm_img_ladenbau.jpg) left top no-repeat;} /*ladenbau*/
#h aderbild5 {background: rgb(94,66,49) url(header/ ) left top no-repeat;} /*impressum*/
#h aderbild6 {background: rgb(94,66,49) url(header/pic_insekten.jpg) left top no-repeat;} /* kontakt */
#headerbild7 {background: rgb(94,66,49) url(header/mm_img_moebeleinzel.jpg) left top no-repeat;} /* einzelstücke */
#headerbild8 {background: rgb(94,66,49) url(header/mm_img_einbauschrank.jpg) left top no-repeat;} /* einbauschränke*/
#headerbild9 {background: rgb(94,66,49) url(header/mm_img_ladenbrillen.jpg) left top no-repeat;} /* optiker*/
#headerbild10 {background: rgb(94,66,49) url(header/mm_img_praxis.jpg) left top no-repeat;} /* praxis */
#headerbild11 {background: rgb(94,66,49) url(header/mm_img_ladenlinde.jpg) left top no-repeat;} /* linde */
#headerbild12 {background: rgb(94,66,49) url(header/mm_img_praxis.jpg) left top no-repeat;} /* tresenbau */



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#headerright {
	width:190px;
        float:right;       
        margin:0 0 0 0;
        background: url(header/mm_headerright02.gif) right top no-repeat rgb(94,66,49);
}
.headerrighttext {
        font-size: 1.1em;
	font-weight: normal;
        float:left;
        padding: 160px 0 0 0px;
        margin:0;
}
.headerrighttext p { color:rgb(211,155,61); }

#pageheader{
        margin:0;
        font-size: 14px;
        font-weight:bold;
	color:#fff;
}
#pageheader strong {
	font-size: 14px;
	letter-spacing: 0.15em;
	color:#fff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#breadcrumbs {      
        float:left;
        padding: 10px 0 18px 35px;
        margin-left:200px;
        color:rgb(94,66,49);
}
#breadcrumbs span {
	background: transparent url(img/link.gif) no-repeat;
	padding: 6px 2px 0px 12px;
        font-size: 11px;
}
#breadcrumbs a {
	text-decoration: none;
	color: #ccc;
	font-weight: normal;
}
#breadcrumbs a:hover {
        border-bottom: 1px solid #fff;
        color: #fff;
}
	
#breadcrumbs .menu-current a{
	color:rgb(209,197,190);
	font-weight: normal;
}
#breadcrumbs .menu-current a:hover{
	color: #fff;
	border-bottom: 1px solid #fff;
}

/****Linke Seite****/

#sideColumn {}

#infobox { /* login box */
	float: left;
	display:inline;
	width: 180px;
	padding:0;
        min-height:170px;
        margin:0 0 0 4px;
}
#innerinfo {
         width: 175px;
         padding:3px 10px 8px 10px;
         border: 1px dotted rgb(131,130,129);
         margin-bottom:20px; 
         color:rgb(194,193,193);
}
/****Mittelteil****/
#content { /* für den WYSIWYG-Editor  */
	width: 535px;
	float: left;
	display:inline;
	margin-left: 51px;  
        padding-bottom:10px;
        border-top:1px dotted rgb(151,133,123);
}
#content p, h2, h3{padding-left:70px; }


#contentinfo { /* Infobox für den WYSIWYG-Editor  */
	width: 455px;
	float: left;
	display:inline;
	margin:3px 0 0 70px;
        background:rgb(151,133,123);
        padding: 5px 5px 5px 0px;
        border-left:4px solid rgb(211,155,61);
}

#contentinfo p { color:#fff; padding-left:10px; }
#contentinfo strong { color:#fff;}

#contbreit { /* ganze Breite  */
	width: 730px;
	float: left;
	display:inline;
        margin: 2px 0px 10px 40px;
        color:rgb(131,130,129);
	padding: 3px 10px 3px 0px;
}

#contentsearch { /* für Suchseite  */
	width: 510px;                     
        color:white;
	float: left;
	display:inline;   
        margin: 0 0 5px 0;
        background:rgb(151,133,123);
        padding: 5px 10px 10px 10px;
        border-left:4px solid rgb(211,155,61);
}
#contentsearchresult {  color:white; }

/****Rechte Seite****/

#rightbox {
        width: 190px;
	float:right;    
	display:inline;
        text-align:left;   
        color:#fff;
        margin-top:1px;
        font-size:11px;
}
#rightbox h2{ padding:0 !important; }
#rightbox h3{ padding:0 !important; }

.clearcontent {
         height:10px;
         clear:both;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footerbox {
           height:35px;
}
#footer {	
	color: rgb(151,133,123);
        width:741px;
        height:28px;
        border-bottom:1px dotted rgb(151,133,123);
        margin-left: 36px;
        font-size:11px;
	letter-spacing:0.06em;
	padding: 5px 0 0 0px;
	text-align: left;
	float:left;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/**** Search Box ****/
#search_box {
	color: #000;
	text-align: left;
        float:left;
	width:195px;  margin: 0 0 0 4px;
}
#search_box {
	height:40px;
}
#search_box .searchstring {
        width:75%; height:18px;
        float: left;
        display:inline;
	border: 1px solid rgb(151,133,123);
	background:none;
	color:rgb(151,133,123);
	font-size: 12px;    
        padding-left:5px;
        margin-top:3px;
}
#search_box .search_submit {
        width:20%;
        height:30px;
        float: right;
	border: none;
	background:url(img/lupe.gif) center center no-repeat;  
        cursor: pointer;
	color:#fff;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#prevnext {
	float:right;
	margin-top:0px;
	margin-right:10px;
	color: #fff;
	font-weight: bold;
}
#prevnext a {
        color: #fff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        #### Horizontal Drop-Down Menue #####
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

#navContainer {
        height:24px;
        width:560px;    /*980*/
        display:block;
        margin-left:210px;
        float:left;
        background: rgb(151,133,123);  /* url(img/nav_1_bg.gif) left repeat-x; */
}

/*** Remove List Formattings ***/
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;    
}

/*** Header menu ***/
#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu  { clear: both;}

#nav {
	float:left;
}
#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;
	position: relative;
	list-style-image: none;
}

/* Root Level Link Formatierung */
#nav ul li {
     float: left;
     color: red;
     text-align: left;
     font-weight: normal;
     list-style-type: none;
     list-style-image: none;
}

/* #n v a{  b rder-right:2px solid red; }    */

#nav ul li a {   /***Basiseinstellng****/
     display: block;      
     width: 97px;
     background: url(img/navi_1_bg.gif) right no-repeat;
     padding: 4px 12px 5px 12px;
     color: #ccc;
     text-decoration: none;
     font-weight: normal;   
}


/* Root Level link hover  #nav li a:focus,  */
#nav ul li a:hover, #nav li a:active, #nav ul li a.active, #nav a.menu-current {
     background:rgb(0,92,161) url(img/navi_1_current.gif) right no-repeat;
     color: #fff;
}
#nav a.menu-parent {
     color: #000;
}
/*eigener Hintergrund bei hoover*/
#nav ul li a:focus {
     background: none;
     color: #f1f1f1;   
}

/*Current page, linke Seite der gesamten Navi wichtig */
#nav a.menu-current{
     font-weight: bold;  
  /*   b ckground: rgb(0,92,161) url(img/navi_1_current.gif) no-repeat right 0px;  */
     }

#nav .menu .home a {
     display: block;
     width:0px;
     height:24px;
     margin:0;
     padding:0;
}
/* 2nd Child menu Klappmenue*/
#nav .menu li ul {
     position: absolute;
     width: 11.0em;
     margin:0;  /* 0px 0 0 -1px;*/
     display: none;
     text-transform: none;
     padding-top: 1px;
     font-size: 100%;
     background: rgb(239,243,240);    /*hellgrün  218,233,233 */
   /*  filter:alpha(opacity=84); -moz-opacity: 0.84;  */
}
#nav .menu li ul li {width: 11.0em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em; border-bottom: 1px solid #fff;}
#nav .menu li ul li a {width: 10.4em; padding: .3em .1em .3em .4em; color: rgb(0,51,102); font-weight: normal;  background: none; border: 1px solid rgb(0,102,102);}

/* 2nd Child link hover */
#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current { 
     background: rgb(118,190,123);
     color:#fff;
     font-weight: normal;
}
#nav .menu li ul a.menu-parent {
     background: rgb(0,102,102);
     color:#fff;
}


/* Show and hide */                     /*focus*/
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 1000;}


/* 3rd Child Menu Appreances ????????*/
 #nav .menu li ul li ul	{
     margin: 5px 0 0 -5%;   /*10px 0 0 -40%;  */
     z-index: 10000;
     display:block;
     width:11.2em;
     background: rgb(218,233,233);  /*hellgrün */
     color:#000;
}
#nav .menu li ul li ul li	{width: 11em; background: rgb(218,233,233);}
#nav .menu li ul li ul li a 	{ width: 10.4em; border: 1px solid rgb(0,102,102);}

/* 4rd Child Menu Appreances */
#nav .menu li ul li ul li ul	{  width: 9em; background: #808080;}
#nav .menu li ul li ul li ul li	{  width: 9em; }
#nav .menu li ul li ul li ul li a 	{ width: 8.5em;}

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

/* IE6 only
*html #nav .menu li ul li ul {margin-left:0 ! important;}*/

/* IE7 only 
*+html #nav .menu li ul li ul {margin-left:0 ! important;}*/

/* ul class="ullev1" , sorry doesnt work
#nav .ullev1  {z-index: 1000 ! important; background: #4b4c4d;}
#nav .ullev2  {z-index: 2000 ! important; background: #4b4c4d;}
#nav .ullev3  {z-index: 3000 ! important; background: #4b4c4d;}
*/

/* Better: */
#nav li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

/* ~~~~~~~ Ende Horizontal Drop-Down Menue ~~~~~~~ */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        #### Menue links #####
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

/* Header menuright */
  #header_menuright {position: absolute; margin-left: 0; }
  #header_menuright li {line-height: normal; }
  ul#header_menuright  {z-index: 10; clear: both;}

ul.menuright, li.menuright {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#menuright {
	letter-spacing:0.05em;
	width: 100%;
        margin-bottom: 16px;
        margin-left: 0px;
        font-size: 12px;
        padding-bottom:20px;
        z-index: 10;
}
#menuright ul {
	list-style-type: none;
	margin: 0;
	padding:0;
	position: relative; /* der IE6 Bug */
}
#menuright ul li {
           color: #fff; 
           text-align: left; 
           font-weight: normal; 
           list-style-type: none;
}
#menuright li ul a{
}

/***erste Ebene alle seiten****/
#menuright a {    /*nicht aktive seite*/
           text-align: left;
           font-weight: normal;
           line-height: 150%;
           margin:0;
           padding:0;     
}
#menuright ul a:hover {
	color: #fff;  /*rgb(239,243,240);*/
	text-decoration:none;  
}
/**** alle sichtbaren unterseiten****/
#menuright ul li a {
          display: block;
          padding: 3px 8px;
          margin-bottom:2px;
          margin-top:2px;
          color: rgb(209,197,190);   /*rgb(131,130,129); */
          text-decoration: none;
          border-top: 1px solid rgb(209,197,190);
}
/* Root Level Link Formatting */
#menuright ul li a:hover, #nav li a:focus {
          color: #fff; /*rgb(140,157,174); */
          border-top: 1px solid #fff;
}
#menuright li a:active, #nav ul li a.active {color: #4b4c4d;}

/* Current page /aktive Seite und Unterseite*/

#menuright li.menu-current a {
          border-top: 1px solid rgb(211,155,61);
          font-weight: bold;
          color:rgb(211,155,61)!important; /*okker*/
}

#menuright .menu-current  a{
         /*  b ckground: url(img/nav_current.gif) right center no-repeat;     */
}

/***Untermenue 1. Unterseite***/
#menuright .menu-current ul a {
          font-weight: normal;
          padding-left:22px;
}
#menuright .menu-current a:hover {
          font-weight: bold; color:#fff;
}

#menuright .menu-top a{
}
#menuright .menu-parent a{
          color:rgb(211,155,61);
          font-weight: normal;
}

/* 2nd Child menu */
#menuright .menu li ul {
          position: absolute;
          width: 12em;
          margin: 0;
          display: none;
}
#menuright .menu-expand ul {
           margin:0;
           padding:0;
           font-weight:normal;
}
#menuright .menu-expand li {
           margin:0px;
}
#menuright .menu-expand a {
           margin:0px;
}

#menuright .menu-expand li a {
           margin:0px;
           list-style:none;
           letter-spacing:0.05em;
           padding-left:22px;
}
#menuright .menu-expand li a:hover {
           margin:0px;
           font-weight:normal;
           color:rgb(211,155,61);
}
#menuright .menu-expand ul li a {
           margin:0px;
           color: #fff;
}
#menuright .menu-expand li ul li a {    /*dritte Ebene*/
            padding-left:32px;
}

#menuright .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em; }
#menuright .menu li ul a { width: 11.5em; padding: .6em .1em .6em .4em; background: #4b4c4d; color: #fff; border: 0px solid #880022;}

/* 2nd Child link hover */
#menuright .menu li ul a:hover {
     border: 0;
     color:red;
     }

/* Show and hide */
#menuright .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#menuright .menu li ul ul { display: none;}
#menuright .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#menuright .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#menuright .menu li ul li ul li a  {width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; }

/* Positioning the Pop-out Drops */
#menuright li {position: relative;}

#menuright ul ul ul a{
	position: relative;
	padding-left:12px;
}
/* ~~~~~~~ Ende menu ~~~~~~~ */

/******** kopfmenue *********/
#navtop {
	font-size: 11px;
	letter-spacing: 0.05em;
	color: rgb(209,197,190);
        text-align: left;
        padding: 20px 0 0 210px;
	float:left;
}
#navtop a{
	color: rgb(209,197,190);
	text-decoration: none;
}
#navtop a:hover{
	color: #fff;
	text-decoration: none;
}
#navtop .menu-current a{
	color: rgb(211,155,61);
	text-decoration: none;
}
#navtop .menu-current a:hover{
	color: #fff;
}

/********* ende footermenue **********/

/****Login Box*****/

#login-box { padding-top:5px; padding-left:5px; padding-bottom:10px; border: 0px solid #ccbfd0;}
#login-box fieldset {border:0; text-align:left;}
#login-box legend		{
	font-size: 90%;	
	color: #333;
}
.username {color: #009;} /* Color of name when logged in*/
.topboxbody {font-size:0.8em;padding:2px;}


#login-box label {clear:left; width: 100px; display:block;
	float:left; }
#login-box input {
	display:block;
	float:left;	
	font-size: 10px;
	margin: 2px auto 1px auto;
	width: 100px;
}
#login-box div {clear:left; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*  \*/
* html #clearfix {
	height: 1%;
}
/*  */

.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */

.copy{    
      width:980px; 
      margin:0 auto 0 auto;
      font-weight:normal;
      font-size:10px !important;     
      letter-spacing:0.06em;
      text-align:right;
      color: rgb(151,133,123);
      padding: 5px 0 0 0;
      height: 45px;
}

#hotline{
        font-size: 1.6em;
	letter-spacing:0.04em;
	font-weight: normal;
        line-height:120%;
	color:rgb(131,130,129);
{