HTML, BODY {
               margin: 0;
               padding: 0;
               font-family: arial, verdana;
               background: #0d0f11 url('../gfx/pageBg.jpg') repeat-x;
               color: #b7b7b7;
               text-align: center;
               width: 100%;
               height: 100%;
               font-size: 0.9em;
 }

 /*H1 {font-size: 1.0em; margin: 0px; margin-bottom: 10px;}*/
 H1 {
    color: #FFF;
    font-size: 0.9em;
    font-weight: bold;
    background: url('../gfx/title-Bg.jpg') no-repeat 0px 2px;
    padding-left: 12px;
    margin-left: -12px;
    }
 
 H2 {font-size: 0.9em; margin: 0px;}
 H3 {font-size: 0.8em; margin: 0px;}
 H4 {font-size: 0.7em; margin: 0px;}
 H5 {font-size: 0.6em; margin: 0px;}
 H6 {font-size: 0.5em; margin: 0px;}
 
 p.bodytext {margin: 0px; padding: 0px;}
 
 TABLE {font-size: 1.0em;}
 
 


  /* LAYOUT KLASSEN >>> */
    #outerLayer
                           {
                           width: 780px;
                           margin-left: auto;
                           margin-right: auto;
                           text-align: left;
                           }
                           
      #logo {
                           background: url('../gfx/logo.png') no-repeat top left;
                           width: 280px;
                           height: 68px;
      }      
                           
                           
                           
      #menu {
                           width: 780px;
                           height: 23px;
                           background: #111113;
                           }          

        #menu A.linkItem:link, A.linkItem:visited {
                           float: left;
                           height: 23px;
                           background-repeat: no-repeat;
                           font-size: 0px;
                           text-indent: -9999px;
        }
        #menu A.linkItem:active, A.linkItem:hover {
                           background-position: 0px -23px;
        }
        
        #menu A.linkItemActive:link, A.linkItemActive:visited {
                           float: left;
                           height: 23px;
                           background-repeat: no-repeat;
                           background-position: 0px -23px;
                           font-size: 0px;
                           text-indent: -9999px;

        }
        #menu A.linkItemActive:active, A.linkItemActive:hover {
        }
                           
      #mainPart
                             {
                             width: 780px;
                             background: #0e0e0e url('../gfx/contentBg.jpg') repeat-y top left;
                             float: left;
                             border-top: 1px solid #ff0101;
                             border-bottom: 1px solid #ff0101;
                             }
                             
        #mainPart-content
                             {
                             width: 574px !important;
                             width: 598px;
                             padding: 12px;
                             float: left;
                             }
                             
          #mainPart-content H1.csc-firstHeader{
                             color: #FFF;
                             font-size: 0.9em;
                             font-weight: bold;
                             background: url('../gfx/title-Bg.jpg') no-repeat 0px 2px;
                             padding-left: 12px;
                             margin-left: -12px;
          }
          
          
          #mainPart-content A:link, #mainPart-content A:visited {
                             color: #b7b7b7;
                             text-decoration: none;
                             background: url('../gfx/redDot.gif') repeat-x bottom left;
          }
          #mainPart-content A:hover, #mainPart-content A:active {
                             color: #FFF;
                             border-bottom: none;
                             background: none;
          }
							 
        #mainPart-right {
                             width: 182px;
                             float: right;
                             padding-top: 12px;
        }							 
							 
          .window-title
                             {
                             width: 170px;
                             height: 23px;
                             background: no-repeat top left;
                             border-bottom: 1px solid #ff0000;
                             margin-top: 12px;
                             }
                             
          .window-content
                             {
                             width: 154px !important;
                             width: 170px;
                             background: #161616 url('../gfx/win-bg.jpg') no-repeat bottom left;
                             padding: 8px;
                             padding-top: 4px;
                             text-align: left;
                             margin-bottom: 12px;
                             }
                             
            #window-content-tunnglebeta {
                             font-size: 0.85em;
                             font-weight: bold;
                             color: #CCC;
                             text-align: center;
            }
            
              #window-content-tunnglebeta-button-top {
                             background: url('../gfx/tunnglebeta-button-top.jpg') no-repeat 0px 0px;
                             height: 14px;
                             width: 114px;
                             margin-top: 4px;
                             margin-left: auto;
                             margin-right: auto;
              }
              
              div.window-content-tunngle-button {
                             height: 63px;
                             width: 154px;
                             margin-left: auto;
                             margin-right: auto;
              }
              
                div.window-content-tunngle-button A:link, div.window-content-tunngle-button A:visited {
                               background: no-repeat 0px 0px;
                               display: block;
                               height: 63px;
                               width: 154px;
                               text-decoration: none;
                }
                div.window-content-tunngle-button A:hover, div.window-content-tunngle-button A:active {
                               background-position: 0px -63px;
                }


          #logoutlink {  
              font-size: 0.85em;
              float: left;
              padding-right: 8px;
          }		

            #logoutlink A:link, #logoutlink A:visited {
                color: #ff0000;
                text-decoration: none;
                background: url('../gfx/redDot.gif') repeat-x bottom left;
            }
            #logoutlink A:hover, #logoutlink A:active {
                color: #FFF;
                border-bottom: none;
                background: none;
            }


          #languageMenu {
              height: 9px;
              margin-right: 12px;
          }			

            .languageMenuItem {
                float: right;
                margin-top: 2px;
                margin-left: 2px;
                width: 14px;
                height: 9px;
                font-size: 0.1em;
            }

              .languageMenuItem A:link, .languageMenuItem A:visited {
                  display: block;
                  width: 14px;
                  height: 9px;
                  background-position: 0px 0px;
                  font-size: 0px;
              }                    
              .languageMenuItem A:hover, .languageMenuItem A:active {
                  background-position: 0px -9px;
              }


      #footer
                             {
                           width: 780px;
                           height: 23px;
                           }

        #footer-left
                             {
                           width: 10px;
                           height: 23px;
                           background: url('../gfx/footer-leftBg.gif') no-repeat top left;
                           float: left;
                           }
                           
        #footer-center
                             {
                           width: 760px;
                           height: 23px;
                           background: url('../gfx/footer-centerBg.jpg') repeat-x top left;
                           float: left;
                           }
                           
          #footer-center-copyright {
                           width: 308px;
                           height: 23px;
                           background: url('../gfx/footer-copyright.jpg') no-repeat top left;
                           margin-left: auto !important;
                           margin-right: auto !important;
                           margin-left: 226px;
          }
          
          #footer-center-copyright A.footer-link:link, #footer-center-copyright A.footer-link:visited {
                           float: right;
                           background: url('../gfx/footer-copyright-link.jpg') no-repeat 0px -23px;
                           width: 47px;
                           height: 23px;
          }
          
          #footer-center-copyright A.footer-link:hover, #footer-center-copyright A.footer-link:active {
                           background-position: 0px 0px;
          }
                           
        #footer-right
                             {
                           width: 10px;
                           height: 23px;
                           background: url('../gfx/footer-rightBg.gif') no-repeat top left;
                           float: left;
                           }
                           
        #margin-bottom {
                           line-height: 30px;
                           height: 30px;
                           width: 780px;
                           float: left;
						   text-align: center;
        }
		
		#margin-bottom A:link, #margin-bottom A:visited {
							color: #858688;
							text-decoration: none;
		}		
		
		#margin-bottom A:hover, #margin-bottom A:active {
							color: #FFF;
							text-decoration: underline;
		}
		
		A.linkitemForumLatest:link, A.linkitemForumLatest:visited
		{
		font-size: 0.9em;
		color: #979998;
		text-decoration: none;
		line-height: 18px;
		}

		
	        A.linkitemForumLatest:hover, A.linkitemForumLatest:active
	    	{
		color: #444;
		}
		TD.ForumLatest {
		background: url('../gfx/linkitemForumLatestBg.jpg') no-repeat bottom left;
		padding: 2px;
		width: 170px;
		}


		
		
                           
                           
     .tx-wssitemap-pi1 .treemenudiv A:link, .tx-wssitemap-pi1 .treemenudiv A:visited
                              {
                             }

     .tx-wssitemap-pi1 .treemenudiv A:hover, .tx-wssitemap-pi1 .treemenudiv A:active
                              {
                              color: #000;
                             }
                             
     .tx-wssitemap-pi1 .treemenudiv A:link span.treemenutext_act, .tx-wssitemap-pi1 .treemenudiv A:visited span.treemenutext_act
                              {
                              color: #000;
                             }

     .tx-wssitemap-pi1 .treemenudiv A:hover span.treemenutext_act, .tx-wssitemap-pi1 .treemenudiv A:active span.treemenutext_act
                              {
                              color: #000;
                             }
                             
                             
 /*Styles der New Login Box*/
