* webdev: Pim Rijpsma - pim@fabrique.nl */

/* classes for webwijs 2.0 - WSC */
.color-wys #columnone h1, .color-default #columnone h2, .color-default #columnone h3, .color-default #columnone h4, .color-default #columnone h5, .color-default #subnavigation span.selected a{ color: #CC9933 !important; }
.color-wys #columntwo h1, .color-default #columntwo h2, .color-default #columntwo h3, .color-default #columntwo h4, .color-default #columntwo h5{ color: #333333 !important; }
.color-wys #content #columnone { width: 450px; }
.color-wys #content #columnone div.padding { padding: 0px; }
.color-wys #content #columnone h1{ color: #003466 !important; font-size: 18px; font-family: 'Arial'; font-weight: bold; }
.color-wys #content #columntwo { padding-top: 20px; }
.color-wys #content #columntwo h3{ color: #333333; }
.color-wys #title { background: #3670AA !important; }
.color-wys2 #content #columnone h1{ margin-left: 6px; margin-top: 21px; color: #003466 !important; font-size: 20px; font-family: 'Arial'; font-weight: bold; }
.color-wys2 #content #columnone h2{ margin-left: 6px; margin-top: 24px; margin-bottom: 6px; color: #003466 !important; font-size: 16px; font-family: 'Arial'; font-weight: bold; }
.color-wys2 #content #columnone p{ margin-top: 32px; margin-bottom: 32px; }
.color-wys2 #content #columnone p a.more{ margin-left: 8px; margin-bottom: 22px; }
.color-wys2 #content #columnone table{ width: 444px; }
.color-wys2 #content #columnone table .stripe{ background: #E7EDF1; text-decoration: none !important; }
.color-wys2 #content #columnone table td { padding: 1px; padding-left: 7px; color: #003466; font-size: 12px; height: 22px; }
.color-wys2 #content #columntwo a.more{ text-decoration: underline !important; line-height: 23px; }
.color-wys2 #content #columntwo h3{ margin-top: 24px; color: #333333; }
.color-wys3 #columnone h1, .color-default #columnone h2, .color-default #columnone h3, .color-default #columnone h4, .color-default #columnone h5, .color-default #subnavigation span.selected a{ color: #AE8907 !important; }
.color-wys3 #columntwo h1, .color-default #columntwo h2, .color-default #columntwo h3, .color-default #columntwo h4, .color-default #columntwo h5{ color: #333333 !important; }
.color-wys3 #title { background: #3670AA !important; }
.container{ width: 680px; float: left; }
.webwijs_content {margin-left: 8px; margin-top: 2em; }
.webwijs_content  p{clear: both;}
.lastedit{ float: left; width: 100%; margin-bottom: 8px; text-indent: 12px; }
.webwijslinks{ margin: 12px; width: 200px; float: left; height: 150px; }

#content #columntwo .webwijs{ padding: 0; margin: 0; width: 180px; float: left; background: transparent; position: relative; left: -10px; height: auto; overflow: shown; z-index: 30; }
#content .webwijs { width: 450px; float: left; background: #FFFFFF url(../images/backbox.gif) no-repeat; color: #003466; height: 178px; overflow: shown; z-index: -30; }
#content .webwijs .resultcontainer {left: -122px; width: 324px; border: 1px solid #003466; background-color: #FFF; font-size: 11px; text-decoration: none !important; visibility: hidden; position: relative; top: 0px; z-index: 50; height: 202px; overflow: scroll; height: 202px; overflow-y: scroll; overflow-x: hidden; }
#content .webwijs .resultcontainer div{ display: block; color: #003466; background-color: #FFF; text-decoration: none !important; height: 20px !important; z-index: 41; overflow: hidden; }
#content .webwijs .resultcontainer div a{ width: 378px; display: block; text-decoration: none !important; height: 18px; position: static; top: 0px; }
#content .webwijs .resultcontainer div a div{ background: transparent; height: 18px; z-index: 42; }
#content .webwijs .resultcontainer div a div.data1{ width: 180px; margin-left: 6px; position: relative; cursor: hand; z-index: 43; }
#content .webwijs .resultcontainer div a div.data2{ width: 100px; position: relative; top: -18px; left: 180px; cursor: hand; z-index: 43; }
#content .webwijs .resultcontainer div a div.data3{ width: 100px; position: relative; top: -36px; left: 280px; cursor: hand; z-index: 43; }
#content .webwijs .resultcontainer div a:hover{ color: #003466 !important; text-decoration: underline !important; }
#content .webwijs .resultcontainer div.stripe{ background: #E7EDF1; text-decoration: none !important; }
#content .webwijs .experts { left: 0; }
#content .webwijs .webwijscontainer{ margin: 12px; width: 200px; float: left; height: 150px; overflow: visible; }
#content .webwijs a{ position: relative; top: -196px; }
#content .webwijs h2{ color: #003466 !important; font-family: 'Arial' !important; font-weight: bold; }
#content .webwijs input{ width: 199px; }
#content .webwijs input.check{ width: 14px; position: relative; top: 3px; left: -3px; z-index: 10; z-index: 1; * border: 0px; * margin-left: 4px; }
#content .webwijs span { font-size: 11px; position: relative; top: -200px; left: 0px; }

