body
{
	font-family: Arial, "Courier New";
	background-color: #FFF;
	color: #444;
	font-size: 80%;
	position: relative;
	margin: 0;
	padding: 0:
}

div
{
	margin-top: 0;
	padding: 0;
}

h1, h2, h3, h4
{
	margin-bottom: .5em;
}
h1
{
	font-size: 2.2em;
}
h2
{
	font-size: 1.5em;
	color: #90c84b;
}
h3
{
	font-size: 1.5em;
}
a img
{
	border: none;
}
a
{
	text-decoration: underline;
	color: #333;
}

a:hover
{
	text-decoration: underline;
	color: #000;
}
p
{
	margin: 4px 0;
}
.IntroductionText
{
	font-weight: normal;
}

/* Banner */
#Banner
{
	margin-bottom: 5px;
}

/* Banner */
/* Main Image/Tab Area */
#MainImage
{
	position: relative;
	background: url(/Images/Main/main_image_1.jpg) no-repeat;
	height: 254px;
}

#MainImage h1
{
	padding: 110px 0 0 25px;
	margin: 0;
}

#MenuLayer
{
	position: absolute; 
	bottom: -16px; 
	left: 0; 
	z-index: 10;
}

/* Main Image/Tab Area */
/* Content Areas */
/* Width main container 990px */

#Container
{
	width: 990px;
	margin: auto;
}

#MainContent
{
		padding: 0 0 0 13px;
}

#ContentLeft
{	
	float: left;
	width: 612px;
	padding: 0 0 0 13px;
}

#ContentRight
{
	float: left;
	padding: 0px 0 0 15px;
	width: 350px;
}

#ContentRight img
{
	margin: 5px 0;
}
.MainText
{
	padding-bottom: 10px;
}
/* Content Areas */
/* Footer Area */
#Footer
{
	clear: both;
	float:left;
	text-align: left;
	margin-top: 10px;
	padding: 8px 15px 0px 15px;
	width: 960px;
	height: 20px;
	border-top: 2px solid #21A2E7;
}
#Footer a
{
	
	
}

#footer-menu
{
    float:left;
    
}

#footer-copy
{
    float:right;
}

#footer-copy a
{
   color:#ababab;
}

/* Footer Area */
/* Sponsors */
#Sponsors
{
	clear: both;
}
/* Sponsors */
/* Box with Rounded Corners (Standard is Blue border with white background) */
.RoundedBox
{
	background: url(/Images/BlueRight.gif) top right no-repeat;
	margin-top: 20px;
	text-align: left;
}
.RoundedBoxContent
{
	margin: 0;
	padding: 9px 9px 0 9px;
	background: url(/Images/BlueLeft.gif) top left no-repeat;
}
.RoundedBoxBottomLeft
{
	padding: 1px 0 0 9px;
	background: url(/Images/BlueLeft.gif) bottom left no-repeat;
}
.RoundedBoxBottomRight
{
	display: block;
	padding: 0 9px 9px 0;
	background: url(/Images/BlueRight.gif) bottom right no-repeat;
}
/* Box with Rounded Corners (Standard is Blue border with white background) */
/* Extra styling for colours */
/* BLUE */
.Blue h2
{

	margin-top: 0;
}
/* BLUE */
/* PINK */
.Pink
{
	background: url(/Images/PinkRight.gif) top right no-repeat;
	color: #000;
}
.PinkC
{
	background: url(/Images/PinkLeft.gif) top left no-repeat;
}



