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

body {
  	background-color: #053E81;
}
#container #textleft p {
    text-align: left;
}

#container {
	width: 950px;
	/**height: 700px;**/
	height: 100%;
	/**hack voor de hoogte**/
	overflow: hidden;
	/**hack voor de hoogte**/
	background-color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	margin-top: 3%;
	margin-right: auto;
	margin-bottom: 3%;
	margin-left: auto;
}

#topnav {
	position: relative;
	width: 580px;
	background:#FFFFFF;
	height:20px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 340px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: right;
}
#left{
	float: left;
	width: 250px;
	height:100%;
	background-image: url(../images/filogo.png);
	background-repeat: no-repeat;
	line-height: 14px;
	font-size: 10px;
}
#left2{
	float: left;
	width: 210px;
	height:600px;
	background-image: url(../images/filogo.png);
	background-repeat: no-repeat;
	line-height: 14px;
}
#leftinner{
	float: left;
	width: 210px;
	height: 410px;
	background-repeat: no-repeat;
	margin-top: 160px;
	padding-right: 20px;
	padding-left: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 14px;
	text-decoration: none;
}
#leftinner2{
	float: left;
	width: 205px;
	height:100%;
	background-repeat: no-repeat;
	margin-top: 60px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	line-height: 13px;
	text-decoration: none;
	overflow: hidden;
}


#leftbottom{
	float: left;
	width: 200px;
	background-repeat: no-repeat;
	padding-left: 5px;
	height: 70px;
	background-image: url(../images/MHT-logo2.png);
}
#leftbottom2{
	float: left;
	width: 200px;
	background-repeat: no-repeat;
	padding-left: 5px;
	height: 70px;
	background-image: url(../images/MHT-logo2.png);
}
#image {
	position: relative;
	width: 693px;
	height: 300px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 257px;
	background-color: #FFFFFF;
	color: #FFF;
}
#image2 {
	position: relative;
	width: 693px;
	height:300px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
}
#image_home {
	position: relative;
	width: 733px;
	height:560px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 217px;
}
#navimageprod {
	position: relative;
	width: 665px;
	height:19px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	background-image: url(../images/navprodbk.png);
	margin-left: 250px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	padding-top: 4px;
	padding-left: 35px;
	background-repeat: no-repeat;
	font-weight: normal;
}
#blk_strip {
	position: relative;
	width: 665px;
	height: 19px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	background-image: url(../images/bk_strip.png);
	margin-left: 250px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	padding-top: 4px;
	padding-left: 35px;
	background-repeat: no-repeat;
	font-weight: normal;
}
#blk_strip_home {
	position: relative;
	width: 705px;
	height: 25px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	background-image: url(../images/bk_strip_h.png);
	margin-left: 210px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #FFF;
	padding-top: 4px;
	padding-left: 35px;
	background-repeat: no-repeat;
	font-weight: normal;
	text-align: center;
}
#textleft {
	width: 675px;
	/**height: 100%;**/
	padding-top: 3px;
	float: left;
	padding-left: 10px;
	padding-bottom: 10px;
}
#textpress {
	width: 550px;
	height:550px;
	padding-top: 3px;
	float: left;
	padding-left: 120px;
	font-weight: bold;
}
#right {
	height:237px;
	float: left;
	width: 230px;
	padding-top: 30px;
	padding-left: 20px;
	text-align: left;
	vertical-align: bottom;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

/* Normal link */
a {
	color: #000;
	text-decoration: none;
}

a:hover, a:active, a:focus a:link {
	color: #ca0039;
	text-decoration: none;
}

a.white:link {
	color: #ffffff;
	text-decoration: none;
	line-height:inherit;
}
a.white:hover {
	color: #ca0039;
	text-decoration: none;
}
a.white:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

/* FORM
--------------------------------------------------------- */
form {
	margin: 0;
	padding-left: 12px;
	padding-bottom: 5px;
	padding-top: 5px;
	background: #CCCCCC;
	-moz-border-radius: 10px;
	border-radius: 10px;
	height: 190px;

}

form label {
	cursor: pointer;
}

input, select, textarea, .inputbox, .button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding-left: 0px;
	text-align: left;
}

