/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
body{_text-align:center;}/* IE5.5 */
.content{overflow:hidden; _overflow:visible; _zoom:1;}
.page{margin: 0 auto; width: 950px; _text-align:left;} /* wraps other template elems to set width */ /* text-align IE5.5 */
/*"liquid" extends page to allow for different page widths */
.gs960{width:958px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; overflow: hidden;}
.liquid{extends:.page; width: auto;margin:0;}
/* ====== Columns ====== */
.main{overflow: hidden;_overflow:visible;_zoom:1;}
.leftCol{float:left; width:250px;_margin-right:-3px;}
.rightCol{float:right; width: 300px;_margin-left:-3px;}

.itemTemplate .leftCol{width:110px;}
.itemTemplate .rightCol{ width: 110px;}


/* ====== =header ====== */
.header {padding: 10px 10px 0 10px;  position: relative;/*zie lt-ie8.css voor IE6 hack*/}
#SearchBox{float: right; display: block; overflow: auto; margin-bottom: 10px;}

/* ====== =main ====== */

/*h1, h2 {margin-left: 20%; margin-right: 20%; }*/

/*#content{padding-top: 10px;}*/
/* ====== pager ====== */

.PagerDiv {
padding-bottom:20px;
width:100%;
clear: both;
overflow: hidden;
}
.PagerUl
{
    list-style-type: none;
    margin: 0 auto;
    }

.PagerUl li {

-moz-background-origin:padding;
-moz-border-radius:2px;
background:#F1F5FA none repeat scroll 0 0;
border:1px solid #B5C5D8;
float:left;
margin:10px 2px;
}
.PagerUl li.PagerLiSelected {

-moz-border-radius:2px;
background:#fff;
border-color:#fff;
color:#20202C;
font-weight:700;
}
.PagerUl li a {
display:block;
padding:2px 3px;
text-decoration: none;
}
.PagerUl li.PagerLiSelected a:hover {
text-decoration:none;
}


/*Wrap to center - centreren van images, zowel horizontaal als verticaal http://www.brunildo.org/test/img_center.html*/
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;        
}
.wraptocenter img {
    vertical-align: middle;
}

/*Voor IE6 - extra <i>-tag toevoegen! Waarom i? Omdat t korter is, daarom! */

/*\*//*/
.wraptocenter {
    display: block;
}

.wraptocenter i {
    display: inline-block;
    height: 100%;
    width: 1px;
}
/**/

/*en dan nog een stuk voor alles onder IE8! --> zie lt-ie8.css*/

/* ====== navigatie --> Breadcrumbs ====== */ 
#breadcrumb
{

    clear: left;
    float:left;
    padding-bottom: 10px;
    overflow: hidden;
    }
    #breadcrumb ol
    {
        width: 100%;
        }
        #breadcrumb li
        {
            width: auto;
            float: left;
            list-style: none outside;
            padding-right: 15px;
            margin-right: 5px;
            background: transparent url(../img/icon-pijl.png) no-repeat right center;
            }

 #breadcrumb li:last-child,  #breadcrumb li.last
 {
    padding-right: 0;
    margin-right: 0;  
    background: none;
     }  
    
/*=Navigatie*/
                        
#navigatie
{   
    margin: 0 0 10px -1px;
    float: left;
    display: block;

   
    list-style-type: none;
    overflow: hidden;

    height:50px;
    width: 600px;
    
    padding: 0;
    background: transparent url(../img/buttons-navbar.png) no-repeat 0 -150px;
}

    #navigatie li
    {
        float: left;
        display: block;
        width: 120px;
        height: 50px;
    }
        #navigatie li a
        {

            text-indent: -9000px;          
            text-decoration: none;
            
            width: 120px;
            height: 50px;
            
            display: block;
            background: transparent url(../img/buttons-navbar.png) no-repeat 0 0;         
        }


        #navigatie li#vorige a
        {
            background-position: -120px 0;
            }
            
        #navigatie li#terug a
        {
            background-position: -240px 0;
            }
            
        #navigatie li#volgende a
        {
            background-position: -360px 0;
            } 
            
         #navigatie li#laatste a
        {
            background-position: -480px 0;
            }    
            
            #navigatie li a:hover
            {
                position: relative;
                overflow: visible;
                height: 50px;

                background-position: 0 -50px;
            }
            #navigatie li a:active, #navigatie li a:focus
            {
                outline: none;
            }
            #navigatie li#vorige a:hover
            {
                background-position: -120px -50px;
            }

            #navigatie li#terug a:hover
            {
                background-position: -240px -50px;
            }
            #navigatie li#volgende a:hover
            {
                background-position: -360px -50px;
            }
            #navigatie li#laatste a:hover
            {
                background-position: -480px -50px;
            } 
            
                #navigatie li a:focus, #navigatie li a:active, #navigatie li a.active
                {
                    background-position: 0 -100px;
                    }
            #navigatie li#vorige a:active, #navigatie li#vorige a.active
                {
                    background-position: -120px -100px;
                    }
            #navigatie li#terug a:active, #navigatie li#terug a.active
                {
                    background-position: -240px -100px;
                    }
            #navigatie li#volgende a:active, #navigatie li#volgende a.active
                {
                    background-position: -360px -100px;
                    }
            #navigatie li#laatste a:active, #navigatie li#laatste a.active
                {
                    background-position: -480px -100px;
                    }



                        #navigatie li a:hover span
                        {
                            position: absolute;
                            top: -30px;
                            left: 0;
                            right: 0;
                            text-align: center;
                            text-decoration: none !important;
                            border: none;
            
                        }                      
             

