@media screen
{

	body { 
		padding: 0px; 
		margin: 0px; 
		background-color: #dfe4e8;		
		background-image: url(../images/wsalp.jpg);
		background-repeat: repeat-x;
	}

	/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */ 
	#page { 	
		width:905px;
		margin-left: auto;
 		margin-right: auto;
	}

	#header { 
		position:relative; 
		background-repeat: no-repeat;		
		height: 140px; 
		background-image: url(../images/header-background.jpg);
		background-position: 2px 0;
	}

	#nav{ height: 25px; background-color: #4c4c4c; }


        #col1, #col2, #col3 { padding: 0px; margin: 0px; }

#col3 {
	float: left;
}

	#col1_content {
		padding: 0 10px 10px 0;
                margin: 0;
	}


	/* Festlegung der Layoutbreite und Zentrierung*/
	#page_margins { 				
		max-width:inherit;  /*min-width f�r fixes Layout abschalten */
		min-width:inherit;  /*  max-width f�r fixes Layout abschalten */
		padding: 0;		
		background-image: url(../images/wsalp2.jpg);
		background-repeat: repeat-x;
		background-position: bottom left;
	}

	/* Korrektur von Randabst�nden */
	#main {
		border-left: 200px solid #ffffff;
    	padding-bottom: 20px;  	    	
		background-image: url(../images/white.gif);
		background-repeat: repeat-y;
		background-position: right;
	}
	
	#footer {
		padding-top: 60px;
	height: 50px;
	background-image: url(../images/wsalp2.gif);
	background-repeat: no-repeat;
	background-position: top left;	
	position: relative;
	bottom: 0;	
	color: #ffffff;
	font-size: 0.8em;
    }

  #footer a {
	text-decoration: none;
	color: #b2b2b2;
  }
    
  #footer a:hover {
  	color: #ffffff;
  	}  
   
}