@charset "8859-1";
 @import url("layout.css");

  /* CSS Document */

 body {
       background: url(grafik/background-image.gif) repeat scroll 0%;
       color: #000000;
       font-family: Arial, Verdana, Helvetica, sans-serif;
       font-size: 12px;
       font-variant: normal;
       font-weight: normal;
       line-height: 16px;

}

    /* Seitengestaltung*/

  #top {
       background: url(grafik/bg-top.gif) no-repeat center;
       width: 982px;
       margin-top: 1em;
       height: 20px;
 }
  #header {
          height: 200px;
          margin: 0 21px;
          width: 940px;
}

  #container {
             background: url(grafik/bg-container.gif) repeat-y center;
             margin: 0pt auto;
             width: 982px;
            

 }
 #bottom {
          background:url(grafik/bg-bottom.gif) no-repeat 0 50%;
          clear: both;
          height: 15px;
          width: 982px;
          margin-bottom: 1em;
}

 #footer {
          background: transparent;
          padding-bottom: 10px;
          margin-left: 22px;
          margin-right: 22px;

}

 #footer2 {
           background: #FFF5EE 0 25%;
           clear: both;
           float: left;
           color: #C0C0C0;
           font-size: 10px;
           font-size: 85%;
           margin-left: 21px;
           margin-bottom: 10px;
           height: 5px !important;

}

 #footer2 p {
             padding-left: 15px;
 }

 #h2footer {
            background: #FFF5EE 0 25%;
            height: 10px !important;
            padding-bottom: 10px;
            margin-bottom: 10px;
 }

 #sidebar1 {
            background: transparent;
            float: left;
            width: 29em;
            margin-left: 25px;
            margin-top: -5em;
            margin-bottom: 10px;

 }

           /* sidebar 2 */
 #sidebar2 {
            float: right;
            background: url(grafik/background/point.gif) repeat scroll 0%;
            font-size: 11px;
            font-family: Helvetica,times new roman,georgia,serif;
            width: 16em;
            margin-right: 21px;
            margin-top: -14em;
            margin-bottom: 10px;
            border-style:solid;
            border-color: #CFCFCF; 
            border-width: 2px;
            padding: 3px;
 }
            /* uno */
  ul#uno {
           width: 175px;
           list-style: none;
           padding-left: 0.5em;
           margin-left: 0.5em;
           float: right;
           margin-left: 16px;
           
 }
 ul#uno ul {
              list-style: none;
              padding-left: 0.5em;
              margin-left: 0.5em;
              height: 115px;
              
  }
 ul#uno li {
              background: plum;
              border-bottom: 1px solid gainsboro;
              padding: 0px 6px;
    }
 ul#uno li li {
                 background: thistle;
                 border-bottom: 1px solid gainsboro;
                 border-top-right-radius: 5px;
  }                                       
 ul#uno li li a {
                   color: white;
 }
 ul#uno li ul {
                 display: none;
}
 ul#uno li:hover ul {
                       display: block;
}

         /* dos*/
  ul#dos {
           width: 175px;
           list-style: none;
           padding-left: 0.5em;
           margin-left: 0.5em;
           float: right;
           margin-left: 16px;
 }
 ul#dos ul {
              list-style: none;
              padding-left: 0.5em;
              margin-left: 0.5em;
              height: 125px;
  }
 ul#dos li {
              background: thistle;
              border-bottom: 1px solid gainsboro;
              padding: 0px 6px;
    }
 ul#dos li li {
                 background: plum;
                 border-bottom: 1px solid gainsboro;
  }
 ul#dos li li a {
                   color: white;
 }
 ul#dos li ul {
                 display: none;
}
 ul#dos li:hover ul {
                       display: block;
}

   /* tres*/
  ul#tres {
           width: 380px;
           list-style: none;
           padding-left: 0.5em;
           margin-left: 0.5em;
           float: right;
           margin-left: 16px;
 }
 ul#tres ul {
              list-style: none;
              padding-left: 0.5em;
              margin-left: 0.5em;
              height: 280px;
  }
 ul#tres li {
              background: #D8BFD8;
              border-bottom: 1px solid gainsboro;
              padding: 0px 6px;
    }
 ul#tres li li {
                 background: #F5F5F5;
                 border-bottom: 1px solid gainsboro;
                 border-top-right-radius: 5px;
                 border-top-left-radius: 5px;
   }
 
 ul#tres li li a {
                   color: white;
 }
 ul#tres li ul {
                 display: none;
}
 ul#tres li:hover ul {
                       display: block;
}
 

 #mainContent {
                margin-left: 32.3em;
                margin-top: -3em;
                margin-right: 17.5em;
                border-left-style:solid;
                border-left-color: #808080;
                border-width: 1px; 
                padding-left: 5px;
 }  
 #container_innen {
                   width: auto;
                   background: transparent;
                   margin-left: 2em;
                   margin-right: 15em;
                   margin-bottom: 2em;
 }
  #myBox {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 360px;
	height: 360px;
	background-color: #64ff89;
	color: #000000;
	border: 1px solid #666666;
	padding: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 5px 5px 3px #333333;
	-moz-box-shadow: 5px 5px 3px #333333;
	box-shadow: 5px 5px 3px #333333;
	-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#333333, offx=3, offy=3)";
	filter:progid:DXImageTransform.Microsoft.DropShadow(color=#333333, offx=3, offy=3)";
}
			
 .clearfloat {
              clear: both;
              height: 0;
              font-size: 1px;
              line-height: 0px;
 }

 .arrow {
          background-image: url(/grafik/icons/arrow.jpg);
          background-repeat: no-repeat;
          background-position: relative;
          float: left;
          cursor: hand;
          width: 12px;
          height: 12px;
          max-height: 12px;
          padding-left: 4px;
 }
 .greyarrow {
              background-image: url(/grafik/icons/pfeil.gif);
              background-repeat: no-repeat;
              background-position: relative;
              float: left;
              cursor: hand;
              width: 15px;
              height: 15px;
              max-height: 16px;
              padding-left: 4px;
 }

 *p {
     margin: 0; padding: 0;

 }


 .nobr {
       white-space: nowrap;
 }


 hr.dotted {
            border: none;
            border-top: 1px dotted  #9000E0;
            height: 1px;
 }

 /* Navigation Links */

 a.navi {
         width: 80px;
         border: 0 px;
       background: plum;
 }

 a.navi:link, a.navi:visited {
              display: block;
              padding: 2px;
              width: 75px;
              font-family: Verdana,Arial,Tahoma,sans-serif;             
              font-size: 11px;
              text-decoration: none;
              color: #363636;
              text-align: center;
              vertical-align: middle;
              background-color: #FFFFF0;
              border: 2px outset #fafafa;
 }

 a.navi:active, a.navi:hover {
               text-decoration: none;
               color: #737994;
               background-color: #F8F8FF;
               border-left-color #8B0000;
               border-left: 2px solid;
 }

    /* Menü Links (SUB-Level)*/

 a.menu:link, a.menu:visited {
              color: #340065;
              text-decoration: none;

 }

 a.menu:active, a.menu:hover {
               text-decoration: none;
               background-color: #D3D3D3;
               color: #B22222;
               text-decoration: none;
               background-repeat: no-repeat;
               border-width: 2px solid;
               border-left-color outset: #8B0000;
               border-left: 2px solid #8B0000;
 }

 a.menu {
          display: block;
          padding: 1px 0px 2px 2px;
      
          
 }


      /*Aufklappbare Menüboxen, relative Positionierung,
      Sichtbarkeit: zuerst versteckt... */


 #navi td div {
             position: relative;
             visibility: hidden;
             width: 80px;
             font-family: Verdana,Arial,Tahoma,sans-serif;
             font-style: normal;
             font-size: 11px;
             font-weight: normal;
             padding: 1px 1px 5px 1px;
             text-align: center;
             display: block;
             background-color: #FFFAF0;
             border: 1px solid #DAA520;
             border-top-color: #FFFAF0;
             z-index: 2px;
 }


         /* ...nur für gute Browser - Submenüs sichtbar machen per CSS: */
 #navi td:hover div {
                     visibility: visible;
 }

 #navi {
        position: relative;
        top: 0px;
        margin-left: 17em;
 }




 #header2 {
           background: transparent;
           padding: 0 10px;
 }



           <!-- table individuell -->

 table, th, td {
                border: 1px solid #040;
                border-collapse: collapse;
                font-family: Times New Roman,Verdana;
                font-size: 11px;
                text-align: center;
                padding: 5px;
 }

 th {
        background-color: #040;
        color: #fff;
        border: 1px solid #fff;
    }

 .ungerade td {
                background-color: #e6ffe6;
 }

 .gerade td {
              background-color: #d1fad1;
 }

 <!-- vooting begin -->


  table.poll {
                margin: 0;
                padding: 0;
                border-spacing: 0;
                border-collapse: collapse;
                width: 227px;
  }

  table.poll th {
                  text-align: left;
                  padding: 4px;
                  font-weight: bold;
  }

    table.poll td {
                    padding: 4px;
  }

  table.poll div.remaining {
                              margin: 4px 0;
                              font-size: 75%;
                              text-align: center;
  }

   table.poll .button {
                         margin-top: 0.5em;
                         font-weight: bold;
  }

   table.poll {
                 border:1px solid #000000;
                 background-color:#FFFFFF;
  }

  table.poll th {
                   border-bottom: 1px solid #000000;
                   font-family:Arial,Helvetica,sans-serif;
                   color:#000000;
                   font-size:medium;
                   background-color:#EFEFEF;
 }

  table.poll .button {
                      font-family:Arial,Helvetica,sans-serif;
                      font-size:small;
                      background-color:#CCCCCC;
                      color:#000000;
 }

 table.poll td {
                 font-family:Arial,Helvetica,sans-serif;
                 font-size:small;
                 color:#000000;
 }

   table.poll a.resultLink {
                             font-size:small;
                             font-family:Arial,Helvetica,sans-serif;
                             color:#0000FF;
 }

             <!--vooting- ende  -->

 div.table {
             display: table;
             border-collapse: collapse;
 }

 div.tr {
            display: table-row;
 }

  div.td {
           display: table-cell;
           border: thin solid red;
           padding: 5px;
  }