.socialHeader
{
    float: right;
    clear: right;
    }
   
    .socialHeader ul 
    {
        width: 195px;
        height: 40px;
        }
    
        .socialHeader ul li
        {
            background: transparent url(../img/buttons-bookmark.png) no-repeat 0 0;
            width: 40px;
            height: 40px;
            float: left;
            text-indent: -9000px;
            list-style-type:none;
        }

        .socialHeader ul li.digg
        {
            background-position: -40px 0;
        }
        .socialHeader ul li.delicious
        {
            background-position: -80px 0;
        }
        .socialHeader ul li.stumbleupon
        {
            background-position: -120px 0;
        }

        .socialHeader ul li.twitter
        {
            background-position: -160px 0;
        }        
        .socialHeader ul li.mail        
        {
            display: none;
        }
        .socialHeader ul li.facebook        
        {
            width: 35px;
        }
        .socialHeader ul li:hover
        {
            background-position: 0 -40px;
        }
        .socialHeader ul li.digg:hover
        {
            background-position: -40px -40px;
        }
        .socialHeader ul li.delicious:hover
        {
            background-position: -80px -40px;
        }
        .socialHeader ul li.stumbleupon:hover
        {
            background-position: -120px -40px;
        }

        .socialHeader ul li.twitter:hover
        {
            background-position: -160px -40px;
        }

            .socialHeader ul li a
            {
                display: block;
                width: 40px;
                height: 40px;
             text-indent: -9000px;
            }
            .socialHeader ul li.twitter a
            {
                width: 35px;
                }
                
  

.socialContent
{
    float: right;
    background: transparent url(../img/buttons-navbar.png) no-repeat 0 -150px;
    width: 359px;
    height:50px;
    margin: 0;
    }   
        .socialContent ul
        {
         height:50px;
         width: 358px;
         overflow: hidden;
            }
            .socialContent ul li 
            {
                background: none;   
                height:50px;
                width: 120px;
                text-indent: -9000px;
                list-style-type:none;
                float: left;
                }
           .socialContent ul li.facebook
           {
               width: 118px;
               }   
                
           .socialContent ul li.delicious,
           .socialContent ul li.stumbleupon,
           .socialContent ul li.digg
           {
               display: none;
               }
      
           
                .socialContent ul li a
                {
                background:  transparent url(../img/buttons-navbar.png) no-repeat 0 0;  
                height:50px;
                width: 120px;
                display: block;
                }
                
                .socialContent ul li.twitter a
                {
                background-position: -600px 0;  

                }
                    .socialContent ul li.twitter a:hover
                    {
                         background-position: -600px -50px!important; 
                        
                        }
                    .socialContent ul li.twitter a:active
                     {
                        background-position: -600px -100px!important;  
                         }
                        
                .socialContent ul li.mail a
                {
                background-position: -720px 0;  

                }
                    .socialContent ul li.mail a:hover
                    {
                         background-position: -720px -50px!important; 
                        
                        }
                    .socialContent ul li.mail a:active
                     {
                        background-position: -720px -100px!important;  
                         }
                         
                         /*Overschrijven styling AddThis-control*/
                         .socialContent ul li.mail .at300bs
                         {
                             display: none;
                             }
                         #at16pm #at_email #at16p .atbtn
                         {
                             width: 80px !important;
                             }
                             
                .socialContent ul li.facebook a
                {
                background-position: -840px 0;  

                }
                    .socialContent ul li.facebook a:hover
                    {
                         background-position: -840px -50px; 

                        }       
                
                    .socialContent ul li.facebook a:active
                    {
                         background-position: -840px -100px; 
                        }   
                        
