/* Together Abroad WEB SHEET */
/* W3C VERIFIED CSS 2.1 */
/* COPYRIGHT OTYS CORP 2003-2009 */
/* AUTHOR:Ota Hobst */
/* TEMPLATE: CMSBUSJAB<x>.HTML */

/****** FIRST BASE,BLOCKLEVELS ******/

body{
background: URL(../_images/backgroundTop.gif) repeat-x 0% 0%;
text-align:center;
margin:0;
padding:0;
}
a{
text-decoration:none;
color: #CD1919;
}
a:hover {
text-decoration:none;
color: #666;
}
td,th,div{
color:#666666;
font-size:12px;
font-family:Tahoma,Arial,Helvetica,sans-serif;
text-align:left;
}
h1, .formHeader{
font-size:18px;
color: #CD1919;
font-weight: normal;
margin:0px;
padding:0px 0 5px 0;
}
h2{
font-size:12px;
color: #CD1919;
font-weight: bold;
margin:0px;
padding:0px 0 5px 0;
}
h3{
margin:0px;
padding:0px 0 5px 0;
}
img {
border:0;
}
input,textarea, select{
color:#000000;
font-size:11px;
background:#FFFFFF;
border-top:1px solid #a8a8a8;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #a8a8a8;
}
ul{
margin-bottom:0px;
margin-left:10px;
padding-bottom:0px;
padding-left:8px
} 
textarea{
overflow:auto;
}
hr{
color:#666666;
}
form{
margin:0;
padding:0;
}
strong,em{
}
/****** LAYOUT DESIGN ******/

#outerContainer {
width: 913px;
margin: 0 auto;
}
#crumblePathContainer {
color:#4B4C47;
float:left;
font-size:11px;
font-weight:bold;
padding:6px 0 0;
position:absolute;

}
#crumblePathContainer a {
font-size: 11px;
color: #4b4c47;
font-weight: bold;
text-decoration: none;
}
#hlb1Container {
background: URL(../_images/HLB1Back.gif) repeat-x 0% 0%;
height: 65px;
float: right;
margin: 0 66px 0 0;
}
.hlb1Image {
display: block;
float: left;
margin-left: -3px;
margin-right: -3px;
}

#subHeaderContainer {
background: URL(../_images/subHeaderBack.jpg) no-repeat 100% 100%;
height: 327px;
clear: both;
position: relative;
}
#logo {
float: left;
}

/* LANGUAGE HOOK */

#languageContainer {
float: right;
}
#languageContainer img {
margin: 14px 9px 0 0;
}

#teaser1Container {
position: absolute;
right: -27px;
top: 20px;
}
#teaser2Container {
clear: left;
padding: 60px 0 0 0;
}
#teaser2Container a {
color: #41423e;
display: block;
text-decoration: none;
padding: 0 0 0 15px;
margin-top: -7px;
font-size: 14px;
text-transform: uppercase;
}
#teaser2Container a:hover {
background: URL(../_images/redDotBig.gif) no-repeat 0% 4px;
font-weight:bold;
/*color: #c80101;*/
}

#contentTopContainer {
clear: both;
}
#contentFrame {
width: 712px;
}
.bisjabCol {
float: left;
width: 227px;
margin: 0 4px 0 0;
}
.bisjabCol p {
margin: 0;
padding: 0;
}
.bisjabCol a {
color:#666666;
}
.bisjabCol .formSubHeader {
border-top: 4px solid #c80101;
padding: 11px 0 11px 12px;
font-size: 14px;
}
.bisjabCol .tekstblokje {
background: #f3f3f3;
padding: 13px 15px 19px 12px;
}

/* TEASER3 */

#teaser3Container {
background: URL(../_images/dottedBorder.gif) repeat-x 0% 100%;
float: left;
clear: left;
padding: 10px 0 12px 0;
}
.teaser3Col {
float: left;
width: 227px;
margin: 0 4px 0 0;
display: inline;
}
.teaser3Header {
background: URL(../_images/teaser3Header.gif) no-repeat 0% 0%;
height: 35px;
line-height: 35px;
vertical-align: 35px;
width: 227px;
text-align: center;
font-size: 16px;
margin-bottom: 16px;
color: #969695;
}
.teaser3Text {
margin-top: 8px;
padding: 0 0 0 17px;
}
.teaser3Text a {
background: URL(../_images/blackArrows.gif) no-repeat 0% 5px;
color: #5b5b5b;
text-decoration: none;
display: block;
margin-top: -7px;
padding: 0 0 0 14px;
}
.teaser3Text a:hover {
color: #c80101;
}

