@media screen
{

	body { padding: 0px; margin: 0px; background-color: #fff; }

	/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */ 
	#page { 		
		background-repeat: repeat-y;
		padding: 0 16px 0 0; 
		background-image: url(../images/maske.png);
		background-repeat: no-repeat;				
	}

	#header { 
		position:relative; 				
		background-repeat: no-repeat;				
		height: 25px;		
		background-color:#ececec; 
		text-align:left;
		margin: 0 -5px 0 -5px;		
		display: none;
	}
	
	#demeter {
	  position: absolute;
	  top: 0;
	  left: 0;  
	  display: none;
	}
	
	#logo {
	  float: right;
	  display: none;
	}

  #keyvisual {
    border-top: 0px solid #4c4c4c;
    border-bottom: 0px solid #4c4c4c;	
    position: relative;
  }  

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


  #col1, #col2, #col3 { padding: 0; margin: 0; min-height: 300px;}    
  
  * html #col1, * html #col2, * html #col3 {
      height: 300px;
  }

	#col1_content {
		padding: 20px;
		padding-top: 0px;
    margin: 0;
	}	

	/* Festlegung der Layoutbreite und Zentrierung*/
	#page_margins { 		
		width:891px;		
		margin-top: 15px;
		background-image: url(../images/mid.png);
		background-position: -2px 0;
		margin-left: auto;
 		margin-right: auto;
		max-width:inherit;  /*min-width f�r fixes Layout abschalten */
		min-width:inherit;  /*  max-width f�r fixes Layout abschalten */
		padding: 0;					
	}

	/* Korrektur von Randabst�nden */
	#main {	  
    	padding: 0;
		border-top: 24px solid #4c4c4c;
	}
	
  #footer {
	width: 850px;
	height: 71px;
	position: relative;
	bottom: 0;		
	color: #ffffff;
	font-size: 0.8em;	
	background-position: -2px 80%;
	background-repeat: no-repeat;
	background-image: url(../images/footer.png);
	padding: 0 20px 0 19px;
}

#footer div {
	padding: 0 30px;
}

.footer-line {
  margin-bottom: 20px;  
}

* html .footer-line {
	margin-bottom: 10px;
}

    #footer a {
	    text-decoration: none;	
	    color: #054F9A;
    }
    
    #breadcrumbnav {
      float: left;  
      padding: 0;
    }
    
    * html #breadcrumbnav {
      padding: 2px 0;
    }
    
    #corner {
      position: absolute;
      top: 0;
      right: 0;
      background-image: url(../images/runde-ecke.png);
      background-repeat: no-repeat;
      background-position: 0 0;
      width: 52px;
      height: 59px;
    }
    
    #search {
    	float: right;   
    	width: 265px; 	
    	text-align: right;
    	padding-right: 10px;    	
    }   
    
    #search a {      
      display: block;  
      font-weight: bold;      
    }
    
    #search input {
      margin: 0;
      height: 14px;
    	width: 150px;
    	border: 0;
    	padding: 0px;
    	font-size: 12px;
    	color: #8a8a8a;    	
    	padding: 0;
    	margin-top: 4px;
    	border: 1px solid #8ea8d1;
    }
    
    #search .searchbutton {
    	cursor: pointer;
    }
    
    #col1 {
      width: 180px;  
    }
}