#overzichtLink   
{
    clear: right;
    float: right;
    margin-bottom: 5px;
    width: 120px;
    text-align: right;
    }       
                 
#albumDescription{margin-left:10px; margin-top: 10px;}

.PagerUl
{
    margin-left:10px;
    overflow: auto;
    }
    
    

.main .line{margin-left: 7px;}

    .main #mediaTemplateDefault .line,
    .main #mediaTemplateLarge .line,
    .main .line .line{margin-left: 0;} 

#mediaTemplateDefault h2
{
    margin: 0 0 0 10px;
    }
    
#mediaTemplateLarge .mediaDescription
{
    clear: both;
    padding: 5px 10px 10px 10px;
    margin: 0;
    }
    
#albumTitle
{
    float: left;
    clear: none;
    width: 530px;
    margin-right: 10px;
    text-align: center;
    }
    


/* =footer */
.footer{background: #eee; padding: 20px 0; clear: both}
    .footer #copyright{text-align:center;}
    .footer #disclaimer{font-size: 10px; margin: 10px;}  
/*=overzicht online albums*/

/*#onlineAlbums .size1of2
{
    height: 170px;
    margin-bottom: 20px;
    overflow: hidden;
    }*/
  
     
    #onlineAlbums .size1of2 img,
    #onlineAlbums .size1of2 p
    {
        margin-bottom: 20px;
        
        }

/*---------Ads---------*/
#advertskin_banmanpro
{
    width: 960px;
    }
    
    #advertskin_banmanpro img,
    #advertskin_banmanpro object
    {
        margin: 10px auto;
        }

/*---------sell photos---------*/      
/*div#centralPhoto img OM TE TESTEN!! VERWIJDEREN!
    {
    width: 500px;
    height: 500px;
    }*/
    
/*knop op centrale foto*/
div#centralPhoto
{
    position: relative;
    display: inline-block;
    }
    
    div#centralPhoto a
    {
        position: absolute;
        top: 0; 
        right: 0; 
        display: block; 
        height: 100%; 
        width: 100%;
        
        }
        

        
        div#centralPhoto a span
        {
            display: block;
            text-indent: -9000px;
            position: absolute;
            top: 0;
            right: 5px;         
            background: transparent url(../img/btn-rood-klein-2.png) no-repeat 0 10px;
            height: 100px;
            width: 97%;
            }
            
        div#centralPhoto a:hover span
        {
          background-position: 0 9px;
            }
            
                   
 
            div#centralPhoto a span.rood-klein-sms
            {
background-image: url(../img/btn-rood-klein-sms.png);
                }
            div#centralPhoto a span.rood-klein-2eur
            {
background-image: url(../img/btn-rood-klein-2eur.png);
                }
            div#centralPhoto a span.rood-groot-sms
            {
background-image: url(../img/btn-rood-groot-sms.png);
                } 
            div#centralPhoto a span.rood-groot-2eur
            {
background-image: url(../img/btn-rood-groot-2eur.png);
                } 
                
.main div.blauweRand
{
    padding: 60px 5px 0 !important;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #c4e0f7;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.4);
    }  
    
.main div.blauweRand a img
{
    
    -moz-box-shadow: 0;
    border: 0;
    }   
             div#centralPhoto a span.amaz
            {
background-image: url(../img/btn-koop-foto-amaz.png);
background-color: transparent;
                }          
   
                
/*wrapper achterliggende pagina's*/            
div#sellMediaPage
{
    margin: 10px;
}

/* download-button, gebaseerd op button mediasite */
.btn
{
    text-align: center;
    }
.btn a
{
-moz-border-radius:3px 3px 3px 3px;
background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAZBAMAAAACvllMAAAAA3NCSVQICAjb4U/gAAAAJ1BMVEX///////////////////////////////////////////////////9Ruv0SAAAADXRSTlMAESIzRFVmd4iZqrvMR+pJ2gAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNS8yMi8wOeXw64gAAAAYdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3Jrc0+zH04AAAAqSURBVAiZYzjAcIBhAxAuAMIJQNgAhAVAmACEAQwOQGgAhApAKACEQAAAQdEJcWsM2UYAAAAASUVORK5CYII%3D") repeat-x scroll 0 -10px #D5E5F5;
border:1px solid #006688;
color:#006688;
cursor:pointer;
height:50px;
padding:0 5px;
text-shadow: 1px 1px 2px #fff;
text-decoration: none;
display: block;
width: 300px;
font-size: 30px;
line-height: 50px;

}
.btn a:hover
{
    background-position: 0 0;
    color: #079;
}