DIV.tx-newloginbox-pi1 A:link, DIV.tx-newloginbox-pi1 A:visited {
								color: #b7b7b7;
								text-decoration: none;
								width: 160px;
								height: 20px;
								line-height: 20px;
								/* background: url('../gfx/arrow.gif') no-repeat 0px 6px;*/
								padding-left: 10px;
								}
																
DIV.tx-newloginbox-pi1 A:active, DIV.tx-newloginbox-pi1 A:hover {
								color: #FFF;
								}
																
 DIV.tx-newloginbox-pi1 {
         background-color: transparent;
         text-decoration: none;
         margin-left: -1px;
	 line-height: 20px;
	 font-size: 0.8em;
 }
 
DIV.tx-newloginbox-pi1 TH {
  padding-right: 8px;
}

 /*Ausrichten der ?berschriften*/

 DIV.tx-newloginbox-pi1 H3 {
          margin-left: 4px;
          background-color: transparent;
          font-weight: bold;
          text-decoration: none;
          font-size: 1.1em;

 }

 /*Ausrichtung der Texte*/

 DIV.tx-newloginbox-pi1 P {

          margin-left: 0px;

 }

 DIV.tx-newloginbox-pi1 TABLE {

          margin-top:0px;

          padding-top:0px;

          margin-left: -1px;

 }

 DIV.tx-newloginbox-pi1 TABLE TR TD P {

          margin-top:0px;
          padding-top:0px;
          margin-left: -1px;
 }

 DIV.tx-newloginbox-pi1 TABLE TR TD {

         margin-top:0px;

         padding-top:0px;

         margin-left: -1px;

 }

 DIV.tx-newloginbox-pi1 TABLE TR {

         margin-top:0px;

         padding-top:0px;

         margin-left: -1 px;

 }

 /*Ausrichtung des Submit Buttons*/

 DIV.tx-newloginbox-pi1 TABLE TR TD INPUT.tx-newloginbox-pi1-submit_login {
	     margin-top: 6px;
         border: 1px solid #000000;
         background: url('../gfx/buttonLogin.jpg') no-repeat;
         width: 61px;
		 height: 21px;
		 cursor: pointer;
		 border: 0px;
 }
 
 DIV.tx-newloginbox-pi1 TABLE TR TD INPUT.tx-newloginbox-pi1-submit_login:hover {

         background-position: 0px -21px;
 }
 
  DIV.tx-newloginbox-pi1 TABLE TR TD INPUT.tx-newloginbox-pi1-submit_logout {
		 margin-left: 50px;
         margin-top: 10px;
         border: 1px solid #000000;
         background: url('../gfx/buttonLogout.jpg') no-repeat;
         width: 61px;
		 height: 21px;
		 cursor: pointer;
		 border: 0px;
 }
 
 DIV.tx-newloginbox-pi1 TABLE TR TD INPUT.tx-newloginbox-pi1-submit_logout:hover {

         background-position: 0px -21px;
 }
 
  DIV.tx-newloginbox-pi1 TABLE TR TD INPUT.AccountSubmit {
	     margin-top: 6px;
         border: 1px solid #000000;
         background: url('../gfx/buttonSubmit.jpg') no-repeat;
         width: 61px;
		 height: 21px;
		 cursor: pointer;
		 border: 0px;
 }
 
 DIV.tx-newloginbox-pi1 TABLE TR TD INPUT.AccountSubmit:hover {

         background-position: 0px -21px;
 }

 /*F?r den Inhalt der Eingabefelder*/

         DIV.tx-newloginbox-pi1 TABLE TR TD INPUT {

         margin-left: 0px;

         margin-top: 4px;

         border: 1px solid #000;

         background-color: #5f5f5f;

         width: 96px;

         color: #FFF;

 }
 
          DIV.tx-newloginbox-pi1 INPUT:hover {

         border: 1px solid #FFF;

 }
 
           DIV.tx-newloginbox-pi1 INPUT:focus {

         border: 1px solid #FFF;
         background-color: #767575;

 }
 /*
  DIV.tx-newloginbox-pi1 INPUT.opacity {
        filter:alpha(opacity=30);
        -moz-opacity:.3;
        opacity:.3;
        color: rgba(255, 255, 255, 0.4);
        -khtml-opacity: 0.3;
 }
 
  DIV.tx-newloginbox-pi1 INPUT.opacity:focus {
        filter:alpha(opacity=80);
        -moz-opacity:.8;
        opacity:.8;
        color: rgba(255, 255, 255, 0.8);
        -khtml-opacity: 0.8;
 }*/
 

  DIV.tx-newloginbox-pi1 INPUT.opacity {
        filter:alpha(opacity=60);
        -moz-opacity:.6;
        opacity:.6;
        color: rgba(255, 255, 255, 0.6);
        -khtml-opacity: 0.6;
 }
 
  DIV.tx-newloginbox-pi1 INPUT.opacity:focus {
        filter:alpha(opacity=90);
        -moz-opacity:.9;
        opacity:.9;
        color: rgba(255, 255, 255, 0.9);
        -khtml-opacity: 0.9;
 }
 
   DIV.tx-newloginbox-pi1 INPUT.opacity {

        color: #FFF;

 }
 
  DIV.tx-newloginbox-pi1 INPUT.opacity:focus {

        color: #FFF;

 }

 DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-forgotP {

         margin-top:0px;

         margin-left: 4px;

         padding-top:0px;

         width:96px;

 }

 DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-forgotP A {

         margin-top:0px;

         margin-left: 0px;

         padding-top:0px;

         width:96px;

         align: center;

 }

 DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-back {

        margin-top:0px;

        margin-left: 4px;

        padding-top:0px;

        width:96px;

 }

 DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-back A {

        margin-top:0px;

        margin-left: 4px;

        padding-top:0px;

        width:96px;

 }

 /*Ausrichtung des Usernamens, wenn angemeldet*/

 DIV.tx-newloginbox-pi1 P.tx-newloginbox-pi1-username {

        margin-left: 4px;

        margin-top:0px;

        padding-top:0px;

        width:50px;

        align: center;

 }


 /* FEEDBACK FORMULAR >>> */

 fieldset.csc-mailform {
                        border:0;
                        }

 .formular {
           color : Black;
           background-color: #D9D9D9;
           border: 1px solid #000000;
           }
 		  
 .csc-mailform INPUT {
 				    margin-left: 0px;
					margin-top: 4px;
					border: 1px solid #bababa;
					background-color: #eef6dc;
 				   }
 				   
 .csc-mailform INPUT:focus {
			       border-color: #000;
 				   background: #fff;
 				   }

 .csc-mailform TEXTAREA {
 				    margin-left: 0px;
					margin-top: 4px;
					border: 1px solid #bababa;
					background-color: #eef6dc;
 				   }
 				   
 .csc-mailform TEXTAREA:focus {
			       border-color: #000;
 				   background: #fff;
 				   }

 .csc-mailform INPUT.mf-submit {
 							    background: #de0029;
 								border: 1px solid #000;
 								color: #FFF;
 							    }

 legend {
 padding-left:10px;
 padding-right:10px;
 border: 0px;
 }

 fieldset {
 border:0px;
 padding-left:10px;
 padding-right:10px;
 padding-top:10px;
 padding-bottom:10px;
 border: 1px solid #C0C0C0;
 }

 .formu {

 padding-top:10px;
 padding-bottom:10px;
 padding-left:40px;

 }

 .mf-radio {
 border:0px;
 }

 .mf-text {
border: 1px solid #bababa;
background-color: #eef6dc;
 margin-bottom: 5px;
 }

 .mf-text:focus {
 background-color: #fff;
 border-color: #000;
 }

 .mf-check {
 border: 0px;
 }
 .mf-select {
 border:0px;
 }

 .mf-input {
 width: 200px;
border: 1px solid #bababa;
background-color: #eef6dc;
 margin-bottom: 5px;
 }

 .mf-input:focus {
 border-color: #000;
 background-color: #fff;
 }

 .mf-submit {
 color: #fff;
 background-color: #999;
 border: 1px solid #999;
 }

 .mf-submit:hover {
 border: 1px solid #444;
 cursor: pointer;
 }
 /* <<< FEEDBACK FORMULAR */                              

 
 /* REGISTER-FORM >>> */
 	.mailformplus-Table{
						margin-top: 10px;
						}
			 
	.mailformplus-Table INPUT.input{
		         			margin-left: 0px;
		         			margin-top: 4px;
		         			border: 1px solid #000;
		         			background-color: #5f5f5f;
		         			width: 140px;
					        filter:alpha(opacity=60);
					        -moz-opacity:.6;
					        opacity:.6;
					        color: rgba(255, 255, 255, 0.6);
					        -khtml-opacity: 0.6;
									}


	.mailformplus-Table INPUT.input:hover{
							border-color: #FFF;
							}				
							
	.mailformplus-Table INPUT.input:focus{
							border-color: #FFF;
							background-color: #767575;
					        filter:alpha(opacity=90);
					        -moz-opacity:.9;
					        opacity:.9;
					        color: rgba(255, 255, 255, 0.9);
					        -khtml-opacity: 0.9;                    
							}

						
	.mailformplus-Table INPUT.inputError{
							width: 140px;	
							background: #cc1011;
							border: 1px solid #000;
					        filter:alpha(opacity=40);
					        -moz-opacity:.4;
					        opacity:.4;
					        color: rgba(255, 255, 255, 0.4);
					        -khtml-opacity: 0.4;
							}
							
	.mailformplus-Table INPUT.inputError:hover{
		         			border-color: #ee0000;
							}	
							
	.mailformplus-Table INPUT.inputError:focus{
		         			border-color: #FFF;

					        filter:alpha(opacity=80);



					        -moz-opacity:.8;
					        opacity:.8;
					        color: rgba(255, 255, 255, 0.8);
					        -khtml-opacity: 0.8;
					        background-color: #BBB;
							}						
						
	.mailformplus-Table TEXTAREA{
							background: #DCDCDC;
							border: 1px solid #5a6583;
							}	

	.mailformplus-Table TEXTAREA:hover{
							background: #DCDCDC;
							border: 1px solid #5a6583;
							}

	.mailformplus-Table SELECT{
							background: #DCDCDC;
							border: 1px solid #5a6583;
							}
	.mailformplus-Table SELECT.inputError{
							background: #e4232b;
							border: 1px solid #DDD;
							}
							
 INPUT.submit {
	     margin-top: 6px;
         border: 1px solid #000000;
         background: url('../gfx/buttonSubmit.jpg') no-repeat;
         width: 61px;
		 height: 21px;
		 cursor: pointer;
		 border: 0px;
 }
 
 INPUT.submit:hover {

         background-position: 0px -21px;
 }
 
 
