/* reset css voor alle browser */body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
    margin: 0;
    padding: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img
{
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var
{
    font-style: normal;
    font-weight: normal;
}
ol, ul
{
    list-style: none;
}
caption, th
{
    text-align: left;
}
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal;
}
 
 strong 
 {
     font-weight:bold;
 }
 
 
a:focus { outline: none; }

q:before, q:after
{
    content: '';
}
abbr, acronym
{
    border: 0;
}
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

html 
{
    overflow-y:scroll;
}

body
{
    font: 0.625em/1.2em Arial;
}
#page
{
    width: 1000px;
    margin: 0 auto;
    position: relative;
    font-size:120%;
    line-height:130%;
}

a, a:visited 
{
    color:#003B79;
}

a:hover 
{   
    color:#0079BC;
}

.column
{
    width: 284px;
    float: left;
}
#main
{
    float: left;
    width: 716px;
}
#maincontent.column
{
    float: right;
    width:420px;
}
#content
{
    width: 402px;
}
#header h1
{
    margin-top: 20px;
    margin-bottom: 20px;
    width: 270px;
    height: 65px;
    background: #fff url("Images/logos.png") no-repeat top center;
}

#header h1 a 
{
    display:block;
    width: 270px;
    height: 65px;
}

#header h1 span
{
    margin-left: -10000px;
}
#content .tabs 
{
    height:20px;
}

#content .tabs li
{
    float: left;
}
#content .tabs li a
{
    display: block;
    width: 67px;
    height: 20px;
    background-image: url("Images/tabs.png");
}
#content .tabs li.nieuws a
{
    background-position: 0 0;
}
#content .tabs li.nieuws a:hover
{
    background-position: 0 -43px;
}
#content .tabs li.nieuws.active a
{
    background-position: 0 -21px;
}
#content .tabs li.overtulp a
{
    background-position: -67px 0;
}
#content .tabs li.overtulp a:hover
{
    background-position: -67px -43px;
}
#content .tabs li.overtulp.active a
{
    background-position: -67px -21px;
}
#content .tabs li.advocaten a
{
    background-position: -134px 0;
}
#content .tabs li.advocaten a:hover
{
    background-position: -134px -43px;
}
#content .tabs li.advocaten.active a
{
    background-position: -134px -21px;
}
#content .tabs li.vakgebieden a
{
    background-position: -201px 0;
}
#content .tabs li.vakgebieden a:hover
{
    background-position: -201px -43px;
}
#content .tabs li.vakgebieden.active a
{
    background-position: -201px -21px;
}

#content .tabs li.publicaties a
{
    background-position: -268px 0;
}
#content .tabs li.publicaties a:hover
{
    background-position: -268px -43px;
}
#content .tabs li.publicaties.active a
{
    background-position: -268px -21px;
}

#content .tabs li.contact a
{
    background-position: -335px 0;
}
#content .tabs li.contact a:hover
{
    background-position: -335px -43px;
}
#content .tabs li.contact.active a
{
    background-position: -335px -21px;
}
#content .tabs li a span
{
    margin-left: -10000px;
}
#content
{
    background: url("Images/mainbg.png") repeat-y;
    border-bottom: solid #003B79 1px;
}

.tabcontent 
{
    min-height:315px;
}

.tabtext
{
    padding: 1em 1em;
}
.tabtext p
{
    padding: 0 0;
    text-align: justify;
}
#adres
{
    font-size: 90%;
    margin-top: 1em;
    color: #003B79;
    line-height: 150%;
}
h2
{
    font-size: 120%;
    margin-top: 1em;
    margin-bottom: 1em;
}
h2:first-letter
{
    font-weight: bold;
}
.quotebox
{
    margin: 120px 5px 0 5px;
     text-align:center;
}


.quotebox img
{
    margin: 0 0 20px 0;
    width:240px;
   
}




.quote
{
    text-align: justify;
    padding-left: 25px;
    padding-top: 10px;
    background: url("Images/quotetop.png") no-repeat;
}
.quotetext
{
    padding-right: 25px;
    padding-bottom: 5px;
    background: url("Images/quotebottom.png") no-repeat bottom right;
}
#verticalbar
{
    position: absolute;
    top: 440px;
    left: 0;
    width: 1000px;
    height: 62px;
    background: url("Images/mainbar.png") no-repeat;
    z-index: 50;
}

