/*
wortell red #af2e19
wortell green #5baf40/#58b046
*/
/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1
}
blockquote, q { 
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
/* BASIC TYPOGRAPHY */ 
html {
	font-size: 62.5%;
	font-family: "Liberation Sans", Helvetica, Arial, sans-serif;
}
strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
cite, em, dfn {
	font-style: italic;
}
code, kbd, samp, pre, tt, var {
	font-size: 92%;
	font-family: monaco, "Lucida Console", courier, monospace;
}
del {
	text-decoration: line-through;
	color: #666;
}
small, sup, sub {
	font-size: 85%;
}
abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em;
}
a abbr, a acronym {
	border: none;
}
abbr[title], acronym[title], dfn[title] {
	cursor: help;
	border-bottom: 1px solid #b6b8ba;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
/* QUOTES */
blockquote {
	border-top: 1px solid #b6b8ba;
	border-bottom: 1px solid #b6b8ba;
	color: #666;
}
blockquote *:first-child:before {
	content: "\201C";
}
blockquote *:first-child:after {
	content: "\201D";
}
/* FORMS */
fieldset {
	padding:1.4em;
	margin: 0;
	border-top: 1px solid #b6b8ba;
}
legend {
	font-weight: bold;
	font-size:1.2em;
	color:#757679;
}
label {
	font-weight: bold;
}
textarea, input[type='text'], input[type='password'], select {
	border: 1px solid #b6b8ba;
	background: #fff;
	color:#757679;
}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {
	border-color: #aaa;
}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {
	background: #fff;
	color:#525355;
}
input, select {
	cursor: pointer;
}
input[type='text'], input[type='password'] {
	cursor: text;
}
body.formPage { background-image:none; font-size:1.2em;}
.frm {
	height:460px;
}
.frm .fld {
	display: block;
	position:relative;
	height:50px;
}
.frm .fld .fldLabel {
	display:block;
	width:180px;
	position:absolute;
	top:4px;
	left:0;
	font-weight:normal;
}
.frm .fld .fldLabelReq {
	display:block;
	width:180px;
	position:absolute;
	top:4px;
	left:0;
}

.frm .fldList {margin:1em 0;}
.frm .fldList ul {list-style:none; margin:0; padding:.5em 0;
}
.frm .fldList ul li{ margin-left:0; width:175px; float:left; font-size:.9em; padding:.5em 0;
}
.frm .fldList ul label{ font-weight:normal;
}

.frm .fld input {
	display:block;
	width:200px;
	position:absolute;
	top:4px;
	left:180px;
}
.frm .fld textarea  {
	display:block;
	width:300px;
	position:absolute;
	top:4px;
	left:180px;
}
.frm .fld .valmsg 
{
	position:absolute;
	top:8px;
	left: 395px;	
	width:50px;
	font-size:.9em;
	
	background-repeat:no-repeat;
	padding-left:1.8em;
	height:15px;
}
.frm .fld div.notice {
	background-position: 0 0;
}
.frm .fld div.success {
	background-position: 0 -30px;
}
.frm .fld div.error {
	background-position: 0 -60px;
}


.frmButtons {clear:both;}

/* BASE SIZES */
.siteOutline {
	font-size: 1.2em;
	line-height: 1.6em;
}
h1 {
	font-size: 1.9em;
}
h2 {
	font-size: 1.7em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
}
/* LISTS */
ul li {
	margin-left: .85em;
}
ul {
	list-style-type: disc;
}
ul ul {
	list-style-type: square;
}
ul ul ul {
	list-style-type: circle;
}
ol {
	list-style-position: outside;
	list-style-type: decimal;
}
dt {
	font-weight: bold;
}
/* TABLES */
table {
	border-top: 1px solid #b6b8ba;
	border-left: 1px solid #b6b8ba;
}
th, td {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #b6b8ba;
}
/* MARGINS & PADDINGS */
blockquote *:first-child {
	margin: .8em 0;
}
hr, p, ul, ol, dl, pre, blockquote, address, table {
	margin-bottom: 1.6em;
}
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 {
	margin: 1em 0 .5em;
}
h2 {
	margin: 1.07em 0 .535em;
}
h3 {
	margin: 1.14em 0 .57em;
}
h4 {
	margin: 1.23em 0 .615em;
}
h5 {
	margin: 1.33em 0 .67em;
}
h6 {
	margin: 1.6em 0 .8em;
}
img {
	/*padding:1px;
	border:1px solid #b6b8ba;*/
	border:0px;
}
th, td {
	padding: .8em;
}
caption {
	padding-bottom: .8em;
} /* padding instead of margin for IE */
blockquote {
	padding: 0 1em;
	margin: 1.6em 0;
}
/*fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } padding-top is margin-top for fieldsets in Opera */
legend {
	padding-left: .8em;
	padding-right: .8em;
}
legend+* {
	margin-top: 1em;
} /* compensates for the opera margin bug */
textarea, input {
	padding: .3em .4em .15em .4em;
}
select {
	padding: .1em .2em 0 .2em;
}
option {
	padding: 0 .4em;
}
a {
	/*position: relative;*/
	padding: 0.3em 0 .1em 0;
} /* for larger click-area */
dt {
	margin-top: .8em;
	margin-bottom: .4em;
}
ul {
	margin-left: 1.5em;
}
ol {
	margin-left: 2.35em;
}
ol ol, ul ol {
	margin-left: 2.5em;
}
/* COLORS */
a:link {
	text-decoration: underline;
	color: #757679;
}
a:visited {
	text-decoration: underline;
	color: #67686a;
}
a:hover {
	text-decoration: underline;
	color: #58b046;
}
a:active, a:focus {
	text-decoration: underline;
	color: #58b046;
}

a.pdf {
        padding-left: 20px;
        background: url('../images/btnPDF.jpg') no-repeat left center;
        margin-top: 5px;
}

/* TEXT CLASSES */
.small {
	font-size:.8em;
	margin-bottom:1.875em;
	line-height:1.875em;
}
.large {
	font-size:1.2em;
	line-height:2.5em;
	margin-bottom:1.25em;
}
.hide {
	display:none;
}
.quiet {
	color:#666;
}
.loud {
	color:#000;
}
.highlight {
	background:#ff0;
}
.top {
	margin-top:0;
	padding-top:0;
}
.bottom {
	margin-bottom:0;
	padding-bottom:0;
}
.thin {
	font-weight: lighter;
}
.error, .notice, .success {
	padding:0 .8em;
	margin-bottom:1.6em;
	line-height:30px;
}
.error {
	background:#af2e19;
	color:#fff;
}
.notice {
	background:#FFF6BF;
	color:#514721;
}
.success {
	background:#58b046;
	color:#fff;
}
.error a {
	text-decoration:underline;
	background:none;
	padding:0;
	margin:0;
}
.notice a {
	color:#514721;
	background:none;
	padding:0;
	margin:0;
}
.success a {
	text-decoration:underline;
	background:none;
	padding:0;
	margin:0;
}
.center {
	text-align: center;
}
body {
	background: url('/Lib/Images/wortell-header.jpg') repeat-x center top;
}


.siteOutline {
	text-align: left;
	width:900px;
	margin: 0 auto; 
	clear: both;
}
.clear {
	clear:both;
}
#header {
	height: 130px;
	position: relative;
}
#header .logo {
	height: 130px;
	width: 175px;
	position:absolute;
	left: 0;
	top: 0;
	margin: 0;
}
#header .logo img {
	padding:0;
	border: 0px;
}
#headerHidden { display:none; }
.navHeader, .navFooter {
	list-style: none;
	display:inline-block;
	position:absolute;
	right: 15px;
	top: 15px;
}
.navFooter li, .navHeader li {
	display: inline;
}
.navFooter li a, .navHeader li a {
	text-transform: lowercase;
	text-decoration:none;
	font-size:.9em;
}
#searchForm {
	position:absolute;
	right:0;
	top:5px;
}
.searchTextBox {
	font-size:.9em;
	width:140px;
}
/* Main Banner */
.bannerHost 
{
	width:900px;
	height:300px;
	border-width:0;
}
/* People */
.peopleHost 
{
	width:900px;
	height:485px;
	border-width:0;
}
/* Reference */
.referencesHost 
{
	width:900px;
	height:450px;
	border-width:0;
}
/* Main Navigation */
#navMain {
	height: 30px;
	position:relative;
}
#navMain, #navSub {
	letter-spacing:.1em;
}
#navMain ul {
	list-style: none;
	display:inline-block;
	margin-left:5px;
}
#navMain ul li{
	margin:0;
	padding:0 10px;
	line-height:30px;
	display: inline;
}
#navMain a {
	text-decoration:none;
	text-transform: lowercase;
}
/* Banner */
#banner {
	/*border:1px solid #ddd;*/
    height: 300px;
	margin-bottom: 15px;
}
/* footer */
#footer {
	height:70px;
	position:relative;
}
#footer img {
	position:absolute;
	top:12px;
	left:15px;
	padding:0;
	border:0px;
}
#footerAddress {display:none;} /*only for print.css*/
/* homepage */

