/* CSS fuer die Hot-or-not-Variante */

      body 
        {
        background-color: #f0f0f0; 
        font-family: "trebuchet ms", "bitstream vera sans", "gill sans", verdana, arial, helvetica, sans-serif;
        padding:0;
        margin: 0; 
        color: #001122;
        
        }
      
      #links { width: 180px; float: left; margin-right: 32px; background-color: #ccddff; }
      #haupt { float: left; }
      
      #img { float: left; width: 300px; margin-right: 16px; }
      
      #beschriftung { float: left; width: 490px; }
      
      #main { margin-left: auto; margin-right: auto; width: 1028px; }
      
      .break {clear: both;}
    
    .orange
    	{
    	color: #F60;
    	}
      
    STRONG
    	{
    	font-weight: bold;
    	color: #003;
    	}
     
      H1, H2, H3
         {
         line-height: 100%;
         color: #336699;
         }
      H2
         {
         font-size: 2em;
         }
         
    #logo
    	{
    	margin-left: 210px;
    	padding-bottom: 0;
    	margin-bottom: 0.5em;
    	}
    
    #logo H1
    	{
    	font-size: 3em;
    	margin: 0px;
    	padding:0px;
    	padding-top: 4px;
    	}
    	
    #logo H2
    	{
    	color: black;
    	font-size: 1em;
    	margin: 0px;
    	padding:0px;
    	padding-top: 4px;
    	letter-spacing: 1px;
    	padding-left: 2px;
    	}
    
    #beschriftung H2
        {
        margin-top: 0;
        margin-bottom: 0.25em;
        }
    
    #beschriftung H3
        {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        }
    
    #kandidatenblock
       {
       margin-top: 1em;
       }
       
    #haupt FORM
       {
       margin-top: 2em;
       }

    #beschriftung UL {padding-left: 0em;}
    LI {margin-bottom: 0.75em; }
    #beschriftung UL LI {list-style: none;}

    .ja   { font-weight: bold; color: green;}
    .nein { font-weight: bold; color: red;}

    SMALL { font-size: 80%;} 
    
    INPUT.permalink 
        {
        font-size: 0.8em; 
        letter-spacing: 0px; 
        width: 40em;
        }

    A:link	
    	{
    	color: #036; 
    	text-decoration: none; 
    	border-bottom: 1px #036 dotted;
    	}
    
    A:visited 
    	{
    	color: #036; 
    	text-decoration: none; 
        border-bottom: 1px #036 dotted;
    	}
    
    A:hover	
    	{
    	color: #F60; 
    	}
    
    A[href]:hover
        {
    	border-bottom-style: solid;
    	border-bottom-color: #f60;
        }
    
    A:active  
    	{
    	color:red; 
    	}
    
    A[href]:active
        {
    	border-bottom-style: solid;
    	border-bottom-color: red; 
    /*	text-decoration: line-through; */
    	}
    
    A.img { border: 0; }
    
    
    .thesen_janein
        {
        font-size: 0.9em;
        letter-spacing: 0.05em;
        }
      

    .j10 {background-color: #00ff00;}
    .j9  {background-color: #33ff22;}
    .j8  {background-color: #55ff33;}
    .j7  {background-color: #77ff44;}
    .j6  {background-color: #88ff55;}
    .j5  {background-color: #99ff66;}
    .j4  {background-color: #aaff77;}
    .j3  {background-color: #bbff88;}
    .j2  {background-color: #ccff99;}
    .j1  {background-color: #e4ffb0;}
    .k   {background-color: #ffffcc;}
    .n1  {background-color: #ffeebb;}
    .n2  {background-color: #ffddaa;}
    .n3  {background-color: #ffcc99;}
    .n4  {background-color: #ffbb88;}
    .n5  {background-color: #ffaa77;}
    .n6  {background-color: #ff8866;}
    .n7  {background-color: #ff7755;}
    .n8  {background-color: #ff5533;}
    .n9  {background-color: #ff3322;}
    .n10 {background-color: #ff0000;}

    #voteblock
      {
      /*display: inline;
      background-color: #999;*/
      }

    #voteblock input 
      { 
      width: 58px; 
      height: 40px;
      margin-right: 4px;
      }
      
  
  .spaltencontainer    
    {
    width: 682px;
    }
  .spalten
  {
    float: left; 
    width:33.333%;  
    padding-bottom: 1.5em;
    padding-top: 2px;
    display: block;
    font-size: 85%;
    padding-top: 4px;
    font-weight: bold;
    letter-spacing: 2px;
    
  }

  .links { text-align: left; }
  .mitte { text-align: center; }
  .rechts { text-align: right; }
  
  .info { font-size: 85%; }


  .ww
    {
    color: #369;
    text-transform: uppercase;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 90%;
	}
	
    UL
        {
        padding-left: 1.5em;
        margin-left: 0;
        }
   .info LI {margin-bottom: 0.5em; }
   .info {margin-bottom: 2.5em;}
   
   .info p { padding-left: 4px; padding-right: 2px;}
   
   .letzter_kandidat { margin-top: 128px;}
   .avg {margin-bottom: 0;}


UL#main_nav A, UL#main_nav A:hover
    {
    border-bottom:0px;
    
    }

#hotnav
   {
    text-align: center;
	list-style: none;
	margin-top: 0em; 
	margin-bottom: 2em; 
	padding: 0;
	padding-top:0.2em;
	padding-bottom:0.2em;
	border-bottom: 1px #f60 dotted;
	background-color: white;
   }

#hotnav .center
   {
	margin-left: auto;
	margin-right: auto;
    width: 1028px;
   }

UL#main_nav
	{
    	margin: 0;
	padding: 0;
	padding-right: 2em;
	text-align: right;
	}
	
UL#main_nav LI	
	{
	display: inline;
	border-right: 1px black dotted;
	padding-left: 0.1em;
	padding-right: 0.1em;
	margin:0px;
	font-weight: bold;
	font-size: 80%;
	}

UL#main_nav LI.lastnav	
	{
	border-right: 0px;
	}

#main_nav A
	{
	color:#036;
	}

#main_nav LI:hover
	{
	background-color:#f60;
	color: white;
	}

#main_nav LI:hover A
	{
	color: white;
	border:0px;
	}


