/* ****************************
default.css
Default css file for project
**************************** */


/* ****************************
Client: Management Drives
Website: managementdrives.nl

Main color 1: #383838 -> Name: Black
Main color 1: #575757 -> Name: Dark gray
Main color 1: #d8d8d8 -> Name: Light gray
Main color 1: #5c2e91 -> Name: Purple
Main color 1: #e9841d -> Name: Orange
Main color 1: #ffcb05 -> Name: Yellow
Main color 1: #1a962b -> Name: Green
Main color 2: #006bb2 -> Name: Blue
Main color 2: #d71440 -> Name: Red
Main color 2: #afafaf -> Name: Gray
**************************** */



/* ****************************
Section: Blueprint alterations
**************************** */

h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }

h1, h2, h3, h4, h5, h6  {line-height:1.5;}

li ul, li ol {margin:0 1.68em;}
ul, ol {margin:0 1.68em 1.12em 1.68em;}

th { background: none; }

fieldset {
	padding: 0;
	border: 0;
}

label {
	font-weight: normal;
}

textarea {
	height: auto;
	font-size: 1em;
	font-family: Arial;
}

.success p,
.alert p,
.error p {
	margin: 0;
}



/* ****************************
Section: Main
**************************** */

html {
	overflow-y: scroll;
} 

body {
	margin: 0;
	font-family: Verdana;
}

a {
	text-decoration: none;
}
a:hover { 
	text-decoration: underline;
}

input {
	border: 1px solid #999999;
}

input[type=radio] {
	border: 0;
}

legend {
	margin-left: -.7em;
}



/* ****************************
Section: Header
**************************** */

#section-header {
	background: url('../images/bg-section-header.png') repeat-x;
}

#header {
}

#pitch {
	height: 135px; /*178*/
}

#logo {
	height: 135px; /*152/*
	padding-top: 0px; /*26*/
}

#search-box form {
	margin: 0;
	text-align: right;
}

#search-box .csc-searchbox-input {
	width: 140px;
	height: 16px;
	line-height: 16px;
	border-color: #cccccc;
}

#search-box #searchboxsubmit {
	width: 16px;
	height: 16px;
	border: 0;
	background: url('../images/icon-search-box.png') 50% 50% no-repeat;
	cursor: pointer;
}

#header #language-switch {
	text-align: right;
}

#header #language-switch .flag-item {
	display: inline;
}

#header #language-switch img {
	margin-left: 8px;
}

#header #language-switch div.SPC {
	display: inline;
}

#header #language-switch span {
	text-transform: uppercase;
}

#header #breadcrumb {
	text-indent: 13px;
	color: #575757;
	font-size: 0.85em;
}

#header #breadcrumb a {
	color: #575757;
}



/* ****************************
Section: Navigation, level 1
**************************** */

#nav-level1 {
	margin: 0 0 8px 0;
	background: url('../images/bg-nav-level1.png') no-repeat;
}

#nav-level1 ul {
	margin: 8px 0;
	list-style: none;
}

#nav-level1 ul li {
	float: left;
}

#nav-level1 ul li a {
	width: 121px;
	height: 28px;
	line-height: 26px;
	display: block;
	text-align: center;
	/*color: #383838;*/
	color: #1c4b85;
	font-size: 14px;
	font-weight: bold;
	text-transform:uppercase;
}
#nav-level1 ul li a:hover,
#nav-level1 ul li.li-active a,
#nav-level1 ul li.li-current-active a {
	color: #ffffff;
	text-decoration: none;
	background: #ffffff url('../images/bg-nav-level1-li-active.png') no-repeat;
}

#nav-level1 ul li.page-96 a {
	background-position: -121px 0;
}
#nav-level1 ul li.page-97 a {
	background-position: -242px 0;
}
#nav-level1 ul li.page-98 a,
#nav-level1 ul li.page-338 a {
	background-position: -363px 0;
}
#nav-level1 ul li.page-99 a {
	background-position: -605px 0;
}
#nav-level1 ul li.page-18 a {
	background-position: -484px 0;
}
#nav-level1 ul li.page-386 a {
	background-position: -726px 0;
}



/* ****************************
Section: Content
**************************** */

#section-content {
	margin: 10px 0;
}

#section-content .container .span-48 {
	background: #ffffff url('../images/bg-section-content.png') right top no-repeat;
}

#left-container {
	width: 286px;
	margin-right: 20px;
	float: left;
	clear: none;
}