#verticalbar.advocaatbar 
{
    background: url("Images/mainbaradvocaten.png") no-repeat;
}

#verticalbar.civielrechtbar 
{
    background: url("Images/mainbarcivielrecht.png") no-repeat;
}

#verticalbar.familierechtbar 
{
    background: url("Images/mainbarfamilierecht.png") no-repeat;
}

#verticalbar.arbeidsrechtbar 
{
    background: url("Images/mainbararbeidsrecht.png") no-repeat;
}

#verticalbar.financieelrechtbar 
{
    background: url("Images/mainbarfinancieelrecht.png") no-repeat;
}

#tabbottom
{
    background: #ddffdd;
    height: 260px;
    margin: 0 1px;
    overflow: hidden;
}

.quotebox
{
    display: none;
}

.advocaten li 
{
    float:left;
    width:94px;
      text-align:center;
      height:95px;
}

.advocaten li .foto 
{
    display:block;
    width:61px;
    height:62px;
    background:url("images/lawyer.jpg") no-repeat;
    margin:0 auto;
  
}

.advocaten li .foto img 
{   
    margin-top:6px;
}

h3 
{   
    color:#003B79;
    margin-top:1em;
    margin-bottom:1em;
}

.advocaatinfo 
{
    width:290px;
    margin:0 auto;
    position:absolute;
    right:0px;
    
}

.advocaattitel 
{
    color:#fff;
    font-size:130%;
    z-index:51;
    position:absolute;
    left:710px;
    top:335px;
    
}
.advocaattitel h3 
{
    color:#fff;
    font-size:155%;
    margin:0;
    margin-bottom:0.3em;
    font-weight:bold;
    line-height:normal;
}

.advocaattext 
{
    margin-top:1em;
}

.advocaatinfo .advocaatimage
{
 
    margin-left:40px
}

.specialismtab 
{
    color:#fff;
    margin-left:1px;
}

.tabCivielrecht 
{
    background:#DC002E;
}

.tabFamilierecht 
{
    background:#9F4690;
}

.tabArbeidsrecht
{
    background:#0079BC;
}

.tabFinancieelrecht
{
    background:#EB7176;
}

#content 
{
   float:left;
   margin-bottom:1em;
}

#verticaltabs 
{
    float:left;
    width:18px;
    background:url("Images/vakgebiedentabs.png") no-repeat top right;
}

#verticaltabs li a
{
    width:15px;
    height:68px;
    display:block;
}

#verticaltabs li a span 
{
    display:none;
}

.specialismtab 
{
    min-height:272px;
}

.specialismtab a 
{
    color:#fff;
}

.specialismtab a:hover 
{
    color:#ccc;
}

#advocaatreadmore 
{
    position:absolute;
    width:260px;
    top:0px;
    left:-700px;
    background:url("images/readmorebg.png");
    z-index:60;
    display:none;
    padding:5px;
}

#newsfader 
{
    margin-left: 343px;
    height:60px;
    width:290px;
    overflow:hidden;
}

#newsfader li 
{
    line-height:60px;
    vertical-align:middle;
    font-size:150%;
    text-align:center;
    width:290px;
}

.advocaatbar #newsfader a, .advocaatbar #newsfader a:visited
{
    color:#fff;
}

#vakgroepimage 
{
}

.specialismreadmore 
{
    
}

#workshopform legend 
{
    display:none;
}

#workshopform strong , .workshopaanmelding strong
{
    font-weight:bold;
}

#workshopform .editor-label
{
    margin-top:1em;
}
#workshopform .workshop label input
{
    float:left;
    margin-left:-21px;
}

#workshopform .workshop label 
{
    margin-left:15px;
    padding-left:15px;
    display:block;
}
#workshopform textarea 
{
    font-family: Arial;
    font-size:12px;
    width:200px;
    height:100px;
    max-width:378px;
    max-height:300px;
}


.workshopaanmelding .display-field 
{
    padding-left:15px;
}