html, body {
	margin             : 0px;
	padding            : 0px;
}
body {
	font-family        : "Trebuchet MS";
	font-size          : 11px;
	line-height        : 16px;
	background-color   : #fff;
	color              : #757b7c;
	background-position: center center;
	background-image   : url(../../images/fmhwonen/mainBg.jpg);
	
	scrollbar-face-color      : #ddd;
	scrollbar-highlight-color : #ddd;
	scrollbar-shadow-color    : #ddd;
	scrollbar-3dlight-color   : #ddd;
	scrollbar-arrow-color     : #fff;
	scrollbar-track-color     : #fff;
	scrollbar-darkshadow-color: #ddd;
	
}

td {
	font-size          : 11px;
}

img {
	border             : 0px;
}




/******************************************** homepage *********************************************/
.mainBg {
	background-image: url(../../images/fmhwonen/mainBg.jpg);
	background-position: right bottom;
}





/*********************************************** actueel *******************************************/
#container-actueel {
	margin-top         : 10px;
}
#container-actueel #studiegids {
	position           : relative;
	margin-left        : 35px;
}

.actueel {
	margin-left        : 30px;
}
.actueel td {
	vertical-align     : top;
}
.actueel a {
	text-decoration    : none;
}

.actueel a,
.actueel p,
.actueel h1 {	
	margin: 0px;
}

.actueel h1,
.actueel p {
	font-size          : 12px;
	line-height        : 14px;
	font-weight        : normal;
	color              : #757b7c;
	
}

.actueelKop p {
	font-size          : 14px;
	padding            : 9px 0px;
	font-weight        : bold;
	color              : #777600;
}
.nieuwsDatum p {
	font-size          : 10px;
	line-height        : 14px;
	font-weight        : bold;
	color              : #fff;
}
.actueel .leesverder {
	color              : #edeeef;
}
.actueel .nieuwsKnop{
	padding:0px;
}
.actueel a:hover,
.actueel a:hover h1,
.actueel a:hover p {
	color              : #fff;
}



/******************************************* tekstpagina *******************************************/

#cnt h1,
#cnt p {
	color              : #757b7c;
	margin             : 0px;
}
#cnt p, #cnt ul {
	margin             : 1em 0;
	line-height        : 16px;
}
#cnt h1 {
	font-size          : 15px;
	letter-spacing     : -1px;
}
#cnt h2 {
	font-size          : 11px;
	letter-spacing     : 0px;
	margin             : 1em 0px;
}
#cnt ul, #cnt il {
	margin: auto;
}

/* de 4 rijen met 2 tabelcellen: rijkolom-x-y  */

/* -- (( rij 1 )) -- */
#rc-1-1 {
	height             : 164px;
	text-align         : right;
	vertical-align     : top;
}

#rc-1-2 {
	width              : 304px;
	background-color   : #d3d817;
	vertical-align     : top;
}
#rc-1-2 h2 {
	position           : absolute;
	top                : 114px;
	right              : 10px;
	text-align         : right;
	font-family        : Impact, Arial, sans-serif;
	font-weight        : normal;
	font-size          : 48px;
	color              : #fff;
	width:300px;
}

/* -- (( rij 1 )) -- */
#rc-2-1 {
	height             : 140px;
	vertical-align     : top;
}

#rc-2-2 {
	vertical-align     : top;
}

/* -- (( rij 3 )) -- */
#rc-3-1 {
	background-color   : #fff;
	vertical-align     : top;
}
#rc-3-1 .witruimte {
	padding            : 74px 60px 10px 123px;
	height             : 100%;
	overflow-y         : scroll;
}

#rc-3-2 {
	background         : #d3d817 url(../../images/fmhwonen/achtergrond-rechts.jpg) top right no-repeat;
	text-align         : right;
	vertical-align     : bottom;
	padding-top        : 100px;
}

/* -- (( rij 4 )) -- */
#rc-4-1 {
	height             : 30px;
	background-color   : #fff;
	text-align         : center;
}
#rc-4-2 {
	background-color   : #d3d817;
}



/******************************************* starterspakket *******************************************/
#cnt #starterskop{
	background-color:#ffff33;
	color:#cccc00;
	line-height:37px;
	font-size: 19px;
	padding-left:30px;
	font-family        : "Arial Black", sans-serif;
	margin-bottom:16px;
	width:499px;
	max-width:459px;
}
#cnt #starterskop .grijs{
	color:#666666;
}

