/* content elements van de general pages */

/****************************
  HEADERS
*****************************/
h1 {width:400px;height:40px;margin-top:13px;color:#A34016;font-size:20px}
h1.en {background:url("../../images/titles/sub_pagina_head_extended.gif") 0 0 no-repeat}
h1.nl {background:url("../../images/titles/sub_pagina_head_extended-nl.gif") 0 0 no-repeat}
h1 span {display:none}
h2, h3 {font-size: 11px;font-weight: 600}
h2 {margin-left: 13px;color:#fff;}
h3 {margin: 13px 0 8px 13px; color:#a34016;}
h4 {font-size:12px; color:#a34016;}
a#terms {font-size:9px}
/****************************
  PARAGRAPHS
*****************************/
p.pageintro {width:610px;margin:13px 0 13px 26px;font-weight:600;font-size:11px;line-height:16px;display:block}

/****************************
  MAPPANEL ELEMENTS
*****************************/
.mappanel p {margin: 3px 13px 13px 13px}
.mappanel a {margin:0;font-size:10px}
.mappanel h1,h2,h3 {margin-right:15px}
.mappanel img.left  {float:left;margin:35px 0 0 20px}
.mappanel img.right {float:right;margin:35px 20px 0 0}
.mappanel .maskleft, .mappanel .maskright {width:144px;height:112px;background:url("../../images/masks/144x112.png") no-repeat}
.mappanel .maskleft {float:left;margin:29px 10px 0 -137px}
.mappanel .maskright {float:right;margin:29px -137px 0 10px}

/****************************
  LINKS AND BUTTONS
*****************************/
a {color:#333}
a:hover {color:#A34016}

a.button {float:right;width:84px;wid\th:64px;height:16px; margin:13px 13px 0 0;padding-right:20px;text-align:right;font-weight:600;text-decoration:none;background:url("../../images/buttons/buttons_beige.gif")  68px -40px no-repeat;display:inline;}
a.button:hover {background-position:68px -60px;}
a.medium {width:120px;margin-top:0;margin-right:13px;background-position:124px -40px;}
a.medium:hover {background-position:124px -60px;}
a.large {width:171px;margin-top:0;margin-right:13px;background-position: 175px -40px;}
a.large:hover {background-position:175px -60px;}
a.close {margin:0 13px 0 0;color:#fff;background:url("../../images/buttons/buttons_black.gif") 68px -160px no-repeat}
a.close:hover {background-position:68px -180px;}

a.more {text-decoration:underline;padding-right:15px;background:url("../../images/bullets/arrow_n.gif") no-repeat bottom right}
a.more:hover {color:#a34016;background-image:url("../../images/bullets/arrow_o.gif")}

/****************************
  FORMELEMENTS
*****************************/
.formfield
{
	display:block;
	min-height:24px;
	clear:both;
	margin-bottom:5px;
}

.labels 		{width:276px;float:left;text-align:right}
.inputs 		{width:330px;float:right;text-align:left}
label, span.label {font-size:9px;color:#666;font-weight:600}
label 			{margin-top:3px;display:block}
label a, label a:visited, label a:active{color:#666;text-decoration:underline}
label a:hover {text-decoration:none}
input.radio, input.checkbox {float:left;display:block;}
label.radio, label.checkbox {float:left;margin:3px;font-weight:400;display:block;}
textarea.inputbox, input.inputbox {width:246px;wid\th:241px;height:20px;padding:5px 0 0 5px;border:none;}
input.inputbox 			{background:url("../../images/backgrounds/input_boxes_search.gif") 0 -58px no-repeat}
textarea.inputbox 	{height:40px;background: url("../../images/backgrounds/input_boxes.gif") 0 0 no-repeat;overflow:hidden}
input.small 				{width:41px;background-position: 0 -180px}
input.smaller 			{width:34px;background-position: 0 -210px}
input.smallest 			{width:28px;background-position: 0 -240px}
span.formcaption, span.charcounter	{width:220px;wid\th:210px;height:1%;margin-top:-2px;padding-left:10px;color:#666;background:url('../../images/bullets/bullet_square.gif') no-repeat 0 3px;display:block}
span.charcounter {margin-top:0}
span.coordinatesdot {font-weight:600}

/****************************
  IFRAME THERMS
*****************************/

#thermsframe 		   {width:325px;height:150px;float:left;margin:0 10px 10px 10px;background:url("../../images/panels/framepanel325x150.gif") no-repeat}
#thermsframe .iframe {width:310px;height:135px;margin:10px 0 0 5px;}
#therms					{width:270px;overflow:hidden;}

/****************************
  CUSTOM PULLDOWNS
*****************************/
.DCselect span {width: 241px; height:20px; cursor:pointer; display:block;}
.DCselect .status {padding: 2px 0 0 4px; background:url("../../images/backgrounds/input_boxes_search.gif") 0 -270px no-repeat}
.DCselect .options {position: absolute; margin-top: -4px; margin-left: 2px; background-color:#fff; border:1px solid #999; display:none}
.DCselect .options span {width:219px;}
.DCselect .options .hover {background-color:#c3c3c0}
.day, .month, .year {position: absolute}
.day, .day span {width: 48px;}
.day .status {background:url("../../images/backgrounds/input_boxes_search.gif") 0 -360px no-repeat}
.day .options, .day .options span {width: 26px;}
.month {margin-left: 60px;}
.month, .month span  {width: 52px;}
.month .status {background:url("../../images/backgrounds/input_boxes_search.gif") 0 -330px no-repeat}
.month .options, .month .options span {width: 30px}
.year {margin-left:120px}
.year, .year span {width:58px}
.year .status {background:url("../../images/backgrounds/input_boxes_search.gif") 0 -300px no-repeat}
.year .options, .year .options span {width: 36px}

/****************************
  PAGEITERATOR
	(searchresults)
*****************************/
.pageiterator {width: 632px; height: 32px; margin-left: 13px; color: #fff; background: url("../../images/backgrounds/bar_small.gif") 0 0 no-repeat;}
.pageiterator#bottompageiterator {margin-top: 13px;}
.pageiterator a  {color: #fff; font-weight: 600;text-decoration:underline; margin-left: 4px;}
.pageiterator a.selected, .pageiterator a:hover {text-decoration:none;}
.pageiterator div.prev, .pageiterator div.pages, .pageiterator div.next {margin-top: 10px; display:inline}
.pageiterator div.prev {float: left; width: 60px; margin-left: 6px;}
.pageiterator div.pages
{
	float:left;
	width:495px;
	height:20px;
	line-height:20px;
	margin:7px 0 0 0;
	overflow:hidden;
	text-align:center;
}
.pageiterator div.next {float: right; width: 60px; margin-right: 10px;}
.pageiterator a.next, .pageiterator a.prev {width: 16px; height:16px;}
.pageiterator a.forward, .pageiterator a.back {width: 18px; height:16px;}
.pageiterator a.back {float: left;background: url("../../images/buttons/buttons_dark.gif") 0 -120px}
.pageiterator a.back:hover {background-position: 0 -140px}
.pageiterator a.prev {float: left;background: url("../../images/buttons/buttons_dark.gif") 0 0px}
.pageiterator a.prev:hover {background-position: 0 -20px}
.pageiterator a.next {float: right;background: url("../../images/buttons/buttons_dark.gif") 0 -40px}
.pageiterator a.next:hover {background-position: 0 -60px}
.pageiterator a.forward {float: right;background: url("../../images/buttons/buttons_dark.gif") 0 -80px}
.pageiterator a.forward:hover {background-position: 0 -100px}
.pageiterator a span {display:none}

/****************************
  QUICKSEARCH ELEMENTS
*****************************/
h1#searchourmembers {background-position:0 0}
#switchtoadvanced {padding: 10px 26px; display: block}

div#listwrapper
{
	margin:0 0 0 10px;
	padding:0;
}

#quicksearch ul
{
	margin:5px 0 0 0;
	padding:0;
}

#quicksearch li
{
	display:block;
	margin:0 0 10px 0;
}

#quicksearch li input
{
	display:block;
	position:relative;
	top:5px;
	float:left;
	margin:0 5px 0 0;
	padding:0;
}

#quicksearch label
{
	float:left;
	width:180px;
	height:18px;
	padding:0 0 0 4px;
	line-height:18px;
	background:url("../../images/backgrounds/input_boxes_search_dark.gif") 0 -30px no-repeat !important;
}


#quicksearch label span
{
	color: #383F2E;
	font-weight:600;
}

#quicksearch input#searchstring
{
	position:relative;
	top:3px;
	width:172px;
	height:18px;
	border:0;
	margin:0;
	padding:0 0 0 4px;
	line-height:18px;
	background:url("../../images/backgrounds/input_boxes_search_dark.gif") no-repeat !important;
}

#quicksearch ul {list-style-type:none;}
#quicksearch li {float: left;}
#quicksearch a {width:184px;wid\th: 164px; height: 16px; padding-right: 20px; color: #fff; text-align:right; font-weight: 600; background:url("../../images/buttons/buttons_dark.gif")  168px -40px no-repeat; display:block;}
#quicksearch a:hover {color: #c3c3c0; background:url("../../images/buttons/buttons_dark.gif") 168px -60px no-repeat;}

/****************************
	SPECIAL SEARCH ELEMENTS
*****************************/
#specialsearch {list-style-type:none}
#specialsearch li {float: left;}
#specialsearch li a {width:220px;height:40px; margin: 0 59px 0 15px; display:block;}
#specialsearch a.members {background:url("../../images/buttons/buttons_viewmembers_beige.gif") 0 0 no-repeat}
#specialsearch a.members:hover {background-position: 0 -40px}
#specialsearch a.ambassadors {background:url("../../images/buttons/buttons_viewmembers_beige.gif") 0 -80px no-repeat}
#specialsearch a.ambassadors:hover {background-position:0 -120px}
#specialsearch li a span {display:none}

/****************************
  ADVANCED SEARCH ELEMENTS
*****************************/
h1#search {background-position:0 -640px}
#advancedsearch  #bdateyear {margin-left:120px}

/****************************
  SEARCHRESULTS ELEMENTS
*****************************/
h1#searchresults {margin-left:26px;background-image:none}
p#searchedfor {margin-left: 26px;}
.searchresult {display: block; width: 616px; height: 84px; margin-top: 6px; margin-left: 6px; clear: both}
.searchresult .box1 {float: left; width: 260px; height: 70px;}
.searchresult .box2 {float: right; width: 340px;  height: 70px;}
.searchresult .iconbox {float: left;  margin-left: 2px; width:240px;}
.searchresult .gotoresult {float: right;  margin-right: 2px; width: 240px;}
.searchresult a {color: #000; font-weight: 600;text-decoration:underline}
.searchresult .thumb {float:left;width:24px;height:32px;margin-top:5px;margin-left:10px;}
.searchresult .mask {float:left;width:34px;height:42px; margin-top:0;margin-left:-30px;background-image:url("../../images/masks/34x42.png")}
.searchresult .fav {width: 24px;height: 20px; float: left; margin: 0 2px 0 6px; background:url("../../images/icons/icons_beige.gif") 0 -60px no-repeat;}
.searchresult .fav span {display: none}
.searchresult .personals {float: left; width: 180px; margin-left: 4px; list-style: none;}
.searchresult .personals li {margin-bottom: 3px;}
.searchresult span.memberdata {font-weight: 600}
.searchresult p.quote {margin: 3px 0 0 0;}
.searchresult .ambassador {float: left; width: 20px; height: 20px; margin-right: 6px; background: url("../../images/icons/icons_beige.gif") 0 -20px no-repeat}
.searchresult .ambassador span {display:none}
.searchresult .eternal {float: left; width:202px;widt\h: 180px; height: 20px; padding-left:22px; color:#A34016; background: url("../../images/icons/icons_beige.gif") 0 -37px no-repeat}
.searchresult .gotoresult a {width:181px;wid\th: 161px; margin-top: 0; margin-right: 3px; padding-right: 20px; background-position: 165px -40px;}
.searchresult .gotoresult a:hover {background-position:165px -60px}

/****************************
  REGISTER ELEMENTS
*****************************/
h1#register {background-position:0 -600px}
h1#registerNemo {width:620px;background:no-repeat 14px 9px url(../../images/nemo/header.gif)}
#visualregister {float:left;width:164px;height:107px;margin:13px 0 13px 17px;background:url("../../../images/certificate.gif");display:inline;}
#registerintro {float:left;width:420px;display:inline;}
#registersteps {width:632px;height:42px;hei\ght:32px;margin-left:13px;padding-top:10px;background:url("../../images/backgrounds/bar_small.gif") 0 0 no-repeat;}
.regstep {margin:0 13px 0 13px;color:#c3c3c0;font-weight:600;}
.currentstep {color:#fff;}
#personaldetails #bdateyear {margin-left:120px}
#personaldetails #feelabel {margin-top:8px}
#personaldetails #membershipfee {margin-top:8px;color:#000;display:block;}

/****************************
  CHECKDETAILS ELEMENTS
*****************************/
#checkdetails .inputs {margin-top:3px}

/****************************
  CONFIRMED ELEMENTS
*****************************/
#confirm .inputs {margin-top:3px}

/****************************
  PAYMENT ELEMENTS
*****************************/
h1#payment {background-position:0 -320px}
h1#error {background-position:0 -720px}

/****************************
  INFO ELEMENTS
*****************************/
h1#privacy 			{background-position:0 -480px}
h1#terms 			{background-position:0 -560px}
h1#howwestarted 	{background-position:0 -40px}
h1#ourpromise 		{background-position:0 -80px}
h1#organization 	{background-position:0 -760px}
h1#gettingstarted 	{background-position:0 -280px}
h1#faq 				{background-position:0 -360px}
h1#rulesofconduct 	{background-position:0 -800px}
h1#whatyouget 		{background-position:0 -840px}
h1#mission	 		{background-position:0 -880px}
h1#disclaimer 		{background-position:0 -920px}
h1#news		 		{background-position:0 -960px}
h1#gift		 		{background-position:0 -1000px}


/****************************
  LOGIN ELEMENTS
*****************************/
h1#login {background-position:0 -440px}
h1#loginerror {background-position:0 -680px}

/****************************
  HELP ELEMENTS
*****************************/
h1#help {background-position:0 -720px}

/****************************
  CONTACT ELEMENTS
*****************************/
h1#contact {background-position:0 -240px}
#contactform .labels {width:246px;}
#contactform .inputs {width:260px;}

/****************************
  FAQ ELEMENTS
*****************************/
h1#faq {background-position:0 -360px}
#mainpanel2col p.pageintro {width: 500px;}
div#faqheader {display:block; clear:both; height:1%;}
h2#faqpulldownheader {float:left;color:#000;font-size:12px;display:inline}
span#faqpulldown {float:right;margin-right:12px;display:inline}
.faqcategory {width: 495px; height:29px;hei\ght:25px; margin-top: 8px; margin-left: 13px; padding-top: 4px; padding-left: 6px; background:url("../../images/backgrounds/495_bar_beige.gif") no-repeat}
.faqcategory h2 {color:#F8F7DE;font-size:12px}
div.qa a {width:412px;wid\th: 400px; margin-left: 13px; padding-left: 12px; color:#000; font-weight:600; text-decoration:underline;background:url("../../images/bullets/arrow_n.gif") no-repeat; display: block}
div.qa a:hover, div.qa a.opened {color:#a34016; text-decoration:none;}
div.qa a:hover {background:url("../../images/bullets/arrow_o.gif") no-repeat}
div.qa a.opened {background:url("../../images/bullets/arrow_o.gif") no-repeat}
div.qa p {width: 400px; margin-left: 26px; display:block}

/****************************
  TRIGGER ELEMENTS
*****************************/
.trigger a span {visibility:hidden}
div.featurepanel h2 {margin: 0 0 6px 16px;color:#333;}
div.featurepanel #doseemore {margin-right:26px;}
#tour {width:278px;height:60px;background:url("../../images/triggers/tour001_n.gif") no-repeat;position:relative}
#tour a {width:180px;height:30px;position:absolute;left:84px;top:24px; display:block;}
#tour a:hover {background:url("../../images/triggers/tour001_o.gif") -84px -24px no-repeat}
#signup {width:278px;height:38px;background:url("../../images/triggers/join001_n.gif") no-repeat; position:relative}
#signup a {width:100px;height:19px;position:absolute;left:166px;top:8px;display:block}
#signup a:hover {background:url("../../images/triggers/join001_o.gif") -166px -8px no-repeat}

.textarea268x62 {
	width:263px; height:57px;
	background: url("../../images/backgrounds/textarea268x62.gif") no-repeat;
	border: none;
	padding:5px 0 0 5px;
	margin-top:2px;
}
.textarea268x31 {
	width:263px; height:26px;
	background: url("../../images/backgrounds/textarea268x62.gif") no-repeat;
	border: none;
	padding:5px 0 0 5px;
	margin-top:2px;
}

div#nemoInleiding
{
	margin:15px 22px 0 22px;
}

div#nemoInleiding p
{
	margin:0 0 15px 0;
}

div#nemoInleiding ul
{
	margin:0 0 12px 0;
}

div#nemoInleiding li
{
	padding:0 0 5px 15px;
	background:no-repeat 3px 3px url(../../images/bullets/bullet_square.gif);
}