#expert{ width: 680px; float: left; height: 212px; }
#expert #expertdetails{ width: 659px; margin: 11px; border: 1px solid #9FA8B2; border-left-width: 0px; padding: 1px; float: left; }
#expert #expertdetails .affiliates{ width: 113px; float: left; background-color: #FFF; height: 144px; }
#expert #expertdetails div{ width: 542px; margin: 0px; float: left; background-color: #E5EAEF; }
#expert #expertdetails div div{ width: 422px; padding: 10px; position: relative; float: left; }
#expert #expertdetails div img{ float: left; }
#expert #expertmenu{ width: 671px; margin-top: 0px; float: left; display: none; background: url(../images/border.gif) #fff 0px 48px repeat-x; /*background:url('../images/border.gif') #fff 0px 6px repeat-x;*/ height: 49px; /*border-bottom:1px solid #B6910D;*/ }
#expert #expertmenu div{ border: 1px solid #708398; border-bottom: 1px solid #B6910D; float: left; margin-left: 3px; margin-top: 25px; height: 22px; }
#expert #expertmenu div div{ border: 0px solid; margin: 9px; margin-top: 3px; font-weight: bold; height: 12px; }
#expert #expertmenu div div a{ text-decoration: none; }
#expert #expertmenu div div a:hover{ text-decoration: underline; }
#expert #expertmenu div.first{ margin-left: 8px; }
#expert #expertmenu div.selected{ border: 1px solid #B6910D; border-bottom: 1px solid #FFFFFF; float: left; margin-left: 3px; margin-top: 23px; height: 24px; }
#expert #expertmenu div.selected div{ border: 0px solid; margin: 11px; margin-top: 3px; height: 12px; }
#expert #expertmenu div.selected div a{ color: #B6910D; font-weight: bold; text-decoration: none; }
#expert #expertmenu div.selected div a:hover{ text-decoration: underline; }

#sub.color-wys3 #columnone { margin-top: 32px;}
#sub.color-wys3 #content{ border: 0px; border-bottom: 1px solid #3670AA; background: url(../images/border_big.gif) repeat-y; }
#sub.color-wys3 #subnavigation { border: 0px; margin-top: 18px; background: transparent; }
#sub.color-wys3 #subnavigation h3{ margin-left: 7px; color: #B6910D; }
#sub.color-wys3 #subnavigation ul li a{ margin-left: 12px; }

#menu_overzicht li, #menu_curriculum li, #menu_onderzoek li, #menu_onderwijs li, #menu_overige li, #menu_contact li, #menu_beheer li { background: none !important; }

* html .color-wys3 #content #columntwo .padding{ padding: 0px; }
* html .lastedit{ width: 670px; padding-bottom: 10px; }
* html .webwijslinks{ margin: 6px; }
* html .webwijslinks{ margin: 6px; width: 200px; float: left; height: 150px; }
* html #content #columntwo  .webwijs input{ width: 180px; }
* html #content #columntwo  .webwijs input.check{ width: 12px; }
* html #content #columntwo .webwijs{ margin: 0px !important; width: 120px !important; background: transparent; left: 1px; }
* html #content #columntwo .webwijs #expertContainer{ margin-right: -20px; margin-left: -200px; position: relative; left: 59px; }
* html #content #columntwo .webwijs #expertiseContainer{ margin-left: -150px; }
* html #content #columntwo .webwijs .expertise{ width: 183px; left: 150px !important; }
* html #content #columntwo .webwijs .resultcontainer{ margin-bottom: -202px; display: none; visibility: visible; left: 10px; }
* html #content .webwijs .resultcontainer{ margin-bottom: -202px; margin-left: -122px; display: none; visibility: visible;}
* html #content .webwijs .expertise{ left: 122px !important; }
* html #content .webwijs .webwijscontainer{ width: 120px; background: transparent; }
* html #content .webwijs .webwijscontainer{ margin: 8px !important; width: 190px !important; border: 1px !important; }
* html #content .webwijs a{ top: 0px; }
* html #content .webwijs span{ top: 0px; }
* html #expert{ width: 672px; }
* html #expert #expertdetails{ margin: 4px; }
* html #expert #expertdetails .affiliates{ width: 100px; }
* html #expert #expertmenu{ width: 661px; }
* html #expert #expertmenu div{ margin-left: 3px; margin-top: 25px; /*25px;*/ }
* html #expert #expertmenu div div{ margin: 5px; margin-top: 3px; }
* html #expert #expertmenu div.selected div{ margin: 5px; }
* html .webwijs_content { float: left; margin-left: 4px; margin-top: 0;}