body {

    font-family:arial,verdana,sans;

}


.pixel {

    width: 1px;

    height: 1px;

    position: absolute;

    left: 50%;

    overflow: visible;

    }



.outer {

    position: absolute;

    left: -500px;

    width: 1000px;

    }



.header {

	width:1000px;

	height:240px;

	border:0px black solid;

	padding-bottom:5px;
	
	margin:0px;

}



.mainnavi {

	width:1000px;

	height:35px;

	float:left;
}



.main {

	width:1000px;

	border:0px black solid;

	padding-top:5px;

	float:left;
	
	margin:0px;

}



.subnavi {

	width:250px;

	height:740px;

	float:left;

	border:0px black solid;

	background:#d4daae;

}



.content {

	width:710px;

	height:700px;

	float:left;

	border:0px black solid;

	background:#eaddcc;

	padding:20px;

}





a.mainnavi {

    font-family:arial,verdana,sans;

    font-size:15px;

    font-weight:bold;

    color:#414141;

    text-decoration:none;

}



a.subnavilink {

    font-family:arial,verdana,helvetica;

    font-size:14px;

    font-weight:bold;

    color:#333333;

    text-decoration:none;

    }

a.subnavilink:hover {

    font-family:arial,verdana,helvetica;

    font-size:14px;

    font-weight:bold;

    color:#333333;

    text-decoration:none;
    

    }


h1 {

	font-size:16px;
	font-weight:bold;

	}

ul {

    list-style-type:none;

    margin:5px 5px 5px 5px;

    padding:5px 5px 5px 5px;

}



li {

    margin:2px 5px 1px 5px;

    padding:2px 5px 1px 5px;

}




    /*<![CDATA[*/





    /* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */



    /* remove all list stylings */


    .menu, .menu ul {

        margin: 0;

        padding: 0;

        border: 0;

        list-style-type: none;

        display: block;

    }



    .menu li {

        margin: 0;

        padding: 0;

        border: 0;

        display: block;

        float: left;    /* move all main list items into one row, by floating them */

        position: relative; /* position each LI, thus creating potential IE.win overlap problem */

        z-index: 5;     /* thus we need to apply explicit z-index here... */

    }



    .menu 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 */

    }



    .menu li li {

        float: none;/* items of the nested menus are kept on separate lines */

    }



    .menu ul {

        visibility: hidden; /* initially hide all submenus. */

        position: absolute;

        z-index: 10;

        left: 0;    /* while hidden, always keep them at the top left corner, */

        top: 0;     /*      to avoid scrollbars as much as possible */

    }



    .menu li:hover>ul {

        visibility: visible;    /* display submenu them on hover */

        top: 100%;  /* 1st level go below their parent item */

    }



    .menu li li:hover>ul {  /* 2nd+ levels go on the right side of the parent item */

        top: 0;

        left: 100%;

    }



    /* -- float.clear --

        force containment of floated LIs inside of UL */

    .menu:after, .menu ul:after {

        content: ".";

        height: 0;

        display: block;

        visibility: hidden;

        overflow: hidden;

        clear: both;

    }

    .menu, .menu ul {   /* IE7 float clear: */

        min-height: 0;

    }

    /* -- float.clear.END --  */



    /* -- sticky.submenu --

        it should not disappear when your mouse moves a bit outside the submenu

        YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!

        if you do it, make sure you 110% know what you do */

    .menu ul {

        background-image: url(empty.gif);   /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */

        padding: 10px 30px 30px 30px;

        margin: -10px 0 0 -30px;

        /*background: #f00;*/   /* uncomment this if you want to see the "safe" area.

                                    you can also use to adjust the safe area to your requirement */

    }

    .menu ul ul {

        padding: 30px 30px 30px 10px;

        margin: -30px 0 0 -10px;

    }

    /* -- sticky.submenu.END -- */













    /* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */



    .menu, .menu ul li {

        color: #eee;

        background: #B5D27E;

    }
farbe der leiste auf der die hauptnavi steht


    .menu ul {

        width: 11em;

    }



    .menu a {

        text-decoration: none;

        color: #608730;

        padding: .4em 1em;

        display: block;

        position: relative;

        font-weight: bold;
        
        font-size: 14px;

    }



/* farbe der hauptnavi */


    .menu a:hover, .menu li:hover>a {

        color: #373432;  farbe die erschein beim dr&uuml;berfahren auf der mainnavi

    }



    .menu li li {   /* create borders around each item */

        border: 1px solid #D3DAAE;  /* farbe des Rahmens des aufklappme&uuml; */

    }

    .menu ul>li + li {  /* and remove the top border on all but first item in the list */

        border-top: 0;

    }



    .menu li li:hover>ul {  /* inset 2nd+ submenus, to show off overlapping */

        top: 5px;

        left: 90%;

    }



    /* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu

        placed here to clarify the terminology I use when referencing submenus in posts */

/*

    .menu>li:first-child>a, .menu li + li + li li:first-child>a {

        color: #2C2B2B;  farbe der ganz linken navi, die zeigt wo man sich befindet
*/
    }



    /* Fix for IE5/Mac \*//*/

    .menu a {

        float: left;

    }

    /* End Fix */



    /*]]>*/











    <!--[if lte IE 6]>

    /*<![CDATA[*/



    /* - - - ADxMenu: IE6 BASIC styles [MANDATORY] - - - */



    /*

        this rules improves accessibility - if Javascript is disabled, the entire menu will be visible

        of course, that means that it might require different styling then.

        in which case you can use adxie class - see: aplus.co.yu/adxmenu/examples/ie6-double-style/

     */

    .menu ul {

        visibility: visible;

        position: static;

    }



    .menu, .menu ul {   /* float.clear */

        zoom: 1;

    }



    .menu li.adxmhover {

        z-index: 10000;

    }



    .menu .adxmhoverUL {    /* li:hover>ul selector */

        visibility: visible;

    }



    .menu .adxmhoverUL {    /* 1st-level submenu go below their parent item */

        top: 100%;

        left: 0;

    }



    .menu .adxmhoverUL .adxmhoverUL {   /* 2nd+ levels go on the right side of the parent item */

        top: 0;

        left: 100%;

    }



    /* - - - ADxMenu: DESIGN styles - - - */



    .menu ul a {    /* fix clickability-area problem */

        zoom: 1;

    }



    .menu li li {   /* fix white gap problem */

        float: left;

        width: 100%;

    }



    .menu li li {   /* prevent double-line between items */

        margin-top: -1px;

    }



    .menu a:hover, .menu .adxmhoverA {      /* li:hover>a selector */

        color: #fc3;

    }



    .menu .adxmhoverUL .adxmhoverUL {   /* inset 2nd+ submenus, to show off overlapping */

        top: 5px;

        left: 90%;

    }



    /*]]>*/



	<![endif]-->



	  .menu ul li ul li a {

		font-size:12px;

  }