/*	Default stylesheet			*/
/*	Author: 							*/
/* 	Company: 	tfe.nl			*/
	

html {
	background: #FFF url('../../images/bgHTMLopen.jpg') no-repeat 18px 98px;
	margin: 0;
	padding: 0 0 0 20px;
}

body {
	background: transparent;
	color: #333;
	font: normal normal normal 62.5%/1.25em arial, verdana, sans-serif;
	margin: 0;
}

a {
	color: #333;
}

a {
	color: #B00;
}

img {
	
}

h1 {

	
}

h2 {
	color: #000;
	font-size: 2.5em;
	margin: 0;
	position: relative;
	top: -3px;
	/*margin-bottom:16px;*/
}

h3 {
	color: #000;
	font-size: 2.1em;
	margin: 0;
}

h4 {
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 0px;
	line-height: 1.1em;
	margin: 0;
	padding: 0 11px 7px;
}
h4.border {
	border-bottom: 1px solid #B00;
}
h4.articleTitle {
	padding: 36px 0 0 ;
}
h4.faqTitle {
	font-size: 1.6em;
	padding: 0 0 7px;
}
h4 span.preTitle {
	color: #666;
	display: block;
	font-size: 0.85em;
	margin: 0;
	padding: 36px 0 18px 3px;
}
h4 span.float {
	display: block;
	float: left;
}
h4.clearfix {
/*	height: 15px;*/
}
/* MP  Titels van lijsten moeten links uitgelijnd worden */
h4.listHeader
{
	padding: 0 0 5px 1px;
}

h5 {
	
}

h6 {
	
}


p {
	color: #333;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 1em 0;
}
p.indent {
	margin: 0 11px 20px;
}
abbr {
	
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}


ul {
	
}

ul li {
	
}

/***/

/* repeated styles */

.skiplink {
	display: block;
	position: absolute;
	top:0;
	left: -999px;
	height: 20px;
	padding: 10px 20px;
	background: #aaa;
}

.skiplink:focus {
	left: 0;
}
.print-logo {
	display: none;
}
.discreet {
	color: #7F7F7F;
	margin: 0;
}

.more {
	
}

.back {
		
}

a.more:hover, a.back:hover {
	
}

.last {
	background: none;
	border: none !important;
}

.position_left {
	float: left;
}

.pRight {
	float: right !important;
}

.clear {
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* end repeated styles */

.container {
	background: url('../../images/bgContainerBodyOpen.png') repeat-y 0 0;
	margin: 0 0 0px 16px;
	min-height: 500px;
	overflow: visible;
	padding: 0 0px 0px 24px;
	position: relative;
	width: 772px; /*  +24 = 796px */
}
.container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.containerFooter {
	background:  url('../../images/bgContainerFooterOpen.png') no-repeat 0 0;
	clear: left;
	float: none;
	height: 12px;
	left: 16px;
	margin: 0 0 17px 0px;
	position: relative;
	width: 796px;
}



/* content */
.content {
	float: left;
	min-height: 348px;
	padding: 0px;
	position: relative;
	width: 565px;
}

.contentNoMenu {
	float: left;
	min-height: 348px;
	padding: 0px;
	position: relative;
	width: 745px;
}

.content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.contentNarrow {
	width: 377px !important;
	overflow: hidden;
}
.contentTwoColumn {
	float: left;
	width: 275px;
}
.contentTwoColumn.first {
	padding-right: 15px;
}

.userContent {
	
}
.userContent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.userContent p:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.userContent .maskContentImage {
	float: left;
	padding-bottom: 20px;
	padding-right: 15px;
	position: relative;
/*	margin-bottom: 20px;*/
}
.userContent .maskContentImage img {
	height: 127px;
	width: 168px;
}
.userContent .maskContentImage span {
	background: url('../../images/maskContentImage.png') no-repeat 0 0;
	height: 127px;
	left: 0;
	position: absolute;
	top: 0;
	width: 168px;
}

.userContent ul 
{
	font-size: 1.2em;
}

/* titles */

h3.tMyChoice {
	
}

span.date {
	color: #666;
	font-size: 1.1em;
}
.articleDate {
	clear: left;
	display: block;
	padding: 6px 0 8px;
}
/* buttons */
a.toolTip, 
.list a.toolTip {
	background: url('../../images/icnTooltip.gif') no-repeat 0 0;
	display: block;
	float: left;
	height: 20px;
	margin-right: 12px;
	text-decoration: none;
	text-indent: -9999em;
	width: 20px;
	z-index: 9997;
	cursor: default;
}
a.toolTip:hover, 
ul.list a.toolTip:hover {
	background-position: 0 -50px;
}
h4 a.toolTip {
	left: 10px;
	position: relative;
	top: -3px;
}
a.toolTip span {
	background:#B00 none repeat scroll 0 0;
	color: #FFF;
	display:block;
	font-size: 1.1em;
	left:15px;
	line-height: 1.3em;
	padding:10px 10px 10px 20px;
	position:absolute;
	text-indent:0;
	top:3px;
	width:200px;
}
#tooltip {
	overflow: visible;
	position: absolute;
	width: 236px;
	z-index: 3000;
}
#tooltip h3, #tooltip div { 
	margin: 0; 
}
#tooltip h3 {
	background: url('../../images/bgTooltip.png') no-repeat 0 0;
	color: #FFF;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.3em;
	padding: 10px 10px 10px 20px;
	position: relative;
	width: 206px;
}
#tooltip .tooltipFooter {
	background: url('../../images/bgTooltipFooter.png') no-repeat 0 0;
	bottom: -4px;
	display: block;
	font-size: 1%;
	height: 7px;
	left: 0px;
	position: absolute;
	width: 236px;
}