#cnt .starterspakket .bovenkant{
	height:10px;
	background   : url(../../images/fmhwonen/starterspakket_boven.gif) no-repeat top;
}
#cnt .starterspakket .onderkant{
	height:10px;
	background   : url(../../images/fmhwonen/starterspakket_onder.gif) no-repeat bottom;
}
#cnt .starterspakket .pakketprijs{
	width: 337px;
	height: 87px;
	margin-left:149px;
	padding-top:5px;
	background   : url(../../images/fmhwonen/starterspakket_inschrijven.gif) no-repeat bottom;
}
#cnt .starterspakket .pakketprijs a{
	width:337px;
	height:87px;
	font-family        : "Arial Black", sans-serif;
	padding-top:3px;
	text-decoration:none;
}
#cnt .starterspakket .pakketprijs .kop{
	padding-left:20px;
	font-family        : "Arial Black", sans-serif;
	font-weight:normal;
	font-size: 24px;
	text-decoration:none;
}
#cnt .starterspakket .pakketprijs .letOp{
	height:31px;
	vertical-align:top;
}
#cnt .starterspakket .pakketprijs .body{
	font-family        : "Arial", sans-serif;
	font-size: 19px;
	padding-left:46px;
	padding-top:20px;
	display:block;
	color:#cccc00;
}
#cnt .starterspakket{
	background-color:#a1a6a7;
	width:499px;
	margin-bottom:50px;
}

#cnt .starterspakket table{
	margin-left:32px;
	width:450px;
}
#cnt .starterspakket table td{
	vertical-align:top;
	padding-bottom:7px;
}

#cnt .starterspakket a,
#cnt .starterspakket p{
	color:#ffffff;
	margin:0px;
	font-size: 14px;
	font-family        : "Tahoma", sans-serif;
}
#cnt .starterspakket p.hoog{
	margin-top:2px;
}
#cnt .starterspakket p.functie{
	font-weight:bold;
	font-size:18px;
}
#cnt .starterspakket a{
	font-weight:bold;
	color:#fff;
	font-size:14px;
}
#cnt .starterspakket p.bedrag{
	text-align:right;
}
.doorgehaald{
	text-decoration: line-through;
}

.vervolg{
	margin-top:15px;
}

/******************************************** hoofdmenu ********************************************/

#hoofdmenu {
	position           : absolute;
	top                : 0px;
	left               : 115px;
	height             : 67px;
	z-index            : 200;
	font-size          : 13px;
	font-weight        : bold;
	color              : #fff;
	line-height        : 13px;
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=225, Strength=3)*/
	/*filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.75')*/
	/*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=-3, OffY=4, Color='#999999', Positive='true')*/
	
}

#hoofdmenu a {
	text-decoration    : none;
	z-index            : 1000;
	display            : block;
}

#hoofdmenu ul {
	padding            : 0px;
	margin             : 0px;
	list-style         : none;
	list-style-image   : none;
}
	
#hoofdmenu ul li {
	position           : relative;
	float              : left;
	height             : 67px;
	width              : 127px;
}

/* Styles for Menu Items */
#hoofdmenu ul li a {
	position           : relative;
	height             : 67px;	
	border-left        : 1px solid #fff;
	color              : #edeeef;
	padding-left       : 8px;
}

html > body #hoofdmenu ul li a { 
	margin-left       : -8px;	
}

#hoofdmenu ul li a:hover {
	color              : #fff;
}

#hoofdmenu ul li a.last {
	border-right        : 1px solid #fff;
}


#hoofdmenu ul li .schaduw {
	position           : absolute;
	top                : 0px;
	left               : 0px;
	color              : #9f9f9f;
	z-index            : 1;
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4', MakeShadow='true', ShadowOpacity='0.20');
}
html > body #hoofdmenu ul li .schaduw {
	top                : 2px;
	left               : 0px;		
}	
	
/* submenu */
#hoofdmenu ul li ul {
	position           : absolute;
	left               : 0px;
	top                : 67px;
	display            : none;
	font-size          : 1px; /* om witruimte tussen DIVs weg te halen */
}

#hoofdmenu ul li ul li {
	float              : none;
	height             : 18px;
}
#hoofdmenu ul li ul li.dubbel {
	height             : 36px;
}

