/*
LAYOUT: Three-Column - Sidebar left and right
*/

/*
#404146   background menü dark grey
#2D2D31   background menü hover
#74757B   background hauptnavigation middle grey
#4C73A0   background body dark blue

#F2F3F8     background primary menü unselected
#FFFFFF     background primary menü selected
#D9DADC     border
#333333     text primary menu

#E6E6E6   content header  light grey
#5B5B5D   table header selected col middle grey
#96979D   table header unselected col middle grey
#E9E9E9   table border
#F2F2F6   table row odd light grey
#FFFFFF   table row even white
#EB6005   table row selected orange

#96979D   border detail menü grey
#CCCCCC   border details menü sub grey
#333333   text detail menü  dark grey
*/

@import url("init.css");
@import url("style_layout.css");

body
{
	background:url(http://sportauspuff-direkt.com/images/basic/hg_main.jpg);
}

#wrapper{margin-top: 1.5em;}

   div#header
   {
   		background:url(http://sportauspuff-direkt.com/images/basic/head.gif);
   		height: 73px;
   }
    
      #header, #header a, #header_navi a
      {
        color: #fff;
       	font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
      }

      
      #header_navi
      {
        background: url(http://sportauspuff-direkt.com/images/basic/tab_head.gif);
      }
      
        #header_navi ul {list-style: none url();}
        
          #header_navi ul li
          {
            float: left;
            position: relative;
            padding: 0;
            background: url(http://sportauspuff-direkt.com/images/basic/tab_head.gif);
          }
            
            #header_navi ul li a {display: block; padding: 0.5em 0.5em;}
            
            #header_navi ul li a:hover, #header_navi ul li.selected {text-decoration: underline;}
            

            
	#info_bar
	{
		background: url(http://sportauspuff-direkt.com/images/basic/info_bar.png);
		
		height: 40px;

		margin: 12px 0;
	}
	* html #info_bar {margin: 0px 1px;}
	
		#info_bar form {margin: 15px 5px; padding-top:5px;}
		* html #info_bar form {padding-top:0px;}
	
		#info_bar .def
		{
		    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		    font-size: 12px;
		    
		    height: 18px;
		    width: 180px;
		    position:relative;
		    top:-7px;
		    padding-top: 1px;
		}
			* html #info_bar .def {padding-top: 0px; top:-5px;}


    div#container
    {
       padding: 0;
    }

        div#content
        {
            margin: 1em 21em 0 19em;
            
            margin: 0em 0 0 0;
            border-top: 1px solid black;
            border-bottom: 1px solid black;
        }
        	div#content * 
        	{
        		font-family: Verdana, Arial, sans-serif;
				font-size: 11px;
				line-height: 1.5em;
        	}
        	
        	div#content strong, div#content b
        	{
        		font-weight: bold;
        	}
			div#content p
        	{
        		margin: 1em 0;
        	}
        	
			div#content img.right
			{
				float: right; margin-left: 10px;
			}
			
			div#content img.left
			{
				float: left; margin-right: 10px;
			}
			
			div#content i {color: #000;}

        	
        
            #content_title {color: #fff;}
            
            #content_body
            {
               background-color: #E6E6E6;
               background-color: #fcfcfc;
               
               padding: 1em;
            }
            
              ul#content_sort 
              {
                 background-color: #404146;
                 list-style-type: none;
                 padding: 0.2em 1em;
                 
                 clear: both;
              }
              
                 #content_sort li {display: inline;}
                 
                 #content_sort a 
                 {
                    color: #fff;
                    padding: 0.1em 0.4em;
                 }
                 
                 #content_sort a:hover, #content_sort .selected {background-color: #2D2D31;}
                 
/*
#E6E6E6   content header  light grey
#5B5B5D   table header selected col middle grey
#96979D   table header unselected col middle grey
#E9E9E9   table border
#F2F2F6   table row odd light grey
#FFFFFF   table row even white
#EB6005   table row selected orange

#96979D   border detail menü grey
#CCCCCC   border details menü sub grey
#333333   text detail menü  dark grey
*/

            .scroller {
               
               overflow: scroll;
               width: 100%;
            }

            #table_scroller {
               height: 6em;
            }
                 
	           .table_data 
	           {
	              width: 100%;
	              border: 1px solid #E9E9E9;
	              border-collapse: collapse;
	              background-color: #fff;

	           }
	              .table_head
	              {
	                 background-color: #96979D;
	              }
	              
	              .table_data th, .table_data td 
	              {
	                 font-size: 0.8em;
	                 padding: 0.1em 0.2em;
	              }
	              
	              .table_data th 
	              {
	                  color: #fff;
	                  font-weight: bold;
	              }
	              
	              .th_selected {background-color: #5B5B5D;}
	              
	              .tr_even {background-color: #F2F2F6;}
	              
	              .tr_selected
	              {
	                 color: #fff;
	                 background-color: #EB6005;
	              }

    div.sidebar {}

    div#primary
    {
        background-color: #74757B;
    }
        ul#primary_navi
        {
            list-style: disc url() inside;
            padding: 0 0 1em 0;
        }

            ul#primary_navi li
            {
                padding: 0em 1em;
                border-bottom: 1px solid #D9DADC;
                background-color: #F2F3F8;
            }
            
                ul#primary_navi li a
                {
                    padding: 1em 0em;
                }
                
                ul#primary_navi li, ul#primary_navi li a, ul#primary_navi li a:link, 
                ul#primary_navi li a:visited, ul#primary_navi li a:hover, ul#primary_navi li a:active
                {
                    color: #333333;
                }

                ul#primary_navi li.selected, ul#primary_navi li.selected a, ul#primary_navi li.selected a:link, 
                ul#primary_navi li.selected a:visited, ul#primary_navi li.selected a:hover, ul#primary_navi li.selected a:active
                {
                    font-weight: bold
                }

                ul#primary_navi li a:hover
                {
                    color: #EB6005;
                }


    div#secondary
    {
       background: lightgreen;
    }

    div#footer
    {
       background: #f5f5f5;
    }