/*------------------------------------------
---------------- Reseting ------------------
----------------------------------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
em,  s, small, strike, strong, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  vertical-align: baseline;
				  background: transparent }
				  
:focus, :active	{ outline: 0 }

html 			{ height: 100% }
body 			{ height: 100%; width:100%; color: #000; font-family: Arial, Helvetica, sans-serif;font-size:12px; }
#home, .vervolg			{background: #fff url(/images/fon.jpg) top right no-repeat;}
body.popup {
	background:#fff;
	}
/*
#home, .vervolg			{ background: #FCE799 url(/images/fonHome2.jpg) repeat-x !important}
*/
h1, h2, h3, h4, h5, h6
 				{ font-weight: normal }
h1 				{ font-size: 16px; margin-bottom: 12px; font-weight:bold; } 
h2 				{ font-size: 13px; margin-bottom: 12px }
.main h2 {
	font-weight:bold;
	margin-bottom:0;
	}
h3				{ font-size: 12px; margin-bottom: 12px }
h4, h5, h6		{ font-size: 12px; margin-bottom: 12px }

p, pre, code, label, th, td, dd, dt, select
				{ font-size: 12px; margin-bottom: 12px; }
ul, ol			{ margin-bottom: 12px }
ul 				{ list-style: disc; }
ol 				{ list-style: decimal }
li	 			{ margin-left: 16px; color: #000; }
li p 			{ color: #000; }
.main ul,
.main.ol {
	margin:1.4em 0;
	}
strong,b		{ font-weight: bold; }
td, select { vertical-align:top; margin:0;  }
em { font-style:italic; }
/*------------------------------------------
------------------ Fonts -------------------
----------------------------------------- */

h1, h2, h3, h4, h5, h6
 				{ font-family: Arial, Helvetica, sans-serif; color: #000; }
p, pre, label, th, td, li
				{ font-family: Arial, Helvetica, sans-serif; } 			
.main p {
	margin-bottom: 1.4em;
	}
/*------------------------------------------
------------------ Links -------------------
----------------------------------------- */

a:link, a:visited
				{ font-weight: normal; text-decoration: underline; color: #000; }
a:hover			{ color:#1A9D4F; }
a:active
				{ font-weight: normal; text-decoration: underline; color: #000; }
a img			{ border: 0 }

/*------------------------------------------
------------- Global Classes ---------------
----------------------------------------- */

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight		{ float: right }

.textLeft		{ text-align: left }
.textRight		{ text-align: right; padding-top: 0 !important }
.textCenter		{ text-align: center }
.textJustify	{ text-align: justify }

.bold			{ font-weight: bold !important }
.italic			{ font-style: italic }
.underline		{ border-bottom: 1px solid }
.highlight		{ background: #ffc }

.noPadding		{ padding: 0 }
.noMargin		{ margin: 0 !important}
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }
.noBackground	{ background: none !important}
/*
.largeButton	{ height:34px !important; }
*/
/*------------------------------------------
---------------- Wrapper -------------------
----------------------------------------- */

#wrap	{
	min-height: 100%;
	width: 1000px;
	overflow: visible;
	margin: 0 auto;  
	position: relative
	}
#innerwrap {
	position:relative;
	padding-bottom:0;
	overflow:hidden;	
	}	
/*---------------------------------------*/
#logo				{ height: 95px}
#logo img			{ padding: 25px 0 0 35px}
#logoHome			{ height: 215px;}
#logoHome img		{ margin: 40px 0 0; }

#header				{ overflow:hidden; height: 167px; background: url(/images/header.gif) no-repeat}
#headerHome			{ height: 342px;margin-top:-10px;}


#topMenu			{ text-align: center; width:688px; margin:0 auto;}
#topMenu li			{ float:left; height: 156px; width: 172px; list-style: none; margin: 0 }

.woningen			{ background:url(/images/menuButton1.jpg) no-repeat}
.nieuwbouw			{ background:url(/images/menuButton2.jpg) no-repeat}
.bog				{ background:url(/images/menuButton4.jpg) no-repeat}
.buitenland			{ background:url(/images/menuButton3.jpg) no-repeat}
a.fon				{ position:relative; display:block; width: 156px; height:32px;
						font: bold 17px Arial, Helvetica, sans-serif !important; top:13px; left:8px;padding-top:101px;color:#fff;text-decoration:none;}
a.fon:hover			{  background:url(/images/menuFon.jpg) no-repeat left bottom;color:#fff;}
	
#topMenuHome		{ text-align: center; margin: 12px auto;width:1000px;overflow:hidden;}
#topMenuHome li		{ float:left; height: 242px; width: 310px; list-style: none; margin: 0; position:relative;margin-right:35px; }
#topMenuHome li.last		{ margin-right:0; }

#home .aanbod			{ background:url(/images/menuHome1.png) no-repeat}
#home .diensten			{ background:url(/images/menuHome2.png) no-repeat}
#home .texelvastgoed	{ background:url(/images/menuHome3.png) no-repeat}


a.fonh	{
	display:block;
	position:relative;
	width:304px;
	height:40px;
	padding-top:195px;
	font: bold 17px/30px Arial, Helvetica, sans-serif !important;
	text-align:bottom;
	color:#fff;
	text-decoration:none;
	}
a.fonh:hover {
	background: url(/images/bg-fonh.gif) no-repeat 5px 192px;
	color:#fff;
	}
span.fonh {
	font: bold 17px/30px Arial, Helvetica, sans-serif !important;
	color:#fff;
	display:block;
	margin-top:-1px;
	position:relative;
	top:-12px;
	}
.active a			{  background: none !important}


#buttons			{ background: url(/images/menu.gif) no-repeat; height: 29px; margin-top: 6px}

#menuLeft			{ float:left; margin-left: 130px;background:url(/images/border.gif) left top no-repeat}
#menuLeft li		{ list-style: none; margin: 0; float:left; padding-top:0; height: 29px; background:url(/images/border.gif) right top no-repeat}
#menuLeft li a {
	font:bold 13px/28px  Arial, Helvetica, sans-serif;
	padding:0 12px;
	color:#fff;
	text-decoration:none;
	display:block;
	height:29px;
	}

#menuLeft li a:hover {
	color: #007437;
	background:#F7DD00;
	}
body.diensten #menuLeft li.dienstenlink,
body#nieuws #menuLeft li.nieuwslink,
body#contact #menuLeft li.contactlink	{
	background: #fff !important;
	}
body.diensten #menuLeft li.dienstenlink a,
body#nieuws #menuLeft li.nieuwslink a,
body#contact #menuLeft li.contactlink a	{
	color: #757c08 !important;
	}
					
					
.activ				{ background: #fff !important}
.activ a			{ color: #757c08 !important}

#menuRight			{ float: right; margin-right: 30px;background:url(/images/border.gif) left top no-repeat}
#menuRight li		{ list-style: none; margin: 0; float:left; padding-top: 0;padding-right:2px; height:29px;background:url(/images/border2.gif) right top no-repeat}
#menuRight li a	{
	font:bold 12px/28px Arial, Helvetica, sans-serif !important;
	padding:0 12px;
	color:#1A9D4F;
	text-decoration:none;
	display:block;
	height:29px;
	background:#F7DD00;
	}
#menuRight li a:hover	
					{ background:#1A9D4F;color:#fff;}

#content 			{ clear:both; padding-bottom:0; overflow:hidden;}

.left				{ float:left; width: 190px; }
.main {
	margin-left: 200px;
	padding: 10px 10px 38px 0;
	line-height:1.4;
	}	
body.links .main {
	margin-left:0;
	padding:10px 10px 38px;
	}
body.links .main table {
	width:100%;
	border-collapse:collapse;
	text-align:center;
	margin-top:30px;
	}
body.links .main table td {
	padding:0 0 20px 0;
	font-weight:bold;
	}
body.links .main table td img {
	display:block;
	margin:0 auto;
	margin-bottom:6px;
	}
body.links .main table td a {
	font-weight:bold;
	}
#leftMenu {
	margin-bottom:12px;
	}
#leftMenu2 {
	margin-bottom:0;
	}
	
#leftMenu li		{ margin:0; list-style: none; background: #e0e2c2; width: 249px}
#leftMenu li p		{ color: #757c08; margin: 0; background: url(/images/leftMenubottom.gif) bottom left no-repeat; 
					 font:normal 11px/15px Arial, Helvetica, sans-serif;padding: 10px 15px 10px 20px}
#leftMenu2 li		{ margin:0; list-style: none; background: #e0e2c2; width: 249px}
#leftMenu2 li p		{ color: #757c08; margin: 0; background: url(/images/leftMenubottom.gif) bottom left no-repeat; 
					 font:normal 11px/15px Arial, Helvetica, sans-serif;padding: 10px 15px 10px 20px}
