/* 4 Homework */
/* CMS & Code by Activo Internet Solutions, www.activo.nl */

body {
  margin: 0;
  background: url("../images/layout/bg.gif") #FFF center top repeat-x;
}

body, table, tr, td, div  {
  font-family: Arial;
  font-size: 12px;
  color: #646464;
  text-decoration: none;
}


div.intro {
 font-size: 12px;
 line-height: 17px;
 color: #919296;
 padding: 15px 25px 35px 25px;
}
div.box {
 display: inline-block;
 width: 340px;
 height: 314px;
 float: left;
}
div.box span.text {
 display: inline-block;
 padding: 55px 25px 0px 25px;
}
h2.welcome {
 font-size: 23px;
}
h2.welcome span {
 font-size: 23px;
 color: #9a9a9d;
}
span.text {
 font-size: 12px;
 line-height: 17px;
 color: #919296;
}
span.text a.go:link,
span.text a.go:active,
span.text a.go:visited,
span.text a.go:hover {
 display: inline-block;
 font-size: 12px;
 line-height: 17px;
 color: #919296;
 text-decoration: none;
}
div.introText {
 height: 230px;
}
div#leiden {
 background: url('../images/layout/box_leiden.gif') left top no-repeat;
}
div#leiden:hover {
 background: url('../images/layout/box_leiden.gif') left -314px no-repeat;
}
div#nwijk {
 margin-left: 10px;
 background: url('../images/layout/box_noordwijk.gif') left top no-repeat;
}
div#nwijk:hover {
 background: url('../images/layout/box_noordwijk.gif') left -314px no-repeat;
}
div.box:hover span.text {
 color: #FFF !important;
 cursor: default;
}
div.box:hover a:link,
div.box:hover a:active,
div.box:hover a:visited,
div.box:hover a:hover {
 color: #FFF !important;
}
div.buttonGo {
 float: right;
}
div.buttonGo img {
 width: 90px;
 height: 70px;
 border: 1px;
}
.choose {
 width: 1000px;
}


ul.menu, ul.menu li {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 float: left;
}
ul.menu {
 width: 100%;
}

ul.menu li.first { margin-left: -14px; }
ul.menu li {
 border-right: 1px solid #aeaeae;
}
ul.menu li.last {
 border-right: none;
}
ul.menu li.end {
 border-right: none;
 float: right;
 margin-right: -14px;
}

ul.menu li a:link,
ul.menu li a:active,
ul.menu li a:visited,
ul.menu li a:hover {
 display: inline-block;
 padding: 4px 14px;
}


div#menuTop {
  font-family: Arial;
  font-size: 12px;
  color: #FFF;
}

table.mainTable {
 width: 997px;
 background: url("../images/layout/blendRight.gif") right top no-repeat;
}

td.mainTable {
 width: 997px;
 background: url("../images/layout/blendLeft.gif") left top no-repeat;
}

table.inTable {
  width: 955px;
}

td.inTop {
 height: 72px;
 background: #919296;
}

td.inContent {
 height: 692px;
 background: url("../images/layout/books.jpg") #FFF right top no-repeat;
}

td.inBottom {
 color: #fff;
 font-size: 10px;
 height: 36px;
 background: url("../images/layout/bgBottom.gif") #919296 center top repeat-x;
}

td.blendBottom {
 height: 21px;
 background: url("../images/layout/blendBottom.gif") center top no-repeat;
}

table.content {
 width: 737px;
}

td.contentLogoOld {
 height: 107px;
 background: url("../images/layout/logo.gif") left top no-repeat;
}

td.contentLogo2 {
 height: 107px;
 background: url("../images/layout/logo_animatie.gif") 16px 19px no-repeat;
}

td.contentLogo {
 height: 127px;
 background: url("../images/layout/logo_ani.gif") 16px 19px no-repeat;
}

td.contentLogo img {
 margin: 19px 16px;
 width: 350px;
 height: 90px;
}


div#news {
 width: 340px;
 background: url("../images/layout/newsLine.gif") left top repeat-y;
}

table.news {
 width: 340px;
 background: url("../images/layout/newsTop.gif") left top no-repeat;
}

