html {
	height: 100%;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #FFFFFF;
	margin: 15px 15px 0px 45px;
	height: 100%;
}

form {
	height: 100%;
}

div, td, textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 16px;
}

td {
	padding-left: 1px;
}

a:link, a:visited, a:active, a:hover {
	line-height: 16px;
}

ul {
	padding-left: 0px;
	margin-left: 0px;
}

p {
	margin: 0px 0px 8px 0px;
}

#page {
	width: 931px;
	background-color: #FFF;
	height: 100%;
}

#container {
	height: 100%;
}

#navBar {
	width: 162px;
	font-size: 8pt;
	font-weight: bold;
}

#submenuContainer {
	font-size: 8pt;
	padding: 75px 0px 0px 0px;
	width: 100%;
	min-height:287px;
	height:auto;
	height:expression("359px");
}

#sub ul {
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
    list-style: none;
	line-height: normal;
}
/*
#navBar li {
	padding: 0px 0px 0px 0px;
}
*/
#sub a {
	color: #000000;
	text-decoration:none;
}
#sub a:hover {
	color: #CDCED0;
}
#sub .selected a {
	color: #FF0000;
}

#content {
	float:right;
	width: 754px;
	margin: 0;
	padding: 0;
	height: 100%;
}

#headerBar {
	width: 100%;
	height: 40px;
	background-color: #FF0000;
}

#headerImage {
	width: 100%;
	height: 70px;
}

#headerImageInspirience {
	width: 100%;
	height: 110px;
}


* html .menuBarTop {
	width: 100%; 
}
.menuBarTop {
	width: 752px; 
	height: 15px;
	font-size: 8pt;
	font-weight: bold;
	background-color: #FFFFFF;
	border: solid 1px #CECED0;
	border-top: none;
}
.menuBarTop ul {
	margin: 0px;
	padding: 0px 0px 0px 10px;
    list-style: none;
	line-height: normal;
}
.menuBarTop li {
	float:left;
	padding: 0px 10px 0px 1px;
}
.menuBarTop a {
	color: #757575;
	text-decoration:none;
	padding: 0px 10px 0px 0px;
}
.menuBarTop a:hover {
	color: #CDCED0;
}

.menuBarTop .selected a {
	color: #FF0000;
}

#homeTopContainer {
	width: 100%;
}

#homeTopContainer ul  {
 	padding-left: 15px;
	list-style-type: square;
}

#homeTopContainer ul ul {
	list-style-type: square;
}

#advisorContainer {
	width: 100%;
	height: 69%;
}

#spacer {
	width: 100%;
	height: 15px;
}

#homeBottomContainer {
	width: 100%;
	height: 91px;
	background-color: #FFFFFF;
}

.box {
	float:left;
	width: 184px;
	height: 91px;
	margin-right: 3px;
	border: solid 1px #CDCED0;
}

.boxImage {
	width: 184px;
	height: 68px;
	border: none;
	padding: 0px;
}
.boxLabelContainer {
	width: 184px;
	height: 22px;
	background-color: #FFFFFF;
	border-top: solid 1px #CDCED0;
}
.boxLabel {
	padding: 3px 5px 5px 5px;
}
.boxLabelIcon {
	margin-right: 5px;
}
.boxLabel a:link, .boxLabel a:visited, .boxLabel a:active, .boxLabel a:hover {
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

.menuBarBottom {
	width: 100%;
	height: 15px;
	font-size: 8pt;
	font-weight: bold;
	background-color: #FFFFFF;
}
.menuBarBottom ul {
	margin: 0px;
	padding: 0px 0px 0px 7px;
    list-style: none;
	line-height: normal;
}
.menuBarBottom li {
	float:left;
	padding: 0px 10px 0px 0px;
}
.menuBarBottom a {
	color: #757575;
	text-decoration:none;
	padding: 0px 10px 0px 0px;
}
.menuBarBottom a:hover {
	color: #CDCED0;
}
.menuBarBottom .selected a {
	color: #FF0000;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
	list-style-type: none;
	padding-left: 16px;
	margin-bottom: 3px;
}

.treeview li.spacer{ /*Style for empty submenu items)*/
	background: none;
	list-style-type: none;
	padding-left: 16px;
	margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
	cursor: hand !important;
	cursor: pointer !important;
}

.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
	display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
	cursor: default;
}

/* Algemene styles */
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	vertical-align: top;

}

