html, body 
{
	font-family: Arial, Verdana, Tahoma;
	color: #3a3a3a;
    font-size: 11px;
    line-height: 16px;
    height: 100%;
    padding: 0;
    margin: 0;
}

img
{
    border: 0;
}

p
{
    padding: 0;
    margin: 0;
}

a 
{
    text-decoration: none;
	color: #1f2883;
    outline: none;
}

a:hover
{
    color: #3d93d0;
}

.gray, #homeAgenda a, #homeNieuws a, #homeLeden a
{
    color: #3a3a3a;
}

.blue, #homeAgenda a:hover
{
    color: #3d93d0;
}

.green, #homeNieuws a:hover
{
    color: #429697;
}

.purple, #homeLeden a:hover
{
    color: #1f2883;
}
/*main containers*/
#mainContainer
{
    margin: auto;
    width: 900px;
    padding: 0;
}

#container
{
    float: left;
    width: 900px;
    padding: 0;
    margin: 0;
    border: 1px solid #d3d3d3;
}
/*end main containers*/

/*headers*/
#header
{
    float: left;
    width: 900px;
    padding: 0;
    margin: 0;
    background: white url('../images/headerBackground.png') repeat-x;
}

#headerTop
{
    float: left;
    width: 880px;
    height: 48px;
    padding: 20px 10px;
    margin: 0;
}

#topLeft
{
    float: left;
    width: 115px;
    height: 48px;
    padding: 0;
    margin: 0;
}

/*topmenu*/
#topRight
{
    float: left;
    width: 765px;
    height: 48px;
    padding: 0;
    margin: 0;
}

#inlogform
{
    float: right;
    padding: 0;
    margin: 0;
    text-align: right;
}

.input150 {
    width: 120px;
    color: #3a3a3a;
    border: 1px solid #d3d3d3;
    font-size: 11px;
    font-family: Arial, Verdana, Tahoma;
}

.buttonLogin {
    float: right;
    width: 95px;
    height: 30px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    border: 0;
    background: url('../images/buttonLogin.png') no-repeat;
}
/*end topmenu*/

/*menu*/
#headerBottom
{
    float: left;
    width: 900px;
    padding: 0;
    margin: 0;
}

#menu
{
    float: left;
    width: 880px;
    height: 30px;
    padding: 0 0 0 10px;
    margin: 0;
    list-style-type: none;
}

#menu li
{
    float: left;
    width: 100px;
    height: 30px;
    padding: 0;
    margin: 0;
}

#menu li a
{
    background: url('../images/menuButton.png') no-repeat;
    width: 100px;
    height: 13px;
    padding: 8px 0 9px 0;
    margin: 0;
    color: black;
    text-align: center;
    display: block;
    font-size: 13px;
}

#menu li a:hover, #menu li a.active
{
    background: url('../images/menuActive.png') no-repeat;
    color: #3d93d0;
    text-decoration: none;
}
/*end menu*/
/*end header*/

/*window*/
#windowWhite
{
    float: left;
    width: 900px;
    height: 20px;
    background: white;
}

#window
{
    float: left; 
    width: 900px;
    height: 250px;
    padding: 0;
    margin: 0;
}
/*end window*/
/*content*/
#contentContainer
{
    float: left;
    width: 880px;
    padding: 0 10px;
    margin: 0;
    background: white;
}
    /*submenu*/
    #submenuContainer
    {
        float: left;
        width: 880px;
        height: 50px;
        padding: 0;
        margin: 0;
        background: url('../images/submenuBackgroundRep.png') repeat-x;
    }
    
    .submenu
    {
        float: left;
        width: 880px;
        height: 30px;
        padding: 0;
        margin: 20px 0 0 0;
        list-style-type: none;
    }
    
    .submenu li
    {
        float: left;
        width: 187px;
        height: 30px;
        padding: 0;
        margin: 0;
    }
    
    .submenu li a
    {
        background: url('../images/submmenuButton.png') no-repeat;
        width: 187px;
        height: 13px;
        padding: 8px 0 9px 0;
        margin: 0;
        color: black;
        text-align: center;
        display: block;
        font-size: 13px;
        color: #3a3a3a;
    }
    
    .submenu li a:hover, .submenu li a.active
    {
        background: url('../images/submenuActive.png') no-repeat;
        color: #1f2883;
        text-decoration: none;
    }
    /*end submenu*/

