@import "clevercms.css";

* 			{margin: 0; padding: 0;}
body		{margin: 0; font-size: 11px; font-family: Verdana; background:#ffffff; color:#000000; line-height:14px;}
p			{padding-bottom: 15px;}
img			{border: 0; }
hr			{height:1px; color:#cccccc; }

h1, .header1{padding: 10px 0 15px 0; }
h2, .header2{font-size: 16px; }
h3,	.header3{font-size: 14px; }

a			{ font-family: Verdana; color:#000000;}	
a:active 	{ font-family: Verdana; color:#000000;}
a:visited	{ font-family: Verdana; color:#000000;}
a:hover		{text-decoration:none; color:#000000;}

form		{border:0px; }

#container 	{position: absolute; width: 925px; margin-left: -462px; left: 50%; }

/*top*/
.top		{float:left; width: 925px; height:67px;}
.logo		{float:left; width:185px;}
.topbanner	{float:left; width:370px; color:#004494; padding-top:20px; font-size:12px; font-style:italic;}
.topbanner a:active,
.topbanner a:visited,
.topbanner a:hover,
.topbanner a { color:#004494; font-size:14px; font-style:italic; text-decoration: none;}
.fontsize	{float:left; width:47px; padding-top:30px;}
.zoeken		{float:left; padding-top:27px;}
.zoekveld	{float:left;}
.zoekwoord	{float:left; width:77px; height:11px; border:1px solid #000000; line-height:12px; font-size: 10px; padding:2px; }
.submit		{float:left; width:44px; background-color: #004494; color:#FFFFFF; text-align:center; line-height:10px; text-decoration:none; height:11px;  padding:3px 0px 3px 0px; margin-right:10px;}
.top .vestopen	{float:left; width:175px; padding-top:27px;}
.top .vestopen a	{width:171px; display:block; background-color: #004494; height:13px; color:#ffffff; text-align:center; text-decoration:none; padding:2px;}

/*left*/
.left		{float:left; width:739px;}

/*hoofdmenu*/
.hoofdmenu			{float:left;}
.hoofdmenu ul		{margin:0px; list-style:none; padding:0px 0px 0px 8px;}
.hoofdmenu li		{float:left; padding:0px; margin:0px; width:160px; }
.hoofdmenu li a		{color:#FFFFFF; text-decoration:none;}
.hoofdmenu li .act		{color:#ffffff;}


.hoofdmenu h1 {font-size: 16px; padding: 0; margin: 0 0 0 9px; color: #FFFFFF;}

.ikzoekeenwoning			{float:left; width:185px; height:109px; background:url(../img/ikzoekeenwoning.jpg) no-repeat; padding-top: 4px; }
.ikbenhuurder					{float:left; width:185px; height:109px; background:url(../img/ikbenhuurder.jpg) no-repeat; padding-top: 4px;}
.onzeprojecten				{float:left; width:185px; height:109px; background:url(../img/onzeprojecten.jpg) no-repeat; padding-top: 4px;}
.overvivare						{float:left; width:184px; height:109px; background:url(../img/overvivare.jpg) no-repeat; padding-top: 4px;}
.ikzoekeenwoning li a.act,
.ikzoekeenwoning li a:hover	{color:#dfc0db;}
.ikbenhuurder li a.act,
.ikbenhuurder li a:hover		{color:#f8cebf;}
.onzeprojecten li a.act,
.onzeprojecten li a:hover		{color:#b3e7f7;}
.overvivare li a.act,
.overvivare li a:hover		{color:#ecf0b3;}

/*inhoud*/
.inhoud				{float:left; background:url(../img/inhoud_bg.jpg) bottom; width:739px; padding:0px 0px 11px 0px;}
.deinhoud			{float:left; width:554px; padding-bottom:20px; font-size: 12px; line-height: 135%; min-height: 370px;}
.deinhoud a			{text-decoration:underline;}
.breadcrumb			{float:left; height:28px; width:538px;padding-left:8px; font-style: italic;}
.breadcrumb a		{color:#000000; text-decoration:none; line-height: normal;}
h1					{font-size:18px; color:#942d87; font-weight:bold;}
.teksten				{padding:0px 8px 0px 8px; float:left;}
.kolom0				{float:left; width:538px; padding:0px 0px 15px 0px;}
.kolom1				{float:left; width:161px; padding:0px 10px 15px 0px;}
.kolom2				{float:left; width:161px; padding:0px 10px 15px 8px;}
.kolom3				{float:left; width:161px; padding:0px 8px 15px 8px;}
.kolom4				{float:left; width:340px; padding:0px 8px 15px 0px;}

/*submenu*/
.submenu			{float:left; width:185px; background:url(../img/submenu_paars.jpg) no-repeat; padding:40px 0px 20px 0px;}
.submenu ul			{float:left; margin:0px; list-style:none; padding:0px;}
.submenu li			{float:left; padding:0px 0px 0px 8px; margin:0px; width:162px;}
.submenu li a		{color:#FFFFFF; text-decoration:none; line-height: 16px;}
.submenu .diepte1	{width:152px;padding:0px 0px 0px 16px;}
.submenu .submenuextra	{float:left; margin-top:15px; font-style:italic;}
.paars .submenu a.aan,
.paars .submenu a:hover		{color:#c298be;}
.oranje .submenu a.aan,
.oranje .submenu a:hover		{color:#f5ac89;}
.blauw .submenu a.aan,
.blauw .submenu a:hover		{color:#99d6f2;}
.groen .submenu a.aan,
.groen .submenu a:hover		{color:#e9eaa6;}
.donkerblauw .submenu a.aan,
.donkerblauw .submenu a:hover	{color:#878dbf;}

.submenu li a	{color:#ffffff;}

/*right*/
.right				{ float:left; color:#003a8c; width:184px; background:url(../img/right_bg.jpg);}
.innerright				{ float:left; color:#003a8c; width:184px; background:url(../img/right_bottom.jpg) bottom left no-repeat; min-height: 430px; padding-bottom: 50px;}
.gadirectnaar		{ float:left; width:184px; height:126px; background:url(../img/gadirectnaar.jpg); padding-top:4px;}
.gadirectnaar h1 { font-size: 16px; padding:0; margin:0 0 0 9px; color:#000000; }
.gadirectnaar ul	{margin:0px; width:176px; list-style:none; padding:0px 0px 0px 8px;}
.gadirectnaar li	{float:left; padding:0px; margin:0px; width:170px; }
.gadirectnaar li a	{text-decoration:none; color:#000000;}
.right .item		{color:#003a8c; float:left; width:170px; padding:0px 0px 0px 0px;}
.right .item a		{color:#e2001a; text-decoration:none;}
.right .nieuwshome	{padding:0px 8px 15px 8px; width:168px;}
.right .nieuwshome h1 { font-size: 16px; color: #e2001a; padding: 0; margin: 0;}
.right .nieuwshome a {color:#e2001a; text-decoration:none;}
.right .inbeeldhome	{padding:0px 8px 0px 8px; width:168px;}
.right .inbeeldhome h1 { font-size: 16px; color: #e2001a; padding: 0; margin: 0;}
.right .inbeeldhome a {color:#e2001a; text-decoration:none;}

/*paars*/
.paars .ikzoekeenwoning {background:url(../img/ikzoekeenwoning.jpg) no-repeat;}
.paars .ikbenhuurder 	{background:url(../img/ikbenhuurder2.jpg) no-repeat;}
.paars .onzeprojecten 	{background:url(../img/onzeprojecten2.jpg) no-repeat;}
.paars .overvivare 		{background:url(../img/overvivare2.jpg) no-repeat;}
.paars .submenu			{background:url(../img/submenu_paars.jpg) no-repeat;}
.paars h1				{color:#942d87;}
.paars .inhoud			{background:url(../img/inhoud_bg_pa.jpg) bottom;}
.paars .breadcrumb a	{color:#942d87;}

.paars .woningmenu .act	{background:url(../img/woningen_menu_1.jpg) no-repeat;}
.paars .woningmenu li:hover{background:url(../img/woningen_menu_1.jpg) no-repeat;}
.paars .woningmenu li		{background:url(../img/woningen_menu_2.jpg) no-repeat;}

/*oranje*/
.oranje .ikzoekeenwoning{background:url(../img/ikzoekeenwoning2.jpg) no-repeat;}
.oranje .ikbenhuurder 	{background:url(../img/ikbenhuurder.jpg) no-repeat;}
.oranje .onzeprojecten 	{background:url(../img/onzeprojecten2.jpg) no-repeat;}
.oranje .overvivare 	{background:url(../img/overvivare2.jpg) no-repeat;}
.oranje .submenu		{background:url(../img/submenu_oranje.jpg) no-repeat;}
.oranje h1				{color:#e75a27;}
.oranje .inhoud			{background:url(../img/inhoud_bg_or.jpg) bottom;}
.oranje .breadcrumb a	{color:#e75a27;}

.oranje .woningmenu .act	{background:url(../img/woningen_menu_1_oranje.jpg) no-repeat;}
.oranje .woningmenu li:hover{background:url(../img/woningen_menu_1_oranje.jpg) no-repeat;}
.oranje .woningmenu li		{background:url(../img/woningen_menu_2_oranje.jpg) no-repeat;}

/*blauw*/
.blauw .ikzoekeenwoning {background:url(../img/ikzoekeenwoning2.jpg) no-repeat;}
.blauw .ikbenhuurder 	{background:url(../img/ikbenhuurder2.jpg) no-repeat;}
.blauw .onzeprojecten 	{background:url(../img/onzeprojecten.jpg) no-repeat;}
.blauw .overvivare 		{background:url(../img/overvivare2.jpg) no-repeat;}
.blauw .submenu			{background:url(../img/submenu_blauw.jpg) no-repeat;}
.blauw h1				{color:#00ade5;}
.blauw .inhoud			{background:url(../img/inhoud_bg_lb.jpg) bottom;}
.blauw .breadcrumb a	{color:#00ade5;}

.blauw .woningmenu .act	{background:url(../img/woningen_menu_1_blauw.jpg) no-repeat;}
.blauw .woningmenu li:hover{background:url(../img/woningen_menu_1_blauw.jpg) no-repeat;}
.blauw .woningmenu li		{background:url(../img/woningen_menu_2_blauw.jpg) no-repeat;}

/*groen*/
.groen .ikzoekeenwoning {background:url(../img/ikzoekeenwoning2.jpg) no-repeat;}
.groen .ikbenhuurder 	{background:url(../img/ikbenhuurder2.jpg) no-repeat;}
.groen .onzeprojecten 	{background:url(../img/onzeprojecten2.jpg) no-repeat;}
.groen .overvivare 		{background:url(../img/overvivare.jpg) no-repeat;}
.groen .submenu			{background:url(../img/submenu_groen.jpg) no-repeat;}
.groen h1				{color:#bece00;}
.groen .inhoud			{background:url(../img/inhoud_bg_gr.jpg) bottom;}
.groen .breadcrumb a	{color:#bece00;}

.groen .woningmenu .act	{background:url(../img/woningen_menu_1_groen.jpg) no-repeat;}
.groen .woningmenu li:hover{background:url(../img/woningen_menu_1_groen.jpg) no-repeat;}
.groen .woningmenu li		{background:url(../img/woningen_menu_2_groen.jpg) no-repeat;}

/*donkerblauw*/
.donkerblauw .ikzoekeenwoning 	{background:url(../img/ikzoekeenwoning.jpg) no-repeat;}
.donkerblauw .ikbenhuurder 		{background:url(../img/ikbenhuurder.jpg) no-repeat;}
.donkerblauw .onzeprojecten 	{background:url(../img/onzeprojecten.jpg) no-repeat;}
.donkerblauw .overvivare 		{background:url(../img/overvivare.jpg) no-repeat;}
.donkerblauw .submenu			{background:url(../img/submenu_donkerblauw.jpg) no-repeat;}
.donkerblauw h1					{color:#003a8c;}
.donkerblauw .inhoud			{background:url(../img/inhoud_bg_db.jpg) bottom;}
.donkerblauw .breadcrumb a		{color:#003a8c;}

.donkerblauw .woningmenu .act	{background:url(../img/woningen_menu_1_donkerblauw.jpg) no-repeat;}
.donkerblauw .woningmenu li:hover{background:url(../img/woningen_menu_1_donkerblauw.jpg) no-repeat;}
.donkerblauw .woningmenu li		{background:url(../img/woningen_menu_2_donkerblauw.jpg) no-repeat;}

/*home*/
.home .ikzoekeenwoning 	{background:none;}
.home .ikbenhuurder 	{background:none;}
.home .onzeprojecten 	{background:none;}
.home .overvivare 		{background:none;}
.home .hoofdmenu		{background:url(../img/homepageknoppen.png); width:739px; height:114px; z-index:2; position:absolute; top:0; left:0;}
.home .homeplaat		{float:left; width:739px; height:495px;}
.home .deplaat			{position:absolute; top:35px; width:729px; height:455px; left:0px; z-index:1;}

/*footer*/
.footer				{float:left; width:935px; }
.flinks				{float:left; width:719px; height:20px; color:#003a8c;}
.right .frechts			{float:left; width:186px; height:20px; color:#666666; background-color:#FFFFFF;}
.right .frechts a			{color:#666666; text-decoration:none;}

/*woningen*/
.woningen			{float:left; width:548px;}
.woningzoeken		{float:left; width:352px; padding:10px 10px 10px 0px;}
.woningleft			{float:left; padding:4px 10px 0px 0px;}
.woningselect		{float:left; width:150px; border:1px solid #000000; font-size:10px; line-height:10px; height:18px; margin-right:10px;}
.woningsubmit		{float:left; background:#942d87; text-align:center; color:#ffffff; border:0px; font-size:10px; padding:2px 10px 1px 10px; margin: 0;}
.eenwoning			{float:left; width:548px;}
.woningtekst		{float:left; width:352px; padding:5px 0 10px 0px; height:100px; border-top: 1px solid #666666;}
/*.woningtekst hr		{width:352px; height:1px; margin-bottom:5px;}*/
.woningfoto			{float:left; width:165px; height:120px; padding: 0px 0px 10px 10px}

.woningendetail		{float:left; width:548px;}
.woningmenu			{float:left; width:548px; font-size: 11px; }
.woningmenu ul		{float:left; padding:20px 0px 10px 3px; margin:0px; list-style:none;}
.woningmenu li		{float:left; color:#FFFFFF; background:url(../img/woningen_menu_2.jpg) no-repeat;   display:block;}
.woningmenu li a:active,
.woningmenu li a:visited,
.woningmenu li a	{float: left; color:#FFFFFF; text-decoration:none;text-align:center; padding:3px 13px 0px 0px ; width:79px; height:26px; display:block;}
.woningmenu li:hover{background:url(../img/woningen_menu_1.jpg) no-repeat;}
.woningmenu .last {}
.woningmenu .last a:active,
.woningmenu .last a:visited,
.woningmenu .last a { width: 72px; padding: 3px 8px 0 0; }
.woningmenu .act	{background:url(../img/woningen_menu_1.jpg) no-repeat;}




.woningdetailtekst	{float:left; width:355px; padding:0px 10px 10px 8px;}
.woningdetailtekstnieuw	{float:left; padding:0px 10px 10px 8px;}
.woningdetailfoto	{float:left; width:170px;}
.woningdetailfoto .fgroot 	{padding:0px 0px 10px 0px;}
.woningdetailfoto .fleft	{padding:0px 10px 10px 0px; cursor: pointer;}
.woningdetailfoto .fright	{padding:0px 0px 10px 0px; cursor: pointer;}
.woningdetailform	{float:left; width:535px; padding:20px 10px 10px 8px;}
.woningdetailinput	{border:1px solid #9c9ea0; width:360px;}
.woningdetailforma	{width:181px; padding:0px 0px 5px 0px;}
.woningdetailformb	{width:362px; padding:0px 0px 5px 0px;}
.woningdetailbutton	{padding:0px 10px 3px 10px; background:url(../img/woningen_menu_1.jpg) no-repeat; color:#FFFFFF; height:26px; float:right; border:0px; font-size:10px; width:72px; display:block; padding-right:8px;}


.groter		{text-decoration:none;}
.kleiner	{text-decoration:none;}