@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: 14px; }
h3,	.header3{font-size: 12px; }

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:12px; 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; position: relative;}

/*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:active,
.hoofdmenu li a:visited,
.hoofdmenu li a		{color:#FFFFFF; text-decoration:none;}

.hoofdmenu li .act		{color:#ffffff;}
/*.hoofdmenu li a:hover	{color:#ffffff;}*/

.hoofdmenu .titel_topmenu {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; min-height: 560px;}
.deinhoud a			{text-decoration:underline;}
.breadcrumb			{float:left; /*height:28px;*/ width:538px; padding-bottom: 14px;padding-left:8px; font-style: italic;}
.breadcrumb a		{color:#000000; text-decoration:none;}
h1					{font-size:16px; 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;}


/* WIJZIGINGEN FERDI VOOR VACATURES */
.inhoud .tekst		{width:500px;}
.inhoud .tekst a	{color:#000000; text-decoration:underline;}
.cc_vacature	{float:left; padding:10px 0px;}
.cc_vacature h1 { width: 320px; line-height: 125%; }
.cc_vacature .titel	{float:left; position:relative; width:500px; color:#BFCE01; border-bottom:1px solid #CCCCCC; font-family:Verdana; font-size:11px; font-weight:bold; line-height:125%;}
.cc_vacature .titel .links	{float:left; width:440px; }
.cc_vacature .titel .rechts 	{float:left; width:60px;}
.cc_vacature ul.vacatures	{float:left; width:500px; list-style-type:none; margin:0px;}
ul.vacatures li				{position:relative; border-bottom:1px dotted #CCCCCC; padding:6px 0px; line-height:145%;}
ul.vacatures li a			{position:relative; color:#000000; text-decoration:none;}
ul.vacatures li a:hover		{text-decoration:underline;}
ul.vacatures li.werving		{background:url(../img/werving.gif) no-repeat top right;}
ul.vacatures li.gesprek		{background:url(../img/gesprek.gif) no-repeat top right;}
ul.vacatures li.afronding	{background:url(../img/afronding.gif) no-repeat top right;}
ul.vacatures li .uitleg		{position:absolute; width:55px; height:44px;right:0px;top:0px;}
ul.vacatures li .uitleg	.tekst	{display:none; position:absolute; left:-110px; top:-150px; width:240px; height:142px; padding:20px; background:url(../img/vacature-uitleg.png) no-repeat center center;}
ul.vacatures li .uitleg:hover .tekst {display:block;}

.inhoud .vacaturedetailtekst {width:500px; border-bottom:1px dotted #CCCCCC; padding-bottom:20px; margin-bottom:20px;}
.vacaturebuttons		{float:right;position:relative;}
.vacaturebuttons img	{position:relative; top:-5px; /*right:25px;*/ right:-13px;}
.vacaturereageren a		{text-decoration:underline; color:#000000; background:url(../img/vacaturereageren.gif) no-repeat center right; padding:4px 30px 4px 0;}

.cc_formulier .tekstveld,
.cc_formulier .invoerveld,
.cc_formulier .cc_pulldown,
.cc_formulier .invoerveldTekstBlok 	{padding-bottom:3px; padding-top:3px;}	
.cc_formulier .cc_pulldown		{float:left;}
.cc_formulier .invoerveld_submit	{padding-top:25px;}
.cc_formulier .label { width: 150px; float: left; }
.cc_formulier .tekstregel { padding: 20px 0 20px 0; }
.cc_formulier .cc_formulier_terug { margin: 40px 10px 0 150px; padding: 2px 10px 3px; }
.cc_formulier .cc_formulier_print { margin: 40px 10px 0 0; padding: 2px 10px 3px; }
.cc_formulier .cc_alleen_printen  { display: none; }
.cc_formulier .cc_niet_printen  { display: block; }
.cc_formulier .invoerveld {width:250px;}

.groen .cc_formulier input.formverzenden {padding:3px 25px 3px 0px; line-height:21px; background:url(../img/vacaturereageren.gif) no-repeat center right; color:#000000; text-decoration:underline; font-size:11px; font-family:Verdana;}

.extraborderbottom {border-bottom: 1px dotted #CCCCCC;}
.extraborderbottom  ul {padding-bottom:15px; list-style-position:outside;}
.invoerveld .checkrood { display: none; }
/* END OF: WIJZIGINGEN FERDI VOOR VACATURES */

/*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:active,
.submenu li a:visited,
.submenu li a		{color:#FFFFFF; text-decoration:none;line-height: 16px;}
.submenu .diepte1	{width:152px;padding:0px 0px 0px 16px;}
.submenu .diepte2	{width:144px;padding:0px 0px 0px 24px;}
.submenu .submenuextra	{float:left; margin-top:15px; font-style:normal;}
.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; padding-bottom: 50px;}
.gadirectnaar		{ float:left; width:184px; height:126px; background:url(../img/gadirectnaar.jpg); padding-top:4px;}
.gadirectnaar .titel_topmenu { 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:160px; padding:0px 0px 0px 0px;}
.right .item a		{color:#e2001a; text-decoration:none;}
.right .nieuwshome	{padding:0px 8px 15px 8px; width:160px;}
.right .nieuwshome .titel_beeld { font-size: 16px; color: #e2001a; padding: 0; margin: 0; float:left; width:170px;}
.right .nieuwshome a {color:#e2001a; text-decoration:none;}
.right .inbeeldhome	{padding:0px 8px 0px 8px; width:168px;}
.right .inbeeldhome .titel_beeld { font-size: 16px; color: #e2001a; padding: 0; margin: 0;}
.right .inbeeldhome a {color:#e2001a; text-decoration:none;}
.right .inbeeldhome .flash {margin-top: 10px;}

.VideoThumbOverlayDiv                     {position:relative; float:left; width:168px; margin:0 0 10px 0;}
.VideoThumbOverlayDiv .VideoThumbOverlay  {position:absolute; display:block; top:0; margin:0; left:0; top:0; margin:0; width:150px; height:100px; background:url(../img/VideoThumb.png) bottom left no-repeat;}



/*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;}

.paars .cc_formulier .formverzenden	{background: #942d87;}
.paars .cc_formulier .formbutton		{background: #942d87;}

/*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;}

.oranje .cc_formulier .formverzenden	{background: #e75a27;}
.oranje .cc_formulier .formbutton		{background: #e75a27;}



/*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;}

.blauw .cc_formulier .formverzenden	{background: #00ade5;}
.blauw .cc_formulier .formbutton		{background: #00ade5;}


/*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;}

.groen .cc_formulier .formverzenden	{background: #bece00;}
.groen .cc_formulier .formbutton		{background: #bece00;}


/*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;}

.donkerblauw .cc_formulier .formverzenden	{background: #003a8c;}
.donkerblauw .cc_formulier .formbutton		{background: #003a8c;}


/*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:134px; z-index:2; position:absolute; top:0; left:0;}
.home .homeplaat		{float:left; position:relative; 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; }
.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;}
.vivareselect {margin:0 0 0 20px; padding:0; background:url(../img/select_logo.jpg) no-repeat;width:100px;height:52px;cursor:default; float:left; }

.cc_vacature .cc_nieuws {float:left; width:500px;}

/* Begin style voor ABC */
br.clear {clear:both;}
.letters a.letter {float:left; width:19px; padding:4px 0px 5px 0px; margin:0px 1px 1px 0px; background:#004494; text-decoration:none; color:#FFFFFF; text-align:center;}
.letterregel { width: 538px;float:right }
.letters a.letter:hover {color:#FFFFFF; font-weight:bold;}
.letters a.act {font-weight:bold;}
.oranje a.letter {background:#E75A27;}
.paars a.letter {background:#942d87;}
.blauw a.letter {background:#00ade5;}
.groen a.letter {background:#bece00;}
.donkerblauw a.letter {background:#003a8c;}
.abc_zoeken label {margin:0px 5px 0px 0px;}
.abc_zoeken .zoekknop {background:#E75A27; padding:3px 6px 4px 6px; margin:0px 0px 0px 5px; border:0px; color:#FFFFFF; font-family:Verdana; font-size:11px;}
.oranje .abc_zoeken .zoekknop {background:#E75A27;}
.paars .abc_zoeken .zoekknop {background:#942d87;}
.blauw .abc_zoeken .zoekknop {background:#00ade5;}
.groen .abc_zoeken .zoekknop {background:#bece00;}
.donkerblauw .abc_zoeken .zoekknop {background:#003a8c;}
ul {list-style-position:outside; margin:0px 0px 15px 20px;}
.titel {line-height:14px; float:left; padding:0px 5px 7px 0px;}
p {line-height:14px;}
.onderhoud {float:left; line-height:14px; float:left; padding:0px 30px 0px 0px; width:460px;}
.onderhoudafb {float:left; line-height:14px; float:left; padding:0px 0px 0px 0px; width:40px;text-align:left;}
ul.abc {padding:0px; margin:0px; list-style:none;}
ul.abc li {padding:15px 0px 15px 0px; margin:0px; float:left; border-bottom:1px dashed #CCCCCC;}
/* Einde style voor ABC */


.cc_nieuws {width:500px; clear:both;}
.break label {width:auto;}

.donnerbrusseloverlay{position:absolute;bottom:10px;right:20px;z-index:100;}


.socialmedia				{float:left; margin:0; padding:5px 0 10px; background-color:#fff; width:186px;}
.socialmedia ul				{float:left; margin:0; padding:0;}
.socialmedia ul li			{float:left; margin:0; padding:0; list-style:none;}
.socialmedia ul li a		{float:left; margin:0 4px 0 0; padding:0; height:20px; width:20px; border:0; text-indent:-9999em; outline:0;}

.iconTwitter				{background:url('../img/iconTwitter.png') center center no-repeat;}
.iconFacebook				{background:url('../img/iconFacebook.png') center center no-repeat;}
.iconHyves					{background:url('../img/iconHyves.png') center center no-repeat;}

.socialmedia ul li.volgons	{float:left; margin:0 8px 0 0; padding:0; list-style:none; color:#666; line-height:20px;}

/* Vivare in 2011/2012 download pdf */
a.vivarein20112012		{position:absolute; z-index:999; top:85px; left:600px; height:87px; width:114px; margin:0; padding:0; text-indent:-999em; background:url('../img/Vivarein20112012.png') center center no-repeat;}