/*  CSS Document 
    /* definitions for products page (detail) */

    /* basic layout structure, content */
    .divLeftCol {
	    float: left;
	    width: 195px;
	    min-height: 300px;
	    padding: 0px 30px 25px 15px;
	    /* background-color: Green; */
	}
	.divRightCol {
	    float: right;
	    width: 550px;
	    min-height: 300px;
	    padding-right: 130px;
	    padding-bottom: 25px;
	    /* background-color: Red; */
	}
	.divRightColContent{
	        
	}
	#divAnfrage{
	    width: 185;
	    height: 140px;
	    background-image: url(/images/main/box_button_anfrage_go.gif);
	    background-repeat: no-repeat;
	    /* background-color: Blue; */    
	}
	.divReferenzBox{
        margin-top: 20px;
	}
	.divReferenzImageBox{
	    background-image: url(/images/main/start_images.gif);
	    background-repeat: no-repeat;
	    padding: 10px 0 0 10px;
        float: left;
        width: 190px; /* 200px */
        height: 160px; /* 170px */        
	}
	.divReferenzTextBox{
	    float: right;
        width: 450px;	        
	}	
    #divSubnavigation {
        width: 150px;    
    }
    /* basic layout structure, content end */   
    .divNavigationBox {
        /* background-color: Gray; */
    }
    .divNavigation { 
        /* background-color: Red;  */
    }       
    .divRightCol .divBrdTop {
        width: 295px;  /* login container */  
    }
    .imgPhotoLeft {
        margin: 0 5px 0 0;        
        border: 1px solid #cccccc;
    }
    .divContainerLeft {
        float: left;
        width: 225px;      
    }
    .divContainerRight {
        float: right;
        width: 225px;      
    }
    .divProductList {
        margin-bottom: 25px;    
    }
    
    /* product navigation (info links) */ 
    #divProductNavigation { 
        float: right; 
        width: 150px;
        margin: 0 0 15px 5px;
    }
    
    /* print, back */
    #divLinkContainer { 
        float: right; 
        width: 150px; 
        text-align: right; 
    }
	
	/* contact box structure */
	.divContactLeft {
	    width: 40px; 
	    float: left; 
	    text-align: right; 
	    padding-bottom: 5px;     
	}
	.divContactRight {
	    width: 120px; 
	    padding: 2px 0 5px 5px;  
	    float: left;
	}
	
	/*  gallery classes */ 
	#galleryOverview{
	    width: 510px;    
	}	
	.imageGalleryTable, .imageGalleryThumb {
	    width: 160px; 
	    height: 125px;
	}
	.imageGalleryThumb {
	    float: left; 
	    background-image: url(/images/main/bg_gallery.gif); 
		background-color: #eee; 
	}  
	.imageGalleryTd {
	    text-align: center; 
	    vertical-align: middle; 
	    padding: 0px;
	}
	.imageGalleryZoomContainer {
	    display: none; 
	    /* background-repeat: no-repeat; 
	    background-image: url(/images/main/galerie_header.gif); */
	}
	.imageGalleryZoomHeaderTable {
	    margin: 0px; 
	    /* width: 502px;  */
	    height: 18px;
	}
	/* image link classes */
	.imageLinkMainContainerLeft, .imageLinkMainContainerRight {
	    width: 174px; 
	    height: 174px;
	    float: left;
	    margin-bottom: 12px;
	    background-image: url(/images/main/quadrat_images.gif);    	  
	}
	.imageLinkMainContainerLeft {
	    margin-right: 12px;    
	}
	.imageLinkMainContainerRight {
        margin-right: 0;
	}
	.imageLinkTextContainer {
	    height: 23px;
	    text-align: center;  
	    padding-top: 11px;  
	}
	.imageLinkImage {
	    margin-left: 12px;
	}
	.imageWithBackground {
        
	}
	
	/* misc definitions */
	.imageContainerLeft {
	    float: left;    
	    padding: 0px 10px 0px 0px;
	    margin-right: 5px;
	}
	.imageContainerRight {
	    float: right;    
	    padding: 0px 10px 0px 10px;
	}
	.imageDescriptionContainer {
	    padding: 2px 0px 5px 0px; 
	    margin-left: 5px;   
	}
	.leftHalfContainer {
	    width: 50%;
		padding-right: 5px;
		float: left;
		margin-bottom: 10px;
		background-color: Aqua;
	}
	.rightHalfContainer {
	    /* no width, uses rest */
		padding-left: 5px;
		/* float: left; */
		margin-bottom: 10px;
		background-color: Lime;
	}