#contentContainer {
	width: 100%;
	padding-left: expression("10px");
	min-height:380px;
  	height:auto !important;
  	height:380px;
}
#contentContainerWithBanner {
	width: 540px;
	padding-left: 10px;
	min-height:380px;
  	height:auto !important;
  	height:380px;
}
#bannerContainer {
	float:right;
	width: 186px;
	border: solid 1px #CCCCCC;
	background-color: #F4F4F4;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#DFDFDF');
}
#bannerContainerWithImage {
	float:right;
	width: 186px;
	border: solid 1px #CCCCCC;
	background-color: #F4F4F4;
}
#bannerContainerImageOnly {
	float:right;
	width: 110px;
}
.contentBanner{
	font-size: 11px;
	color: #666666;
	padding: 10px 9px 10px 9px;
}
#bannerBG {
	width: 186px;
	padding: 5px 5px 5px 5px;

}
.bannerImage {
	border: solid 1px #CCCCCC;
	text-align: center;
}

.bannerCenterImage {
  	text-align: center;		
}

a.content, a.content:visited, a.content:active {
	font-size: 11px;
	color: #FF0000;
	text-decoration: underline;
}
a.content:hover {
	text-decoration: none;
} 
a.banner, a.banner:visited, a.banner:active {
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
}
a.banner:hover {
	text-decoration: none;
	color: #FF0000;
} 
a.abc, a.abc:visited, a.abc:active {
	font-size: 11px;
	display: block;
	background-color: #CCCCCC;
	height: 16px;
	width: 16px;
	border: 1px solid #999999;
	text-align: center;
	color: #FF0000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;


}
a.abc:hover {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
}

h1 {
	font-size: 16px;
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 6px;
	color: #333333;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0px 0px;
	color: #333333;
	margin: 0px;

}
h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 6px;
	color: #333333;
}
.italic{
	padding-bottom: 10px;
	font-style: italic;
	padding-top: 10px;
	font-size: 11px;
	color: #000000;


}
.bold{
	padding-bottom: 10px;
	padding-top: 10px;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}
.rood{
	font-size: 11px;
	color: #FF0000;
}
.bedrag{
	color: #FF0000;
	font-size: 14px;
	font-weight: bold;
	padding: 8px;

}
.vierkantje{
	font-size: 11px;
	font-family: Wingdings;
	color: #999999;
}
table#vlak{
	color: #000000;
	font-size: 11px;
	padding: 10px;
	background-color: #E9E9E9;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	width: 100%;


}
.bannerIMG{
	text-align: center;
	padding: 16px 4px 4px;
	background-position: bottom;
}


/* Tabel  */
table#kosten{
	width: 100%;
	padding: 0px;
	margin: 10px 0px;
	border: 1px solid #CCCCCC;

}
table#kosten td#index{
	background-image: url(../../tabel_bg.gif/$file/tabel_bg.gif);
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px 0px 0px 6px;
	height: 26px;
	font-weight: bold;
	vertical-align: middle;

}
table#kosten td#indexDbl{
	background-image: url(../../tabel_bgdbl.gif/$file/tabel_bgdbl.gif);
	border: 1px solid #CCCCCC;
	margin: 0px;
	padding: 6px 0px 0px 6px;
	height: 26px;
	font-weight: bold;
	vertical-align: top;

}
table#kosten td#rij{
	margin: 0px;
	padding: 0px 0px 0px 6px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;

}
/* Tabel accessoire */
table#accessoire{
	width: 100%;
	padding: 0px 0px 0px 10px;
	border-collapse: collapse;
}

table#accessoire td{
	padding: 0px 0px 10px 0px;
}


table#accessoire td#titel{
	font-weight: bold;
}
table#accessoire td#onderwerp{
}

/* Tabel invoer  */
table#invoer{
	width: 100%;
	padding: 0px;
	margin: 10px 0px;
	border-collapse: collapse;
}
table#invoer td#titel{
	font-weight: bold;
	width: 220px;
}
table#invoer td#onderwerp{
	width: 220px;
}
table#invoer td#button{
	background-color: #E9E9E9;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CECDD2;
	text-align: right;
	//2007.03.13 Arjan Sieverink added next line to conform to wizard td height;
	//height: 26px;
}
table#apparatuur{
	width: 100%;
	padding: 0px;
	margin: 10px 0px;
	border-collapse: collapse;
	background-color: #F7F7F7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;

}
table#apparatuur tr#index{
	margin: 0px;
	padding: 0px 0px 0px 6px;
	font-weight: bold;
	background-image: url(../../wizard_on.gif/$file/wizard_on.gif);
	height: 24px;
	border: 1px solid #CCCCCC;
}
table#apparatuur td#1{
	margin: 0px;
	padding: 0px 0px 0px 6px;
	width: 24%;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
table#apparatuur td#2{
	margin: 0px;
	padding: 0px 0px 0px 6px;
	width: 22%;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