#content
{
    float: left;
    width: 858px;
    padding: 10px;
    margin: 0;
    border: 1px solid #d3d3d3;
    border-top: 0;
    background: #efefef url('../images/backgroundRepContent.png') top repeat-x;
}
    /*home*/
    .smallBox
    {
        float: left;
        width: 860px;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    
    .smallBox li
    {
        float: left; 
        width: 258px;
        height: 301px;
        padding: 10px;
        margin: 0;
        background-color: white;
        border: 1px solid #d3d3d3;  
    }
    
    .homeTitle
    {
        float: left;
        width: 258px;
        margin: 0 0 5px 0;
        font-weight: bold;
    }
    
    #homeAgenda ul, #homeNieuws ul , #homeLeden ul
    {
        float: left;
        width: 248px;
        padding: 0 0 0 10px;
        margin: 0 0 10px 0;
        list-style-type: none;
    }
    
    #homeAgenda ul li, #homeNieuws ul li, #homeLeden ul li
    {
        float: left;
        width: 233px;
        height: auto;
        line-height: 16px;
        border: 0;
        padding: 0 0 0 15px;
        margin: 0;
    }
    
    .buttonLidworden
    {
        float: left;
        width: 174px;
        height: 30px;
        padding: 0;
        margin: 15px 0 0 0;
    }

    .blueBullit
    {
        background: url('../images/listImageBlue.png') left top no-repeat;
    }
    
    .greenBullit
    {
        background: url('../images/listImageGreen.png') left top no-repeat;
    }
    
    .purpleBullit
    {
        background: url('../images/listImagePurple.png') left top no-repeat;
    }
    /*end home*/

.largeBox
{
    float: left; 
    width: 816px;
    padding: 20px;
    margin: 0;
    background-color: white;
    border: 1px solid #d3d3d3;  
}

.left
{
    float: left;
}

.right
{
    float: right;
}
    /*default*/
    .contentLeft
    {
        float: left;
        width: 560px;
        padding: 0;
        margin: 0;
        border-right: 1px solid #d3d3d3;
    }
    
    .contentLeft ul
    {
        float: left;
        width: 550px;
        padding: 20px 0 0 10px;
        margin: 0;
        list-style-type: none;
    }
    
    .contentLeft ul li
    {
        float: left;
        width: 550px;
        padding: 0 0 0 15px;
        margin: 0;
        line-height: 16px;
        background: url('../images/listImagePurple.png') left top no-repeat;
    }
    .contentLarge
    {
        float: left;
        width: 510px;
        padding: 20px 40px 0 10px;
        margin: 0;        
    }
    
    .contentRight
    {
        float: left;
        width: 215px;
        padding: 0 20px;
        margin: 0;
    }
    
    .contentSmall
    {
        float: left;
        width: 215px;
        padding: 0;
        margin: 0;        
    }
    
    .contentRight ul
    {
        float: left;
        width: 205px;
        padding: 20px 0 0 10px;
        margin: 0;
        list-style-type: none;
    }
    
    .contentRight ul li
    {
        float: left;
        width: 190px;
        padding: 0 0 0 15px;
        margin: 0;
        line-height: 16px;
        background: url('../images/listImagePurple.png') left top no-repeat;
    }
    
    .contentRight a
    {
        color: #3a3a3a;
        text-decoration: none;   
    }
    
    .contentRight a:hover, .contentRight a.active 
    {
        color: #1f2883;
        text-decoration: none;   
    }
    /*end default*/
    /*smoelenboek*/
    .buttonZoeken
    {
        float: left;
        width: 70px;
        height: 30px;
        padding: 0;
        margin: 0 0 0 10px;
        cursor: pointer;
        border: 0;
        background: url('../images/buttonZoeken.png') no-repeat;
    }
    
    .field258
    {
        width: 258px;
        color: #3a3a3a;
        font-size: 11px;
        border: 1px solid #d3d3d3;
        font-family: Arial, Verdana, Tahoma;
    }
    
    input.error {
        border: 1px solid #1F2883;
    }
    
    .dateDag, .dateMaand, .dateJaar {
        border: 1px solid #d3d3d3;
        color: #3a3a3a;
        font-family: Arial, Verdana, Tahoma;
        font-size: 11px;
    }
    
    .dateDag {
        width: 75px;
        margin-right: 2px;
    }
    
    .dateMaand {
        width: 100px;
        margin-right: 2px;
    }
    
    .dateJaar {
        width: 75px;
    }

    .uploadBox {
        background: none;
        width: 258px;
    }
     
    #smoelenboek
    {
        float: left;
        width: 816px;
        padding: 0;
        margin: 20px 0 0 0;
        list-style-type: none;
    }
    
    #smoelenboek li
    {
        float: left;
        width: 100px;
        height: 230px;
        padding: 0;
        margin: 0 19px 20px 0;
        text-align: center;
    }
    
    .smoelImage
    {
        float: left;
        width: 100px;
        height: 125px;
        padding: 0;
        margin: 0 0 10px 0;
        border: 1px solid #d3d3d3;  
    }
    
    .smoelName, .smoelBusiness
    {
        float: left;
        width: 100px;
        padding: 0;
        margin: 0;    
    }
    
    .lidDetails
    {
        float: left;
        width: 500px;
        padding: 0;
        margin: 0;
    }
    
    .social
    {
        float: left;
        width: 215px;
        padding: 0;
        margin: 20px 0 0 0;
    }
    
    .lidDetails td, .social td
    {
        padding: 2px 0;
        vertical-align: top;
    }
    
    .col1
    {
        width: 130px;
    }
    
    .col2
    {
        width: 250px;
        padding: 0 20px 0 0;
    }
    
    .col3
    {
        width: 100px;
        text-align: right;
    }
    
    .col4
    {
        width: 35px;
    }
    
    .col4 img
    {
        padding: 2px 0;
    }
    /*smoelenboek*/
    /*lid worden*/
    #lidWorden
    {
        float: left;
        padding: 0;
        margin: 40px 0 0 0;
    }
    
    #lidWorden td
    {
        padding: 2px 0;
        vertical-align: top;
    }
    
    .buttonVerzenden
    {
        float: right;
        width: 82px;
        height: 30px;
        padding: 0;
        margin: 0;
        cursor: pointer;
        border: 0;
        background: url('../images/buttonVersturen.png') no-repeat;
    }
    /*end lid worden*/
    /*agenda & nieuws*/
    .listLeft
    {
        float: left;
        width: 255px;
        padding: 0;
        margin: 0;
    }
    
    .listLeft a
    {
        color: #3a3a3a;
    }
    
    .listLeft a:hover, .listLeft a.active
    {
        color: #1f2883;
        text-decoration: none;
    }
    
    .listLeftSmall
    {
        float: left;
        width: 225px;
        padding: 20px 20px 0 10px;
        margin: 0;        
    }
    
    .list {
        float: left;
        width: 225px;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    
    .list li {
        float: left;
        width: 210px;
        padding: 0 0 0 15px;
        margin: 0;
        line-height: 16px;
        color: #3a3a3a;
        background: url('../images/listImagePurple.png') left top no-repeat;
        list-style-type: none;
    }
    
    #jaren
    {
        float: left;
        width: 225px;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    
    #jaren li {
        margin-bottom: 15px;
    }
    
    #jaren li .items
    {
        display: none;
    }
    
    #jaren li ul {
        float: left;
        margin: 5px 0 15px 0;
        padding: 0;
    }
    
    #jaren li ul li
    {
        float: left;
        width: 210px;
        padding: 0 0 0 15px;
        margin: 0;
        line-height: 16px;
        color: #3a3a3a;
        background: url('../images/listImagePurple.png') left top no-repeat;
        list-style-type: none;
    }
    
    .listRight
    {
        float: left;
        width: 540px;
        min-height: 280px;
        padding: 0 0 0 20px;
        margin: 0;   
        border-left: 1px solid #d3d3d3;     
    }
    
    #listLarge
    {
        float: left;
        width: 490px;
        padding: 20px 40px 0 10px;
        margin: 0;
    }
    
    #listLarge a {
        float: left;
        width: 490px;
        display: block;
        padding-left: 12px;
    }
    
    #listLarge a.listLink {
        margin-top: 10px;
    }
    
    #listLarge a.collapsed {
        background: url('../images/raquo.png') no-repeat;
    }
    
    #listLarge a.expanded {
        background: url('../images/daquo.png') no-repeat;
    }
    
    .newsListLarge
    {
        float: left;
        width: 520px;
        padding: 0;
        margin: 0;
    }
    
    .newsListLarge ul 
    {
        margin: 5px 0 15px 10px;
        padding: 0;
    }
    
    .newsListLarge ul li
    {
        padding: 0 0 0 15px;
        margin: 0;
        line-height: 16px;
        color: #3a3a3a;
        background: url('../images/listImagePurple.png') left top no-repeat;
        list-style-type: none;
    }
    
    .newsListLarge img
    {
        float: right;
        padding: 0 0 10px 10px;
    }
    
    .listContent
    {
        float: left;
        width: 477px;
        padding: 0 0 0 13px;
        margin: 0 0 10px 0;
        display: none;
    }
    
    #listLarge .listContent a{
        float: none;
        width: auto;
        padding: 0;
        display: inline;
    }
    
    #photoList
    {
        float: left;
        width: 477px;
        padding: 0;
        margin: 5px 0 0 0;
        list-style-type: none;
    }
    
    #photoList li
    {
        float: left;
        width: 100px;
        height: 100px;
        padding: 0;
        margin: 0 10px 10px 0;
    }
    /*end agenda & nieuws*/
    /*contact, inloggen, aanmelden*/
    #contact
    {
        float: left;
        width: 400px;
        padding: 0;
        margin: 20px 0 0 0;
    }
    
    #inloggen
    {
        float: left;
        width: 400px;
        padding: 0;
        margin: 0;
    }
    
    #contact td, #inloggen td
    {
        padding: 2px 0;
        vertical-align: top;
    }
    
    .contentSmallRight
    {
        float: left;
        width: 325px;
        padding: 20px 0 0 10px;
        margin: 0;        
    }
    
    .buttonOpslaan
    {
        float: right;
        width: 69px;
        height: 30px;
        padding: 0;
        margin: 0;
        cursor: pointer;
        border: 0;
        background: url('../images/buttonOpslaan.png') no-repeat;
    }
    
    .buttonAanmelden
    {
        float: right;
        width: 84px;
        height: 30px;
        padding: 0;
        margin: 0;
        cursor: pointer;
        border: 0;
        background: url('../images/buttonAanmelden.png') no-repeat;
    }
    
    .buttonAfmelden
    {
        float: right;
        width: 75px;
        height: 30px;
        padding: 0;
        margin: 0;
        cursor: pointer;
        border: 0;
        background: url('../images/buttonAfmelden.png') no-repeat;
    }
    
    .buttonBekijkLeden
    {
        float: right;
        width: 131px;
        height: 30px;
        padding: 0;
        margin: 0;
        cursor: pointer;
        border: 0;
        background: url('../images/buttonBekijkLeden.png') no-repeat;
    }
    
    .inloggenLeft
    {
        float: left;
        width: 450px;
        padding: 0;
        margin: 0;
        border-right: 1px solid #d3d3d3;
    }
    
    .personLeft
    {
        float: left;
        width: 400px;
        padding: 20px 40px 0 10px;
        margin: 0;        
    }
    
    .inloggenRight
    {
        float: left;
        width: 325px;
        padding: 0 0 0 20px;
        margin: 0;
    }
    
    #aanmelden
    {
        float: left;
        width: 315px;
        padding: 0 0 0 10px;
        margin: 0;
        list-style-type: none;
    }
    
    #aanmelden li
    {
        float: left;
        width: 300px;
        padding: 0 0 0 15px;
        margin: 5px 0;
        line-height: 16px;
        background: url('../images/listImagePurple.png') left top no-repeat;
    }
    
    #aanmelden li .aanmeldenSelect {
        width: 150px;
        font-size: 11px;
        color: #3A3A3A;
    }
    
    #aanmelden li .aanmeldenSelect .firstoption {
        font-style: italic;
    }
    
    #buttonBewaar {
        width: 71px;
        height: 30px;
        background: url('../images/buttonBewaar.png') no-repeat;
        border: none;
        cursor: pointer;
        margin: 20px 0 0 20px;
    }
    
    .aanmeldTitle
    {
        float: left;
        width: 300px;
        padding: 0;
        margin: 0 0 5px 0;
    }
    
    .aanmeldButtons
    {
        float: left;
        width: 300px;
        padding: 0;
        margin: 0;
    }
    
    .boxAanmelden
    {
        float: left;
        width: 84px;
        padding: 0;
        margin: 0 10px 0 0;
    }
    
    .boxBekijkAanmelding
    {
        float: left;
        width: 131px;
        padding: 0;
        margin: 0;
    }
    /*end contact, inloggen, aanmelden*/
/*end content*/

/*footer*/
#footer
{
    float: left;
    width: 880px;
    padding: 10px;
    margin: 0;
    background: white;
    text-align: center;
    font-size: 9px;
}
/*end footer*/

h1, h2, h3, h4, h5, h6
{
    padding: 0;
    margin: 0;
    color: #1f2883;
    font-weight: normal;
   	font-family: Arial, Verdana, Tahoma;
}

h1
{
    font-size: 16px;
}

h2
{
    font-size: 14px;
}

h3
{
    font-size: 11px;
    font-weight: bold;
}

h4
{
    font-size: 11px;
	color: #3a3a3a;
}

#wachtwoord {
    float: left;
    padding: 20px 40px 0 10px;
}