.PinkBL
{
	background: url(/Images/PinkLeft.gif) bottom left no-repeat;
}
.PinkBR
{
	background: url(/Images/PinkRight.gif) bottom right no-repeat;
}
.Pink h3
{
	font-size: 2.4em;
	margin: 5px;
}
/* PINK */
/* YELLOW */
.Yellow
{
	background: url(/Images/YellowRight.gif) top right no-repeat;
}
.YellowC
{
	background: url(/Images/YellowLeft.gif) top left no-repeat;
}
.YellowBL
{
	background: url(/Images/YellowLeft.gif) bottom left no-repeat;
}
.YellowBR
{
	background: url(/Images/YellowRight.gif) bottom right no-repeat;
}
/* YELLOW */
/* GREEN */
.Green
{
	background: url(/Images/GreenRight.gif) top right no-repeat;
}
.GreenC
{
	background: url(/Images/GreenLeft.gif) top left no-repeat;
}
.GreenBL
{
	background: url(/Images/GreenLeft.gif) bottom left no-repeat;
}
.GreenBR
{
	background: url(/Images/GreenRight.gif) bottom right no-repeat;
}

.BlockC
{
	width: 348px;
	background: url(/Images/blok_geel.gif) top left no-repeat;
	height: 207px;
	position: relative;
	z-index: 99;
}


/* GREEN */
/* Extra styling for colours */
/* Yellow box with square corners */
.YellowInfoBox
{
	background-color: #FFFCD4;
	border: solid 1px #D6D4A8;
	padding: 5px;
}
/* Yellow box with square corners */
.FAQForm
{
	background-color: #EEE;
}
/* EntryForm */
.EntryForm
{
	border-collapse: collapse;
	background-color: #EEE;
	width: 625px; /* Setting to 100% doesn't seem to work om page two of the registration wizard TODO */
}
.CustomEntryForm
{
	background-color: #EEE;	
	padding: 0;	
	width: 90%;
}

.CustomEntryFormOwnSize
{
	background-color: #EEE;	
	padding: 0;	
}


.CustomEntryForm table
{	
	width: 100%;
}

.rpUitnodigingList .EntryForm td
{	
	padding-left: 4px;
}

.EntryForm td
{
	vertical-align: top;
	padding: 0;
}

.EntryForm hr
{
	width: 95%;
	text-align: center;
}
.GreenContentHeader
{
	background-color: #90c84b;
	color: #FFF;
	border-bottom: solid 8px #D4D4D4;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	padding: 5px 10px;
	margin: 0;
}

.LabelRow, .LabelRowLogin, .LabelRowAanmelden
{
	text-align: left;
	width: 25%;
}

.LabelRow label
{	
	display: block;
	margin-top: 5px;
	margin-right: 2px;
	margin-left: 10px;
}

.LabelRowLogin
{
	 width: 50px;
}
.LabelRowAanmelden
{
	width: 25%;
}
.ValidatorRow
{
	text-align: center;
	width: 1%;
}
.EntryRow, .EntryRowLogin, .EntryRowAanmelden, .EntryRowEditProfile
{
	text-align: left;
	padding-right: 20px;
	width: 75%;
}
EntryRowLogin
{
	width: 80%;
}
.EntryRowAanmelden
{
	width: 75%;
}
.EntryRowEditProfile
{
	width: 450px;
}
.HalfEntryRow
{
	width: 50%;
}
.ExtraCell /* Cell met colspan 3 */
{
	text-align: left;
	padding-left: 10px;
}
.SingleTextBox, .CustomSingleTextBox, .MultiTextBox, .HalfSingleTextBox, .SingleTextBoxLogin, .ProfileTextBoxExtraSmall, .ProfileTextBoxSmall
{
	border: solid 1px #8EADC6;
	color: #333;
	padding: 0;
	margin: 5px 0;
}
.SingleTextBox, .CustomSingleTextBox, .MultiTextBox, .HalfSingleTextBox, .SingleTextBoxLogin
{
		width: 95%;
}

.ProfileTextBoxSmall
{
	width: 130px;
}

.ProfileTextBoxExtraSmall
{
	width: 30px;
}

.SingleTextBoxLogin
{
	width: 250px;
	margin-right: 200px;
}

.HalfSingleTextBox
{
	width: 80%;
}
.CustomSingleTextBox
{
	width: 250px;
}
.MultiTextBox
{
	height: 150px;
}