.focusColumnContent {
	width:280px;
	background:#fff url('/Lib/Images/column-bg.jpg') no-repeat 0 0;
	min-height:176px;
}
.focusColumnContent h2, #navSubHeader {
	background:#4c4c4c url('/Lib/Images/column-bar.jpg') no-repeat 0 0;
	color:#b6b8ba;
	font-size:1em;
	line-height:25px;
	height:25px;
	font-weight:normal;
	padding-left:16px;
	margin:0;
}
.focusColumnContent p, .contentIntro {
	font-size:16px;
	line-height: 1.4em;
	padding:15px 15px 0;
}
.focusColumnContent p.homelinks {
	font: .9em "Liberation Sans", Helvetica, Arial, sans-serif;
	position: absolute;
	bottom:0;
}
.focusColumnContent a {}
#columns {
	position:relative;
	height:176px;
}
/*cloudy background positioning*/
#column1 {
	background-position:-15px 0;
	position: absolute;
	bottom: 0;
	left:15px;
}
#column2 {
	background-position:-310px 0;
	position: absolute;
	bottom: 0;
	left:310px;
}
#column3 {
	background-position:-605px 0;
	position: absolute;
	bottom: 0;
	left:605px;
}
#column1 h2 {
	background-position:-15px 0;
}
#column2 h2 {
	background-position:-310px 0;
}
#column3 h2 {
	background-position:-590px 0;
}
#column1 a, #column2 a, #column3 a {
	text-decoration:none;
}