table#apparatuur td#3{
	margin: 0px;
	padding: 0px 0px 0px 6px;
	width: 22%;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
table#apparatuur td#4{
	margin: 0px;
	padding: 0px 0px 0px 6px;
	width: 16%;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
table#apparatuur td#5{
	margin: 0px;
	padding: 0px 0px 0px 6px;
	width: 16%;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;

}

table#MSCaanvragen {
	width:754px;
	table-layout:fixed;
	padding:0px;
	margin: 0px;
	border-collapse: collapse;
	background-color: #F7F7F7;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;

}
table#MSCaanvragen tr#index {
	margin: 0px;
	font-weight: bold;
	background-image: url(../../wizard_on.gif/$file/wizard_on.gif);
	height: 24px;
	border: 1px solid #CCCCCC;
}

table#MSCaanvragen td#a1 {
	margin: 0px;
	padding-left:5px;
	width: 178px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
table#MSCaanvragen td#a2 {
	margin: 0px;
		padding-left:5px;
		width: 191px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
table#MSCaanvragen td#a3 {
	padding-left:5px;
	margin: 0px;
		width: 132px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
table#MSCaanvragen td#a4 {
	padding-left:5px;
	margin: 0px;
		width: 133px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
table#MSCaanvragen td#a5 {
	padding-left:5px;
	margin: 0px;
		width: *;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;

}
table#MSCaanvragen td {
	margin: 0px;
	padding-left:5px;
	border-top: 0px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
}

table#MSCaanvragen td#onderwerp {
	margin: 0px;
	padding-left:5px;
	background-color: #FFFFFF;
}

table#MSCaanvragen td.onderwerpData {
	margin: 0px;
	padding-left:5px;
	background-color: #FFFFFF;
}

table#MSCaanvragen td#titel {
font-weight:bold;	
margin: 0px;
	padding-left:5px;
	background-color: #FFFFFF;
}

table#MSCaanvragen td#totaalbedrag {
	text-align:right;
	padding-top:7px;
}


table#MSCaanvragen input.clsBedrag {
	width:44px;
	background-color: transparent;
	border: 0px solid black;
	text-align:right;
	font-size: 11px;
	color: #000000;
}

table#MSCaanvragen input.clsBedragTotaal {
	width:44px;
	background-color: transparent;
	border: 0px solid black;
	text-align:right;
	font-size: 11px;
	color: #000000;
}

table#MSCaanvragen tr.separator td {
	border-top: 1px solid #CCCCCC;
}

table#MSCaanvragen td select{
	margin-top: 5px;
}

table#MSCaanvragen td input{
	margin-top: 4px;
}


table#brochure{
	width: 100%;
	padding: 0px;
	margin: 10px 0px;
	border-collapse: collapse;
}
table#brochure td#folder{
	padding: 10px 0px 0px 6px;
	width: 25%;
}
/* invoervelden  */

.selectSmall {
	width: 80px;
	font-size: 11px;
	height: 20px;
	color: #000000;

}
.selectLarge {
	width: 160px;
	font-size: 11px;
	height: 20px;
	color: #000000;

}
.selectXLarge {
	width: 240px;
	font-size: 11px;
	height: 20px;
	color: #000000;

}

.select100 {
 width: 100%;
 font-size: 11px;
 height: 20px;
 color: #000000;
}

.invoerXSmall {
	width: 30px;
	height: 20px;
	font-size: 11px;
	color: #000000;

}

.invoerSmall {
	width: 40px;
	height: 20px;
	font-size: 11px;
	color: #000000;

}
.invoerXMedium {
	width: 50px;
	height: 20px;
	font-size: 11px;
	color: #000000;

}
.invoerMedium {
	width: 60px;
	height: 20px;
	font-size: 11px;
	color: #000000;

}
.invoerMedium2 {
	width: 100px;
	height: 20px;
	font-size: 11px;
	color: #000000;

}
.invoerLarge {
	width: 160px;
	height: 20px;
	font-size: 11px;
	color: #000000;

}
.invoerXLarge {
	width: 240px;
	height: 20px;
	font-size: 11px;
	color: #000000;
}
.invoerTekst{
	width: 160px;
	height: 60px;
	font-size: 11px;
	color: #000000;
}
.invoerTextArea{
	width: 240px;
	height: 60px;
	font-size: 11px;
	color: #000000;
}

.invoerPostCodeAlfa {
	width: 26px;
	height: 20px;
	font-size: 11px;
	color: #000000;
}