/*
.left a {
	color:#757c08;
	font-size:11px;
	text-decoration:underline;
	}
.left a:hover{
	color:#fff;
	}
*/
.left ul {
	list-style:none;
	margin:12px 0 0;
	}
.left li {
	margin-left:0;
	}
.title1				{ background:url(/images/leftMenu1.gif) no-repeat !important; height: 20px; color: #0d3d70 !important;
						font:normal 13px/16px Arial, Helvetica, sans-serif !important;}
.title2				{ background: #fff url(/images/leftMenu2.gif) bottom no-repeat !important; height: 20px; color: #0d3d70 !important;
						font:normal 13px/16px Arial, Helvetica, sans-serif !important;}
#mainMenu			{ overflow:hidden}											
#mainMenu li 		{ float:left; background: url(/images/blue.gif) repeat-x; list-style: none; margin: 0 7px 0 0; padding: 0}
#mainMenu li a		{ display:block; font:normal 12px/19px Arial, Helvetica, sans-serif !important; padding: 0 15px !important; color: #0d3d70;
				 		text-decoration: none}
.activM				{ background: url(/images/grau.gif) repeat-x !important}
.activM	a			{ color: #000 !important}

#mainMenuVer		{ overflow:hidden}											
#mainMenuVer li 	{ float:left; background: url(/images/menuBorder.gif) no-repeat; list-style: none; margin: 0 7px 0 0; padding: 0; width: 128px}
#mainMenuVer li a	{ display:block; font: normal 11px/19px Arial, Helvetica, sans-serif; padding: 1px 5px !important; color: #303030; text-align:center;
						text-decoration: none}
