/* 
CSS-file for Mostert-extra-light.nl 

Used Colours:

site-background: d0d4fe
menu-background: 333d9c
body-background: 7682fe
font a: 000000
font b: ffffff

*/

body {
	background-color: #d0d4fe;
	background-image: url('../IMG/bg.gif');
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	color: #000000;	
}

a:link{
  text-decoration: none;
  color: #ffffff;
}
a:visited{
  text-decoration: none;
  color: #ffffff;
}
a:hover{
  text-decoration: underline;
}

.headerTitle{
	margin-left: -8px;
}

.menu_table {
	color: #ffffff;
	z-index: 10;
}

.menu_button,
.menu_button_active{
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	background-repeat: no-repeat;
	height: 54px; 
	/* image height is 54 */
	vertical-align: top;
	text-align: center;
	padding-top: 16px;
	cursor: pointer;
	z-index: 10;
}

.menu_button {
	background-image: url('../IMG/menu_button.png');
  background-repeat: no-repeat;  
/* eek MS IE hack */  
  _background-image:none;   
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/mostert-extra-light/includes/IMG/menu_button.png')
/* eek MS IE hack */
}

.menu_button_active{
	color: #ffffff;
	background-image: url('../IMG/menu_button_active.png');
  background-repeat: no-repeat;  
/* eek MS IE hack */  
  _background-image:none;   
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='/mostert-extra-light/includes/IMG/menu_button_active.png')
/* eek MS IE hack */
}

.standaard{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10pt;
	font-style: normal;
	line-height: 1.5em;	
}

.title,
.subTitle{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;	
}

.title{
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 10px;
}

.subTitle{
	font-size: 12pt;
	font-weight: bold;
}

.contact{
	font-size: 10pt;
	font-style: normal;
	text-decoration: none;
	margin-left: 15px;
}


.outerContainer{
  width   : 980px;
	
  position : relative;
  top:  10px;
  overflow: auto;
  margin-right:auto;
  margin-left:auto;
  color: #000000;

  border-style  : solid;
  border-width  : 0px;
  border-color  : #ffffff;
  text-align:center;
}

.innerContainer{
  position : relative;
	width: 975px;
	height: auto;
  top:  0px;
  left: 0px;
  padding: 0px;
  overflow  : hidden;
  color: #000000;
	margin-right:auto;
  margin-left:auto;
    
  border-style  : solid;
  border-width  : 1px;
  border-color  : #000000;
  text-align:left;
}

#header{
  position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	text-align: left;
	height: 99px;
	width: 100%;
	left: 0px;
	top: 0px;
	overflow: visible;
	z-index: 1;
  vertical-align: top;
  background-color: #333d9c;
}

#middle{
	position: relative;
  overflow: auto;
	_overflow: visible;
  min-height: 450px;
  height: 100%;
	_height: 500px;
  
	width: 100%;
	/* background-color: #ffffff; */ 
}

#menu{
	position: absolute;
	overflow: hidden;
	float: left;
	width: 130px;
	min-height: 450px;
	_height: 450px;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	text-align: center;
	/* background-color: #333d9c; */ 
	vertical-align: top;
	color: #ffffff;
	background-image: url('../IMG/menu_back.gif');
  background-repeat: repeat-y;  

}

#bliksem{
	position: relative;
	left: -15px;
	top: 20px;
	z-index: 1;
}

#main{
	position: relative;

	z-index: 10;
	float: right;
	top: 20px;
	right: 20px;
	margin-bottom: 20px;
	
	/* left: 140px; */
	width: 795px; /* breedte: 975px - 150px inspring = 825 */
	_height: 468px;
	height: 100%;
	min-height: 450px;
	background-color: #b9c3f8;
	background-image: url('../IMG/back_main.jpg');
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	vertical-align: top;
	color: #000000;
	padding: 8px;

  border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

#right{
	position: absolute;
	float: right;
	right: 0px;
	_right: -1px;
	top: 0px;
	
	z-index: 0;
	width: 40px;
	height: 100%;
	
	background-color: #333d9c;
	background-image: url('../IMG/right_shadow.png');
  background-repeat: repeat-y;  
/* eek MS IE hack */  
  _background-image:none;   
  _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='scale', src='/mostert-extra-light/includes/IMG/right_shadow.png')
/* eek MS IE hack */		
}

#rightCorrect{
	position: absolute;
	right: 0px;
	z-index: 2;
	width: 40px;
	height: 20px;
	background-color: #333d9c;
}


#footer{
	position: relative;
	height: 39px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-style: normal;
	text-align: center;
	vertical-align: bottom;
	/* background-color: #333d9c; */  
	color: #ffffff;
	_margin-bottom: -6px;
	z-index: 0;

	background-image: url('../IMG/footer_back.png');	
	_background-image: url('../IMG/footer_back.gif');
  background-repeat: no-repeat;
}