@charset "utf-8";
/* CSS Document */

html{
	height:100%;
	width:100%;
}

body{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background-color:#EEEEEE;
	height:100%;
}
a{outline: none;}
a:link{color:#A1006B; text-decoration:underline; font-size:12px;}
a:hover{color:#6A6A6A; text-decoration:underline; font-size:12px;}
a:active{color:#BEBEBE; text-decoration:none; font-size:12px;}
a:visited{color:#A1006B; text-decoration:underline; font-size:12px;}


.languageSelectLink:link{color:#A1006B; text-decoration:none; font-size:12px;}
.languageSelectLink:hover{color:#6A6A6A; text-decoration:none; font-size:12px;}
.languageSelectLink:active{color:#BEBEBE; text-decoration:none; font-size:12px;}
.languageSelectLink:visited{color:#A1006B; text-decoration:none; font-size:12px;}

.frameContainer{
	vertical-align:middle;
	height:100%;
	width:100%;
}

.vertAlign{vertical-align:middle;}

/*.frameContainer table tr td {margin:9px;}*/

.frame{
	width:977px;
	height:577px;
	/*margin-top:auto;
	margin-bottom:auto;*/
}

.frameCorner{
	height:11px;
	width:11px;
}

.frameBorder_T{background-image:url("../images/frame_T.jpg"); background-repeat:repeat-x;}
.frameBorder_R{background-image:url("../images/frame_R.jpg"); background-repeat:repeat-y;}
.frameBorder_B{background-image:url("../images/frame_B.jpg"); background-repeat:repeat-x;}
.frameBorder_L{background-image:url("../images/frame_L.jpg"); background-repeat:repeat-y;}

.marginFrame{padding:10px;}

#innerFrame{
	height:auto;
  width:955px;
	background-color:#EEEEEE;
	/*background-color:#ffffff;*/
	position:relative;
	top:0px;
}

	#logo{
		display:none;
	}

	#footer{
		position:relative;
		display: block;
		float: left;
		bottom:0px;
		padding: 0px;
		margin: 30px 0px 0px 0px;
		border: 0px;
		height:28px;
		background-color: #747474;
	}
		
		#footerContainer{
			position:relative;
			display: block;
			float: left;
			padding: 0px;
		  margin: 0px;
		  border: 0px;
			bottom:0px;
			text-align: left;
			vertical-align: middle;
			height:28px;
		}
		
	
			#print{
				position:relative;
				display: block;
				clear: both;
				padding: 0px;
		    margin: 0px 5px 0px 0px;
		    border: 0px;
				float: left;
				top:-58px;
				left: 0px;
				width: 950px;
				text-align: right;
				height: 30px;
				z-index: 999;
			}
			#print a,
			#print img {
        border: 0px;
        padding: 0px;
        margin: 0px;
			}
			
			#langue{
				position:relative;
				display: inline;
				clear: none;
				padding: 0px;
		    margin: 0px 5px 0px 0px;
		    border: 0px;
				top:0px;
				float: right;
				width:155px;
				text-align:right;
				vertical-align: middle;
				height:28px;
				overflow: hidden;
			}
			#footerContainer form {
        text-align:right;
				vertical-align: middle;
        height: 28px;
        padding: 0px;
        margin: 0px;
        border: 0px;
			}
      #footerContainer form a {
        text-align:right;
				vertical-align: middle;
        height: 28px;
        line-height: 25px;
        padding: 0px;
        margin: 0px;
        border: 0px;
  		}
			
			#footerContent{
				position:relative;
				display: inline;
				clear: none;
				padding: 0px;
		    margin: 0px;
		    border: 0px;
				top:0px;
				float: left;
				text-align: left;
				width:780px;
				height:28px;
				overflow: hidden;
			}
			#footerContent a,
      #footerContent span {
      height: 28px;
      padding: 0px;
      margin: 0px;
      border: 0px;
      line-height: 25px;
      text-align: left;
			vertical-align: middle;
		}
			
			
			.notLink {color:#FFFFFF; text-decoration:none; padding-left:10px; font-size:10px;}
			#footerContainer a:link, #footerContainer a:active, #footerContainer a:visited {color:#FFFFFF; font-size:10px; text-decoration:none; padding-left:10px;}
			#footerContainer a:hover{color:#A1006B; text-decoration:none; padding-left:10px;}
			
			
	
	#innerFrameShadow{
		position:relative;
		top:0px;
		height:100%;
		width: 100%;
		background-color: #eeeeee;
	}
		.shadowTable{height:100%; width:955px;}
		
		#topShadow{
      position: relative;
      padding: 0px;
      margin: 0px auto;
      border: 0px;
			width: 955px;
			height: 14px;
			overflow: hidden;
			background-color: #eeeeee;
			background-image: url("../images/frameShadowTop.gif");
			
		}
		
		#sidesDIV{
      position: relative;
			width:955px;
			/*height:100%;*/
			float: left;
			background-color: #eeeeee;
			background-image:url("../images/frameShadowSides.gif");
		}
		#bottomShadow{
		  position: relative;
			padding: 0px;
      margin: 0px auto;
      border: 0px;
			width:955px;
			height:58px;
			overflow: hidden;
			float: left;
			background-image:url("../images/frameShadowSides.gif");
			
		}
		
	
	#rightItems{
		position:relative;
		
		padding-top:20px;
		width:300px;
		top:0px;
		left:-90px;
	}
	
		#demo{
			position:relative;
			float: right;
			display: block;
			clear: both;
			width:300px;
			height:90px;
			padding-bottom:5px;
		}
			#demo div{padding:10px;}
			#demo div H4{color:#000000; font-size:20px; margin:0px; padding:0px 0px 4px 0px; font-weight:normal;}
			#demo div P{color:#A1006B; font-size:13px; margin:0px; padding:0px;}
		
		#press{		
			position:relative;
			float: right;
			display: block;
			clear: both;
			padding-top:1px;
			/*height:90px;*/
			width:300px;
			background-color:#E9E9E9;
		}
			#press .summary{padding:5px 10px 10px 10px;}
			#press div h4{font-size:20px; font-weight:normal; margin:0px; padding:0px 0px 4px 0px;}
			#press div P{color:#6A6A6A; font-size:13px; margin:0px; padding:0px;}
			
		#banner1000{		
			position:relative;
			float: right;
			display: block;
			clear: both;
			padding-top:5px;
			height:51px;
			width:300px;
		}
		
		#banner{		
			position:relative;
			float: right;
			display: block;
			padding-top:35px;
			clear: both;
			height:204px;
			width:300px;
		}
	
	#innerFrameContent{
		position:relative;
		float: left;
		width: 955px;
		vertical-align: top;
	}
	
		#menu{
			position:relative;
			display: inline;
			clear: none;
			float:left;
			width: 180px;
      top:0px;
      margin-top: 35px;
		}
		
		#wantZoomit{
	 		position:relative;
			clear: left;
			width: 145px;
			top:0px;
			padding-top:15px;
			  
			
		}
		
		#wantZoomitBkg{
			background-image:url('../images/wantZoomit.gif');
			height:46px;
			width:140px;
			padding-top:0px; padding-left:0px;
			margin-top:15px;
			color:#FFFFFF;
			font-size:14px;
			font-weight:normal;
			cursor:pointer;
			text-decoration:none;
		}
		
		
		#wantZoomitBkg div{
			
			padding-top:7px; padding-left:8px;
		}
		
		#content{
			position:relative;
			display: inline;*/
			clear: none;
			float:right;
			width:760px;
			margin:32px 0px 0px 0px;
			padding: 0px;
			border: 0px;
			vertical-align: top;
			top:0px;
		}
		
	
			H1{color:#A1006B; font-size:26px; font-weight:normal;}
			H2{color:#6A6A6A; font-size:18px; font-weight:normal;}
			H3{color:#A1006B; font-size:14px;}
			H4{color:#000000;}
			P{color:#6A6A6A; font-weight:normal; font-size:12px;}
			
			ul, li{font-size:12px; color:#6A6A6A; font-weight:normal;}
			
			#content table tr td {color:#6A6A6A; font-weight:normal; font-size:12px;}
			
			#buttonLabel{vertical-align: middle !important;}
			#buttonLabel a:link, #buttonLabel a:active, #buttonLabel a:visited {color:#FFFFFF; font-size:12px; text-decoration:none; white-space:nowrap;}
			#buttonLabel a:hover{color:#EFEFEF; text-decoration:underline; white-space:nowrap;}
	
	#innerFrameBackground{
		position:relative;
		float: left;
		top:0px;
		/*height:100%;*/
		/*width:955px;*/
		width: 100%;
	}

/* ----------------------- LEFT MENU -------------------------------- */

/* LEVEL 1 : auto-generated menu classes */

    ul.menuLevel_1 {
      position: relative;
      float: left;
      display: block;
      list-style: none;
      margin: 0px;
      padding: 0px;
      border:0px;
    }

    ul.menuLevel_1 li.menuLevel_1 {
      position: relative;
      float: left;
      display: block;
      clear: both;
      /*height: 28px;*/
      margin: 0px 0px 0px 0px;
      padding: 1px 0px 0px 0px;
      border: 0px;
    }

    ul.menuLevel_1 li.menuLevel_1 div.menuLevel_1 {
      position: relative;
      float: left;
      display: block;
      clear: both;
      /*height: 28px;*/
    }

    ul.menuLevel_1 li.menuLevel_1 div.menuLevel_1 a.menuLevel_1,
    ul.menuLevel_1 li.menuLevel_1 div.menuLevel_1 a.menuLevel_1:hover,
    ul.menuLevel_1 li.menuLevel_1 div.menuLevel_1 a.menuLevel_1:visited,
    ul.menuLevel_1 li.menuLevel_1 div.menuLevel_1 a.menuLevel_1:active {
      position: relative;
      float: left;
      display: block;
      clear: both;
      height: 28px;
      font-family: Arial;
    	text-decoration: none;
    	font-size: 12px;
    	font-weight: bold;
    	line-height: 28px;
    	padding: 0px 12px 0px 6px;
    	border: 0px;
      color: #ffffff;
      white-space: nowrap;
      background-image:url("../images/curvedGrayBorder_BT.gif");
      background-position:right top;
      background-repeat:no-repeat;
    }

    ul.menuLevel_1 li.menuLevel_1 div.menuLevel_1 a.menuLevel_1:hover,
    ul.menuLevel_1 li.menuLevel_1 div.menuLevel_1 a.mouseover {
      background-image: url("../images/curvedVioletBorder_BT.gif");
    }
    
    ul.menuLevel_1 li.menuLevel_1 div.menuLevel_1 a.hilite,
    ul.menuLevel_1 li.menuLevel_1 div.menuLevel_1 a.hilite:hover,
    ul.menuLevel_1 li.menuLevel_1 div.menuLevel_1 a.hilite:visited,
    ul.menuLevel_1 li.menuLevel_1 div.menuLevel_1 a.hilite:active {
      background-image: url("../images/curvedVioletBorder_BT.gif");
    }
    
    ul.menuLevel_1 li.menuLevel_1 div.menuLevel_1 a.hilite_parent,
    ul.menuLevel_1 li.menuLevel_1 div.menuLevel_1 a.hilite_parent:hover,
    ul.menuLevel_1 li.menuLevel_1 div.menuLevel_1 a.hilite_parent:visited,
    ul.menuLevel_1 li.menuLevel_1 div.menuLevel_1 a.hilite_parent:active {
      background-image: url("../images/curvedDarkGrayBorder_BT.gif");
    }

/* LEVEL 2 : auto-generated menu classes */

    ul.menuLevel_2 {
      position: relative;
      float: left;
      display: block;
      clear: both;
      list-style: none;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      border:0px;
    }

    ul.menuLevel_2 li.menuLevel_2 {
      position: relative;
      float: left;
      display: block;
      clear: both;
      /*height: 20px;*/
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 1px 0px;
      border: 0px;
    }

    ul.menuLevel_2 li.menuLevel_2 div.menuLevel_2 {
      position: relative;
      float: left;
      display: block;
      clear: both;
      /*height: 20px;*/
    }

    ul.menuLevel_2 li.menuLevel_2 div.menuLevel_2 a.menuLevel_2,
    ul.menuLevel_2 li.menuLevel_2 div.menuLevel_2 a.menuLevel_2:hover,
    ul.menuLevel_2 li.menuLevel_2 div.menuLevel_2 a.menuLevel_2:visited,
    ul.menuLevel_2 li.menuLevel_2 div.menuLevel_2 a.menuLevel_2:active {
      position: relative;
      float: left;
      display: block;
      clear: both;
      height: 20px;
      font-family: Arial;
    	text-decoration: none;
    	font-size: 11px;
    	font-weight: bold;
    	line-height: 20px;
    	/*padding: 4px 12px 5px 16px;*/
    	padding: 0px 12px 0px 16px;;
    	border: 0px;
      color: #ffffff;
      white-space: nowrap;
      background-image:url("../images/smallCurvedGrayBorder_BT.gif");
      background-position:right top;
      background-repeat:no-repeat;
    }

    ul.menuLevel_2 li.menuLevel_2 div.menuLevel_2 a.menuLevel_2:hover,
    ul.menuLevel_2 li.menuLevel_2 div.menuLevel_2 a.mouseover {
      background-image: url("../images/smallCurvedVioletBorder_BT.gif");
    }

    ul.menuLevel_2 li.menuLevel_2 div.menuLevel_2 a.hilite,
    ul.menuLevel_2 li.menuLevel_2 div.menuLevel_2 a.hilite:hover,
    ul.menuLevel_2 li.menuLevel_2 div.menuLevel_2 a.hilite:visited,
    ul.menuLevel_2 li.menuLevel_2 div.menuLevel_2 a.hilite:active {
      background-image: url("../images/smallCurvedVioletBorder_BT.gif");
    }

/* ----------------------- ALL FORMs -------------------------------- */

input.text, select, textarea {
  width: 200px;
  margin: 1px;
  padding: 0px;
}

input.checkbox, input.radio {
  margin: 0px;
  padding: 0px;
}

/* ----------------------- CONTACT FORM -------------------------------- */

#theForm td {
  white-space: nowrap;
  text-align: left;
  vertical-align: top;
}

#theForm td.mandatoryLabel {
  font-weight: bold;
}

#butsend_table {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
}
#butsend_table a{
  line-height: 22px;
}

/* ----------------------- TOGGLE MORE -------------------------------- */

.more {
	 border: 1px #cfcfcf dotted;
	 padding: 4px 3px 4px 2px;
	 display: none;
	}

/* ----------------------- Problem Solver ----------------------------- */

#vragen
{
	color: #999999;
	font-size: 10px;
}

.progressBar{position:relative; height:23px; width:264px;}
.progressBarBkg{position:absolute; height:23px;	width:264px;}
.progressBarSlider{
	position:absolute; padding:2px;
	background-image:url("../images/illustrations/progressBarSlider.gif");
	background-repeat:no-repeat;
	background-position:right;
	height:19px; width:30px;
}
.progressBarStarter{position:absolute; height:23px;	text-align:left; width:264px;}
.progressPercent{position:absolute; padding:4px 4px 4px 6px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}