td.news {
 height: 124px;
 width: 340px;
 background: url("../images/layout/newsBottom.gif") left bottom no-repeat;
}

td.newsPlace {
 width: 355px;
}

div#inNews {
 padding: 13px 13px 13px 13px;
 line-height: 16px;
}

span.title {
 font-weight: bold;
 color: #00aac4;
}

span.subtitle {
  color: #ababab;
}

td.text {
 -webkit-text-size-adjust: none; 
 font-size: 12px;
 line-height: 16px;
 padding-right: 10px;
}

table.menu {
 width: 928px;
}

td.menuLog {
 height: 33px;
}

td.menuItems {
 height: 36px;
}

td.menuLine {
 background: #FFF;
 height: 1px;
}

div#content {
  padding: 0 0 0 15px;
  width: 730px;
  height: 535px;
  overflow: auto;
  scrollbar-base-color: #FFF;
  scrollbar-arrow-color: #00b4cb;
  scrollbar-3dlight-color: #FFF;
  scrollbar-darkshadow-color: #FFF;
  scrollbar-face-color: #FFF;
  scrollbar-highlight-color: #FFF;
  scrollbar-shadow-color: #FFF;
  scrollbar-track-color: #FFF;
}

div#contentText {
 width: 700px;
}

div#text {
  margin: 50 10 20 20;
  color: #FFF;
  width: 500px;
  height: 328px;
  overflow: auto;
  scrollbar-base-color: #2e281c;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-3dlight-color: #2e281c;
  scrollbar-darkshadow-color: #2e281c;
  scrollbar-face-color: #2e281c;
  scrollbar-highlight-color: #2e281c;
  scrollbar-shadow-color: #2e281c;
  scrollbar-track-color: #2e281c;
}

hr {
  color: #dedede;
  background-color: #FFF;
  height: 1px;
}