/* JOB SEARCH CONTAINER */

#jobSearchContainer {
width: 160px;
float: right;
padding: 15px 36px 0 0;
display: inline;
}
.jshHeader {
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
color: #c80101;
}
.jshTrefwoord {
background: URL(../_images/jobSearchInput.gif) no-repeat 0% 0%;
height: 19px;
width:157px;
margin: 10px 0 0 0;
}
.jshTrefwoord input {
background: transparent;
border: 0;
font-size:10px;
color: #707070;
margin: 2px 0 0 7px;
width: 142px;
}
#JobSearchSubmit {
background: URL(../_images/buttonBack.gif) repeat-x 0% 0%;
height: 20px;
border: 0;
color: #fff;
margin: 23px 0 0 0;
}

/* VIRTUAL BOXES  JOB SEARCH MODULE */

.virtual_container {
height: 25px;
width:157px;
position: relative;
z-index: 1;
}

.virtual_selectbox {
padding:4px 5px 5px 9px;
margin: 10px 0 0 0;
font-size:10px;
width:157px;
cursor:pointer;
border: 0;
font-weight:normal;
background:#ffffff url(../_images/open_box.gif) no-repeat 0% 0%;
color: #707070;
}

.virtual_selectbox_opened {
padding:4px 5px 5px 9px;
margin: 10px 0 0 0;
font-size:10px;
width:157px;
border: 0;
cursor:pointer;
font-weight:normal;
background:#ffffff url(../_images/close_box.gif) no-repeat 0% 0%;
color: #707070;
}

/* checkboxes div */

.virtual_checkbox {
display:none;
}
.virtual_checkbox_opened {
overflow:auto;
position: absolute;
width:157px;
height:100px;
border:1px solid #efefef;
padding:3px 5px 5px 5px;
font-size:10px;
font-weight:normal;
background:#ffffff;
color: #707070;
}
.virtualInputContainer {
color: #666666;
font-size:10px;
}
.virtualInputContainer input {
position: relative;
top: 3px;
border: 0;
margin: 0 6px 0 0;
}


.cleaner {
clear: both;
}



#contentBottomContainer {
clear: both;
padding: 17px 0 0 0;
}

/* TEASER4 */

#teaser4Container {
background: #c80101;
/* background: URL(../_images/teaser4BackRepeat.gif) 0px 0px; */
width: 263px;
float: left;
}
.teaser4Background {
background: #c80101;
/* background: URL(../_images/teaser4Back.gif) repeat-x 0px 0px; */
}
.teaser4Header {
font-size: 14px;
color:#fff;
text-transform: uppercase;
padding: 7px 14px 0 14px;
}
.teaser4Intro {
color: #f7c2c2;
font-family: Arial, Tahoma, sans-serif;
font-size: 11px;
line-height: 18px;
padding: 10px 14px 0 14px;
}
.teaser4Intro a {
background: URL(../_images/teaser4Link.gif) no-repeat 0% 7px;
display: block;
font-size: 12px;
color: #fff;
text-decoration: none;
margin-top: -15px;
padding: 0 0 0 13px;
}
.teaser4Intro a:hover {
color: #f7c2c2;
}
.teaser4Image {
display: block;
}

/* NETWORK HOOK */

#teaser7Container {
float: left;
width: 401px;
margin: 0 0 0 18px;
}
#teaser7Outer {
padding: 8px 0 0 15px;
margin: 0;
border-left: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
height: 160px;
}
.teaser7Image {
display: block;
}
.teaser7Header {
color: #c80101;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
margin: 0 0 16px 0;
float: left;
width: 200px;
}
.teaser7Content {
float: left;
width: 200px;
font-size: 11px;
line-height: 20px;
}
.teaser7foto {
float: right;
}
.teaser7Content a {
background: url(../_images/blackArrows.gif) no-repeat 0px 8px;
color:#C80101;
color:#c80101;
font-family: Tahoma, Arial, sans-serif; 
display:block;
padding:0 0 0 14px;
text-decoration:none;
font-size: 12px;
}

/* NETWORK HOOK */