/* alerts */

.alertCheck {
	border: 0;
	margin: 20px 0 0;
}
.alertCheck h4 {
	background: url('../../images/bgAlertCheck.gif') no-repeat 0 0;
	color: #B00;
	padding: 8px 0 16px 30px;
}
.alertCheck p {
	background: url('../../images/bgAlertCheck.gif') no-repeat 0 50%;
	color: #B00;
	margin: 0;
	padding: 0 11px 5px 11px;
}
.alertCheck label {
	background: url('../../images/bgAlertCheck.gif') no-repeat 0 100%;
	color: #666;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding: 4px 0 9px 9px;
	width: 627px;
}
.alertCheck input {
	bottom: -2px;
	margin-right: 10px;
	margin-top: 3px;
	position: relative;
}

p.alert {
	background: url('../../images/bgAlert.gif') no-repeat 0 0;
	padding-top: 7px;
}
p.alert span {
	background: url('../../images/bgAlert.gif') no-repeat 0 100%;
	color: #B00;
	display: block;
	height: 100%;
	padding: 0 10px 7px;
}
p.attached {
	position: relative;
	top: -27px;
}
/* confirmations */
.confirmed {
	background: url('../../images/icnConfirmed.gif') no-repeat 0 7px;
	padding: 8px 0 30px 29px;
}
.confirmed h4 {
	border-bottom: 1px solid #B00;
	padding: 0 0 6px 7px;
}
.confirmed p {
	margin: 0;
	padding: 5px 10px 15px;
}
.confirmed a {
	background: #F0F0F0 url('../../images/icnLink.gif') no-repeat  10px 9px;
	clear: both;
	color: #000;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding: 7px 20px;
	text-decoration: none;
}
.confirmed a:hover {
	color: #B00;
}

fieldset.confirmations {
	border-bottom: 0;
	margin-bottom: 0;
	margin-top: 0;
}
fieldset.confirmations p {
	margin: 1em 0 0.5em;
	padding: 5px 11px 0;
}
fieldset.confirmations p.first {
	margin-top: 0;
}
fieldset.confirmations label {
	background: #F0F0F0;
	color: #666;
	display: block;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 3px 11px 5px 11px;
	width: 604px;
}
fieldset.confirmations label input {
	bottom: -2px;
	margin-right: 10px;
	position: relative;
}

/* contact form */

.contact-form
{
	width: 377px;
	float: left;
}

.contact-banner
{
	margin-left: 10px;
	float: left;
	padding: 0 0 0 49px;
}

/* pageActions */

.pageActions {
	position: absolute;
	right: -155px;
	top: 129px;
	width: 158px;
}
.pageActions a {
	background: url('../../images/icnLink.gif') no-repeat 0px 3px;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 0 11px;
	text-decoration: none;
}
.pageActions a.active {
	color: #666;
}
.viewOptions {
	padding-left: 20px;
}
.pageActions a {
	background-position: 0px 3px;
	display: block;
	padding-left: 11px;
}
.pageActions a:hover {
	color: #B00;
}
.viewOptions .fontSize {
	background: url('../../images/icnFontSizeOpen.gif') no-repeat 0 0;
	left: 86px;
	position: absolute;
	text-indent: -999em;
	top: -1px;
	width: 31px;
}
.viewOptions .fontSize:hover {
	background-position: 0 -50px;
}
.pageActions .login {
	background: url('../../images/bgLoginOpen.png') no-repeat 100% 0;
	height: 100px;
	margin-top: 50px;
	padding: 10px 10px 0 20px;
}
.pageActions .login h3 {
	font-size: 2.1em;
	padding-bottom: 12px;
}

.bannerWide, 
.bannerNarrow {
	overflow: hidden;
	padding: 0 0 0 5px;
	position: relative;
}
.bannerWide {
	height: 192px;
	width: 300px;
}
.bannerNarrow {
	height: 271px;
	width: 177px;
}
.bannerMask {
	display: block;
	left: 0;
	position: absolute;
	top: 0;
}
.bannerWide .bannerMask {
	background: url('../../images/maskBannerWide.png') no-repeat 0 0;
	height: 192px;
	width: 305px;
}
.bannerNarrow .bannerMask {
	background: url('../../images/maskBannerNarrow.png') no-repeat 0 0;
	height: 271px;
	width: 177px;
}

#ctl00_ctl00_OpenContent_Contact,
#ctl00_ctl00_ctl00_OpenContent_Contact,
#ctl00_ctl00_ctl00_OpenContent_LinkerMenuItems_ctl01_Items1_ctl02_Link,
#ctl00_ctl00_ctl00_OpenContent_LinkerMenuItems_ctl01_Items1_ctl03_Link,
div.login
{
	display: none;
}