/*sliding panels*/
.slide {
	height: 87px;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
	padding: 15px 15px 0;
}
/*sliding panel 'achterkant'*/
#behindpanel {
    position: absolute;
    bottom: 0;
    z-index: 998;
    margin-left: auto;
    margin-right: auto;
    text-align:right;
    width:100%;
}
#behind {
	height: 270px; /*dit aanpassen voor hoogte*/
	width:545px;
	overflow: auto;
	position: relative;
	z-index: 4;
	display: none;
	background:url('/Lib/Images/behind-bg.png');
	border-top:1px solid #b6b8ba;
	text-align:left;
}
#behindPeople {
	width:870px;
	height:420px;
	overflow: auto;
	position: relative;
	z-index: 4;
	display: none;
	background:url('/Lib/Images/behind-bg.png');
	border-top:1px solid #b6b8ba;
	text-align:left;	
}

#switch {
	height:39px; /*39px*/
	width:100%;
	display:block;
	text-align:right;
}
#switchbutton {
	width:100px;
	padding:0;
	float:right;
}
#switchbutton a {
	height:35px;
	padding:5px 0 0;
	font-size:1em;
	color:#58b046;
	display:block;
	background-image:url('/Lib/Images/backside.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}
#switchbutton a#open { height:28px; padding:12px 0 0; background-position: 0 0; }
#switchbutton a#close { height:35px; padding:5px 0 0; background-position: 0 -51px; }
#switchbutton a:hover { text-decoration:underline; }
#switchbutton a#open:hover { background-position: -120px 0; }
#switchbutton a#close:hover { background-position: -120px -51px; }


.solid {
	height:151px;
	position:relative;
	cursor:default;
}
.newsItem {
	width:565px;
	position:absolute;
	background:url('/Lib/Images/newspanel.png') repeat-y -6px 0;
	margin-top:10px;
	margin-left:575px;
	height:90%;
	left:0;
	top:0;
	border-bottom:1px solid #b6b8ba;
	border-top:1px solid #b6b8ba;

}
.newsItem:hover {
	background:url('/Lib/Images/newspanel.png') repeat-y -52px 0;
	cursor:pointer;
}
.newsDate {
   width:60px;
   float:left;
   margin-right:10px;
   margin-bottom: 1em;
   background:url('/Lib/Images/column-bar.jpg');
   color:#fff; 
   font-size:90%;
   text-align:center;
   padding:8px 0;
}
.newsDate .day {display:block; font-size:150%; font-weight:bold;}
.newsDate .year {color:#b6b8ba;}
.newsIntro {
    width:480px;
    float:left;
}
.newsContent {
	margin-left:20px;
	background:#fff;
	padding:0 15px;
	height:100%;
	overflow:auto;

}
/* Default Content */
div#navSub, div#defaultPageContentContainer {
	float:left;
	margin-left:15px;
}
#navSub {
	width:280px;
}
#navSub ul {
     list-style:none;
     /*margin:36px 0 0;*/
     margin:11px 0 0;
}
#navSub ul ul {
     margin:0;
}
#navSub ul li {
     margin:0;
     min-height:25px;
     line-height:25px;
}
#navSub ul ul li {
     margin:0;
     min-height:20px;
     margin-left:15px;
     line-height:20px;
     font-size:.9em;
}
#navSub ul li a {
     text-transform: lowercase;
     text-decoration:none;
}