#networkHookHolder {
clear: both;
padding: 20px 0 0 0;
}
.networkHookOuter {
white-space:nowrap;
}
.networkHookOuter .hookHeader {
display: none;
}


.items {
width:20000em; 
position:absolute; 
}

.networkHookItemContainer {
margin: 0 20px 0 0;
float: left;
}
.networkHookItemContainer img{
height: 40px;
}

#shortScreen {
overflow:hidden;
position:relative;
width: 913px !important;
height:41px;
margin:20px 10px 0 0;
}
.shortRoll {
position:absolute;
height:41px;
float: left;
}
#networkHookHolder a {
margin-right:40px;
}


/* NETWORK MODULE */
.nwCustListNav{
margin-bottom:10px;
}
.nwCustListCategory {
border: 1px solid #c90103;
padding: 4px;
margin-bottom: 15px;
font-weight: bold;
color: #c90103;
display:none;
}
.nwCustListItem {
border: 1px solid #CDC1C3;
padding: 10px;
margin-bottom: 15px;
cursor: pointer;
}
.nwCustListItemName {
padding: 0 0 10px 0;
}
.nwCustListItemName a {
font-weight: bold;
}
.nwCustListImg {
float: right;
margin-left: 10px;
}
.nwCustListItemClear{
clear:both;
}

/* TEASER5 */

#teaser5Container {
float: right;
width: 224px;
text-align: right;
}
#teaser5Container img {
margin: 0 0 7px 0;
}


#footerOuter {
background:#f1f1f1;
_height: 187px;
min-height: 187px;
clear: both;
position: relative;
top: 47px;
text-align: center;
}
#footerContainer {
margin: 0 auto;
text-align: left;
width: 913px;
}

/* HLB2 */

.hlb2,.hlb2 ul {
margin: 0;
padding: 0;
list-style: none;
}
.hlb2 {
padding: 34px 0 0 8px;
width: 100%;
}
.hlb2 li {
float: left;
width: 25%;
}
.hlb2 a {
color: #333430;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding: 0 0 15px 0;
display: block;
}
.hlb2 a:hover {
color: #000;
}
.hlb2 ul li {
width: auto;
float: none;
display: block;
}
.hlb2 ul li a{
color: #908e8e;
font-size: 11px;
font-weight: normal;
padding: 0 0 6px 0;
_padding: 0;
_margin-bottom: -9px;
}

#hlb3 {
float: left;
padding: 27px 32px 0 8px;
font-size: 10px;
font-family: Arial, Tahoma, sans-serif;
color: #333430;
}
#hlb3 a {
font-size: 10px;
font-family: Arial, Tahoma, sans-serif;
text-decoration: none;
color: #333430;
}
#hlb3 a:hover {
color: #000;
}

#otys {
margin: 26px 23px 0 0;
}
#pxl {
margin: 26px 0 0 0;
}


/* SUBPAGE STYLES */

#subHeaderContainer_subpage {
background: URL(../_images/subHeaderBack_subpage.jpg) no-repeat 0% 0%;
min-height: 135px;
_height: 135px;
clear: both;
}
#contentFrame_subpage {
float: left;
padding: 56px 0 40px 39px;
width: 634px;
}
#rightContainer_subpage {
float: right;
width: 207px;
}
#rightContainer_subpage #teaser5Container {
border-top: 4px solid #c80101;
margin: 55px 0 0 0;
width: 207px;
padding: 10px 1px 0 0;
float: none;
}

/* TEASER 6 */

#teaser6Container {
border-top: 4px solid #c80101;
margin: 33px 0 0 0;
padding: 0 0 0 0;
}
.teaser6Header {
padding: 7px 0 20px 12px;
font-size: 14px;
text-transform: uppercase;
}
.teaser6Text {
padding: 0 0 0 14px;
}
.teaser6Text a {
background: URL(../_images/blackArrows.gif) no-repeat 0px 5px;
display: block;
margin-top: -5px;
padding: 0 0 0 13px;
color: #666;
text-decoration: none;
}
.teaser6Text a:hover {
color: #cf2323;
text-decoration: none;
}

/* JOBS SHORTLIST */