/* EntryForm */
/* Button Green */
.GreenButton, .GreenButtonLogin
{
	/*background-color: #88CC21;
	color: #FFF;*/
	margin:0 20px 0 0;
}
.GreenButtonLogin
{
	float: left;
	margin: 8px 5px;
}
/* Button Green */
/* Bekijk Virtueel Dorp Area */
#BekijkVirtueelDorp
{
	height: 140px;
	width: 620px;
	position: relative;
	z-index: 99;
}
#BekijkVirtueelDorp h3
{
	padding: 5px 0 0 15px;
	margin: 0;
	height: 140px;
	background: url(/Images/VirtueelDorp.gif) no-repeat;
}
 
#BekijkVirtueelDorp h3 a
{
	display: block;
	line-height: 140px;
}
#BekijkVirtueelDorp h3 a:hover
{
	text-decoration: none;
	color: #90c84b;
}
/* Bekijk Virtueel Dorp Area */
/* Top 5 Bouwers Area */
#Top5Bouwers ol
{
	padding-left: 30px;
	margin-top: 15px;
	position: relative;
	z-index: 99;
}
#Top5Bouwers ol li, #Top5Bouwers ol li a
{
	color: #E0007C;
	font-weight: bold;
}
/* Top 5 Bouwers Area */

#DorpContent
{
    width:630px;
    float:left;
}

#DorpContent h2
{
    margin:0px;
}

#DorpButtons
{
    clear:both;
}

/* Dorp Gegevens Tabel */
#DorpDetails
{
	width: 224px;
	background-color: #F7D321;
	overflow: hidden;
}
#DorpDetails h2
{
	color: #000;
	margin-top: 0;
	padding: 15px 0 0 15px;
	background: url(/Images/YellowFixedTop.jpg) no-repeat;
	border-bottom: solid 2px #FF0;
	font-size: 1.2em;
}
#DorpDetails h6
{
	padding: 0 15px 15px 15px;
	height: 14px;
	font-size: 16px;
	margin: 0 0 8px 0;
}
.Inwoners
{
	background: #f7df18 url(/Images/Inwoner.gif) no-repeat left;
	height: 39px;
	margin-bottom: 8px;
	padding: 0 0 0 55px;
	border-left: solid 30px #f7df18;
	padding-top: 5px;
}
.BouwPlekken
{
	background: #f7df18 url(/Images/BouwPlaats.gif) no-repeat left;
	height: 45px;
	padding: 0 0 0 65px;
	border-left: solid 10px #f7df18;
	padding-top: 5px;
}

.BouwPlekken2
{
	height: 10px;
	background-color: #F7DF18;
	padding: 0 0 0 0;
	font-size: 85%;
	font-weight: bold;
	padding-bottom: 10px;
}

.BouwPlekken3
{
	background: #f7df18 url(/Images/YellowFixedBottomSmall.jpg) no-repeat left;
	font-size: 3%;
	height: 11px;
}

.KoopEenHuisje
{
	background: #f6d321 url(/Images/YellowFixedBottom.jpg) no-repeat bottom;
	height: 90px;
	padding: 10px 0 0 10px;
	
}


/* Dorp Gegevens Tabel */
ul
{
	list-style-type: none;
	list-style-image: url(/Images/pijl.gif);
	padding: 0;
	margin-left: 20px;
}
li
{
	font-weight: normal;
}
#tblMemberData h2
{

}
#inviteFriendsTable
{
	width: 90%;
}

#inviteFriendsTable td.content
{
	border-bottom: 1px solid #cae8f9;
	padding-bottom: 15px;
}