/* <<< REGISTER-FORM */

.error-message {
  background: url('../gfx/icon-error.jpg') no-repeat 0px 1px;
  padding-left: 18px;
  line-height: 20px;
  color: #FFF;
  font-weight: bold;
}

.success-message {
  background: url('../gfx/icon-success.jpg') no-repeat 0px 1px;
  padding-left: 18px;
  line-height: 20px;
  color: #FFF;
  font-weight: bold;
}


/* BUTTONS */
    /* Download */
    #mainPart-content a.button-download:link, #mainPart-content a.button-download:visited {
        background: url('../gfx/buttonDownload.jpg') no-repeat top left;
        width: 82px;
        height: 21px;
        display: block;
    }
    #mainPart-content a.button-download:hover, #mainPart-content a.button-download:active {
        background-position: 0px -21px;
    }
    
        #mainPart-content a.button-downloade:link, #mainPart-content a.button-downloade:visited {
        background: url('../gfx/tunngledownload.jpg') no-repeat top left;
        width: 240px;
        height: 70px;
        display: block;
    }
    #mainPart-content a.button-downloade:hover, #mainPart-content a.button-downloade:active {
        background-position: 0px -70px;
    }
            #mainPart-content a.button-downloadee:link, #mainPart-content a.button-downloadee:visited {
        background: url('../gfx/tunngledownload2.jpg') no-repeat top left;
        width: 120px;
        height: 23px;
        display: block;
    }
    #mainPart-content a.button-downloadee:hover, #mainPart-content a.button-downloadee:active {
        background-position: 0px -23px;
    }
    
                #mainPart-content a.button-downloadde:link, #mainPart-content a.button-downloadde:visited {
        background: url('../gfx/tunngledownloadbuttonde.jpg') no-repeat top left;
        width: 480px;
        height: 70px;
        display: block;
    }
    #mainPart-content a.button-downloadde:hover, #mainPart-content a.button-downloadde:active {
        background-position: 0px -70px;
    }

            #mainPart-content a.button-downloadeen:link, #mainPart-content a.button-downloadeen:visited {
        background: url('../gfx/tunngledownloadbuttonen.jpg') no-repeat top left;
        width: 480px;
        height: 70px;
        display: block;
    }
    #mainPart-content a.button-downloadeen:hover, #mainPart-content a.button-downloadeen:active {
        background-position: 0px -70px;
    }
    
                #mainPart-content a.button-downloadmain:link, #mainPart-content a.button-downloadmain:visited {
        background: url('../gfx/downloadmain.png') no-repeat top left;
        width: 118px;
        height: 28px;
        display: block;
    }
    #mainPart-content a.button-downloadmain:hover, #mainPart-content a.button-downloadmain:active {
        background-position: 0px -28px;
    }
    
                    #mainPart-content a.button-downloadmirror:link, #mainPart-content a.button-downloadmirror:visited {
        background: url('../gfx/downloadmirror.png') no-repeat top left;
        width: 118px;
        height: 28px;
        display: block;
    }
    #mainPart-content a.button-downloadmirror:hover, #mainPart-content a.button-downloadmirror:active {
        background-position: 0px -28px;
    }