/* STANDARD COMPLETE CSS FOR JOOMLA 1.0.X and MAMBO 4.5.X TEMPLATES */
/* By Dinh Viet Hung (C) http://www.joomlart.com: Free templates and Professional Templates Club */
 
 
/* DEFAULT SETTINGS */ 
/* Below are  default settings are used when no other style has been defined.*/
body {
     padding: 0px;
     margin: 0px;
     background-color: #FFC72A;
     background-image: url('../images/bg_right.gif');
     background-position: bottom;
     background-repeat: repeat-x;

}/*Style for the body tag of your website, controls font family page background, etc.*/
p {} /*formatting all <div> (division) items.  This is a catch-all that only applies when no other 
style has been defined.*/
td {
   font-family: Arial, Verdana, Sans-Serif;
   font-size: 11px;
   color: #333333;
   padding: 0px;
   margin: 0px;

   }
ul {
}
li {
background-color: #eeeeee;
padding-left: 5px;
list-style-image: url(../images/arrow.png);
padding-bottom: 1px;
padding-top: 1px;
border-left: 3px solid #ffffff;
margin-bottom: 3px;
}
img {border: 0px;} /*formatting all
<td> items. This default setting is used when no other style has been defined.*/
tr {} /*formatting all 
<tr> items.  This default setting is used when no other style has been defined.*/
ul {} /*formatting all UL (unordered list) items. This default setting is used when no other style
has been defined.*/
.navi_oben {
	   background: url(../images/bg_module.gif);
	   }
.navi_suche {
	    background: url(../images/bg_module.gif);
	    }
.navi_footer {
	     background: urL(../images/bg_module.gif);
	     }
 .oben {
     /* background: url(../images/bg_logo.gif) repeat-x; */
     background-color: #FFDD7B;
}
.logo {
      background: url(../images/logo.gif);
      height: 120px;
      width: 348px;
      }
.links {
       width: 224px;
       padding: 0px;
       margin-right: 5px;
       /*background-color: #f6f6f6;*/
       background-color: #333333;
       border-right: 1px solid #333333;
}

.rechts {
	width: 200px;
	padding: 4px;
	background-color: #EEEEEE;
}
a:link {
       text-decoration:  none;
       font-weight: bold;
       color: #666666;
} /* general links style*/

a:visited {
       text-decoration:  none;
       font-weight: bold;
       color: #666666;
	}
a:hover {
	text-decoration:  none;
	font-weight: bold;
	color: #ffc729;
}
hr {} /* horizontal line in your template*/
hr.separator {}
 
/* FORMS SETTINGS */ 
.button {
	background: #FFF9E9;
	border: 1px solid #ffc729;
	-moz-border-radius: 4px;
	font-size: 10px;
        margin: 5px;
}
.button:hover {
	      background-color: #ffffff;
	      }
.inputbox {
	  background: #555555;
	  color: #eeeeee;
	  -moz-border-radius: 4px;
	  font-size: 12px;
	  border: 1px solid #222222;
	  padding-left: 5px;
	  margin: 5px;
	  }
.inputbox:hover {
		background: #000000;
		color: #ffc729;
}
.search {
	background: url('../images/bg_top.gif');
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: -11px;

/* padding-top: 5px;
	padding-bottom: 5px; */
} /*formatting the <div> which holds search items: inputbox, search button...*/
 
 
/* NAVIGATION/MENU SETTINGS */
a.mainlevel{
		       display: block;
		       margin-bottom: 0px;
		       border-bottom: 1px solid #666666;
		 padding-left: 20px;
		 padding-top: 4px;
                 padding-bottom: 4px;
		 background-color: #444444;
		 background-image: url(../images/more.gif);
		 background-position: 2 4;
		 background-repeat: no-repeat;
		 font-size: 11px;
		 color: #eeeeee;
} /* this styling is for the MAIN items in the menu */
a.mainlevel:link {}
a.mainlevel:visited {
		    color: #eeeeee;
}
a.mainlevel:hover {
		 background-color: #555555;
		 background-image: url(../images/more.gif);
		 background-position: 2 5;
		 background-repeat: no-repeat;
		 color: #ffc729;
		 font-size: 11px;
		 }