.jslOuter {
border-top: 4px solid #c80101;
margin: 43px 0 0 0;
}
.jslTitle {
padding: 7px 0 20px 12px;
font-size: 14px;
text-transform: uppercase;
font-weight: normal
}
.jslTitle span {
color: #c80101;
}
.jslItemContainer {
padding: 0 0 14px 14px;
}
.jslFunctionName {
background: URL(../_images/blackArrows.gif) no-repeat 0px 5px;
padding: 0 0 0 13px;
}
.jslFunctionName a{
color: #666;
text-decoration: none;
}
.jslFunctionName a:hover {
color: #cf2323;
}
.jslKeyword {
color: #666666;
padding: 2px 0 0 13px;
font-size: 10px;
}
.jslKeyword span {
padding: 0 4px 0 0;
}
#meerVacatures {
display: block;
margin: 20px 0 0 14px;
}

/* HLB4 + HLB 5 */

#hlb4Container {
border-top: 4px solid #c80101;
margin: 43px 0 0 0;
padding: 9px 0 0 12px;
}
#hlb4Container a:hover {
color: #666;
}
.RSSLink {
background: URL(../_images/rss_light.gif) no-repeat 0% 2px;
padding: 0 0 0 16px;
font-size: 11px;
color: #cd1919;
text-decoration: none;
}
.hlb5 {
font-size: 11px;
color: #cd1919;
text-decoration: none;
}

/** ACTONOMY STUFF **/
.optionsListContainer{
float:left;
}
.actEquery{
float:right;
width:350px;
}
.actSResContainer{
float:right;
width:350px;
}
.actRssContainer{
clear:both;
}
.actSPagControl{
clear:both;
}

/* SITE SPECIFIC STYLING */

.moduleOuter{
margin:0 20px 0 20px;
}
.formSubHeader {
padding: 20px 0 0 0;
}
.intro {
}

/* BUTTONS */

.button {
background: URL(../_images/buttonBack.gif) repeat-x 0% 0%;
height: 20px;
border: 0;
color: #fff;
margin: 10px 0;
}

/* NETWORK */

.nwCustomerTestimonial {
padding: 20px 0 0 0;
}
.nwDetailPicture {
padding: 10px 0;
}

/* RSS */

.RssFieldButton {
background: transparent URL(../_images/rss_light.gif) no-repeat 0% 0%;
height: 18px;
width: 18px;
border: 0;
}
.rssHookButton {
padding: 0 4px;
}

/* GOOGLE MAPS */

.HQuestion {
padding: 10px 0;
}
.FieldContainer select{
width: 150px;
}
.CritContainer input {
width: 150px;
}
.CritContainer .button {
width: auto;
}
.formTbl {
margin: 20px 0 0 0;
}

/* CATEGORY LIST */

.catListContainer {
border-top: 1px solid #cf2323;
width: 400px;
}
.catListItem {
border-bottom: 1px solid #cf2323;
padding: 10px 0;
width: 400px;
}
.appRowTbl {
border: 1px solid #d2d2d2;
}
.appRow {
padding: 4px;
}

/* JOBS DETAIL */

.jbdTextSh {
text-transform: uppercase;
margin-bottom: -2px;
}

/* JOB SEARCH MODULE */

/* VIRTUAL BOXES  JOB SEARCH MODULE */

.virtual_container_module {
height: 25px;
width:300px;
position: relative;
z-index: 1;
}

.virtual_selectbox_module {
padding:5px;
font-size:12px;
border:1px solid #999999;
width:300px;
cursor:pointer;
font-weight:normal;
background:#ffffff url(../_images/open_box_module.gif) no-repeat 100% 50%;
}


.virtual_selectbox_opened_module {
padding:5px;
font-size:12px;
border:1px solid #999999;
width:300px;
cursor:pointer;
font-weight:normal;
background:#ffffff url(../_images/close_box_module.gif) no-repeat 100% 50%;
}

/* checkboxes div */

.virtual_checkbox_module {
display:none;
}
.virtual_checkbox_opened_module {
overflow:auto;
width:300px;
height:100px;
border:1px solid #999999;
border-top:none;
padding:5px;
font-size:12px;
font-weight:normal;
background:#ffffff;
}
.jobSearchCheckBox_module {
width: 20px !important;
border: 0;
}
.formInputjsm {
margin: 10px 0 0 0;
}
.formInputjsm label {
padding: 2px 0 0 0;
}
.formInputjsm input {
width: 172px;
_width: 157px;
}


/* JOBS LIST */