#extra-menu {
	width: 286px;
	padding-top: 13px;
	background: url('../images/bg-nav-level2-new.png') left top no-repeat;
}

#extra-menu  ul {
	height: 15px;
	margin: 0px;
	padding: 15px;
	padding-top: 3px;
	list-style: none;
	background: url('../images/bg-nav-level2-new.png') left bottom no-repeat;
}

#extra-menu  ul li {
	float: left;
}

#extra-menu  ul li a {
	line-height: 19px;
	display: block;
	float: left;
	font-size: 0.9em;
	color: #333333;
}

#extra-menu  ul li a.pdf {
	margin-right: 25px;
	padding-left: 23px;
	background: url('../icons/pdf.png') left 50% no-repeat;
}

#extra-menu  ul li a.tip {
	padding-left: 29px;
	background: url('../icons/mail-a-friend.png') left 50% no-repeat;
}

#button-meer-informatie {
	float: left;
}

#call-to-action {
	width: 644px;
	float: right;
	clear: none;
}



/* ****************************
Section: Navigation, level 2
**************************** */

#nav-level2 {
	width: 286px;
}

#nav-level2-wrap {
	margin-top: -2px;
	padding-top: 13px;
	background: url('../images/bg-nav-level2-new.png') left top no-repeat;
}

#nav-level2 ul {
	margin: 0px;
	padding: 15px;
	padding-top: 0px;
	list-style: none;
	background: url('../images/bg-nav-level2-new.png') left bottom no-repeat;
}

#nav-level2 ul li {
	font-size: 1.1em;
}

#nav-level2 ul li a {
	height: 23px;
	line-height: 23px;
	padding-left: 25px;
	display: block;
	color: #575757;
	border-bottom: 1px solid #ffffff;
	text-transform:uppercase;
	font-size:12px;
}

#nav-level2 ul li a {
	background: #5c2e91 url('../images/bg-nav-level2-li.png');
}

#nav-level2 ul li a.a-level1:hover,
#nav-level2 ul li.li-active a.a-level1,
#nav-level2 ul li.li-current-active a.a-level1 {
	background: #afafaf url('../images/bg-nav-level2-li-active.png') -25px 50% no-repeat;
}

#nav-level2 ul li.li-spacer {
	padding-top: 0.28em;
	margin-bottom: 0.28em;
	color: #e9841d;
	font-size: 1.5em;
	font-weight: bold;
}

#nav-level2 ul li ul {
	margin: 0;
	padding: 0;
	background: none;
}

#nav-level2 ul li ul li {
	font-size: 1.0em;
}

#nav-level2 ul li ul li a {
	padding-left: 45px;
	display: block;
	color: #575757;
}


#nav-level2 ul li ul li a:hover,
#nav-level2 ul li ul li.li-active a,
#nav-level2 ul li ul li.li-current-active a {
	background: #afafaf url('../images/bg-nav-level2-li-active.png') 0px 50% no-repeat;
}



/* ****************************
Section: Normal
**************************** */

#normal {
	width: 594px;
	margin-top: 10px;
	padding: 0px 25px 20px 25px;
	float: left;
	clear: none;
	color: #575757;
	background: #ffffff url('../images/bg-normal.png') right bottom no-repeat;
}

h2,
.tx-felogin-pi1 h3,
.tx-felogin-pi1 legend {
	margin-top: 1.12em;
	margin-bottom: 0em;
	font-size: 1.1em;
	line-height: 1;
	color: #575757;
}

h2.csc-firstHeader,
.tx-felogin-pi1 h3 {
	font-size: 1.1em;
}

.tx-felogin-pi1 h3 {
	margin: 1.12em 0;
}

p {
	margin: 0.56em 0;
	margin-top: 0.28em;
}

.csc-content ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.csc-content ul li {
	background-image: url('../images/arrow-gray.png');
	background-repeat: no-repeat;
	background-position: 0px 6px; 
	padding-left: 14px; 
}


DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border-color: #ffffff;
}

.csc-textpic-caption {
	font-size: 0.9em;
	font-weight: bold;
}

#normal input[type=submit] {
	border: 0;
	color: #575757;
	background: url('../images/arrow-gray.png') right 60% no-repeat;
	cursor: pointer;
}
#normal input[type=submit]:hover {
	text-decoration: underline;
}

#relevant-links {
	width: 153px;
	height: 140px;
	margin-left: -22px;
	margin-bottom: -12px;
	padding: 60px 25px 25px 30px;
	position: relative;
	top: -15px;
	right: -32px;
	float: right;
	overflow: hidden;
	background: url('../images/bg-relevant-links.png') no-repeat;
}