#active_menu {
      background: #ffc729;

	     } /* this styling is for the menu item when it is active, even in main/sub position*/
ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}
 
a.sublevel{
		       display: block;
		       margin-bottom: 1px;
		       border-bottom: 0px solid #ADADAD;
		 padding-left: 20px;
		 padding-top: 3px;
                 padding-bottom: 3px;
		 background-color: #ECECEC;
		 background-image: url(../images/more_sub.gif);
		 background-position: 2 2;
		 background-repeat: no-repeat;
		 font-size: 10px;
		 } /* this styling is for menu items that HAS A PARENT */
a.sublevel:link {}
a.sublevel:visited {}
a.sublevel:hover {
		 background-color: #DDDDDD;
		 background-image: url(../images/more_sub.gif);
		 background-position: 2 2;
		 background-repeat: no-repeat;
		 color: #000000;
		 font-size: 10px;
		 }

.pagenavbar {} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") 
when they do not appear as hyperlinks (when only a few articles exist).*/
.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when 
they become hyper links*/
.pagenavbar:visited {}
 
.pagenav {} /* as the name implies, this is for formatting texts for those 
"<< Start < Previous 1 Next > End >>" links */
a.pagenav:visited {}
a.pagenav:hover {}
 
a.readon:link {} /*Style for the "Read More" link that is displayed for large content items*/
a.readon:hover {}
a.readon:visited {}
 
.back_button {
	text-align: center;
	background: #FFF9E9;
	border: 1px solid #ffc729;
	-moz-border-radius: 4px;
	font-size: 10px;
        margin: 5px;
        padding: 3px;
} /*Style for the "BACK" button*/
.pagenav_prev {} /*Style for the PRE button*/
.pagenav_next {} /*Style for the NEXT button*/
 
.latestnews ul {} /*Style for latest news list - by default, latest news is user1 module*/
.latestnews li {}
 
.mostread ul{} /*Style for most popular list - by default, most popular is user2 module*/
.mostread li{}
 
/* CONTENT PAGE SETTINGS */
a.category:link {}
a.category:hover {}
a.category:visited {}
 
.blogsection {
	     width: 500px;
	     font-size: 12px;
	     background-color: #eeeeee;
	     margin: 7 0 7 10;
	     padding-left:20px;
      	     padding-right: 5px;
      	     padding-bottom: 5px;
      	     padding-top: 5px;
      	     display: block;
	     -moz-border-radius: 5px;
	     background-image: url(../images/more.gif);
	     background-position: 5 5;
	     background-repeat: no-repeat;
		 
} /* Formatting the links in Blog section */
.blog_more {} /*The "More" text in blog section*/
a.blogsection:link {} /* set the link format */
a.blogsection:visited {} /* same as above, but to set the visited link format */
a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */
 
.componentheading {

		  background: url(../images/componentheading.gif);
		  font-size: 16px;
		  font-weight: bold;
		  text-align: left;
		  line-height: 45px;
		  height: 45px;
		  color: #444444;
		  margin: 5px;
		  padding-left: 20px;
		  }/* Title of the component being used to display the content.*/
.contentheading {
		font-size: 13px;
		color: #666666;
		font-weight: bold;
		padding-left: 5px;
		border-bottom: 3px solid #ffc729;
		/* background: url('../images/bg_top.gif'); */s
} /* Title of the content, article, etc. being displayed.*/
.contentpane {		 margin-left: 10px;
		 margin-right: 10px;

} /* Table that holds all non-article information (components, 
category lists, contact forms, etc).*/
.contentpaneopen {
		 width: 100%;
		 border-top: 0px;
		 border-right: 5px;
		 border-bottom: 0px;
		 border-left: 5px;
		 border-style: solid;
		 border-color: #fafafa;
		 background: #FAFAFA;
} /* Table that holds the actual text for an article.*/
.contentpagetitle {} /*Title of articles*/
 
a.contentpagetitle:hover {} /*Title of articles when appeare as links */
a.contentpagetitle:link {}
a.contentpagetitle:visited {}
 
