/* OTYS WEB SHEET */
/* W3C VERIFIED CSS 2.1 */
/* COPYRIGHT OTYS CORP 2003-2009 */
/* AUTHOR:Sander van den Brink */
/* TEMPLATE: CMSBUSJAB<NUM>.HTML */

.jshText {
display: none;
}
/****** LAYOUT DESIGN ******/
#outer {
width: 942px;
margin: 0 auto 20px auto;
position: relative;
}
#header {
height: 273px;
position: relative;
}
#header #logoLink {
position: absolute;
left: 0;
top: 36px;
z-index: 4;
}

.headMask {
background: url(../_images/bgTop.png) no-repeat 0% 0%;
position: absolute;
left: 0;
top: 0;
width: 942px;
height: 273px;
z-index: 3;
}

.slideshow {
position: absolute;
right: 0;
top: 0;
z-index: 2;
}

#menu {
margin: auto;
}
#menuContainer {
position: absolute;
top: 220px;
height: 50px;
left:-10px;
}
#content {
clear: left;
margin: 0;
margin-top: 40px;
}
#contentLeft {
float: left;
width: 192px;
background:#FEAD2C;
}
#contentMid {
float: left;
width: 445px;
margin: 0 40px;
}
.contentOuter {
margin-bottom: 24px;
}
#contentRight {
float: right;
width: 195px;
}
#footerOuter {
background: url(../_images/footerBg.gif) repeat-x 0% 0%;
background-color: #133485;
}
#footerContainer {
width: 970px;
margin: 0 auto;
position: relative;
}
#footer {
color: #ffffff;
text-align: center;
margin: 20px 0 0 0;
padding: 55px 10px 40px;
font-size: 10px;
}
#footer span, #footer img {
padding: 0 5px 0 0;
}
#footer a {
color: #ffffff;
margin-left: 4px;
border-left: 1px solid #898989;
padding-left: 7px;
text-decoration: none;
}
#footer a:hover {
color: #898989;
text-decoration: underline;
}
#footer a#logoLink {
margin: 0;
border: 0;
padding: 0;
}
/** ACTONOMY STUFF **/
.optionsListContainer {
float: left;
}
.actEquery {
float: right;
width: 350px;
}
.actSResContainer {
float: right;
width: 350px;
}
.actRssContainer {
clear: both;
}
.actSPagControl {
clear: both;
}
/****** FIRST BASE, BLOCKLEVELS ******/
body {
background: #FFF url(../_images/mainBg.gif) repeat-x 0 0;
color: #666;
margin: 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
text-align: center;
}
a {
color: #171a5f;
text-decoration: underline;
font-size:13px;
}
a:hover {
text-decoration: none;
}
img {
border: 0;
}
td, th, div {
text-align: left;
font-size:13px;
}
h1 {
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 24px;
font-weight: normal;
margin: 0;
padding: 0 0 5px;
color: #f59e18;
}
h2{
font-family: Tahoma, Arial, Verdana, sans-serif;
color:#133486;
font-size:13px;
font-weight:bold;
margin:0;
padding:0;
}
.hookHeader {
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 0;
color: #fff;
}
h3 {
font-family: Tahoma, Arial, Verdana, sans-serif;
font-size: 13px;
margin: 0;
padding: 0 0 5px;
color: #171a5f;
}
input, textarea, select {
color: #000000;
font-size: 11px;
background: #FFFFFF;
border: 1px solid #D7D7D7;
}
ul {
margin-left: 10px;
padding-bottom: 0px;
padding-left: 8px
}
textarea {
overflow: auto;
}
hr {
color: #666;
}
form {
margin: 0;
padding: 0;
}
strong, em {
}
/* SITE SPECIFIC STYLING */
.moduleOuter {
/*margin: 0 20px;
*/
}
fead2ch1.moduleHeader {
margin-bottom: 15px;
}
moduleSubHeader {
margin-bottom: 5px;
}
.moduleIntro {
margin-bottom: 15px;
}
.moduleText {
margin-bottom: 15px;
}
.button {
background: #1e4093;
color: #FFF;
margin: 5px 5px 5px 0;
border: 0;
padding: 6px 10px;
text-transform: uppercase;
font-size: 10px;
width:auto;
-width:0;
overflow:visible;

}
.jblItemContainer {
border: 1px solid #BCBCBD;
padding: 10px 10px 0;
}
.jblItemTitle {
font-size: 14px;
margin-bottom: 10px;
border-bottom: 1px solid #BCBCBD;
}
.jblWordLoc {
margin-bottom: 5px;
}
.jblItemDescr {
font-size: 11px;
line-height: 14px !important;
}
.jblCat {
background: #fead2c;
color: #333;
margin: 15px 0 5px;
padding: 2px 5px;
}
.formInput label {
width: 200px;
}
.aplMFileInput {
float: left;
clear: none;
}
.aplListLink a{
text-decoration:none;
color:#133485;
}
.aplMFileButton {
float: left;
clear: none;
margin: 0 0 0 15px;
}
/**>.aplMFileButton {
margin: 1px 0 0 55px;
}
*/
.aplMFileButton label {
display: none;
}
.hookOuter {
background: #fead2c;
/*padding: 15px; */
}
.hookHeader {
background: url(../_images/headerHookBg.gif) repeat-x;
  margin-bottom: 15px;
  padding:10px 16px;
}
.hookItemWord, .hookWord {
color: #fff;
font-size: 12px;
}
.hookItemContainer, .hookText {
color: #FFF;
font-size: 12px;
margin-bottom: 10px;
padding:0 16px;
}
.hookItemContainer:hover {
background: #FFF;
color: #666;
border:1px solid #f59e18;
border-top:none;
border-bottom:none;
}
.hookItemContainer:hover .hookItemWord {
color: #666;
}
.hookItemContainer:hover a {
color: #343333;
}
.hookItemContainer:hover a:hover {
text-decoration: none;
}
.hookItemTitle a {
color: #FFF;
text-decoration: none;
}
.hookItemTitle a:hover {
text-decoration: underline;
}
.hookInput input {
border-color: #D7D7D7;
}
.hookButton input {
color: #fff;
}
.hookText jshText {
color: #fff;
}
.hookOuter form{
padding:0;
}

