html { overflow-y:scroll; }
body { padding:0; margin:0; background:url(../images/bg.gif) #372f2c repeat-x left top; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#372f2c; }

#wrapper { width:988px; margin:0 auto; background-color:#fff; padding:0 16px; overflow:hidden; }

#preloader-bg { width:250px; height:70px; padding:20px; margin:100px auto; display:block; background:url(../images/preloader.png) no-repeat left top; }
#preloader-bg .preloader { width:250px; height:70px; display:block; background:url(../images/preloader.gif) no-repeat left top;  }

#clear { clear:both; }

#top { width:988px; height:78px; }
#top .logo { width:208px; height:58px; display:block; background:url(../images/logo.png) no-repeat left top; float:left; margin:10px 0; }
#top ul { float:right; font-size:14px; margin:40px 4px 0 0; list-style-type:none; }
#top li { float:left; margin:0 0 0 17px; }
#top li a { text-decoration:none; color:#818181; display:block; }
#top li a:hover { color:#303030; border-bottom:2px solid #6cb1da; }
#top li a.active { color:#303030; border-bottom:2px solid #6cb1da; }

#banner { width:988px; height:258px; background:url(../images/banner.jpg) no-repeat left top; }
#banner-sub { width:948px; height:77px; color:#574d46; letter-spacing:2px; line-height:77px; font-size:22px; padding:0 20px; background:url(../images/banner-sub.jpg) no-repeat left top; }
#banner-sub span { font-weight:bold; color:#6cb1da; }

.home-block, .home-block-brown, .home-block-blue { width:321px; margin:12px 12px 0 0; float:left; }
.home-block-last, .home-block-brown-last, .home-block-blue-last { margin:12px 0 0 0; }
.home-block .img { width:321px; height:114px; display:block; }
.home-block .juristen { background:url(../images/home_img_juristen.jpg) no-repeat left top; }
.home-block .opdrachtgevers { background:url(../images/home_img_opdrachtgevers.jpg) no-repeat left top; }
.home-block .overjuridici { background:url(../images/home_img_overjuridici.jpg) no-repeat left top; }
.home-block h1 { width:281px; height:39px; background:url(../images/home_block_bg.gif) no-repeat left top; margin:0; padding:0 0 0 40px; font-size:14px; color:#fff; line-height:43px; }
.home-block h1 a, .home-block-brown h2 a, .home-block-blue h2 a { color:#fff; text-decoration:none; }
.home-block h1 a:hover, .home-block-brown h2 a:hover, .home-block-blue h2 a:hover { text-decoration:underline; }
.home-block .txt { width:281px; min-height:150px; background:url(../images/home_block_bg.gif) no-repeat left bottom; line-height:22px; padding:10px 20px 20px 20px;  }
.home-block .txt .intro a { color:#372f2c; text-decoration:none; }
.home-block .txt div h1 { background:none; height:auto; width:auto; padding:0; color:#303030; }
.home-block .txt div h2 { font-size:12px; color:#303030; }
.home-block .txt div a { color:#5da7cd; }
.home-block .txt div ul { padding:0 20px; }
.home-block p, .home-block-brown p { margin:0 0 10px 0; }
.home-block p span { font-weight:bold; color:#5da7cd; }

.home-block-2 { width:321px; margin:0 12px 0 0; float:left; }
.home-block-2-last { margin:0; }
.home-block-2-margin { margin:0; }

.home-block-2 .bttn-inschrijven { width:271px; height:63px; display:block; background:url(../images/bg-bttn-inschrijven.gif) no-repeat left top; margin:12px 0 0 0; color:#ffffff; line-height:63px; padding:0 25px; font-weight:bold; font-size:12px; }
.home-block-2 .bttn-inschrijven a { color:#ffffff; text-decoration:none; }
.home-block-2 .bttn-inschrijven a:hover { text-decoration:underline }
.home-block-2 .bttn-inschrijven a span { color:#5da7cd; }

.home-block-brown h2, .home-block-blue h2 { width:301px; height:39px; background:url(../images/home_block_bg_brown.gif) no-repeat left top; margin:0; padding:0 0 0 20px; font-size:14px; color:#fff; line-height:44px; }
.home-block-brown .txt, .home-block-blue .txt { width:281px; min-height:150px; background:url(../images/home_block_bg_brown.gif) no-repeat left bottom; line-height:22px; padding:10px 20px 20px 20px;  }
.home-block-brown .txt .field, .home-block-blue .txt .field { border:1px solid #a5acb2; font-size:12px; padding:2px; width:275px; margin:2px 0; font-family:Arial, Helvetica, sans-serif; }
.home-block-brown .txt .dropdown, .home-block-blue .txt .dropdown { width:281px; }
.home-block-brown .txt .line { width:275px; height:1px; display:block; border-bottom:1px dotted #cbcbcb; margin:5px 0; }
.home-block-brown .inlog, .home-block-blue .inlog { min-height:72px; }

*.home-block-blue-ie { padding:0px; }

.home-block-blue h2 { background:url(../images/home_block_bg_blue.gif) no-repeat left top; }
.home-block-blue .txt { background:url(../images/home_block_bg_blue.gif) no-repeat left bottom; }
.home-block-blue .inlog { *height:75px; }
.home-block-blue .txt ul { margin:0 0 10px 0; list-style-type:none; padding:0; }
.home-block-blue .txt ul a { color:#303030; }
.home-block-blue .txt ul span { color:#68b4db; font-weight:bold; }

.home-txt { width:988px; margin:12px 0; }
.home-txt .content { width:321px; margin:0; padding:0; background:url(../images/home_block_links_bg.gif) no-repeat left bottom; }
.home-txt .content ul { list-style-type:none; margin:0 20px; padding:0; }
.home-txt .content li { background:url(../images/bullet.gif) no-repeat left 4px; margin:8px 0; padding:0 10px; font-weight:bold; }
.home-txt .content li a { color:#372f2c; text-decoration:none; }
.home-txt .content li a:hover { text-decoration:underline; }

#poll-content td.value { background-image: url(../images/gridline58.gif); background-repeat: repeat-x; background-position: left top; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding:0; border-bottom: none; background-color:transparent; }
#poll-content td { padding: 4px 6px; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background-color:#fff; line-height:16px; }
#poll-content td.value img { vertical-align: middle; margin: 5px 5px 5px 0; }
#poll-content th { text-align: left; vertical-align:top; }
#poll-content td.last { border-bottom:1px solid #e5e5e5; }
#poll-content td.first { border-top:1px solid #e5e5e5; }
#poll-content .auraltext { position: absolute; font-size: 0; left: -1000px; }
#poll-content table { background-image:url(../images/bg_fade.png); background-repeat:repeat-x; background-position:left top; width: 636px; }

#login { width:948px; height:42px; background:url(../images/login_bg.gif) no-repeat left top; margin:12px 0; padding:0 20px; line-height:42px; color:#5da7cd; }
#login input { margin:0 5px; border:1px solid #888; color:#5b5b5b; font-size:12px; padding:2px 5px; width:190px; font-family:Arial, Helvetica, sans-serif; }
#login .link1, #login .link2 { margin:0 5px; }

#forum-intro { width:988px; margin:0 0 12px 0; }
#forum-intro h1 { width:988px; height:39px; background:url(../images/forum_intro_bg.gif) no-repeat left top; margin:0; padding:0 0 0 40px; font-size:14px; color:#fff; line-height:44px; }
#forum-intro div { width:948px; background:url(../images/forum_intro_bg.gif) no-repeat left bottom; padding:5px 20px 15px 20px; line-height:22px; color:#5da7cd; }
#forum-intro div a { color:#372e25; text-decoration:underline; }

#dropdown { width:968px; height:23px; background:url(../images/forum_menu_bg.gif) no-repeat left top; margin:0 0 12px 0; line-height:23px; padding:10px; list-style-type:none; }
#dropdown li { float:left; border-right:1px solid #e0e0e0; padding:0 10px; }
#dropdown li a { color:#5da7cd; font-weight:bold; text-decoration:none; }

#forum-grps { width:988px; margin:0 0 12px 0; }
#forum-grps .top { width:988px; height:8px; background:url(../images/forum_menu_bg.gif) no-repeat left top;  }
#forum-grps .content { width:974px; background:url(../images/forum_grps_bg.gif) repeat-y left top; padding:0 7px;  }
#forum-grps .content .maintitle { background-color:#372e25; border-right:1px solid #fff; color:#fff; font-size:14px; font-weight:bold; padding:6px 13px; }
#forum-grps .content .forum-cat { background-color:#e9f3f9; border-right:1px solid #fff; color:#5da7cd; border-top:2px solid #fff; font-weight:bold; padding:6px 13px; }
#forum-grps .content .forum-cat .top { width:16px; height:16px; display:block; background:url(../images/top_icon.gif) no-repeat left top; }
#forum-grps .content .forum-content { border-right:1px solid #e9f3f9; padding:6px 13px; line-height:18px; }
#forum-grps .content .forum-content span { font-weight:bold; color:#5da7cd; }
#forum-grps .content .no-border { border:none; }
#forum-grps .bottom { width:988px; height:8px; background:url(../images/forum_menu_bg.gif) no-repeat left bottom;  }

.content { width:988px; }
.content .left { width:258px; float:left; margin:0 20px 0 0; }
.content .left .menu { width:244px; margin:12px 0 0 0; }
.content .left .menu h4 { width:218px; background:url(../images/left_menutitle_bg.gif) no-repeat left top; min-height:20px; color:#fff; padding: 14px 20px 6px 20px; font-size:14px; margin:0; }
.content .left .menu h4 a { color:#fff; text-decoration:none; }
.content .left .menu h4 a:hover { text-decoration:underline; }
.content .left .menu .top { width:258px; height:7px; background:url(../images/left-menu-top-bottom.gif) no-repeat left top; }
.content .left .menu ul { width:258px; margin:0; list-style-type:none; background:url(../images/left-menu-bg.gif) repeat-y left top; padding:2px 7px 0 7px; }
.content .left .menu li { }
.content .left .menu li a { width:214px; padding:7px 15px; display:block; line-height:18px; border-bottom:1px solid #e0e0e0; color:#5da7cd; font-weight:bold; text-decoration:none; }
.content .left .menu li a:hover { text-decoration:underline; }
.content .left .menu li a.active { background-color:#5da7cd; color:#fff; }
.content .left .menu li a.last { border:0; }
.content .left .menu li ul { width:244px; margin:0; padding:0; list-style-type:none; padding:0; background:none; }
.content .left .menu li ul li a { width:199px; padding:7px 15px 7px 30px; line-height:18px; display:block; border-bottom:1px solid #e0e0e0; color:#372f2c; font-weight:normal; text-decoration:none; }
.content .left .menu li ul li a:hover { text-decoration:underline; }
.content .left .menu li ul li a.active { color:#5da7cd; background:none; }

.content .left .menu .bottom { width:258px; height:7px; background:url(../images/left-menu-top-bottom.gif) no-repeat left bottom; }
.content .left .block { width:258px; margin:12px 0 0 0; line-height:18px; }
.content .left .blocklast { margin:12px 0; }
.content .left .block div p { padding:0; margin:0 0 10px 0; }
.content .left .block h4 { width:218px; background:url(../images/left_block_bg.gif) no-repeat left top; height:39px; color:#fff; padding: 0 0 0 40px; font-size:14px; line-height:44px; margin:0; }
.content .left .block div { width:214px; padding:10px 22px 20px 22px; background:url(../images/left_block_bg.gif) no-repeat left bottom; }
.content .left .block div span { font-size:11px; }
.content .left .block div a { color:#5da7cd; font-weight:bold; text-decoration:none; }
.content .left .block div a:hover { text-decoration:underline; }
.content .left .block div form { padding:0; margin:0; }
.content .left .block div form .field { border:1px solid #dfdfdf; font-size:12px; padding:2px; width:212px; margin:0 0 5px 0; font-family:Arial, Helvetica, sans-serif; }
.content .left .blockforum { width:214px; height:84px; background:url(../images/bg_forum.gif) no-repeat left bottom; padding:15px 22px 0px 22px; line-height:20px; }
.content .left .blockforum h4 { color:#ffffff; font-size:14px; padding:0; margin:0px 18px; }
.content .left .blockforum p { color:#ffffff; padding:0; margin:5px 0 0 0; }
.content .left .blockforum p span { color:#5da7cd; } 
.content .left .blockmatches { width:258px; background:url(../images/bg-matches.gif) no-repeat left bottom; padding:0 0 10px 0; line-height:20px; margin:18px 0; }
.content .left .blockmatches h4 { width:214px; height:45px; background:url(../images/bg-matches.gif) no-repeat left top; color:#ffffff; font-size:14px; padding:12px 22px 0 22px; line-height:20px; margin:0; }
.content .left .blockmatches .match { width:214px; padding:0 15px; color:#5da7cd; font-weight:bold; margin:0 7px; border-top:1px solid #e0e0e0; }
.content .left .blockmatches .blink2 { margin:0; }
.content .left .blockmatches .non-active { margin:0; height:23px; background-color:#b3d9ed; line-height:23px; padding:4px 10px 4px 10px; text-decoration:none; color:#ffffff; font-weight:bold; }

.content .right { width:710px; float:left; line-height:20px; padding:0 0 10px 0; }
.content .right a { color:#372f2c; text-decoration:none; }
.content .right a:hover { text-decoration:underline; }
.content .right p.alphabet { border-bottom:1px solid #e9e9e9; margin-bottom:0; }
.content .right h1 { color:#372e25; font-size:24px; line-height:30px; }
.content .right h1 span, .content .right h1 span a { font-size:11px; font-weight:normal; color:#5da7cd; }
.content .right h2 { color:#372e25; font-size:14px; }
.content .right h3 { color:#5da7cd; font-size:12px; }
.content .right span { font-weight:bold; color:#5da7cd; }
.content .right blockquote { padding:10px; margin:0; background-color:#f3f3f3; border:1px solid #e9e9e9; font-size:11px; line-height:18px; }
.content .right .crumb { width:710px; padding:13px 0; border-bottom:1px solid #e9e9e9; line-height:16px; font-size:11px; color:#a6a6a6; }
.content .right .crumb span { color:#5da7cd; font-weight:normal; }
.content .right .crumb a { color:#a6a6a6; text-decoration:none; }
.content .right .crumb a:hover { text-decoration:underline; }
.content .right .max-score { margin:0 0 10px 0; }
.content .right .max-score input { border:none; width:20px; text-align:center; font-weight:bold; font-size:16px; }
.content .right .legenda { margin:20px 0; font-size:10px; line-height:24px; }
.content .right .legenda span { font-size:12px; font-weight:bold; color:#372e25; }

.content .right .search-block { background-color:#68b4db; color:#ffffff; font-weight:bold; padding:3px 5px; }
.content .right .search-block .align-right { float:right; }
.content .right .search-block .dropdown { float:left; }
.content .right .search-block .clear { clear:both; }
.content .right .search-result a { font-weight:bold; color:#68b4db; }

.content .right .stappen { width:710px; height:70px; margin:10px 0; display:block; }
.content .right .stappen div { width:132px; height:70px; padding:0 5px; float:left; background:url(../images/bg-stappen.gif) no-repeat -142px bottom; color:#cdcdcd;}
.content .right .stappen div span { color:#aed3e6; }
.content .right .stappen div.active { background:url(../images/bg-stappen.gif) no-repeat -424px bottom; color:#372f2c; }
.content .right .stappen div.active span { color:#5da7cd; }
.content .right .stappen div.first { background:url(../images/bg-stappen.gif) no-repeat -283px bottom; }
.content .right .stappen div.first-active { background:url(../images/bg-stappen.gif) no-repeat left bottom; color:#372f2c; }
.content .right .stappen div.first-active span { color:#5da7cd; }
.content .right .stappen div.last { background:url(../images/bg-stappen.gif) no-repeat right bottom; }
.content .right .stappen div.last-active { background:url(../images/bg-stappen.gif) no-repeat -1px bottom; color:#372f2c; }
.content .right .stappen div.last-active span { color:#5da7cd; }

.content .right .stappen-2 { width:710px; height:70px; margin:10px 0; display:block; }
.content .right .stappen-2 div { width:226px; height:70px; padding:0 5px; float:left; background:url(../images/bg-stappen-2.gif) no-repeat -237px bottom; color:#cdcdcd;}
.content .right .stappen-2 div span { color:#aed3e6; }
.content .right .stappen-2 div.active { background:url(../images/bg-stappen-2.gif) no-repeat -473px bottom; color:#372f2c; }
.content .right .stappen-2 div.active span { color:#5da7cd; }
.content .right .stappen-2 div.first { width:227px; background:url(../images/bg-stappen-2.gif) no-repeat -236px bottom; }
.content .right .stappen-2 div.first-active { background:url(../images/bg-stappen-2.gif) no-repeat left bottom; color:#372f2c; }
.content .right .stappen-2 div.first-active span { color:#5da7cd; }
.content .right .stappen-2 div.last { width:227px; background:url(../images/bg-stappen-2.gif) no-repeat -237px bottom; }
.content .right .stappen-2 div.last-active { background:url(../images/bg-stappen-2.gif) no-repeat -1px bottom; color:#372f2c; }
.content .right .stappen-2 div.last-active span { color:#5da7cd; }

.content .right table span { font-weight:normal; }
.content .right .label { vertical-align:top; padding:2px 0; width:130px; }
.content .right .label2 { vertical-align:top; padding:2px 0; width:180px; }
.content .right .label-long { width:415px; }
.content .right .label3 { vertical-align:top; padding:2px 0; width:90px; text-align:right; }
.content .right .label3 input { border:none; width:70px; }
.content .right .field { border:1px solid #a5acb2; font-size:12px; padding:2px; width:213px; margin:2px 0; font-family:Arial, Helvetica, sans-serif; }
.content .right .textarea-big { width:700px; height:300px; }
.content .right .dropdown { width:219px; }
.content .right .browse { width:219px; }
.content .right .browse-small { width:180px; }
.content .right .browse-small2 { width:250px; }
.content .right .field-dat { border:1px solid #a5acb2; font-size:12px; padding:2px; width:94px; margin:2px 0; font-family:Arial, Helvetica, sans-serif; }
.content .right .textarea { border:1px solid #a5acb2; font-size:12px; padding:2px; width:213px; margin:2px 0; font-family:Arial, Helvetica, sans-serif; }
.content .right .no-border { border:1px solid #ffffff; color:#5da7cd; }

.content .right .divider { float:left; padding:0 5px; }
.content .right .dropdown-width4 { width:50px; float:left; }
.content .right .dropdown-width5 { width:91px; float:left; }

#footer { width:988px; height:41px; background:url(../images/footer_bg.gif) no-repeat left top; margin:0 0 12px 0; clear:both; color:#b1b1b1; font-size:11px; line-height:41px; }
#footer h2 { font-weight:normal; font-size:11px; margin:0; padding:0; }
#footer a { color:#b1b1b1; text-decoration:none; }
#footer .left { float:left; width:304px; padding:0 20px; }
#footer .middle { float:left; width:300px; text-align:center; }
#footer .middle a { width:23px; height:23px; margin:0 2px; }
#footer .right { float:left; width:304px; padding:0 20px; text-align:right; }

.link1, .content .right .link1 { height:23px; background:url(../images/bullet-black.gif) #ffffff no-repeat right 8px; line-height:23px; padding:4px 20px 4px 10px; text-decoration:none; color:#5da7cd; font-weight:bold; margin:10px 0 0 0; }
.link2, .content .left .block .link2 { height:23px; background:url(../images/bullet.gif) no-repeat right 8px; line-height:23px; padding:4px 10px; text-decoration:none; color:#372f2c; margin:10px 0 0 0; font-weight:normal; }
.blink2, .content .right .blink2 { height:23px; background:url(../images/bullet-black.gif) #68b4db no-repeat right 8px; line-height:23px; padding:4px 20px 4px 10px; text-decoration:none; color:#ffffff; font-weight:bold; margin:10px 0 0 10px; }
.blink, .content .right .blink { height:23px; background:url(../images/bullet-black.gif) #8ec7e4 no-repeat right 8px; line-height:23px; padding:4px 20px 4px 10px; text-decoration:none; color:#ffffff; font-weight:bold; margin:10px 0 0 10px; }
.content .right .blink, .content .right .blink2 { margin:0; }

/*
.dissappear:visited { display:none; }
*/

.error, .content .left .block div.error { background:url(../images/exclamation.png) no-repeat 8px 8px #f7cab5; border:1px solid #e23526; padding:5px 30px; margin:10px 0; width:auto; }
.ok { background:url(../images/accept.png) no-repeat 8px 8px #dcef94; border:1px solid #468800; padding:5px 30px; margin:10px 0; width:auto; }

.info { margin:0 5px; cursor:pointer; }
.info-tooltip { width:300px; color:#ffffff; line-height:20px; padding:0 15px; }
.matches-tooltip { width:300px; color:#ffffff; line-height:20px; padding:5px; }
.matches-tooltip ol { padding:0 20px; margin:0; }
.matches-tooltip a { color:#ffffff; text-decoration:none; }
.matches-tooltip a:hover { text-decoration:underline; }

.ui-widget-content { background: #d6e9f2; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #ffffff/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }

.account-image { float:right; margin:0 20px; text-align:center; }

.content .right .opdr-table td { padding:3px 0; border-bottom:1px dotted #e0e0e0; } 
.content .right .opdr-table .title { font-weight:bold; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.content .right .opdr-table .col1 { padding:0 20px 0 5px; }
.content .right .opdr-table .col2 { width:80px; }
.content .right .opdr-table .col3 { width:80px; }
.content .right .opdr-table .col4 { width:70px; }
.content .right .opdr-table .col5 { width:80px; }
.content .right .opdr-table .col6 { width:90px; }
.content .right .opdr-table .match-icon { margin:0 0 0 20px; }

.content .right .opdr-table .bg-hover { background-color:#e9e9e9; }

.content .right .add-bttn { border:1px solid #bbbbbb; background:url(../images/bg-add-bttn.gif) no-repeat left center; float:right; line-height:22px; padding:0 10px 0 25px; margin:0 0 10px 0; }
.content .right .add-bttn:hover { text-decoration:none; }

#paging { margin-top:10px; min-height:20px; overflow:auto; padding:0 0 6px 0; }
#paging .stap { text-align: center; background-color:#dae8f1; color:#FFFFFF; padding:0px 6px; border: 1px solid #FFFFFF; display:inline; float:left; margin:6px 6px 0 0; font-size:11px; }
#paging .stap a { color:#434343; text-decoration:none; font-size:11px; }
#paging .stap_actief { font-weight:bold; text-align: center; background-color:#68b4db; color:#FFFFFF; padding:0px 6px; border: 1px solid #FFFFFF; display:inline; float:left; margin:6px 6px 0 0; font-size:11px; }