#hoofdmenu ul li ul li a {
	float              : none;
	display            : block;

	border-left        : 1px solid #fff;
	color              : #edeeef;
	
	font-size          : 12px;
	height             : 19px;	
	line-height        : 18px;
	font-weight        : bold;	
}
#hoofdmenu ul li ul li a.dubbel {
	height             : 38px;
}

#hoofdmenu ul li ul li a:hover {
	border-left-color  : #d3d817;
	color              : #d3d817;
}
#hoofdmenu ul li ul li.inverse {
	background-image   : url(../../images/fmhwonen/mainBg.jpg);
	background-position: 100px 0px;
}

#hoofdmenu ul li ul li a.inverse:hover {

}

#hoofdmenu ul li ul li .schaduw {
	font-size          : 12px;
	line-height        : 18px;	
}

#hoofdmenu li:hover ul, #hoofdmenu li.over ul { display: block; } /* The magic */



/***************************************** menu onderaan *******************************************/
#menu-bot {
	position           : relative;
	margin-top         : 10px;
	height             : 20px;
	width              : 100%;
	font-size          : 11px;
	z-index            : 999;
}

#ul-menu-bot {
	width              : 325px;
}

#menu-bot a {
	font-weight        : bold;
	text-decoration    : none;
}

#menu-bot ul {
	height             : 20px;
	padding            : 0px;
	margin             : 0px;
	list-style         : none;
	list-style-image   : none;
}
	
#menu-bot ul li {
	position           : relative;
	float              : left;
	height             : 20px;
	text-align         : left;
}

/* Styles for Menu Items */
#menu-bot ul li a {
	position           : relative;
	height             : 20px;
	color              : #a1a6a7;
	line-height        : 20px;
	display            : block;
}
#menu-bot ul li a:hover {
	color              : #d3d817;
}

#menu-bot .eerste {
	border-left        : 0px;
}


/* submenu */
#menu-bot ul li ul {
	position           : absolute;
	left               : -8px;
	bottom             : 19px;	
	display            : none;
}

html>body #menu-bot ul li ul {
	bottom             : 60px;
}

#menu-bot ul li ul li {
	float              : none;
	height             : 20px;
}

#menu-bot ul li ul li a {
	float              : none;
	display            : block;	
	line-height        : 20px;	
	text-align         : left;
	padding            : 0px 7px;
	width              : 150px;
	border-left        : 1px solid #a1a6a7;
	background-color   : #fff;
}


#menu-bot ul li ul li a:hover {
	color              : #d3d817;
	border-color       : #d3d817;
}

#menu-bot li:hover ul, #menu-bot li.over ul { display: block; } /* The magic */





/******************************************* formulieren *******************************************/
#content {
	height             : 100%;
	overflow           : auto;
}

.genFormBg {
	width:100%;
	background-color   : #efefef;	
}

.genFormBg img {
	vertical-align     : middle;	
}

.genFormKop {
	color              : #757b7c;
	font-family        : Impact, Arial, sans-serif;
	font-size          : 20px;
	text-align         : left;
	
}
.genFormBox{
	font-family        : Trebuchet MS;
	font-size          : 12px;
}

.genFormBg .kop{
	font-family        : Impact,"Arial Black";
	color              : #fff;
	background-color   : #ddd;
	font-size          : 20px;
	padding-bottom     : 3px;
	height             : 40px;
}

.genFormBg .inp,
.genFormBg .big,
.genFormBg .bold,
.genFormBg .kop,
.genFormKop{
	padding-left       :10px;
}
.big {
	font-size          : 20px;
	padding-left       : 15px;
}
.bold,
.lbl {
	font-size          : 14px;
	font-weight        : bold;
	padding-left       : 15px;
}
.lbl {
	font-weight        : normal;
}
.underlined {
	background: url('../../../shared/images/fmhwonen/dropBg.jpg') no-repeat -4px 25px;
	height             : 57px;
}

hr{
	color:#909090;
}

#cu_titel{
	padding-left:15px;
	line-height: 5px;
}
#cg_data_beschrijving{
	padding-left:18px;
}


.feedback {
	padding            : 74px 60px 10px 123px;
	height             : 100%;
	overflow-y         : scroll;
}
	
.feedback .big{
	padding-left       : 0px;
}

/* kleuren */
/* bijna wit  #edeeef */
/* geel/groen #d3d817 */
/* grijs      #757b7c */
/* grijs      #a1a6a7 */