a:link    { text-decoration: underline; color: #02a8bd; }
a:visited { text-decoration: underline; color: #02a8bd; }
a:active  { text-decoration: underline; color: #02a8bd; }
a:hover   { text-decoration: none;      color: #02a8bd; }

a.readmore:link    { text-decoration: none; 		color: #02a8bd; }
a.readmore:visited { text-decoration: none; 		color: #02a8bd; }
a.readmore:active  { text-decoration: none; 		color: #02a8bd; }
a.readmore:hover   { text-decoration: underline;    color: #02a8bd; }

a.menu:link    { font-weight: bold; text-decoration: none; color: #FFF; }
a.menu:visited { font-weight: bold; text-decoration: none; color: #FFF; }
a.menu:active  { font-weight: bold; text-decoration: none; color: #FFF; }
a.menu:hover   { font-weight: bold; text-decoration: none; color: #333333; }

a.menuA:link    { font-weight: bold; text-decoration: none; color: #333; }
a.menuA:visited { font-weight: bold; text-decoration: none; color: #333; }
a.menuA:active  { font-weight: bold; text-decoration: none; color: #333; }
a.menuA:hover   { font-weight: bold; text-decoration: none; color: #333; }

a.accessible:link    { font-weight: bold; text-decoration: none; color: #FFF; }
a.accessible:visited { font-weight: bold; text-decoration: none; color: #FFF; }
a.accessible:active  { font-weight: bold; text-decoration: none; color: #FFF; }
a.accessible:hover   { font-weight: bold; text-decoration: none; color: #333333; }

a.disc:link    { text-decoration: underline; color: #FFF; }
a.disc:visited { text-decoration: underline; color: #FFF; }
a.disc:active  { text-decoration: underline; color: #FFF; }
a.disc:hover   { text-decoration: none;      color: #FFF; }


#subMenu {
 padding: 5px 0 0 0;
 line-height: 15px;
} 

#sub {
 padding: 2px 2px 2px 2px;
 width: 156px;
}

#subLink, .ssubLink, {
 font-size: 11px;
}

#subLink img  {
 vertical-align: middle;
}

.subLink, .subLinkA {
 margin: 0 0 0 5px;
}

.ssubLink, .ssubLinkA {
 margin: 0 0 0 0px;
}

.subLeft {
 height: 290px;
 width: 180px;
 background: url("../images/layout/blendLine.gif") 160px top no-repeat;
}

div#sLink {
 margin: 0 0 0 15px; 
}

a.subLink:link    { text-decoration: none; color: #333; }
a.subLink:visited { text-decoration: none; color: #333; }
a.subLink:active  { text-decoration: none; color: #333; }
a.subLink:hover   { text-decoration: none; color: #00b4cb; }

a.subLinkA:link    { text-decoration: none; color: #00b4cb; }
a.subLinkA:visited { text-decoration: none; color: #00b4cb; }
a.subLinkA:active  { text-decoration: none; color: #00b4cb; }
a.subLinkA:hover   { text-decoration: none; color: #00b4cb; }

a.ssubLink:link    { text-decoration: none; color: #333; }
a.ssubLink:visited { text-decoration: none; color: #333; }
a.ssubLink:active  { text-decoration: none; color: #333; }
a.ssubLink:hover   { text-decoration: none; color: #00b4cb; }

a.ssubLinkA:link    { text-decoration: none; color: #00b4cb; }
a.ssubLinkA:visited { text-decoration: none; color: #00b4cb; }
a.ssubLinkA:active  { text-decoration: none; color: #00b4cb; }
a.ssubLinkA:hover   { text-decoration: none; color: #00b4cb; }

input.textfield {
  padding: 4px;
  width: 240px;
  font-size: 12px;
  color: #3c3c3c;
  border: solid 1px #a5acb2;
}

input.textsend {
  padding: 6px 16px;
  font-size: 12px;
  color: #FFF;
  border: solid 1px #3c3c3c;
  background: #3c3c3c;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  cursor: hand;
}

textarea.textfield {
  padding: 4px;
  height: 60px;
  width: 240px;
  font-size: 12px;
  color: #3c3c3c;
  font-family: Arial;
  border: solid 1px #a5acb2;
}

span#h1, h1 { 
 margin: 0px 0px 12px 0px;
 font-size: 25px;
 font-weight: bold;
 color: #00abc4; 
}

span#h2, h2, h1.h2 { 
 margin: 0px 0px 12px 0px;
 font-size: 20px;
 font-weight: bold;
 color: #00abc4; 
}

span#h3, h3 { 
 margin: 0px 0px 3px 0px;
 font-size: 13px;
 font-weight: bold;
 color: #00abc4; 
}

ul.jd_menu, 
ul.jd_menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	display: none;
}
ul.jd_menu li {
	float: left;
}
ul.jd_menu_vertical {
	width: 300px;
}
ul.jd_menu_vertical li {
	float: none;
}

/* -- Sub-Menus -- */
ul.jd_menu ul,
ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 10000;
}
ul.jd_menu ul li,
ul.jd_menu_vertical ul li {
	float: none;
	margin: 0px;
}


ul.jd_menu,
ul.jd_menu ul,
ul.jd_menu_vertical,
ul.jd_menu_vertical ul {
	background-color: #919296;
	border: 0px solid #036;
	border-top: 0px solid #69C;
	border-left: 0px solid #69C;
	height: 20px;
}
ul.jd_menu_vertical {
	height: auto;
}
ul.jd_menu ul {
	height: auto;
}
* html ul.jd_menu ul {
	width: 1%;
}
ul.jd_menu li {
	font-family: sans-serif;
	font-size: 12px;
	color: #FFF;
	line-height: 14px;
	margin: 0px;
	padding: 2px 2px 2px 2px;
	height: 13px;
	
	cursor: pointer;
	white-space: nowrap;
}
ul.jd_menu li li {
	width: 200px;
}
ul.jd_menu li a {
	color: #FFF;
	text-decoration: none;
}

ul.jd_menu li.jdm_hover,
ul.jd_menu li.jdm_active {
	background-color: #919296;
	color: #FFF;
	padding: 2px 2px 2px 2px;
	border: 0px solid #369;
	border-left: 0px solid #9CF;
	border-top: 0px solid #9CF;
}