/* Content */
#defaultPageContentContainer {
	min-height:300px;
	width: 575px;
	position:relative;
	background:#fff url('/Lib/Images/column-bg.jpg') repeat-y 0 0;
}
#staticPageContentContainer {
	min-height:300px;
}
#defaultPageContentContainer img, #staticPageContentContainer img {
	float:left;
	margin:.3em 1em 1em 0;
}
#navSubHeader {
	/*position:absolute;
	left:-295px;*/
	display:block;
	width:264px;
	text-transform:lowercase;
}
#navSubHeader a {text-decoration:none;color:#b6b8ba;}
#navSubHeader a:hover {text-decoration:none;color:#58b046;}

.contentIntro {
	padding:15px 15px 1px;
}
/*.contentIntro img {margin-top:1.6em !important;}*/
/*.contentIntro2 {
	background:#fff url('/Lib/Images/newspanel.jpg') no-repeat 0 0;
	padding:15px;
}*/
#defaultPageContentContainer h1 {
	margin-top:15px;
	margin-left:15px;
	margin-bottom: 0.5em;
	font-family: Times New Roman;
	font-size: 24px;
	font-weight:normal;
	color: #58b046;
}
#defaultPageContentContainer .contentIntro h1 {
    margin-top:0;
    margin-left:0;
}
.backbutton {
    background:#fff;
    padding-top:1em;
}
.backbutton span{
    height:23px;
    background: transparent url('/Lib/Images/back.png') no-repeat top left;
    display:inline-block;
}
.backbutton a {
    display:block;
    background: transparent url('/Lib/Images/back-a.png') no-repeat top right;
    margin-left:17px;
    padding-left:8px;
    padding-right:8px;
    font-size:.9em;
    text-decoration:none;
}
.backbutton a:link, .backbutton a:visited {
    color:#b6b8ba;
}
.backbutton a:hover, .backbutton a:active {
    color:#fff !important;
}
.contentIntro p {
	margin-bottom:1em;
}
.contentIntro a {
	color:#58b046;
	text-decoration:none;
}
.contentIntro a:hover {
	color:#af2e24;
}
.contentBody {
    background:#fff; min-height: 185px;
}
.contentBody, #behind, #behindPeople{
	color:#757679;
	padding: 15px;
}
#contentItemsContainer {
	/*background:#fff url('/Lib/Images/column-bg.jpg') repeat-y 0 0;*/
	/*border-top:dotted 1px #ccc;*/
	position:relative;
	overflow:hidden;
	padding-bottom: 12px;
}
.contentBody a:hover {
	color:#000;
}
.contentBody h2, #behind h2, #behindPeople h2, .jobCategory h2{
	font-size:1.2em;
	margin-bottom:.2em;
	margin-top:0;
}
#contentItemsContainer li h3 {
	font: 20px Times New Roman;
	color:#af2e19;
	margin-bottom:.2em;
}
/* Content Items */
#contentItemsContainer ul {
	list-style: none;
	margin-left:0;
	color:#757679;
}
.noUnderline, .noUnderline:hover { text-decoration:none !important; }
.toggle {
	cursor:pointer;
	padding:.5em 1em 0;
	margin-bottom:0;
}
.toggle2 {
	padding:.1em 1em 0;
	margin-bottom:0;
}
.toggle2 a 
{
	text-decoration:none;
}
.listItem 
{
	padding:.5em 1em 0;
	margin-bottom:0;	
}