.inputbox {
	background: #FFFFFF;
	border: 1px solid #B9B7B5;
	color: #666666;
	font-size: 100%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.button {
	background: url(../images/but-bg.html) repeat-x left center #FFFFFF;
	border: 1px solid #DDDDDD;
	color: #555555;
	font-weight: bold;
	padding: 1px 3px;
}

* html .button {
	padding: 0 3px !important; /*IE 6*/
}

*+html .button {
	padding: 0 3px !important; /*IE 7*/
}
/* FORM end
--------------------------------------------------------- */
/* Heading */
h1 {
	font-size: 18px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 18px;
	color: #ca0039;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #ca0039;
	font-weight: normal;
}

h2 {
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 18px;
	color: #ca0039;
	text-decoration: none;
	border-bottom:thin dotted #ca0039;
	font-weight: bold;
}
h3 {
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 14px;
	color: #000;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #ca0039;
	font-weight: normal;
}
.aa {
	color: #ca0039;
}
#rightProd {
	height: 175px;
	float: left;
	width: 180px;
	padding-top: 75px;
	padding-left: 35px;
	text-align: left;
	vertical-align: bottom;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 8px;
	background-image: url(../images/left_bk.png);
	background-repeat: no-repeat;
	color: #FFF;
	text-decoration: none;
}

#rightmht {
	height:177px;
	float: left;
	width: 190px;
	padding-top: 90px;
	padding-left: 60px;
	text-align: left;
	vertical-align: bottom;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 17px;
	background-repeat: no-repeat;
	color: #000;
	text-decoration: none;
}
#home_text{
	position:absolute;
	width: 439px;
	height:210px;
	padding: 12px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	line-height: 15px;
	text-decoration: none;
	left: 254px;
	top: 317px;
	background-color: #FFF;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#home_video{
	position:absolute;
	width: 255px;
	height:179px;
	float: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	line-height: 14px;
	text-decoration: none;
	left: 201px;
	top: 10px;
	background-color: #FFF;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
h4 {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 18px;
	color: #000;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-color: #ca0039;
	font-weight: normal;
}

div.row {
  clear: both;
  padding-top: 10px;
  }

div.row span.label {
	float: left;
	text-align: left;
  }

div.row span.formw {
  float: right;
  width: 230px;
  text-align: left;
  } 
  #vid {
	position: relative;
	width: 693px;
	height:600px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 257px;
}

/*------------------POPUPS------------------------*/
#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 20px;
	border: 10px solid #ddd;
	float: left;
	font-size: 10px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 99999;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 13px;
	font-weight: normal;
	text-align: left;
}
img.btn_close {
	float: right; 
	margin: -55px -55px 0 0;
	border:0px;
}
.poplight {
	padding: 5px 10px;
	margin: 5px 0;
	color: #fff;
	line-height: 17px;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

.quicktime .button
{
	text-decoration: none;
	outline: none;
	position: relative;
	top: 50%;
	background-color: #df2e1c;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: df2e1c;
	border-right-color: df2e1c;
	border-bottom-color: df2e1c;
	border-left-color: df2e1c;
}

.standard
{
	background-color: rgb(20,20,20);
	font-size: 1em;
	zoom: 100%;
	padding: .4em 1em;
	opacity: .8;
	-moz-opacity: .8;
	-webkit-opacity: .8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	border: none;
	font-family: Arial, sans-serif;
}

.quicktime
{
	position:relative;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
}

.alt-content
{
	display: none;
}

#skip {
	position: relative;
	width: 950px;
	height: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	text-decoration: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: center;
	color: #666;
	padding-top: 10px;
}
#container2 {
	width: 950px;
	height: 950px;
	background-color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	margin-top: 3%;
	margin-right: auto;
	margin-bottom: 3%;
	margin-left: auto;
}
#container2 #textpress p {
	font-weight: normal;
}
#leftinner3 {
	float: left;
	width: 210px;
	height:410px;
	background-repeat: no-repeat;
	margin-top: 160px;
	padding-right: 20px;
	padding-left: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	line-height: 14px;
	text-decoration: none;
}
#left3 {
	float: left;
	width: 250px;
	height:600px;
	background-image: url(../images/filogo.png);
	background-repeat: no-repeat;
	line-height: 14px;
	font-size: 10px;
}
#leftinner3 {
	float: left;
	width: 210px;
	height:710px;
	background-repeat: no-repeat;
	margin-top: 160px;
	padding-right: 20px;
	padding-left: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	line-height: 14px;
	text-decoration: none;
}
#container #textpress p {
	font-weight: normal;
}
#container3 {
	width: 950px;
	height: 950px;
	background-color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	margin-top: 3%;
	margin-right: auto;
	margin-bottom: 3%;
	margin-left: auto;
}
#container3 #textpress p {
	font-weight: normal;
}
#container #textleft p {
	font-weight: bold;
}
#container #textleft p {
	font-weight: normal;
}
