﻿/*  Navigation  */


    
    body #navigationcontainer #topnavigation
    {
        width               : 310px;        
        margin-left         : 10px;
        margin-top          : 22px;
        height              : 44px;
    }
  	body #navigationcontainer #buttons
  	{
  	    float : left;
  	}
  	
  	body #navigationcontainer #buttons img
  	{
  	    margin              : 2px;
    }


  	body #navigationcontainer #searchcontainer
  	{
  	    background          : #fff;
  	}
  	
  	body #navigationcontainer #searchcontainer input.search
  	{
  	    font-size           : 1em;
  	    color               : #888;
  	    width               : 120px;
  	    line-height         : 1.4em;
  	    height              : 16px;
  	    margin              : 0px;
  	    margin-top          : 2px;
  	    border              : 1px solid #666;
        float               : left;
  	}
  	
  	body #navigationcontainer #searchcontainer input.button
  	{
  	    width               : 39px;
  	    height              : 19px;
  	    border              : 0px; 
  	    margin              : 2px;
  	}
  	


			div#navigationcontainer
			{
				float: right;
				width: 336px;
			}

			div#navigationcontainer a
			{
				text-decoration: none;
			}

			div#navigationcontainer a img
			{
				border: 0;
			}

			/*  Create a little offset for the menu (shouldn't be on #navigationcontainer.. box model)  */
			div#navigationcontainer div.offsetright
			{
				margin-right: 4px;
			}

			/*  The main tab system above all else  */
			div#navigationcontainer ul#navigationtabs,
			div#navigationcontainer ul#navigationtabs li.tab
			{
				margin: 0;
				padding: 0;
				list-style-type: none;
			}

			/*  Clip the extra space by fixating the height and hiding all that exceeds  */
			div#navigationcontainer ul#navigationtabs
			{
				position: relative;
				height: 34px;
				overflow: hidden;
				text-align: center;
				font-size: 4px;
			}

			div#navigationcontainer div.menusection
			{
				background-image: url(/Images/Layout/menuwall_tile.gif);
			}

			/*  In order for text-align to function properly, rely on the only display type that actually listens  */
			div#navigationcontainer ul#navigationtabs li.tab
			{
				display: inline;
			}

			div#mainnavigation ul
			{
				margin: 0;
				padding: 0;
			}

			div#mainnavigation ul ul
			{
				margin: 2px 0 0 0 !important;
				margin: -10px 0 0 0;
			}

			div#mainnavigation li ul
			{
				display: none;
				width: auto;
				/*background-color : Gray;
				line-height : 0px;*/
			}

			div#mainnavigation ul li.open
			{
				height: auto;
			}

			div#mainnavigation li.open ul,
			div#mainnavigation li.current ul
			{
				display: block;
			}
			
			div#mainnavigation ul.ulcontainer
			{
				margin-top: 3px;
			}

			div#mainnavigation ul li
			{
				padding: 3px 0;
				list-style-type: none;
				list-style-image: none;
				background-image: url(/Images/Layout/dots_menu.gif);
				background-repeat: repeat-x;
			}

			div#mainnavigation ul li.start,
			div#mainnavigation ul li.end
			{
				margin: 0;
				padding: 0;
				height: 1px;
				overflow: hidden;
				list-style-type: none;
				list-style-image: none;
				background-image: none;
			}
			
			
			div#mainnavigation ul li.end
			{
			    display             : none;
			}

			div#mainnavigation ul li a
			{
				padding: 0 0 0 26px;
				font-weight: bold;
				line-height: 15px;
				margin-top: 2px;
				text-decoration: none;
				width: 260px;
				color: #000;
				background-repeat: no-repeat;
			}

			div#mainnavigation ul li.folder a
			{
				background-image: url(/Images/Layout/Items/arrow-gt-black.gif);
			}

			div#mainnavigation ul li.folder a.persuasion
			{
				color: #d60301;
				background-image: url(/Images/Layout/Items/arrow-gt-red.gif);
			}

			div#mainnavigation ul li.page a,
			div#mainnavigation ul li li a
			{
				background-image: url(/Images/Layout/Items/bullet-black.gif);
			}

			div#mainnavigation ul li.page a.persuasion,
			div#mainnavigation ul li li a.persuasion
			{
				color: #d60301;
				background-image: url(/Images/Layout/Items/bullet-red.gif);
			}


			div#mainnavigation ul li li a
			{
				padding: 0 0 0 40px;
				background-position: 14px 0;
			}

			div#mainnavigation ul li li li a
			{
				padding: 0 0 0 60px;
				background-position: 34px 0;
			}

			div.menusection div.navigationbody
			{
				margin: 0 20px;
			}

			div#navigationteaser
			{
				text-align: center;
			}

            div#navigationteaser div#navigationbroken
            {
                text-align:left;
            }

			div#navigationactua img.toggleactua
			{
				width: 280px;
				height: 31px;
				background-repeat: no-repeat;
			}

			div#navigationactua.closed img.toggleactua
			{
				background-image: url(/Images/Layout/Headers/header_actueeleninteressant_close.gif);
			}

			div#navigationactua.open img.toggleactua
			{
				background-image: url(/Images/Layout/Headers/header_actueeleninteressant_open.gif);
			}

			div#navigationactua div#actuacontainer
			{
				text-align: left;
			}

			div#navigationactua.closed div#actuacontainer
			{
				display: none;
			}
			
			
            body #actuacontainer .entity
            {
                margin-top          : 5px;
                border-bottom       : 1px dotted #d50300;
            }
            
            body #actuacontainer h3
            {
                margin              : 0;
                font-size           : 1.2em;
            }
            
            body #actuacontainer .readmore
            {
                width               : 280px;
                text-align          : right;
            }

            body #actuacontainer .readmore a
            {
                font-size           : 1em;
                line-height         : 2em;
  		        color               : #d50300;
  		        text-decoration     : none;
            }  	
    
    
    
            div#navigationfooter
            {
                height              : 220px;
                text-align : left;
            }