.hookButton.jshBc {
padding:0 0 24px 16px;
}

.hookButton.webUserHookButton{
padding:15px 0;
}

.hookOuter.webUserHookOuter form{
padding-left:15px;
}


.nwsSlItemTitle a {
font-weight: bold;
}
.jslOuter {
margin: 0;
/*padding: 10px 5px;*/
}
.jslTitle {
padding:8px 16px;

}
.jslItemContainer {
margin-bottom: 5px;
padding: 5px 10px;
}
.jslItemContainer.hover {
background: #66FF33;
}
.jslFunctionName a {
font-size: 13px;
}
.catListHolder, .catListHolderActive {
border-bottom: 1px solid #666;
padding: 5px;
position: relative;
}
.catListHolderActive {
background: #fead2c;
}
.catListItem a {
text-decoration: none;
}
.catListItem a:hover {
text-decoration: underline;
}
.catListCounter {
position: absolute;
top: 5px;
right: 5px;
}
.sssOuter {
background: #FFF;
margin: 0;
padding: 0;
}

#smartSearchContainer {
position: absolute;
top: 235px;
right:20px;
height:20px;
}

.sssInputField, .sssSearchButton {
float: left;
}
.sssInputField{
padding:0;
margin:0;
}
.sssInputField input{
border-left:1px solid #cbd3e7;
border-top:1px solid #cbd3e7;
border-bottom:1px solid #cbd3e7;
line-height:16px;
height:20px;
margin:0;
padding:0;
}
.sssSubmitButton {
background: #204295;
height:20px;
line-height:20px;
_height:15px;
_line-height:15px;
width:45px;
color: #72796F;
border:1px solid #cbd3e7;
margin:0;
_margin:1px 0 0 0;
padding:0;
}

.hlb3 {
background: #fead2c;
padding-bottom: 20px;
}
.hlb3 a, a.meer {
padding: 5px 10px;
font-size: 10px;
color: #FFF;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
background: #171a5f;
margin:10px 0 5px 10px;
display:block;
width:150px;
background:url("../_images/headerHookBg.gif") repeat-x scroll 0 0 transparent
}
.hlb3 a:hover, .hlb4 a:hover, a.meer:hover {
text-decoration: underline;
}
.rssHookbutton {
background: url(../_images/rss_light.gif) no-repeat 0 0;
border: 0 none;
color: #FFF;
cursor: pointer;
float: right;
font-size: 11px;
font-weight: bold;
height: 18px;
line-height: 16px;
margin: 0 12px 0 5px;
padding: 1px 0 15px 20px;
}
#menu .rssHookbutton {
position: absolute;
right: 188px;
top: 12px;
}
.articleButtonsContainer, .articleButtonsContainer div {
float: left;
}
.articleButtonsContainer .button {
background: none;
border: 0 none;
color: #BCBCBD;
cursor: pointer;
font-size: 12px;
font-weight: normal;
margin: 3px 0 0;
padding: 0 5px 0 2px;
text-transform: none;
}
.printbutton {
background: transparent url(../_images/print.gif) no-repeat 0 0;
height: 19px;
padding: 0 0 0 17px;
}
#address {
text-align: center;
font-size: 10px;
margin-bottom: 22px;
}
#address h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
padding: 0;
}
#address span {
margin-left: 4px;
border-left: 1px solid #C07EA3;
padding-left: 7px;
text-decoration: none;
}
.articleButtonsContainer {
margin-top: 15px;
}
.SsrHQuestion {
width: 75px;
}
.appRow {
padding: 5px;
}
form.contentContactForm {
margin-top: 24px;
}
.intro, .text, .itemDescription, .hookText, .formText, .moduleIntro, .moduleText {
line-height: 16px;
}
.title {
color: #f59e18;
}
.subHeader {
color: #133486;
}
/* RSS Short list opmaken */
.rssShortListLink {
padding: 5px;
}
.rssShortListItemContainer {
margin-bottom: 2px;
}
.itemTitle a {
color: #171A5F;
text-decoration: none;
}
.jshIc:hover, .jshInput:hover {
background: none;
color: #FFF !important;
}
.hookInput input, .hookItemWord input {
width: 150px;
}
.hookItemWord select {
width: 155px;
max-height: 100px;
}

.jshIc:hover .hookItemWord {
color: #FFF !important;
}
.pcItem {
background: transparent url(../_images/pb_img/pb_img.png) no-repeat scroll 0 0;
}
.pcWord {
color: #171a5f;
}
.pcText {
color: #666;
}
.shortListText {
font-size:12px;
  color: #FFF;
padding: 10px 16px;
}

.hookItemTitle.jslFunctionName a{
  color:#133485;
  font-weight:bold;
}
.menuLink a{
text-decoration:none;
}