#mainMenuVer li a:hover	
					{ font-weight: bold !important}					
.activeVer 			{ background:url(/images/menuBorder-active.gif) no-repeat !important}
.activeVer a		{ font-weight: bold !important}

ul.texelvastgoedmenu li a,
ul.dienstenmenu li a,
ul.aanbodmenu li a	{
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:150px;
	background:#1A9D4F;
	margin-bottom:3px;
	border:1px solid #137138;
	line-height:1.5;
	padding:0 0 0 10px;
	}
ul.aanbodmenu li.largeButton a	{
	line-height:1.2;
	}

ul.texelvastgoedmenu li a:hover,
ul.dienstenmenu li a:hover,
ul.aanbodmenu li a:hover	{ color:#1A9D4F;background:#F7DD00; border:1px solid #D7C100; color:#1A9D4F; }

/* ACTIEVE PAGINA IN NAVIGATIE
====================================================*/
body.nieuw li.nieuw a,
body.permanent li.permanent a,
body.recreatie li.recreatie a,
body.bedrijfsobjecten li.bedrijfsobjecten a,
body.agrarisch li.agrarisch a,
body#huur li.huur a,
body#project li.project a,
body.aanverkoop li.aanverkoop a,
body.verkoop li.verkopen a,
body.taxaties li.taxaties a,
body.texelvastgoed li.texelvastgoed a,
body.wiezijnwij li.wiezijnwij a,
body#contact li.contact a,
body#contactform li.inschrijven a,
body.overtexel li.texel a
{
	background: #F7DD00;
	border: 1px solid #D7C100;
	color:#1A9D4F;
}
#contentmenuknoppen {
	margin-bottom:12px;
	}
.tableMain			{ margin-bottom: 10px}
.tableMain 	td		{ font:normal 11px/19px Arial, Tahoma, sans-serif !important}

#menuHome			{ float: left; margin: 16px 0 4px 0}
#menuHome li		{ list-style: none; margin: 0; float:left; padding-top:0;}
#menuHome li a		{ font:bold 13px/21px Arial, Helvetica, sans-serif !important; color: #007437; 
					padding:0 5px; text-decoration:underline }
#menuHome li a:hover	
					{ color: #f8c301;}
.activH				{ color: #0d3d70 !important}

.logo 				{  float: right; margin-right: 30px; margin-top: -5px } 
.logoH1 				{  position:absolute;right:215px;top:6px; } 
.logoH 				{  position:absolute;right:10px;top:10px; } 
.logoHH 				{  position:absolute;right:160px;top:6px; }
.logoH2				{  position:absolute;right:370px;top:6px; }  

#footerH {
	position:relative;
	clear:both;
	width:1000px;
	padding-top:0;
	margin:-88px auto 0;
	overflow:hidden;
	height: 80px;
	background: url(/images/footerH.gif) no-repeat 0 50px;
	font-weight:bold;
	}
#footerH a,
#footer a {  
	text-decoration: underline;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	}
#footerH a:hover,
#footer a:hover {
	text-decoration: none;	
	}
.leftFooterH		{ position:absolute;left:20px;top:50px;color: #fff; line-height:28px; font-weight:bold;}
.rightFooterH		{ position:absolute;right:20px;top:50px;color: #fff; line-height:28px; font-weight:bold;}

#footer	{
	width:1000px;
	position:relative;
	height: 38px;
	margin:-38px auto 0;
	background: url(/images/footerH.gif) no-repeat;
	}

.leftFooter		{ position:absolute;left:20px;color: #fff; line-height:28px; font-weight:bold;}
.rightFooter	{ position:absolute;right:20px;color: #fff; line-height:28px; font-weight:bold;}


#contactform form table {
	margin-bottom:1.4em;
	}

table#TableNeiuwsOverzicht {
	width:680px;
	margin-top:-30px;
}
#prospect td {
	vertical-align:top;
	}
#locatieframe {
	height:68px !important;
}
body.streekWoonplaats {
	background:#fff !important;
}
#prospect select#selectbox {
	width:300px;
	}
body.popup #thickboxForm td {
	text-align:left !important;
	}
#faq table textarea { width:300px; }