/***************************************
@template       wm_css - for WM Gartenambiente
@copyright	Forum-W (c) 2010 | www.forum-w.de
@version	1.00
@platform	WebsiteBaker 2.8.1

Farben:
altgoldgelb: rgb(183,182,31);
gr�n: rgb(55,101,73);
blau: rgb(86,95,124);
hellblau: rgb(209,216,220);
***************************************/

html, body {
	background: rgb(86,95,124) url(img/wm_body.gif) left top repeat-x;
	margin: 0; 
        padding: 0;  
        height:101%;
}

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

#firstdiv {
	margin:0;
}

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

/***************** Header*****************/
#header {
	height:260px;
        width: 980px;   
        float:left;  
        clear:both;
	margin: 0 auto 0 auto;
	background: white url(header/wm_header.gif) left top no-repeat;
}

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

#pageheader{
        padding:25px 0 0 30px;
        margin:0;
        font-size: 14px;
        font-weight:bold;
	color:#000;
}
#pageheader strong {
	font-size: 14px;
	letter-spacing: 0.15em;
	color:#fff;
}
#t pdiv {    /* f�r Suche und breadcrumbs */
	padding: 5px 0px 5px 0px;
        width:980px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#breadcrumbs {      
        float:left;
        padding: 18px 0 8px 30px;
        background:#fff;
        margin:0 auto;
        width:745px;
        height:24px;
}
#breadcrumbs span {
	background: transparent url(img/link.gif) no-repeat;
	padding: 6px 2px 0px 12px;
        font-size: 11px;
}
#breadcrumbs a {
	text-decoration: none;
	color: #666;
	font-weight: normal;
}
#breadcrumbs a:hover {
        border-bottom: 1px solid rgb(218,37,29);
        color: rgb(218,37,29);
}
	
#breadcrumbs .menu-current a{
	color:rgb(86,95,124);
	font-weight: bold;
	border-bottom: 1px dotted rgb(86,95,124);
}
#breadcrumbs .menu-current a:hover{
	color: #666;
	border-bottom: 1px solid #666;
}

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

#infobox { /* login box */
	float: left;    
	display:inline;
	width: 190px;
        min-height:280px;
        margin: 0 0 0 10px;
	padding:0;
}
#infolinks {
         width: 170px;
         padding:3px 5px 3px 5px;
         margin-bottom:5px; margin-left:10px;
         color:#000;
}
#innerinfo {
         width: 170px;
         padding:3px 5px 3px 5px;
         border: 1px dotted rgb(0,146,63);
         margin-bottom:20px; margin-left:10px;
         color:#000;
}
#innerinfo p{
        padding:2px 0 2px 0;
}

/****Mittelteil****/

#content { /* f�r den WYSIWYG-Editor  */
	width: 520px;
	float: left;
	display:inline;
	margin-left: 30px;
        padding-bottom:10px;
        border-top:1px dotted #ccc;
}

#contentinfo { /* Spezialinfos f�r den WYSIWYG-Editor  */
	width: 500px;
	float: left;
	display:inline;
	margin-top: 10px;
        background:rgb(240,240,240);
        border: 1px solid #cc0000;
	padding: 5px 10px 5px 10px;
      /*	-moz-border-radius:10px;     */
}

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

#rightbox {
        width: 190px;
	float:right;
	display:inline;
        margin-right:10px;
        text-align:left;
}
#rightcontent {
        width: 178px;
	float:right;
        border:1px dotted #ccc;
        background:rgb(240,240,240);
	display:inline;
	padding: 5px 5px 5px 5px;
        margin-bottom:20px;
        text-align:left;
}
#rightinfo {
        width: 190px;
	display:inline;
        text-align:left;
        font-size: 0.95em;
}
#rightinfo p{
        padding:2px 0 2px 0;
}

.clearcontent {
         height:10px;
         clear:both;    
         margin-bottom:5px;
         margin-left:240px;  
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footerbox {
           margin: 0;
           height:60px;
           background: #fff url(img/wm_footer.gif) left center no-repeat;
}
#footer {	
	color: #000;
	letter-spacing:0.05em;  
        font-size:11px;          /*0.9em */
	padding: 12px 0 0 10px;
	text-align: left;
	float:left;
}

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

/**** Search Box ****/
#search_box {
	color: #000;
	text-align: left; 
        float:left; 
        padding-left:10px;
        background: #fff;
}
#search_box {
	height:50px; 
        width:195px; 
}
#search_box .searchstring { 
        width:74%;
        height:20px;
        float: left;
        display:inline;
	border: 1px solid #ccc;
        background:#fff url(img/input_bg.gif) left top no-repeat;
	color:#000;
	font-size: 12px;    
        padding-left:5px;
        margin-top:10px;
}
#search_box .search_submit { 
        width:16%;
        height:24px;
        float: right;
	border: none;
        background:url(img/button_search.gif) center center no-repeat;
        cursor: pointer;
	color:#000;
        margin-top:10px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#prevnext {
	float:right;
	margin-top:0px;
	margin-right:10px;
	color: #fff;
	font-weight: bold;
}
#prevnext a {
        color: #fff;
}

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