#relevant-links h2 {
	margin: 0;
}

#relevant-links input {
	margin: 0.19em 0;
	font-size: 1.1em;
}

body #lightbox-overlay {
	background-color:#a1a1a1;
}



/* ****************************
Section: Navigation, footer
**************************** */

#section-footer {
	background: url('../images/bg-section-footer.png') repeat-x;
}

#footer {
	height: 147px;
	background: url('../images/bg-footer.png') repeat-x;
}

.footer-block {
	margin-top: 2.24em;
	line-height: 1.75em;
}

.footer-block ul {
	margin: 0px;
	list-style: none;
}

.footer-block ul li {
	font-size: 0.95em;
	font-weight: bold;
}

.footer-block ul li ul.ul-level2 li {
	font-weight: normal;
}

.footer-block ul li ul.ul-level2 li a {
	color: #575757;
}

.footer-block ul li a:hover,
.footer-block ul li.li-active a,
.footer-block ul li.li-current-active a {
}

#footer-block1,
#footer-block2,
#footer-block3 {
	border-right: 1px solid #a6a6a6;
}

#footer-block1,
#footer-block2,
#footer-block3 {
	margin-right: 9px;
}

#footer-color-bar {
	height: 8px;
	background: url('../images/bg-footer-color-bar.png') repeat-x;
}

#footer-copyright {
	margin: 0.56em;
	text-align: center;
	font-size: 0.9em;
}

#footer-copyright a {
	color: #575757;
}



/* ****************************
Section: Mailform
**************************** */

#mailform,
#mailform fieldset {
	padding: 0;
}

.csc-mailform {
	border: 0;
}

.csc-mailform-field {
	width: 390px; 
	float: left;
	overflow: auto;
	margin-bottom: 8px;
}

.csc-mailform label {
	display: inline;
	font-weight: normal;
}

.csc-mailform-radio legend {
	display: none;
}

.csc-mailform-field label {
	width: 96px;
	padding-left: 0px;
	margin: 0;
	float: left;
}

.csc-mailform-field input, 
.csc-mailform-field textarea {
	float: left;
}

.csc-mailform-field textarea {
	width: 280px;
	height: 120px;
	float: left;
	clear: both;
}

.csc-mailform-submit {
	margin-left: 116px;
	text-align: center;
}



/* ****************************
Section: tt_news
**************************** */

#normal .news-single-item h2 {

}

.news-list-item h3 {
	font-size: 1em;
	color: #575757;
}

.news-list-item h3  span.news-list-date {
	font-weight: normal;
}



/* ****************************
Section: Content tabs
**************************** */

.content-tabs {
	width: 644px;
	float: left;
	clear: none;
	color: #575757;
}

.content-tabs ul.tabs {
	height: 27px;
	padding-bottom: 5px;
	margin: 0;
	padding-left: 2px;
	white-space: nowrap;
	list-style: none;
	background: #ffffff url('../images/bg-content-tabs-ul.png') left bottom no-repeat;
	background: #ffffff url('../images/bg-content-tabs-ul.png') right -1px no-repeat;

}
#home-tabs .content-tabs ul.tabs {
	display:none;

}

/*
.content-tabs ul.tabs li {
	height: 27px;
	line-height: 27px;
	padding: 0 15px 0 10px;
	float: left;
	font-size: 1.4em;
	background: url('../images/bg-content-tabs-li.png') right top no-repeat;
	cursor: pointer;
}
*/

.content-tabs ul.tabs li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 1em;
	font-weight: bold;
}

.content-tabs ul.tabs li a {
	height: 27px;
	line-height: 29px;
	margin: 0;
	padding: 0 0 0px 6px;
	float: left;
	text-decoration: none;
	background: url('../images/bg-content-tabs-li.png') no-repeat left -32px;
}

.content-tabs ul.tabs li a span {
	float: left;
	display: block;
	background: url('../images/bg-content-tabs-li.png') no-repeat right -32px;
	padding: 0px 25px 0px 12px;
}

#home-tabs .content-tabs {
    background-image:none;
}
#home-tabs .content-tabs ul.tabs {
    display: none;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.content-tabs ul.tabs li a span {float:none;}
/* End IE5-Mac hack */

.content-tabs ul.tabs li a:hover span {
	background-position: 100% 0;
}

.content-tabs ul.tabs li a:hover {
	background-position: 0% 0;
}