.SmallButton
{
	background-image: url(/Images/small_button.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	color: #e2007f;
	width: 68px;
	height: 17px;
	font-size: 10px;
	border: none;
	margin: 0;
	padding: 0;
}
ol li
{
	font-weight: normal;
	}
.Hand
{
	cursor: pointer;
	}
	
	
.ErrorMessage
{
	color: #f00;
	font-weight: bold;
}

.ExtraPadding td
{
	padding: 3px 0 3px 5px;
}

.DorpsNaam
{
	font-size: 8pt;
	padding: 0 0 0 15px;
}



#top5_blocks{
  margin-top: 15px;
  margin-left: 2px;
  font-family: 'Arial';
  font-size: 11px;
  color: #444444;
}
#top5_blocks a{
text-decoration: none;
}
#top5_blocks .top5_item{
  background-image: url('../images/top5_item.jpg');
  background-repeat: no-repeat;
  width: 188px;
  height: 214px;
  
  float:left;
  margin-right: 7px;
}

#top5_blocks .top5_item.last, #top5_blocks .top5_item.last{
  margin-right: 0px;
  height: 214px;
}

#top5_blocks .top5_item .top5_title{
  margin: 15px 0px 8px 12px;

  font-size: 13px;
  font-weight: bold;
  color: #000000;
}

#top5_blocks .top5_item .top5_line{
  width: 188px;
  height: 2px;
  background-color: #ddc600; 
  font-size:0;
}

#top5_blocks .top5_item .top5_image{
  margin: 6px 0px 0px 12px;
  
}

#top5_blocks .top5_item .intro{
  margin: 2px 0px 0px 14px;
}

#top5_blocks .top5_item .name{
  margin: 5px 0px 0px 14px;
}

#top5_blocks .top5_item .top5_teaser{
  margin: 3px 0px 0px 14px;
  width: 151px;
  height: 56px;
}

#top5_blocks .top5_title
{
	height: 30px;
}


#line_spacer{
  width: 982px;
  height: 5px;
  background-color: #d0d0d0;
  float: left;
  margin: 12px 0px 0px 4px;
  font-size:0;
}

#left_block{
  width: 404px;
  height: 224px;
  float: left;
}

#right_block{
  width: 572px;
  height: 224px;
  float: left;
  font-size: 11px;
}

#search_block{
  background-image: url('../images/search_block.jpg');
  width: 367px;
  height: 51px;
  margin: 16px 0px 0px 4px;
}

#search_block ul.arrow{
  list-style-image: url('../images/arrow.jpg');
    
  font-size: 12px;
  font-weight: bold;
}

#currentinfo_block{
  background-image: url('../images/currentinfo_block.jpg');
  width: 386px;
  height: 71px;
  margin: 9px 0px 0px 4px;
}

#currentinfo_block .current_info{
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  padding: 25px 0px 0px 25px;
}

#search_block a, #right_block a{
text-decoration: none;
}

#right_block .spotlight_title{
  margin: 15px 0px 0px 4px;
  color: #5eb240;
  font-weight: bold;
  font-size: 19px;
}

#right_block .spotlight_block{
  width: 280px;
  height: 160px;
  background-image: url('/images/spotlight_block.jpg');
  background-repeat: no-repeat; 
  margin-top: 15px;
  float: left;
}

#right_block .spotlight_block .spotlight_name{
  font-size: 14px;
  font-weight: bold;
  padding: 12px 0px 8px 15px;
}

#right_block .spotlight_block .spotlight_line{
  width: 280px;
  height: 2px;
  background-color: #ed008c;
  display: block;
  font-size:0;
}

#right_block .spotlight_block .spotlight_image{
  margin: 8px 0px 0px 12px;
  float: left;
}

#right_block .spotlight_block .spotlight_intro{
  margin: 7px 0px 0px 13px;
  float: left;
  width: 160px;
}

#right_block .spotlight_block .spotlight_dorp_name{
  margin: 5px 0px 0px 13px;
  float: left;
  width: 160px;
  font-size: 14px;
  font-weight: bold;
}

#right_block .spotlight_block .spotlight_text{
  margin-top: 15px;
  float: left;
}
.spotlight_text{
padding-left: 5px;
}
.spotlight_image
{
	max-width: 90px;
	max-height: 33px;
}
.top5_image
{
	max-width: 163px;
	max-height: 59px;
}

.HandAndPointer
{
  cursor: pointer;	
}