#navContainer {
        height:26px;
        width:970px;
        padding-left:10px;
        display:block;
        float:left;  font-size:13px;
        background:#fff;

}

/*** 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;
	padding-left:205px;
	height:26px;
        width:755px;
	background: rgb(183,182,31) url(img/bg_topmenu.gif) repeat-x;
}
#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; 

}
#nav li { 
     background: url(img/bg_topmenu_breakline.gif) no-repeat right;}

#n v a{  border-left:2px solid red; }

#nav ul li a {   /***Basiseinstellng und Breite der Buttons****/
     display: block;
     padding: 4px 18px 5px 18px;
     color: #fff;
     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 {
     color: #ccc;
     border:none;

}
#nav a.menu-parent {
     background: rgb(0,92,161) url(img/navi_current.gif) right top no-repeat;
     color: #fff;
}
/*eigener Hintergrund bei hoover*/
#nav ul li a:focus {
     background: none;
     color: #f1f1f1;    
     border:none;
}

/*Current page, linke Seite der gesamten Navi wichtig */
#nav a.menu-current{
     font-weight: bold;
     color:rgb(183,182,31);    /*goldgelb*/
     }

#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(218,233,233);    /*hellgr�n*/
   /*  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(0,102,102);
     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 linke Seite #####
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

/* Header menuright */
  #header_menuright {position: absolute; margin-left: 2px; }
  #header_menuright li {line-height: normal;  }
  ul#header_menuright  {z-index: 10; clear: both;}
  #header_menuright h3 {color:rgb(55,101,73);}

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

#menuright {
	letter-spacing:0.05em;       
        border-bottom:1px solid #ccc;
	width: 100%;
	margin-top: 10px;
        margin-bottom: 20px;
        font-size: 12px;
        z-index: 10;
}
#menuright ul {
	list-style-type: none;
	margin: 0;
	padding:0;
	position: relative; /* der IE6 Bug */
}
#menuright ul li {
           text-align: left;
           font-weight: bold;
           list-style-type: none;
}

#menuright li ul a{     /*current plus unterseiten*/
}

/***erste Ebene alle seiten****/
#menuright a {    /*nicht aktive seite*/
           color: #000;
           height: 20px;
           text-align: left;
           line-height: 150%;
           margin:0;
           padding:0;
           background: rgb(240,240,240);
}
#menuright ul a:hover {
	color: red;
	text-decoration:none;  
}
/**** alle sichtbaren unterseiten****/
#menuright ul li a {
          display: block;
          padding: 3px 0 0 8px;
          margin-bottom:2px;
          margin-top:2px;
          color: #000;
          text-decoration: none;
          border-top:1px solid #ccc;

}
/* Root Level Link Formatting */
#menuright ul li a:hover, #nav li a:focus {
          color: #000;  /*rgb(140,157,174); */
          border-top: 1px solid white;
          background: rgb(183,182,31) url(img/navi-kreisgruen.gif) right center no-repeat;
}
#menuright li a:active, #nav ul li a.active {
           color: #4b4c4d;

}

/* Current page /aktive Seite und Unterseite*/
#menuright li.menu-current a {
          background-color: rgb(55,101,73);
          font-weight: bold;
          color:#fff;
}

#menuright .menu-current  a{
           background: url(img/navi-kreisgelbgruen.gif) right center no-repeat;
}

/***Untermenue 1. Unterseite***/
#menuright .menu-current ul a {
          font-weight: normal;
          padding-left:22px;
          background: url(img/navi-kreisgelb.gif) right center no-repeat;
}


#menuright .menu-current a:hover {
          font-weight: bold;  
}

#menuright .menu-top a{
          color:rgb(247,237,213);
          background: rgb(153,107,45);

}
#menuright .menu-parent a{
          color:#fff;
          font-weight: bold;
          background: rgb(55,101,73)url(img/navi-kreisgelbgruen.gif) right center no-repeat;
}
#menuright .menu-parent li a {
          color:red;
          background: rgb(183,182,31)url(img/navi-kreisgruen.gif) right center no-repeat;
}



/* 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 .menu-current a{  
           color:#fff;
           margin:0px;
}

#menuright .menu-expand li a {
           margin:0px;
           color:#666;  
           list-style:none;
           letter-spacing:0.05em;
           padding-left:22px;
}
#menuright .menu-expand li a:hover {
           margin:0px;
           font-weight:bold;
           color:#666;
}
#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 ~~~~~~~ */

/******** fussmenue *********/
#navtop {
	font-size: 11px;
	letter-spacing: 0.05em;
	color: #666;
        text-align: left;
        padding: 12px 10px 0 0;
	float:right;
}
#navtop a{
	color: #000;
	text-decoration: none;
}
#navtop a:hover{
	color: #ccc;
	text-decoration: none;
}
#navtop .menu-current a{
	color: rgb(55,101,73);
	text-decoration: none;
}
#navtop .menu-current a:hover{
	color: #000;
}

/********* ende fussmenue **********/


/****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{
      font-weight:normal;
      text-align:center;
      color: #000;
      padding: 0px 0 0 0px;
      font-size: 0.8em;
}