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

/****** LAYOUT DESIGN ******/
#outer{
width:970px;
margin:0 auto 20px auto;
position:relative;
}
#header{
background:url(../_images/fotoHeader.jpg) no-repeat 521px 0;
height:237px;
}
#header #logoLink img{
margin-top:40px;
}
#menu{
height:50px;
margin:9px 0 24px;
}
#content{
clear:left;
margin:0;
}
#contentLeft{
float:left;
width:200px;
}
#contentMid{
float:left;
width:490px;
margin:4px 40px 0;
}
.contentOuter{
margin-bottom:24px;
}
#contentRight{
float:right;
width:200px;
}
#footerOuter{
background:url(../_images/footerBackground.jpg) repeat-x 0 0;
}
#footerContainer{
width:970px;
margin:0 auto;
position:relative;
}
#footer{
color:#FFF;
text-align:center;
margin:20px 0 0;
padding:55px 10px 40px;
font-size:10px;
}
#footer span, #footer img{
padding:0 5px 0 0;
}
#footer a{
color:#FFF;
margin-left:4px;
border-left:1px solid #FFF;
padding-left:7px;
text-decoration:none;
}
#footer a:hover{
color:#66FF33;
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/background.jpg) repeat-x 0 0;
color:#333;
margin:0;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:13px;
text-align:center;
}
a{
color:#333;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
img{
border:0;
}
td,th,div{
text-align:left;
}
h1{
font-family:Tahoma,Arial,Verdana,sans-serif;
font-size:24px;
font-weight:normal;
margin:0;
padding:0 0 5px;
}
h2,.hookHeader{
font-family:Tahoma,Arial,Verdana,sans-serif;
font-size:18px;
font-weight:normal;
margin:0;
padding:0;
}
h3{
font-family:Tahoma,Arial,Verdana,sans-serif;
font-size:13px;
margin:0;
padding:0 0 5px;
}
input,textarea, select{
color:#000000;
font-size:11px;
background:#FFFFFF;
border:1px solid #666;
}
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;*/
}
h1.moduleHeader{
margin-bottom:15px;
}
h2.moduleSubHeader{
margin-bottom:5px;
}
.moduleIntro{
margin-bottom:15px;
}
.moduleText{
margin-bottom:15px;
}

.button{
background:#666;
color:#FFF;
margin:5px 5px 5px 0;
border:0;
padding:2px 9px;
}

.jblItemContainer{
background:#EBEBEB;
border:1px solid #666;
padding:10px 10px 0;
}
.jblItemTitle{
font-size:14px;
margin-bottom:10px;
}
.jblWordLoc{
margin-bottom:5px;
}
.jblItemDescr {
font-size:11px;
line-height:14px !important;
}
.jblCat{
background:#BFFEB8;
color:#333;
margin:15px 0 5px;
padding:2px 5px;
}

.formInput label {
width:200px;
}
.aplMFileInput{
float:left;
clear:none;
}
.aplMFileButton{
float:left;
clear:none;
margin:0 0 0 15px;
}
/*
*>.aplMFileButton{
margin:1px 0 0 55px;
}
*/
.aplMFileButton label{
display:none;
}

.hookOuter{
background:#BFFEB8;
padding:15px;
}
.hookHeader{
margin-bottom:15px;
}
.hookItemWord,.hookWord{
color:#666;
font-size:11px;
}
.hookItemContainer,.hookText{
color:#666;
font-size:11px;
margin-bottom:10px;
}
.hookItemTitle a{
color:#333;
text-decoration:none;
}
.hookItemTitle a:hover{
text-decoration:underline;
}
.hookInput input{
border-color:#D7D7D7;
}
.hookButton input{
background:#D7D7D7;
color:#333;
}
.nwsSlItemTitle a{
font-weight:bold;
}

.jslOuter{
margin:0;
padding:10px 5px;
}
.jslTitle{
padding:0 10px;
}
.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:#BFFEB8;
}
.catListItem a{
text-decoration:none;
}
.catListItem a:hover{
text-decoration:underline;
}
.catListCounter{
position:absolute;
top:5px;
right:5px;
}

.sssOuter{
background:#FFF;
float:right;
margin:10px 5px 0 0;
border:1px solid #FFF;
padding:0;
}
.sssInputField,.sssSearchButton{
float:left;
}
.sssInputField input{
border:0;
height:17px;
line-height:17px;
}
.sssSubmitButton{
background:#D7D7D7;
color:#72796F;
margin:0;
}

.hlb3{
background:#BFFEB8;
}
.hlb3 a,a.meer{
background:url(../_images/arrow.gif) no-repeat 0 48%;
display:block;
padding:10px;
font-size:10px;
color:#333;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}
.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{
position:relative;
}
#menu .rssHookbutton {
position:absolute;
right:188px;
top:12px;
}

.articleButtonsContainer, .articleButtonsContainer div{
float:left;
}
.articleButtonsContainer .button{
background:none;
border:0 none;
color:#666666;
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{
background:#BFFEB8;
padding:5px;
}
form.contentContactForm{
margin-top:24px;
}

.intro, .text, .itemDescription, .hookText, .formText, .moduleIntro, .moduleText {
line-height:18px;
}