.contentdescription {} /* Formating the "DESCRIPTION" of sections, categories 
(News/Weblinks/Latest news...) */
table.contenttoc {} /* Formating the table of the Tables of Contents for multiple 
pages content or article */
table.contenttoc td {} /* same as above, used to format the td and able cells */
table.contenttoc th {} /* same as above, used to format the th of "Tables of 
Content" ( normally Article Index)*/
table.contenttoc td.toclink {} /* same as above, used to format toc link texts*/
a.toclink:link {} /* same as above, used to format toc link text status*/
a.toclink:visited {} 
a.toclink:hover {} 
 
 
/* JOOMLA - MAMBO SECTIONS LISTINGS */
.sectiontableheader {} /* This is for styling the section table headers on a 
SECTION's page. Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableentry1 {

} 
.sectiontableentry2 {}
 
 
/* JOOMLA - MAMBO MODULES FORMATTING */
table.moduletable {
    		  width: 100%;
                  /*  border-bottom: 2px solid #F3F3F3; */
		  }
 /* Formatting the module table */
table.moduletable th {
		  background: url(../images/bg_module.gif);
    		  border-bottom: 3px solid #ffc729;
		  font-size: 11px;
		  text-align: left;
		  line-height: 25px;
		  color: #ffc729;
		  padding-left: 20px;
		      }

		      /* Formatting the module header, and the module titles */
table.moduletable td {

		  } /* Formatting the table cells of the module table */

table.moduletable_info {
    		  width: 100%;
		  margin-bottom: 0px;
                   border-bottom: 2px solid #555555;
		  }
 /* Formatting the module table */
table.moduletable_info th {
		  background: url(../images/bg_module.gif);
    		  border-bottom: 3px solid #ffc729;
		  font-size: 11px;
		  text-align: left;
		  line-height: 25px;
		  color: #ffc729;
		  padding-left: 20px;
		      }

		      /* Formatting the module header, and the module titles */
table.moduletable_info td {
		  background: #222222 url(/cms/images/stories/ressourcen/cfc_tipps.gif) no-repeat;
		  color: #eeeeee;
		  padding-left: 35px;
		  padding-right: 5px;
		  padding-top: 5px;
		  padding-bottom: 5px;
		  } /* Formatting the table cells of the module table */

table.moduletable_top {
    		  width: 100%;
		  margin-bottom: 1px;

        	  background: url(../images/bg_top.gif);


		  }
 /* Formatting the module table */
table.moduletable_top th {
		  background: url(../images/bg_module.gif);
    		  border-bottom: 3px solid #ffc729;
		  font-size: 11px;
		  text-align: left;
		  line-height: 25px;
		  color: #ffc729;
		  padding-left: 20px;
		      }

		      /* Formatting the module header, and the module titles */
table.moduletable_top td {

		  } /* Formatting the table cells of the module table */
table.moduletable_top2 {
    		  width: 100%;
		  margin-bottom: 1px;

        	  background: url(../images/bg_top2.gif);


		  }
 /* Formatting the module table */
table.moduletable_top2 th {
		  background: url(../images/bg_module.gif);
    		  border-bottom: 3px solid #ffc729;
		  font-size: 11px;
		  text-align: left;
		  line-height: 25px;
		  color: #ffc729;
		  padding-left: 20px;
		      }

		      /* Formatting the module header, and the module titles */
table.moduletable_top2 td {

		  } /* Formatting the table cells of the module table */

 
/* MISCELLANEOUS */
 
/* Dates , Authors*/
.createdate {
	    background: #eeeeee;
	    color: #666666;
	    font-size: 10px;
} /* For styling the date the content/articles are created under contents title */
.modifydate {} /* Formating "Last updated on" text at the end of articles/contents */
.small {
       color: #ffc729;
       font-size: 10px;
} /* Formating "Written by:...." text */
.smalldark {}/*Found in poll result page, for " Number of Voters".. text */
 
/* Polls */
.poll {} /* format the td of poll table */
.pollstableborder {} /* set the border properties of the polls voting table */
 
 
/* Weblinks */
.weblinks{} /* well.. to format the link's titles under the "Weblinks" 
  section on the frontend */
a.weblinks:hover {} /* same as above, but for link with mouseover */
 
