/* 
    Hier nur die Layouts formatieren (wird für Front- und Backend verwendet)
*/

.clear {
    clear:both;
}


/* 
   Layout: 3spaltig.tpl
*/

#layout_3spaltig {

}

    #layout_3spaltig #block-1 {
        float: left;
        width: 193px;
    }

    #layout_3spaltig #block-2 {
        margin-left: 202px;
        margin-right: 244px;
    }

    #layout_3spaltig #block-3 {
        width: 235px;
        float: right;
    }
    
/* 
   Layout: 3spaltig.tpl als div
*/    
#div3spaltig {
    
}

    #div3spaltig #block-1 {
        float: left;
        width: 193px;
        margin: 0px 9px 20px 0px;
    }
    
    #div3spaltig #block-2 {
        float: left;
        width: 508px;
        margin: 0px 9px 20px 0px;
    }

    #div3spaltig #block-3 {
        float: left;
        width: 235px;
        margin: 0px 0px 20px 0px;
    }    

/*
   Layout: 3spaltig_produktnavigation.tpl
*/

#layout_3spaltig_produktnavigation {

}

    #layout_3spaltig_produktnavigation #left_wrapper {
        width: 193px;
        float: left;
        margin-right: 8px;
    }

        #layout_3spaltig_produktnavigation #block-1 {
        }

    #layout_3spaltig_produktnavigation #right_wrapper {
        width: 753px;
        float: left;
    }

        #layout_3spaltig_produktnavigation #block-2 {
            float: left;
            width: 510px;
            margin-right: 8px;
        }

        #layout_3spaltig_produktnavigation #block-3 {
            float: right;
            width: 235px
        }

        #layout_3spaltig_produktnavigation #block-4 {
            width: 217px;
        }

        #layout_3spaltig_produktnavigation #block-5 {
            width: 293px;
            padding: 15px;
        }


/*
   Layout: 4spaltig.tpl
*/
#layout_4spaltig {

}

    #layout_4spaltig td.blue-border {
        border: 1px solid #003580;
    }

    #layout_4spaltig td.blue-background {
        background-color: #cadff2;
    }

/*
   Layout: 4spaltig.tpl div
*/
#div4spaltig {
    
}

    #div4spaltig #oben {
        height: 245px;
        margin-bottom: 8px;
    }
        
        #div4spaltig #oben #menu {
            float: left;
            width: 193px;
            height: 243px;
            margin-right: 8px;
            border: 1px solid #003580;
        }
        
        #div4spaltig #oben #block-1 {
            float: left;
            width: 245px;
            height: 245px;
            margin-right: 8px;
        }        

        #div4spaltig #oben #block-2 {
            float: left;
            width: 245px;
            height: 245px;
            margin-right: 8px;
        }
        
        #div4spaltig #oben #block-3 {
            float: left;
            width: 245px;
            height: 245px;
        }
        
    #div4spaltig #unten {
        height: 170px;
        margin-bottom: 8px;
    }
    
        #div4spaltig #unten #block-4 {
            float: left;
            width: 193px;
            height: 168px;
            margin-right: 8px;
            border: 1px solid #003580;
        }        

        #div4spaltig #unten #block-5 {
            float: left;
            width: 245px;
            height: 100%;
            margin-right: 8px;
            background-color: #cadff2;
        }
        
        #div4spaltig #unten #block-6 {
            float: left;
            width: 245px;
            height: 100%;
            margin-right: 8px;
            background-color: #cadff2;
        }
        
        #div4spaltig #unten #block-7 {
            float: left;
            width: 245px;
            height: 100%;
            background-color: #cadff2;
        }        
/*
   Layout: 3spaltig_2zeilig.tpl
*/
#layout_3spaltig_2zeilig {

}

    #layout_3spaltig_2zeilig td.blue-border {
        border: 1px solid #003580;
    }

    #layout_3spaltig_2zeilig td.blue-background {
        background-color: #cadff2;
    }

    #layout_3spaltig_2zeilig td.darkblue-background {
        background-color: #96c0e6;
    }

    
/* 
   Layout: homepage.tpl
*/
#layout_homepage {

}

    #layout_homepage_oben {
        height: 245px;
    }

        #layout_homepage_oben_wrapper {
            width: 192px;
            height: 245px;
            margin-right: 9px;
        }


        #layout_homepage #block-1 {
            width: 190px;
            height: 118px;
            margin: 0 0 8px 0;
        }

        #layout_homepage #block-2 {
            width: 190px;
            height: 115px;
        }
        
        #layout_homepage #block-2 .box-blue-border{
            padding: 7px 15px;
        }        

        #layout_homepage #block-3 {
            float: right;
            width: 753px;
            height: 245px;
        }

    #layout_homepage_unten {
        height: 180px;
        margin-top: 9px;
    }

         #layout_homepage #block-4 {
            width: 304px;
            height: 180px;
            float: left;
        }

        #layout_homepage #block-5 {
            width: 380px;
            height: 180px;
            float: left;
        }

        #layout_homepage #block-6 {
            width: 270px;
            height: 180px;
            float: left;
        }