/* Default.css */
html, body { margin: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #555555; }

#header, #top, body#home, body#splash { background: #1b1b1b; }
.content { width: 960px; margin: 0 auto; font-size: 0.813em; }

a { text-decoration: none; color: #b60062; border-bottom: 1px dotted #b60062; }
a:hover { border-bottom: 1px solid #b60062; }

h4 { line-height: 1.1em; }

hr { color: #D0D0D0; background-color: #D0D0D0; height: 1px; border: none; margin-bottom: 15px; }
p { margin: 0 0 1em;}

#jquery-lightbox a { border: none; }
/* Header */
#header { padding: 20px 0; }
    #header h1 { padding: 0; margin: 5px 0 0; float: left; }
        #header h1 a { display: block; height: 56px; width: 198px; position: relative; overflow: hidden; border: none; }
            #header h1 a span { background: transparent url(../img/miraverde-big.png) no-repeat; display: block; height: 56px; position: absolute; width: 198px; left: 0; top: 0; }
    
    #header #menu1sub1sub1, #header #menu1sub2sub1 { margin: 20px 0 0 28px; float: left; }
        #header #menu1sub1sub1 li, #header #menu1sub2sub1 li { list-style: none; float: left; height: 14px; }
            #header #menu1sub1sub1 li a, #header #menu1sub2sub1 li a { float: left; display: block; height: 14px; background: transparent url(../img/nav.png) no-repeat; text-indent: -9999px; overflow: hidden; }
            
            #header #menu1sub1sub1 li#ons_aanbod a, #header #menu1sub2sub1 li#ons_aanbod a { width: 88px; background-position: 0 0; }
            #header #menu1sub1sub1 li#dominio_mira_verde a { width: 135px; background-position: -108px 0; }
            #header #menu1sub1sub1 li#paola_lenti_flagship_store_belgium a { width: 175px; background-position: -264px 0; }
            #header #menu1sub1sub1 li#agendanieuws a { width: 112px; background-position: -458px 0; }
            #header #menu1sub1sub1 li#contact a, #header #menu1sub2sub1 li#contact a { width: 59px; background-position: -590px 0; }
            
            #header #menu1sub1sub1 li#ons_aanbod a.selected, 
            #header #menu1sub1sub1 li#ons_aanbod a:hover,
            #header #menu1sub2sub1 li#ons_aanbod a.selected, 
            #header #menu1sub2sub1 li#ons_aanbod a:hover { background-position: 0 -14px; }
            #header #menu1sub1sub1 li#dominio_mira_verde a.selected, 
            #header #menu1sub1sub1 li#dominio_mira_verde a:hover { background-position: -108px -14px; }
            #header #menu1sub1sub1 li#paola_lenti_flagship_store_belgium a.selected, 
            #header #menu1sub1sub1 li#paola_lenti_flagship_store_belgium a:hover { background-position: -264px -14px; }
            #header #menu1sub1sub1 li#agendanieuws a.selected, 
            #header #menu1sub1sub1 li#agendanieuws a:hover { background-position: -458px -14px; }
            #header #menu1sub1sub1 li#contact a.selected, 
            #header #menu1sub1sub1 li#contact a:hover,
            #header #menu1sub2sub1 li#contact a.selected, 
            #header #menu1sub2sub1 li#contact a:hover { background-position: -590px -14px; }
            
        #header #menu1sub1sub1 li.seperator, #header #menu1sub2sub1 li.seperator { background: transparent url(../img/nav.png) no-repeat -94px 0; width: 7px; text-indent: -9999px; margin: 0 6px; }
            
    #header .logoRight { float: right; }
    #header a { border: none; }
/* Top */   
#home #top { margin-top: 5px; }
    #top #menu1sub1sub2, #top #menu1sub2sub2 { margin: 0; }
        #top #menu1sub1sub2 li, #top #menu1sub2sub2 li { list-style: none; float: left; }
            #home #top #menu1sub1sub2 li a, #home #top #menu1sub2sub2 li a { display: block; float: left; text-indent: -9999px; overflow: hidden; width: 231px; height: 263px; margin-right: 10px; }
            #home #top #menu1sub1sub2 li.last a, #home #top #menu1sub2sub2 li.last a { margin-right: 0; }
            
            #home #top #menu1sub1sub2 li#buitenmeubilair a { background: transparent url(../img/buitenmeubilair.png); }
            #home #top #menu1sub1sub2 li#terrasaccessoires a { background: transparent url(../img/terrasaccessoires.png); }
            #home #top #menu1sub1sub2 li#terrasinrichting a { background: transparent url(../img/terrasinrichting.png); }
            #home #top #menu1sub1sub2 li#projectportfolio a { background: transparent url(../img/projectportfolio.png); }            
            
            #inside #top #menu1sub1sub2 li a, #inside #top #menu1sub2sub2 li a { display: block; float: left; text-indent: -9999px; overflow: hidden; height: 15px; background: transparent url(../img/subnav.png) no-repeat;
                margin: 10px 15px; }
            
            #inside #top #menu1sub1sub2 li#buitenmeubilair a { width: 151px; background-position: 0 0; }
            #inside #top #menu1sub1sub2 li#terrasaccessoires a { width: 181px; background-position: -230px 0; }
            #inside #top #menu1sub1sub2 li#terrasinrichting a { width: 167px; background-position: -458px 0; }
            #inside #top #menu1sub1sub2 li#projectportfolio a { width: 172px; background-position: -670px 0; }
            
            #inside #top #menu1sub1sub2 li#buitenmeubilair a.selected,
            #inside #top #menu1sub1sub2 li#buitenmeubilair a:hover { background-position: 0 -15px; }
            #inside #top #menu1sub1sub2 li#terrasaccessoires a.selected,
            #inside #top #menu1sub1sub2 li#terrasaccessoires a:hover { background-position: -230px -15px; }
            #inside #top #menu1sub1sub2 li#terrasinrichting a.selected,
            #inside #top #menu1sub1sub2 li#terrasinrichting a:hover { background-position: -458px -15px; }
            #inside #top #menu1sub1sub2 li#projectportfolio a.selected,
            #inside #top #menu1sub1sub2 li#projectportfolio a:hover { background-position: -670px -15px; }
            
        #top #menu1sub1sub2 li.seperator, #top #menu1sub2sub2 li.seperator { display: none; }
        #top a { border: none; }
/* Container */
#container { margin: 25px 0 0;}
    #container #content-left { width: 600px; border-right: 1px solid #d0d0d0; float: left; margin-right: 20px; }
    #container #content-right { width: 330px; float: left; }
    
    #container .album { padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #D0D0D0; }
    #container .content .last { border: none; }
    
        #container .album .text { width: 410px; margin-right: 20px; float: left; }
        #container .album .images { width: 520px; padding-top: 16px; float: left; }
            #container .images .image_thumb_big { margin-right: 10px; }
            #container .images .image_thumb { margin: 0 10px 10px 0; height: 75px; width: 75px; }
                #container .image a { border: none; }
                    
    div#joppaWarningMessages, div#joppaInformationMessages, div#joppaErrorMessages { width: 500px; margin: 20px auto 10px; clear: both; padding: 15px; }
    div#joppaInformationMessages { border: 1px solid #5ea17f; background: #feffdc url(../images/backgroundMessages.png) no-repeat; color: #188a51; }
    
    div#joppaWarningMessages, div#joppaErrorMessages { border: 1px solid #f49e90; background: #feffdc url(../images/backgroundMessages.png) no-repeat; color: #f45a40; }
    
    div.googleMap{ height: 400px; width: 590px; border: 1px solid #888; clear: both; margin-bottom: 15px; }
    
    .pers span { color: #999; }

    #container #content-splash { margin: 50px auto 0 auto; width: 950px; }  
        #splashChoice li { width: 49%; float: left; list-style: none; }
        #splashMiraVerde { border-right: 1px solid #3d3d3d; }
            #splashChoice li a { display: block; border: 0; height: 404px; background-repeat: no-repeat; background-position: center; width: 252px; margin: 0 auto; }
            #splashMiraVerde a { background-image: url(../img/splash-mira.png); border-right: 1px solid #4a4a4a; }
            #splashPaolaLenti a { background-image: url(../img/splash-paola.png); }
                #splashChoice li a span { display: none; }

            #splashChoice ul { margin-top: 12px;}
                #splashChoice ul li { width: 100%; float: none; text-align: center; margin: 7px 0; }
                    #splashChoice ul li a { display: block; background-repeat: no-repeat; background-position: center center; height: 16px; margin: 15px auto; text-indent: -9999px;}
                    #splashChoice ul li #splashBuitenmeubilair { background: url(../img/splash-buitenmeubilair.png); width: 135px;}
                    #splashChoice ul li #splashInOutDesign { background: url(../img/splash-inout_design.png); width: 127px;}
                    #splashChoice ul li #splashBuitenverlichting { background: url(../img/splash-inout_projects.png); width: 148px; height: 14px;}
                    #splashChoice ul li #splashInOutObjects { background: url(../img/splash-inout_objects.png); width: 147px;}
                    #splashChoice ul li #splashBuitenmeubilair { background: url(../img/splash-buitenmeubilair.png); width: 135px;}
                    #splashChoice ul li #splashWintercollection { background: url(../img/splash-wintercollection.png); width: 249px; height: 122px; margin-top: 2em; }
                    #splashChoice ul li #splashHomeCollection { background: url(../img/splash-home_collection.png); width: 149px;}
                    #splashChoice ul li #splashAquaCollection { background: url(../img/splash-aqua_collection.png); width: 150px;}
                    #splashChoice ul li #splashJoyCollection { background: url(../img/splash-joy_collection.png); width: 130px;}

/* Footer */
#footer { background: transparent url(../img/blokjes.png) no-repeat 0 14px; border-top: 1px solid #494949; text-align: right; padding: 20px 0 10px; margin: 15px auto; color: #8d8d8d; 
    font-size: 0.75em; }
    #footer a { color: #8d8d8d; border-bottom: 1px dotted #8d8d8d; }
    #footer a:hover { border-bottom: 1px solid #8d8d8d; }