/* Newsfeeds */
.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's
news title! */
.newsfeeddate {} /* yeah.. the date on the newsfeed */
.fase4rdf {} /* this is the body text of the newsfeed */
 
/* Search page */
table.searchintro {} /* This is for formatting the box with "Search Keyword: test
returned 4 matches" box that appears after you have entered a search value.
It appears on the mainbody with the search results */
 
 
/* JOOMLA - MAMBO TABBED FRONTEND ADMIN INTERFACE */
/* The CSS below efines how the frontend admin interface when logged in */
 
.ontab {}/* For styling of the "Tab" buttons when editing contents through the 
frontend as admin. 
This .ontab is the styling for the tab when it is active or after its "clicked" */
.offtab {} /* Same as above, used for styling of the "Tab" buttons when editing 
contents through the frontend. 
This the styling for the tab when it is NOT active or when it is NOT "clicked" */
.tabpadding {} /* this style is used set the size of the tab in the above */ 
.tabheading {} /* Not too sure what this is used for. Couldn't find anything 
related to it yet at the moment */
.pagetext {} /* this style is used to style the content of the editing form 
contents (where HTMLArea sits and all its forms + contents) in the frontend 
Administration interface */
.pathway {
	 font-size: 10px;
	 font-weight: normal;
	 color: #999999;
	 height: 10px;
	 margin: 0;
	 padding: 0;
	 border: 0;
}
/*  .pathwayblock {
 background: #eeeeee;
 padding: 5px;
 height: 10px;
}                       */


#blocksleft {
	width: 100%;
	padding: 0px;
        margin-bottom: 10px;
        float: left;
        font-size: 10px;
}
#blocksright {
	width: 100%;
	padding: 0px;
        margin-bottom: 0px;
        font-size: 10px;
}

.frontpage_thumbnail {}
.frontpage_thumbnail_column {
			    padding-bottom: 5px;
			    margin-bottom: 0px;
			    background-color: #f6f6f6;
			    }

.title {
		   padding-left: 20px;
		   padding-top: 5px;
		   padding-bottom: 0px;
		   background-image: url(../images/more.gif);
		 background-position: 0 5;
		 background-repeat: no-repeat;
       }

#sst {
     background-color: #ffffff;
     -moz-border-radius: 5px;
     border: 1px solid #cccccc;
     padding: 5px;
     margin: 3px;
}

#sst_yellow {
     background-color: #ffffff;
     -moz-border-radius: 5px;
     border: 1px solid #ffc729;
     padding: 5px;
     margin: 3px;
     background: url(../images/bg_top.gif);
     height: 120px;
}

#sstlink {
	background: #FFF9E9;
	border: 1px solid #ffc729;
	-moz-border-radius: 4px;
	font-size: 10px;
        margin: 5px;
        		   padding-left: 20px;
		   padding-top: 5px;
		   padding-bottom: 5px;
		   background-image: url(../images/more.gif);
		 background-position: 5 5;
		 background-repeat: no-repeat;
}

.preloader {
	  position: absolute;
	  padding-top: 15px;
	  padding-bottom: 0px;
	  width: 200px;
	  text-align: center;
	  line-height: 23px;
	  background-image: url(../images/load.gif);
	  background-color: #ffffff;
	  background-repeat: no-repeat;
	  background-position: 40px 8px;
  	border: 1px solid #ffc729;
	-moz-border-radius: 10px;
	font-size: 10px;
	color: #777777;
	font-family: Arial, Verdana;
}
.gallery {
     background-color: #eeeeee;
     -moz-border-radius: 5px;
     border: 1px solid #cccccc;
     padding: 2px;
     margin: 2px;
     /* background: url(../images/bg_top2.gif); */
}
#formular {
     background: url(../images/bg_content.jpg);
     -moz-border-radius: 5px;
     border: 1px solid #cccccc;
     padding: 10px;
     margin: 3px;
     color: #555555;
}

