/* 
** 
**  Dateiversion: 02.11.2006 
**  Datei       : modules.css
**  Funktion    : Contentbloecke Formatierungen
**  Author	: m.walde@e-media.de
**
*/

@media all {
	  /* Box mit rosa Hintergrund f³r Produkte */
	  .box {
	    overflow: hidden;
	    background: #F6CCD5;
	    float: left;
	    display: inline;
	    border: 0px solid #D6D5D4;
	  }
	
	  /* Box mit grauem Hintergrund f³r Produkte */
	  .box_grau {
	    overflow: hidden;
	    background: #f3f3f3;
	    float: left;
	    display: inline;
	    border: 0px solid #D6D5D4;
	  }     
	  
	  /* Spacer zwischen den Boxen mit den Produkten */
	  /* Dynamisch gestalten: H÷he, Hintergrundfarbe */
	  .box_grau_spacer {
	    overflow: hidden;
	    background: #f3f3f3;
	    float: left;
	    display: inline;
	    height: 4px;
	    border-left: 1px solid #D6D5D4;
	  }       
	  .box_grau_spacer_nb {
	  	clear: both;
	  	width: auto;
	    overflow: hidden;
	    background: #f3f3f3;
	    float: left;
	    display: inline;
	    height: 4px;
	  }   	  
	  .box_spacer {
	    background: #fff;
	    float: left;
	    display:inline;
	    height: 8px;
	  } 	  
	  
	  
	  /* Box mit Hõkchen auf rosa Hintergrund */
	  #unit_xref {
	    float: right;
	    display: inline;
	    text-align: center;
	    vertical-align: middle;
	    padding: 0 0 0 0;
	    margin: 0 0 0 0;
	    background:#F6CCD5;
	    background-image: url(img/clear.gif);
	    width: 80px;
	    height: 100%;
	    border-top: 0px solid #D6D5D4;
	  }  
	    
	  /* Box mit Hõkchen auf grauem Hintergrund */
	  #unit_xref_grau {
	    float: left;
	    display: inline;
	    text-align: center;
	    vertical-align: middle;
	    padding: 0 0 0 0;
	    margin: 0 0 0 0;
	    background:#f3f3f3;
	    background-image: url(img/clear.gif);
	    width: 80px;
	    height: 100%;
	    border-top: 0px solid #D6D5D4;
	  }       
	    
	  /* Box f³r den Titel ³ber den Produkten */
	  #title_0 {
	    position: relative;
	    text-align: left;
	    background:#F6CCD5;
	    margin: 0 0 0 0;
	    float: left;
	    width: 731px;
	    /*height: 50px;  = H÷he des Bildes in der linken Spalte, DYNAMISCHER WERT! + 32 Pixel (Margins)*/
	    border: 0px solid #D6D5D4;
	  }       
	    
	  #title_1 {
	    position: relative;
	    text-align: left;
	    background:#f3f3f3;
	    margin: 0 0 0 0;
	    width: 649px;
	    float: left;
	    border-right: 1px solid #f3f3f3; /* Fake Border */
	    border-left: 1px solid #D6D5D4;
	  }     	
		
	  /* Gro¯e Contentbox */	 
	  #unit_0 {
	    overflow: hidden;
	    position: relative;
	    text-align: left;
	    background:#FDF2F5;
	    margin: 0 0 0 0;
	    float: left;
	    width: 729px;
	    border: 1px solid #D6D5D4;
	  }    
	    
	  /* kleine Conentbox */
	  #unit_1 {
	    overflow: hidden;
	    position: relative;
	    text-align: left;
	    background:#F7F7F7;
	    margin: 0 0 0 0;
	    float: left;
	    width: 649px;
	    border: 1px solid #D6D5D4;
	  }
	  
	  /* Gro¯e Contentbox */	 
	  #unit_2 {
	  	clear:both; 
	  	width: auto;
	    overflow: hidden;
	    position: relative;
	    text-align: left;
	    background:#fff;
	    margin: 0 0 0 0;
	    border: 1px solid #D6D5D4;
	  } 	  
	  
	  /* Große Contentbox */	 
	  #unit_form {
	  	clear:both; 
	  	width: auto;
	    overflow: hidden;
	    position: relative;
	    text-align: left;
	    background:#fff;
	    margin: 0 0 0 92px;
	  } 	
	 
	  /* Spacerbox */
	  #unit_spacer {
	    overflow: hidden;
	    position: relative;
	    text-align: left;
	    background:#f3f3f3;
	    margin: 0 0 0 0;
	    float: left;
	    width: 729px;
	  }

		/* Neue Klassen, Umbau am 10.01. */
		/* Erzeugt die oberste box, in der sich produktbild, produkttext, haken und haken befinden 4spaltig */
		.row_3cols_wgr {
			background-color: #F6CCD5;  
			border-bottom: 1px solid #D6D5D4; 
			border-top: 1px solid #D6D5D4;
			margin-bottom: 4px;
			positiion: relative; 
			float: left; 
			width: 811px;				
		}

br {
	clear: none;
}

}