.jblItemTitle {
font-size: 12px;
font-weight: normal;
padding: 0 0 10px 0;
}
.jblIntro {
border-bottom:1px solid #cdc1c3;
padding: 4px;
}
.jblItemContainer {
border-bottom:1px solid #cdc1c3;
margin-bottom: 18px;
padding-bottom: 18px;
}
.jblItemWord  {}
.jblItemWord span {
width: 120px;
display: block;
float: left;
}
.jblItemDescr {
padding: 10px 0 0 0;
}

/* MODULES */

.moduleHeader  {
margin: 0 0 15px 0;
}
.formSubHeader {
font-size:12px;
color: #CD1919;
font-weight: normal;
margin:0px;
padding:15px 0 5px 0;
}
.menuContainer {
padding: 10px 0;
margin-left: -4px;
}


.intro, .tekstblokje, .formText, .text{
line-height:18px;
}


/* EVENTS */

.ListTbl {
border: 1px solid #cd1919;
width: 100%;
margin: 10px 0 10px 0;
}
.listFunctionTbl {
width: 100%;
margin: 0 0 4px 0;
}
.listFunctionName {
padding: 4px;
background: #cd1919;
}
.listFunctionName a {
color: #fff;
text-decoration: none;
font-weight: bold;
}
.listKeywordContainer {
padding: 0 4px 4px 4px;
}
.listKeywordTitle {
padding: 4px 0 4px 0;
width: 100px;
}
.listKeyword {
padding: 4px 0 4px 0;
}

.itemContainer {
border: 1px solid #CDC1C3;
margin: 10px 0 10px 0;
padding:4px;
}
.itemTitle{
font-weight:bold;
}
.eveLIt {
/*
padding: 4px;
background: #cd1919;
*/
}
.eveLIt a {
/*
color: #fff;
text-decoration: none;
font-size: 12px;
font-weight: bold;
*/
}
.eveLIw {
padding: 4px;
}

/* EVENT CALENDAR */
.calendarOuterTbl{
width:100%;
margin-bottom:20px;
}
.datetbl{
}
.datetbl table{
width:100%;
}
.datetbl table table{
margin: 0 20px 0 0;
width:auto;
}
.datetbl table table table{
width:100%;
}

table.titletbl {
width:100%;
}
.titletbl td{
font-weight:bold;
padding-left:21px;
padding-bottom:5px;
}
.navlink {
padding: 9px 4px 0 4px;
font-weight:normal;
text-align:right;
width:7px;
padding-left:4px !important;
}
*>.navlink {
padding: 0px 4px 0 4px;
}
.navlink a {
text-decoration: none;
color:#cd1919;
}
.weekcell {
padding: 2px 5px 2px 0;
border-right: 1px solid #5C6063;
font-size:11px;
}
.daycell {
border-bottom: 1px solid #5C6063;
padding: 0 4px 5px 4px;
text-align: center;
font-size:11px;
}
.datecell {
padding: 2px 0 2px 0;
text-align: center;
}
.datecell a {
text-decoration: none;
font-weight: normal;
color:#333;
}
.datecellcontent {
font-weight: bold;
padding: 2px 0 2px 0;
text-align: center;
}
.datecellcontent a {
text-decoration: none;
color:#333;
}
.datecelltoday {
border: 1px solid #5C6063;
padding: 2px 0 2px 0;
text-align: center;
}
.datecelltoday a {
text-decoration: none;
color:#333;
}
.datecellactive {
background: #585858;
padding: 2px 0 2px 0;
text-align: center;
}
.datecellactive a {
color:#fff;
text-decoration: none;
}
.datecelltodayactive {
background:#5C6063;
padding:2px 0 2px 0;
border:1px solid #fff;
text-align: center;
}
.datecelltodayactive a {
color:#fff;
text-decoration: none;
}
.eveLIc {
cursor:pointer;
}
.evePhoto1{
position:absolute;
}
.evePhoto2{
left:455px;
position:relative; 
top:60px;
}


/* Events Detail */
.eveSh{
clear:both;
}
.eveDetCat{
padding-left:0;
margin-top:0;
margin-bottom:15px;
border-top:0;
}
.eveTitle{
float:left;
width:550px;
}
.categories{
float:left;
margin-left:5px;
font-size:10px;
display:inline;
}
span.startDate{
display:inline;
clear:none;
float:none;
width:auto;
}
span.endDate{
display:inline;
clear:none;
float:none;
width:auto;
}