/* Wizard  */
table#wizard{
	width: 100%;
	padding: 0px;
	margin: 10px 0px;
	height: 26px;

}
table#wizard td#on{
	margin: 0px;
	padding: 0px 0px 0px 6px;
	font-weight: bold;
	color: #FF0000;
	background-image: url(../../wizard_on.gif/$file/wizard_on.gif);
	width: 20%;
	vertical-align: middle;
	border: 1px solid #CCCCCC;

}

table#wizard td#bevestigen_on{
	margin: 0px;
	padding: 0px 0px 0px 6px;
	font-weight: bold;
	color: #FF0000;
	background-image: url(../../wizard_on.gif/$file/wizard_on.gif);
	width: 20%;
	vertical-align: middle;
	border: 1px solid #CCCCCC;

}

table#wizard td#verzonden_on{
	margin: 0px;
	padding: 0px 0px 0px 6px;
	font-weight: bold;
	color: #FF0000;
	background-image: url(../../wizard_on.gif/$file/wizard_on.gif);
	width: 20%;
	vertical-align: middle;
	border: 1px solid #CCCCCC;

}

table#wizard td#off{
	margin: 0px;
	padding: 0px 0px 0px 6px;
	background-image: url(../../wizard_off.gif/$file/wizard_off.gif);
	font-weight: bold;
	width: 20%;
	vertical-align: middle;
	border: 1px solid #CCCCCC;

}

table#wizard td#bevestigen_off{
	margin: 0px;
	padding: 0px 0px 0px 6px;
	background-image: url(../../wizard_off.gif/$file/wizard_off.gif);
	font-weight: bold;
	width: 20%;
	vertical-align: middle;
	border: 1px solid #CCCCCC;

}

table#wizard td#verzonden_off{
	margin: 0px;
	padding: 0px 0px 0px 6px;
	background-image: url(../../wizard_off.gif/$file/wizard_off.gif);
	font-weight: bold;
	width: 20%;
	vertical-align: middle;
	border: 1px solid #CCCCCC;

}

/* Selfservice Q&A */
table#oplossing{
	width: 100%;
	border: 1px solid #FF0000;
	background-color: #FFE4E1;
	padding: 5px 5px 5px 5px;
}

/* Selfservice Tips  */
table#tips{
	width: 100%;
	height: 26px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 30px;
	margin-bottom: 30px;

}
table#tips td#lijn{
	width: 33%;
	border-bottom: 1px solid #CCCCCC;

}
table#tips tr#index{
	margin: 0px;
	padding: 0px 0px 0px 6px;
	font-weight: bold;
	background-image: url(../img/wizard_on.gif);
	height: 24px;
	border: 1px solid #CCCCCC;
}
/* Accessoires  */
table#shop{
	width: 100%;
}
table#shop td#totaal{
	border-bottom: 1px solid #CCCCCC;
	background-color: #F5F5F5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	font-weight: bold;
}
table#totalen{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
table#totalen td#1{
	width: 70%;
	text-align: right;
}
table#totalen td#2{
	width: 30%;
	text-align: right;
	vertical-align: middle;
}
/* Serviceafsrpaak via internet */
.ButtonVraagteken {
    float:right;
	cursor: hand
}
/* Test  */
table#test{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;

}
table#shop td#waardering{
	border-bottom: 1px solid #CCCCCC;
	background-color: #F5F5F5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	font-weight: bold;
}

a.activemedia, a.activemedia:visited, a.activemedia:active {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a.activemedia:hover {
	text-decoration: none;
}
#nodisplay {
	display: none;
}

.stijl1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0px 0px 0px 0px;
}

.stijl3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	margin: 0px 0px 0px 0px;	
}

/* Tabel Inspirience Centre */
table#Tabel_01{
	width: 100%;
	padding: 0px 0px 0px 0px;
}

table#Tabel_01 td{
	padding: 0px 0px 0px 0px;
}

table#Tabel_01 p{
	margin: 0px 0px 0px 0px;
}

/*#TypeApparaat {
	display: none;
}*/

#layerVideo {
	position: absolute;
	visibility: hidden;
	//width: 420px;
	//height: 400px;
	//left: 400px;
	//top: 100px;
	border: 1px solid #FF0000;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	//float: right;
}

#closeVideo {
	float: right;
}

#bannerContainerHomepage{
	float:right;
}
#contentContainerHomepageMiele{
	//width: 100%;
	//min-height:287px;
  	//height:auto !important;
  	//height:287px;
	margin: 0px 0px 0px -1px;
}

#ifrIdDotNetLogin{
	width: 164px;
	height: 93px;
}

#ifrDotNetLoginMenu{
	float:left;
	position:relative;
	top:16px;	
	top:expression("19px");
}

#ifrDotNetLoginNoMenu{
	position:relative;
	top:378px;	
	top:expression("381px");
}