.content-tabs ul.tabs li a.current {
	background-position: 0% 0;
}

.content-tabs ul.tabs li a.current span {
	background-position: 100% 0;
}

.content-tabs div.panes > div {
	background: #ffffff url('../images/bg-content-tabs-panes.png') left bottom no-repeat;
	background: #ffffff url('../images/bg-normal.png') right bottom no-repeat;
}

/* tab pane */
div.panes > div {
	padding: 10px 25px 10px 25px;
	display: none;
	clear: both;
	min-height: 150px;
}
#home-tabs div.panes > div {
	padding: 0;
	display: none;
	clear: both;
	min-height: 150px;
	background:none;
}




/* ****************************
Section: tipafriend
**************************** */

.tx-tipafriend-pi textarea {
	width: 250px;
	height: 100px;
}



/* ****************************
Section: wec_staffdirectory
**************************** */

.tx-wecstaffdirectory-pi1 .pluginSection .entries li {
	background: none;
}

.tx-wecstaffdirectory-pi1 .pluginSection .entries li.column {
	width: 31%;
	height: auto;
	float: left;
	padding-bottom: 5px;
	text-align: center;
}

.tx-wecstaffdirectory-pi1 .pluginSection .entries li.column img {
	padding: 8px;
	background: url('../images/bg-wec-staffdirectory-entry-image.png');
}
	
.tx-wecstaffdirectory-pi1 .singleView img {
	padding: 8px;
	background: url('../images/bg-wec-staffdirectory-entry-image-large.png');
}

.tx-wecstaffdirectory-pi1 .pluginContent .button .prevIcon {
	background: none;
}

.tx-wecstaffdirectory-pi1 .pluginContent .button,
.tx-wecstaffdirectory-pi1 .pluginContent .button:hover {
	display: inline-block;
	padding: 0;
	margin: 0;
	text-decoration: none !important;
	color: #565656;
	border: none;
	background: none;
	filter: none;
	cursor: pointer;
}
.tx-wecstaffdirectory-pi1 .pluginContent a.button:hover .prevIcon {
	text-decoration: underline;
}

.tx-wecstaffdirectory-pi1 .entries li .fieldDescriptionLarge {
	width:			100%;
	margin:			0;
}

.tx-wecstaffdirectory-pi1 .entries li .fieldLabel {
	display:		block;
	float:			left;
	width:			30%;
	margin:			0;
	clear:			left;
	font-weight:	bold;
}

.tx-wecstaffdirectory-pi1 .entries li .fieldHeaderLarge {
	margin-bottom: 0.56em;
	font-size:		14px;
	font-weight:	bold;
}

.pluginSection .entries li div.leftColumn {
	width:170px;
}
.pluginSection .entries li div.rightColumn {
	width:170px;
	height: 50px;
	text-align:center;
}

/* ****************************
Section: felogin
**************************** */

.tx-felogin-pi1 {

}

.tx-felogin-pi1 input[type=text],
.tx-felogin-pi1 input[type=password] {
	width: 140px;
}

#relevant-links .tx-felogin-pi1 input {
	font-size: 1em;
	color: #575757;
}

#relevant-links .tx-felogin-pi1 p {
	margin: 0;
}

#relevant-links .tx-felogin-pi1 a {
	color: #575757;
	font-size: 0.95em;
}



/* ****************************
Section: sr_feuser_register
**************************** */

.tx-srfeuserregister-pi1 {
	
}

.tx-srfeuserregister-pi1 h4,
.tx-srfeuserregister-pi1 p {
	padding: 0;
}

.tx-srfeuserregister-pi1 dt {
	width: 120px;
	text-align: left;
}

.tx-srfeuserregister-pi1 h4 {
	margin: 0.56em 0;
	font-size: 1em;
	font-weight: normal;
	color: #575757;
	
}



/* ****************************
Section: indexed_search
**************************** */

.tx-indexedsearch {

}

.tx-indexedsearch strong.tx-indexedsearch-redMarkup {
	font-weight: normal;
}

.tx-indexedsearch dl {
	margin-top: 0;
}

/* ***************************
WK FOOTER - Commentarieer onderstaande uit om de WK footer weg te halen


#section-footer {
	background: url('../images/bg-section-footer-wk.png') repeat-x scroll 0 transparent;
}

#footer {
	height: 206px;
	background: url('../images/bg-footer-wk.png') repeat-x;
}

.footer-block {
	margin-top: 7.24em;
	line-height: 1.75em;
}
*************************** */