/*Tabs*/
ul.tabNav { float: left; list-style: none; margin:0; background:url('/Lib/Images/tabnav.png') repeat-x bottom left; width:565px; padding-left:10px; padding-top:1.5em;}
ul.tabNav li { float: left; margin: 0; padding:0; }
ul.tabNav li.current { background:url('/Lib/Images/tabnav02.png') no-repeat bottom right; }
ul.tabNav a { display: block; padding: 6px 9px 5px 14px; text-decoration: none; margin-right:8px; cursor:pointer;}
ul.tabNav li.current a { color:#000; background: transparent url('/Lib/Images/tabnav01.png') no-repeat bottom left;}
div.tabContainer { clear: both; float: left; width: 100%; }
div.tabContainer div.tab { display: none; padding: 10px; min-height:120px; }
div.tabContainer div.current { display: block; }
div.tab { background-color:#fff;}
div.tab p:last-child { margin-bottom: 0; }
/*end tabs*/

/*START: Tabs Branches, Solution, Technologies */
ul.tabTST { float: left; list-style: none; margin:0; background:url('/Lib/Images/tabnav.png') repeat-x bottom left; width:565px; padding-left:10px; padding-top:1.5em;}
ul.tabTST li { float: left; margin: 0; padding:0; }
ul.tabTST li.current { background:url('/Lib/Images/tabnav02.png') no-repeat bottom right; }
ul.tabTST a { display: block; padding: 6px 9px 5px 14px; text-decoration: none; margin-right:8px; cursor:pointer;}
ul.tabTST li.current a { color:#000; background: transparent url('/Lib/Images/tabnav01.png') no-repeat bottom left;}
/*END:	Tabs Branches, Solution, Technologies */


#contentItemsContainer li .toggle:hover h3, #contentItemsContainer li .toggle2:hover h3, #contentItemsContainer li .toggle:hover p, #contentItemsContainer li .toggle2:hover div {
	color: #58b046;
}

.toggle:after, .toggle2:after, listItem:after, #contentItemsContainer li:after, .fldList:after, .signup:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#contentItemsContainer li {
	margin-left:0;
}
#contentItemsContainer li p {
}
#contentItemsContainer li h3 {
	margin-top:0;
	clear:both;
}
.newsContent h3 {
	padding-top:15px;
}
.ListCategory {
	border-bottom:1px solid #ccc;
	margin-top:3em;
	clear:both;
}
.ListCategory h2 {
        margin-left: .4em;
        margin-bottom: .2em;
}

