/*
---------------------------------------------------------------
Style Sheet

Site:       Rondo - im zeichen der qualität www.rondo-ganahl.com
Author:     Michael E. Trawetzky - MASSIVE ART www.massiveart.com
Version:    1.5 / 2009-05-04
--------------------------------------------------------------- */

    /* basic layout structure, content */
    #divLeftCol {
	    float: left;
	    width: 200px;
	    /* min-height: 300px; */
	    padding-top: 15px;
	}
	#divRightCol {
	    float: left;
	    width: 525px;
	    min-height: 300px;
	    padding-top: 19px;
	   /*  border: 1px solid green; */
	}
	#divMovieContactCol {
	    float: left;
	    width: 215px;
	    min-height: 300px;
	    padding: 13px 0 0 20px;    
	}
    .divNavigation {
	    padding-bottom: 20px;  
	}
	.divSubNavigationSubItem {
	    float: left;
	    width: 150px;
	    padding: 0px 0px 0px 5px;
	    /* border-bottom: 1px solid #CCCCCC; */
	}
	.divSubNavigationSubLink {
        padding-left: 10px;
	}
	.divStartContentTop {
	    width: 960px;
	    height: 180px;    
	}
	.divStartContentTopLeft {
	    float:left;
	    width: 510px;       
	}
	.divStartContentTopRight {
	    float:left;
	    width: 450px;
	    padding-top: 30px;        
	}
	.divStartContentBottom {
	    width: 740px;
	    margin: 30px auto 0px auto;    
	}
	.divStartContentBottomSub {
	    width: 720px;
	    margin-left: 20px;    
	}
	.divStartContentBottomBox {
	    float:left;
	    width: 220px; /* 220px - padding*/
	    margin: 0px 20px 20px 0px;     
	}
	.divStartContentBottomBoxImage {
	    width: 220px;
	    height: 120px;
	    background-color: #ecebeb;
	}
	.imgStartContentBottomBoxImage {
	    width: 210px;
	    height: 110px;
	    margin: 5px 0px 0px 5px;    
	}
    /* basic layout structure, content end */
    
    /* submenu def. beginn */
    ul.submenu {
        /* list-style:none; */
        list-style-position:outside;
        padding:0 0 0 20px;
    }
    ul.submenu li {
        padding:0;
    }    
    li .divSubNavDisc {
        /* background: url(../images/navigation/disc.gif) no-repeat 0 0; */
        /* background: url(/images/navigation/square.gif) no-repeat 0 0; */
        background: url(/images/navigation/arrow.gif) no-repeat 0 0;
        float: left;
        margin: 11px 0 0 0;
        width: 5px;
        height: 6px;
    }
    li .divSubNavDiscActive {
        /* background: url(../images/navigation/disc.gif) no-repeat 0 0; */
        /* background: url(/images/navigation/square.gif) no-repeat 0 0; */
        background: url(/images/navigation/arrow.gif) no-repeat 0 0;
        float: left;
        margin: 11px 0 0 0;
        width: 5px;
        height: 6px;
    }
    li .divSubNavTitle,
    li .divSubNavTitleSub {
        /* background: url(../images/navigation/line_dotted.gif) repeat-x 0 100%; */
        background: none;
        float: left;
        padding: 5px 0 5px 5px;
        width: 146px;
    }
    li .divSubNavTitleSub {
        background: none;
        padding: 0 0 0 5px;
        width: 126px;
    }
    .divNavigation ul li {
        padding: 0 0 0 5px;
        width: 170px;    
    }
    .divNavigation ul li.selected {
        background-color: #e5e5e5;
        padding: 0 0 0 5px;    
        width: 170px;
    }
    .divNavigation ul li:hover {
        background-color: #e5e5e5;
        color: #000000 !important; 
        font-weight: bold;
        padding: 0 0 0 5px;    
        width: 170px;
    }
    .divNavigation ul li ul li.selected {
        background-color: Transparent;
        padding: 0 0 0 5px;    
        width: 170px;
    }    
    .divNavigation ul li:hover ul li,
    .divNavigation ul li ul li:hover{
        background-color: Transparent;
        padding: 0 0 0 5px;    
        width: 170px;
    }
    .divNavigation ul li a.subnavigSubMain,
    .divNavigation ul li a.subnavigSubMain:visited,
    .divNavigation ul li a.subnavigSubMain:active {
        font-size: 12px; 
        line-height: 18px; 
        color: #FD0100 !important; 
        font-weight: bold; 
        text-decoration: none;
    }
    .divNavigation ul li a.subnavigSubMain:hover {
        font-size: 12px; 
        line-height: 18px; 
        color: #000000 !important; 
        font-weight: bold; 
        text-decoration: underline;
    }
    .divNavigation ul li a.subnavigSubMainActive,
    .divNavigation ul li a.subnavigSubMainActive:visited,
    .divNavigation ul li a.subnavigSubMainActive:active {
        font-size: 12px; 
        line-height: 18px; 
        color: #000000 !important; 
        font-weight: bold; 
        text-decoration: none;
    }
    .divNavigation ul li a.subnavigSubMainActive:hover {
        font-size: 12px; 
        line-height: 18px; 
        color: #000000 !important; 
        font-weight: bold; 
        text-decoration: underline;
    }    
	.divNavigation ul li ul li a.subnavigSubMainActive,
    .divNavigation ul li ul li a.subnavigSubMainActive:visited,
    .divNavigation ul li ul li a.subnavigSubMainActive:active {
        font-size: 12px; 
        line-height: 18px; 
        color: #000000 !important; 
        font-weight: bold; 
        text-decoration: none;
    }
    .divNavigation ul li ul li a.subnavigSubMainActive:hover {
        font-size: 12px; 
        line-height: 18px; 
        color: #000000 !important; 
        font-weight: bold; 
        text-decoration: underline;
    }    
    .divNavigation .imgSubNaviLine {
        margin: 2px 0 2px 0;    
    }
    /* submenu def. end */
    
    /***** @start ROUND CORNERS *****/
    /* box with round corners, color in portal_[portal].css */
    .divBottomLeft { background: url(/images/corners/corner_lo_le.gif) 0 100% no-repeat; width: 155px; }
    .divBottomRight { background: url(/images/corners/corner_lo_ri.gif) 100% 100% no-repeat }
    .divTopLeft { background: url(/images/corners/corner_up_le.gif) 0 0 no-repeat }
    .divTopRight { background: url(/images/corners/corner_up_ri.gif) 100% 0 no-repeat; padding: 10px 10px 10px 0 }    
    /* box with round corner and border (contact) */
    .divBrdTop {background: url(/images/corners/pixel_c8.gif) 0 0 repeat-x; background-color: #eee; width: 155px; }
    .divBrdBottom {background: url(/images/corners/pixel_c8.gif) 0 100% repeat-x}
    .divBrdLeft {background: url(/images/corners/pixel_c8.gif) 0 0 repeat-y}
    .divBrdRight {background: url(/images/corners/pixel_c8.gif) 100% 0 repeat-y}
    .divBrdBottomLe {background: url(/images/corners/cornerline_lo_le.gif) 0 100% no-repeat}
    .divBrdBottomRi {background: url(/images/corners/cornerline_lo_ri.gif) 100% 100% no-repeat}
    .divBrdTopLe {background: url(/images/corners/cornerline_up_le.gif) 0 0 no-repeat}
    .divBrdTopRi {background: url(/images/corners/cornerline_up_ri.gif) 100% 0 no-repeat; padding: 10px 5px 10px 10px; } 
    .divBrdTopLe p {
        font-size: 10px;
        color: #999;    
    }
    .divBrdTop {
        width: 300px;  /* login container */  
    }
    /***** @end ROUND CORNERS *****/
    
    .imgPhotoLeft {
        margin: 0 5px 0 0;
        /* border color in portal_[portal].css */    
    }
    .divContainerLeft {
        float: left;
        width: 225px;      
    }
    .divContainerRight {
        float: right;
        width: 225px;      
    }
    .divProductList {
        margin-bottom: 25px;    
    }
    .divMoreInfo {
        margin:7px 0 0 0;
    }
    .imgBorderGray {
        border: 3px solid #E4E4E4;
    }
    .divImageLeft {
        border:0 none;
        float:left;
        margin:0 10px 0 0;
        padding:0;
    }
    .divContentListLeft {
        float:left;
        width:335px;
        margin:0 11px 30px 0;
    }
    .divContentListRight {
        float:left;
        width:335px;
        padding:0;
        margin:0 0 30px 0;
    }
    
    /* 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: 90px; 
	    padding: 2px 0 5px 5px;  
	    float: left;
	}
	
	/*  gallery classes */ 
	.imageGalleryTable, .imageGalleryThumb {
	    width: 140px; 
	    height: 140px;
	}
	.imageGalleryThumb {
	    float: left; 
	    background-image: url(/images/main/bg_gallery.gif); 
		background-color: #e5e5e5; 
	}  
	.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;
	}
	
	/* misc definitions */
	.imageContainerLeft {
	    float: left;    
	    padding: 0px 10px 0px 0px;
	    margin-right: 5px;
	}
	.imageContainerRight {
	    float: right;    
	    padding: 0px 10px 0px 0px;
	}
	.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;
	}
	.divBack {
	    color: #999 !important;    
	}
	.divBack a,
	.divBack a:hover,
	.divBack a:visited {
	    color: #999 !important;
        font-size: 12px;
        font-weight: bold;
        text-decoration: underline;    
	}