.fehler {
	background: #a00000;
	border: 1px solid #ff0000;
	-moz-border-radius: 4px;
	font-size: 11px;
        margin: 5px;
        padding: 10px;
        color: #ffffff;
}
.download {
     background: #ffffff url(../images/cfc_download.png) no-repeat;
     background-position: 4 5;
     -moz-border-radius: 5px;
     border: 1px dotted #cccccc;
     padding: 5px 5px 5px 25px;

     margin: 3px;
     font-size: 12px;
     font-weight: bold;
}
.inhalt {
     background-color: #fafafa;
     -moz-border-radius: 5px;
     border: 1px solid #ffc729;
     padding: 5px;
     margin: 5px;
     background-repeat: no-repeat
}

.downloadhead {
     background: #ffffff no-repeat;
     background-position: 4 5;
     -moz-border-radius: 5px;
     border: 1px dotted #cccccc;
     padding: 5px 5px 5px 25px;

     margin: 3px;
     font-size: 14px;
     font-weight: bold;
}














/*
* DOCMan 1.3.0 Default Theme
* @version $Id: theme.css,v 1.32 2005/09/30 21:11:48 johanjanssens Exp $
* @package DOCMan_1.3.0
* @copyright (C) 2003 - 2005 The DOCMan Development Team
* @license http://www.gnu.org/copyleft/gpl.html GNU/GPL
* Oficial website: http://www.mambodocman.com/
*/

img  		  { border: 0 none; }
.clr 		  { clear: both;    }
dl, dd, dt { margin: 0;      }
}
.message {
	padding: 10px 10px 10px 50px; margin-bottom: 10px;
	border: 1px solid gray; background: #FFFFCC url(../images/message.gif) no-repeat 10px 50%;
	color: red; font-weight: bold;
}

#dm_header 		{}
#dm_header div { float: left; padding: 3px; width: 30%; }
#dm_header a, #dm_header span  { display: block; padding-bottom: 5px; }

#dm_pathway {
	font-size: 11px;
	text-align: left;
	background: #ddd;
	margin-bottom: 5px; padding: 3px 3px 3px 10px;
}

h2 {
   padding-left: 10px;
   text-align: center;
   border-bottom: 2px dotted #ddd;
   }

#dm_cats, #dm_docs { text-align: left; margin-left: 10px; margin-right: 10px; background: #f6f6f6; }

#dm_cats h3,
#dm_docs h3       { background: #ddd; padding: 2px 2px 2px 10px; clear: both; }
#dm_docs h3       { margin-bottom: 0; }

#dm_docs h3 span,
#dm_cats h3 span  { display: block; float: right; margin: -15px 5px 0 0; font-size: 11px; font-weight: normal;}


