@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{

div.smAll { padding:5px 0; width:100%; font-size:1em; line-height:1.5; }
div.smAll p,
div.smAll li,
div.smAll a {color:#015fa9;}
div.smAll ul {list-style: none !important;}
div.smAll li {list-style: none !important;}
div.smAll a { text-decoration: none; font-weight: bold; display: block; padding-top: 2px; padding-bottom: 2px;}
div.smAll a:hover { text-decoration: none; background-color: #e5e5e5; }

div.smLevel1 {float:left; margin-right:3%; margin-bottom: 20px; padding-bottom: 5px; width:42%; background-color:#d9e8f3; overflow: hidden; }
div.smItem1 {border-bottom: 1px solid #015fa9;border-top: 1px solid #015fa9; background-color: #f2f2f2; margin-bottom:5px; width: 100%; }
div.smItem1 a { padding-left: 3%; width:97%;}

div.smLevel2 {}
div.smItem2 { width: 100%;}
div.smItem2 a { padding-left: 8%; width:92%;}

div.smLevel2 ul { margin: 0; background: none; }
div.smLevel2 ul li { margin:0; width: 100%;}
div.smLevel2 ul li a {font-weight: normal; padding-left: 20%; width:80%; background: url(../img/met-dotblue.gif) scroll 15% 30% no-repeat;}
/*    ...   */
div.smLevel2 ul ul {list-style: circle; }
div.smLevel2 ul ul li {list-style: circle;}
div.smLevel2 ul ul li a { padding-left: 30%; width:70%;background-position:25% 30%;}


}