* {
           
                    margin:0; 
                    padding:0;
            }
            html,body {
                    height:100%;
            }
            body {
                    font:normal 1em verdana, arial, sans-serif;
            }
            
            #wrapper {
                    width:100%;
                    min-height:100%;
                    height:auto !important;
                    height:100%;
                    /*margin:0 auto;*/
                    /*background:#ff0fff;*/
                    /*background:#ffffff;*/
                   
            }
            header {
            	height:178px;
            	padding:10px 0px 0px 0px;
		background:#CCCCCC;
		text-align:center;
		/* Schnee für Weihnachten  */
		/*background-image: url('\images\\snow1.png'), url('\images\\snow2.png'), url('\images\\snow3.png');*/
		/*animation: snow 20s linear infinite;*/
		/*Schnee für Weihnachten*/
			
            }
            /* Schnee für Weihnachten */
            @keyframes snow {
	     0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
	     100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
	    }
	    /* Schnee für Weihnachten */
            nav {
            		
			//*background:#ffff00;*/
			background:#ffffff;
			float: left;
			margin-top:30px;
			/*margin-left: 10px;*/
			width: 20%;

            }
            main {
			//background:#00ff00;*/
			/*background:#ffffff;*/
			text-align: center;
			width: 80%;
			float: right;
	
            }
            main2 {
			/*background:#00ff00;*/
			/*background:#ffffff;*/
			text-align: center;
			width: 80%;
			float: right;
	
            }
            .span{
            	clear: both;
            	
            }

            footer {
                  	
                    background:#CCCCCC;
                    text-align:center;
                    min-height: 200px;
                    /*bottom: 0;*/
                    z-index: -1;
            }
            
            #maximiser{
            	width:90%;
            	margin:0 auto;
            }
            
            #mainList{
	       	height: 0px;
	       	visibility: hidden;
	    }
	   
	   
	     .banner-hoch{	     
		 display: block;
	     }
	     .banner-quer{	     
		 display: none;
	     }
	        
            .clearfix:after {
                    content:".";
                    display:block;
                    height:0;
                    font-size:0;
                    clear:both;
                    visibility:hidden;
            }
            .clearfix {
                    display:inline-block;
            }
            /* Bereich nicht für IE-mac Anfang \*/
            * html .clearfix {
                    height:1%;
            }
            .clearfix {
                    display:block;
            }
            /* Bereich nicht für IE-mac Ende */
            
	   @media only screen and (min-width: 1500px){
	                #maximiser{
	                 width: 1400px;
	                }
            }
            
            @media only screen and (max-width: 1190px){
	    
	     nav{
	      clear: both;
	      width: 100%;
	     }
	     main{
	      clear: both;
	      width: 100%;
	     }
	     #maintable{
	     	visibility: hidden;
	     	height: 0px;
	     }
	     #mainList{
	     	visibility: visible;
	     	height: 100%;
	     	width: 100%;
	     }
	     .banner-hoch{	     
	       display:none;
	     }
	     .banner-quer{	     
	       display: block;
	       margin: auto !important;
	      
	     }
	     .hintergrund{	 
	      width: 100%;
	      padding-top:20px !important;
	      padding-bottom:20px !important;
	      margin: auto !important;
	     }

	    }