dt { padding: 2px; border-top: 1px solid #bbb; clear: both; }

dt a.dm_icon    	 { float: left; padding-right: 10px; }
dt a.dm_thumb      { }
dt a.dm_name		 { display: block; margin-top: 3px;  padding: 0px 0 2px 0; font-weight: bold;}
/* dt a.dm_name:hover { background: #eeeeee; color: #555555; } */
dt span 				 { padding-left: 10px; color: black; font-weight: normal; font-style: italic;}

dd.dm_date, dd.dm_files	{ float: right; margin: -22px 5px 0 0; }
dd.dm_description 	   { background-color: #ffffff; padding: 5px; }
dd.dm_counter				{ float: right; clear: right; padding-right: 5px; margin-top: -14px; font-size: 10px; }
dd.dm_homepage				{ padding: 1px 1px 1px 5px; font-size: 10px; background-color: #F8F8F8;  }
dd.dm_taskbar     	   { height: 22px;}

.dm_cat 			  			{ padding: 3px; }
.dm_cat .dm_name 			{ float: left; font-size: 14px; font-weight: bold; color: #666; margin-bottom: 3px; }
.dm_cat .dm_description { float: left; clear: left;  }
.dm_cat .dm_thumb       { float: right; margin-top: -15px; }

.dm_unpublished 		   { border: 1px dotted red; background-color: #FFCCCC;}
.dm_unapproved 		   { border: 1px dotted green; background-color: #CCFFCC;}

.dm_license       { }
.dm_license_agree { }

/* ---------- Orderby styles ---------------------------------------- */

.dm_orderby { margin: 0 0 10px 0; padding: 1px 1px 1px 10px; background-color: #EEE; font-size: 10px;  }

/* ---------- Details styles ---------------------------------------- */

/* -- shared styles */
.dm_doc caption, #dm_tooltip caption
{ margin: auto; padding: 5px 0 5px 0; font-weight: bold; }

.dm_doc table, #dm_tooltip table {
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-collapse: collapse;
}

.dm_doc td, #dm_tooltip td {
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
}

.dm_doc thead, #dm_tooltip thead       { background-color: #FFCC00; font-weight: bold; }
.dm_doc col#prop			                { background-color: #EEEEEE; }
.dm_doc thead td, #dm_tooltip thead td { text-align: center; }

/* -- specific style when show as seperate page */

#dm_details 		{ width: 100%; text-align: center; }
#dm_details table { margin: auto; }
#dm_details td, #dm_details thead { padding: 5px; }

/* -- specific style when show as tooltip */

#dm_tooltip td, #dm_tooltip thead { padding: 2px; }

/* ---------- Taskbar styles ---------------------------------------- */

dd.dm_taskbar { list-style-type: none; }

dd.dm_taskbar li {
   float: left; list-style-type: none;
   background-image: none;
	padding: 0 0 0 3px; margin: 0.5em 0 2px 0;
   width:  6em;
	font-size: 85%;
}
dd.dm_taskbar li a {
   display: block;
	padding-left: 3px;
 }
dd.dm_taskbar li a:link,
dd.dm_taskbar li a:visited,
dd.dm_taskbar li a:hover {
	color: #696969; background-color: #eeeeee;
   text-decoration: none;
 }
 dd.dm_taskbar li a:link,
 dd.dm_taskbar li a:visited {
   border-top: 1px solid #cecece;
   border-bottom: 1px solid Gray;;
   border-left: 1px solid #cecece;
   border-right: 1px solid Gray;;
 }
 dd.dm_taskbar li a:hover {
   border-bottom: 1px solid #cecece;
   border-top: 1px solid Gray;
   border-right: 1px solid #cecece;
   border-left: 1px solid Gray;
 }

 dd.dm_taskbar li.approve a:link { background-color: #CCFFCC; }
 dd.dm_taskbar li.publish a:link { background-color: #FFCCCC; }

 /* ---------- Toolbar styles --------------------------------------- */

 .dm_toolbar    { list-style: none; height: 32px; margin-right: 25px; }
 .dm_toolbar li { float: right; background-image: none; }

 .dm_toolbar .dm_btn        { text-indent: -5000px; height: 32px; width: 32px; display: block;}
 .dm_toolbar #dm_btn_save         { background-image: url(../images/save.png)   }
 .dm_toolbar #dm_btn_cancel       { background-image: url(../images/cancel.png) }
 .dm_toolbar #dm_btn_save:hover   { background-image: url(../images/save-over.png)   }
 .dm_toolbar #dm_btn_cancel:hover { background-image: url(../images/cancel-over.png) }

 /* ---------- Form styles ------------------------------------------ */

.dm_form {
	margin: 0 auto;
 	width: 35em;
	padding: 1em 1em 1em 1em;
	border: 1px solid #cecece;
 }
.dm_form fieldset { border: 0 none; margin: 0; padding: 0.5em;}
.dm_form br       { display: none; }
.dm_form label    { display: block; width: 100px; font-weight: bold; float: left; }
.dm_form label.nofloat { float: none; }
.dm_form p        { text-align: left; }
.dm_form fieldset.dm_button    { border-top: 1px solid Gray; }
.dm_form select option.label { background-color: #EEE; border: 1px solid #DDD; color : #333; }
.dm_form .editor { float: none;  }

#dm_frmupload label { width: 100px; padding-right: 10px;}
#dm_frmupload #dm_btn_back   { float: left;  }
#dm_frmupload #dm_btn_submit { float: right; }

#dm_frmedit { width: 90%; border: 0 none; }
#dm_frmedit #dmthumbnail_preview { float: right; margin-right: 30px; height: 80px; width: 80px; padding: 3px; border: 1px solid silver; }
#dm_frmedit #license-page label  { width: 250px; }

/* ---------- Nav styles ------------------------------------------ */

#dm_nav 	  { clear: both; padding-top: 15px; margin-top: 15px; border-top: 2px dotted #ddd;}
#dm_nav div { margin-top: 10px; }