.silverlightLoad 
{
background:#fff url('/Lib/Images/column-bg.jpg') no-repeat 0 0;padding:15px; margin:10px; border:1px solid #ccc; width:360px; font-size:12px; line-height:18px; color:#757679;}
.silverlightLoad p {
    text-align:left;}
/* News & Events form buttons*/
.signup 
{
	width:100%;
	margin-bottom: 1.5em;
	margin-top: 1em;
}
.signup a {
	background: url('/Lib/Images/reageer-arrow.png') no-repeat top right;
	color: #fff;
	float: left;
	font: normal 12px arial, sans-serif;
	text-decoration:none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	height: 32px;
	margin:0;
	padding: 0 42px 0 0;
}
.signup a:hover {
	background: url('/Lib/Images/reageer-arrow.png') no-repeat right -32px ;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
	color:#fff;
}
.signup a span {
	background: url('/Lib/Images/reageer.png') no-repeat 0 0;
	display: block;
	line-height:32px;
	padding: 0px 5px 0 15px;
}
.signup a:hover span{
	background: url('/Lib/Images/reageer.png') no-repeat 0 -32px;
}
/*Mailing */
.thanks 
{
	font-size:1.2em;
	background: url(/lib/images/wortell-header.jpg) repeat-x center top;
}
.thanks .layout
{
	width:450px;	
}
.thanks .layout div 
{
	text-align: left;
	margin: 0 auto;
	padding: 0 auto;
}
.thanks .layout p 
{
	text-align: left;
	margin: 20px;
	font-size: 1.2em;
}

.headerMnb, .bodyMnb, .buttonsMnb  {
	text-align: left;
	margin: 0 auto;
	padding: 0 auto;
}
.bodyMnb, .buttonsMnb 
{
	margin: 3em;
	text-align:justify;
}
.buttonsMnb 
{
	text-align:center;
}
.buttonsMnb input 
{
	width: 100px;
	height:30px;	
	margin-left: 1em;
}
/* --------- */
.column3 {
	width:170px;
	margin-right:10px;
	float:left;
}
.column2 dt {
	clear:both;
	font-size:1.2em;
	margin-bottom:.2em;
	padding-top:2em;
}
.column2 dd {
	width:263px;
	margin-right:10px;
	border-bottom: 1px solid #B6B8BA;
	padding:5px 2px;
	font-size:.9em;
}
.fn {
	color:#af2e19;
	font-weight:bold;
}
.email {
	font-size:.9em;
}
.vcard {
	padding:8px;
	border-bottom: 1px solid transparent;
	margin-bottom: .2em;
}
.vcard:hover {
	background:url('/lib/images/vcard.png') no-repeat top left;
	border-bottom: 1px solid #c8c8c7;
}
.eventContact 
{
	width: 250px;	
}
.eventContact span 
{
	float:left;	
	width:75px;
	height:22px;
	border:0;
	margin:0;
	padding:0;
	vertical-align:middle;
	font-weight:bold;
}
.eventContact .fldValue
{
	float:left;
	width:125px;
	height:22px;
	border:0;
	margin:0;
	padding:0;
	vertical-align:middle;
	font-weight:normal;
}
.pdfdownload { margin-top: 15px; }
#loadMessage { padding:20px 10px 10px 25px; font-size:1.2em; font-weight:bold;}
.nodata { padding:10px 50px 50px 25px; font-size:1.2em; font-weight:bold; }