/* generated by csscreator.com */ 
html, body{ 
 margin:0px; 
 padding:0px; 
 text-align:center; 

} 


body { background: #e8e8e8; border: 0px; font: normal 0.8em Arial, Helvetica, sans-serif; color:#707070;}
.bodypop	{background: #ffffff;}


#pagewidth{ 

 width:1004px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
	background-color: white;
	padding: 0px;
	background: #fff url(../stdimg/backgroundmenu.gif) repeat-y;
	
} 
 
#header{ 
 position:relative; 
 height:115px; 
 display: block;
 width:100%;
 clear: both;
 background: white;
 padding: 0px;
 margin: 0px;
 font-size: 0.1em; line-height: 0.1em;
} 
#header #lijn0 {margin-top: 0px; width:100%; height:10px; background:#white; color: white; font-size: 0.1em; line-height: 0.1em;}
#header #lijn1 {margin-top: 0px; width:100%; height:15px; background:#ff6f40; color: white; font-size: 0.1em; line-height: 0.1em;}
#header #lijn2 {margin-bottom: 3px;width:100%; height:2px; background:#ff6f40; color: white; font-size: 0px; font-size: 0.1em; line-height: 0.1em;}
#header #lijn3 {margin-top: 3px;width:100%; height:3px; background:#ff6f40; color: white; font-size: 0px; font-size: 0.1em; line-height: 0.1em;}
#header #lijn4 {margin-top: 3px;width:100%; height:2px; background:#ff6f40; color: white; font-size: 0px; font-size: 0.1em; line-height: 0.1em;}
#header #lijn5 {margin-top: 3px; margin-bottom: 15px; width:100%; height:1px; background:#ff6f40; color: white; font-size: 0px; font-size: 0.1em; line-height: 0.1em;}
#header #headcontent {background: white; padding: 5px; height: 27px; font-size: 0px; font-size: 0.1em; line-height: 0.1em; margin: 0px;}
#header #picture{background: url(../stdimg/backgroundhead.gif) no-repeat; height: 40px; margin: 0px; padding:0px;}

#leftcol{
 width:200px; 
 float:left; 
 bxackground-color:#CCCCCC; 
 }
 
#twocols{
 width:804px; 
 float:right; 
 position:relative; 
  }
 
#rightcol{
 width:200px; 
 float:right; 
 position:relative; 
 margin-left: 10px;
 }
 
#maincol{background-color: #fffff;  height:100%;
 float: left; 
 display:inline; 
 position: relative; 
 width:574px; 
 padding-top: 10px;
 padding-bottom: 20px;
 padding-left: 20px;

 
 }
 
.clear {display: block; clear: both; line-height: 0.1em;}
.spot { margin-left: 5px; margin-bottom: 10px; padding-left: 5px; }
.spot {border-bottom: 2px solid #ffc3a1;
				border-left: 2px solid #ffc3a1;
			}
 .spot h1 {margin: 0px; padding: 0px; font-size: 120%; color: #ff6f40;}
.spot .persoon {padding-left: 15px; background: url(../stdimg/pijl1.gif) no-repeat 0px .3em;} 
.spot .persoon .gegevens {font-size: 80%; }
.spot .meer { text-align:right; padding-top: 10px; padding-bottom: 3px;} 
.spot .meer a {color: #72392c;} 

/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block; clear: both;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


#menu ul				{margin: 0; padding: 0; list-style-type: none;}
#menu li 				{margin: 0px 0 1px 0; list-style-type: none; bxackground: url(../stdimg/all_li_none.gif) no-repeat 12px .3em; background-color: #ffffff;}
#menu a					{display: block; padding: 2px 10px 2px 31px; width: 150px; text-decoration: none;}
#menu a:hover			{cxxolor: #fff; bxxackground-color: #028c7d; text-decoration: underline;}

#menu ul ul				{}
#menu ul ul li 			{margin: 1px 0 1px 0; background: url(../stdimg/all_li_none.gif) no-repeat 31px .3em; }
#menu ul ul a			{display: block; padding: 2px 15px 2px 50px; width: 126px; text-decoration: none;}
#menu ul ul a:hover		{cxxolor: #fff; bxxackground-color: #028c7d; text-decoration: underline;}

#menu ul ul	ul			{background: #ffffff;}
#menu ul ul ul li 		{margin: 1px 0 1px 0;  background: url(../stdimg/all_li_none.gif) no-repeat 50px .3em; }
#menu ul ul ul a		{display: block; padding: 2px 15px 2px 69px; width: 107px; text-decoration: none;}
#menu ul ul ul a:hover	{cxxolor: #fff; bxxackground-color: #028c7d; text-decoration: underline;}

#menu ul ul	ul ul			{background: #ffffff;}
#menu ul ul ul ul li 		{margin: 1px 0 1px 0;  background: url(../stdimg/all_li_none.gif) no-repeat 69px .3em; }
#menu ul ul ul ul a			{display: block; padding: 2px 15px 2px 88px; width: 88px; text-decoration: none;}
#menu ul ul ul ul a:hover	{cxxolor: #fff; bxxackground-color: #028c7d; text-decoration: underline;}




#menu ul						{background: #ffa489;}
#menu ul li					{background: #fff3ee;}
#menu ul ul						{background: #ffa489;}
#menu ul ul li 					{background-color: #ffe7df;}
#menu ul ul	ul 					{background: #ffa489;}
#menu ul ul ul li 				{background-color: #ffc8bc;}
#menu ul ul	ul ul				{background: #ffa489;}
#menu ul ul ul ul li 			{background-color: #f79d87;}

#menu li.Lselect				{background-color: #e45d27;}

#menu ul li a.Aselect						{color: #fff; background: url(../stdimg/pijltje-menu.gif) no-repeat 12px .3em; }
#menu ul li ul li a.Aselect					{color: #fff; background: url(../stdimg/pijltje-menu.gif) no-repeat 31px .3em; }
#menu ul li ul li ul li	a.Aselect			{color: #fff; background: url(../stdimg/pijltje-menu.gif) no-repeat 50px .3em; }
#menu ul li ul li ul li ul li a.Aselect		{color: #fff; background: url(../stdimg/pijltje-menu.gif) no-repeat 69px .3em; }

#menu a						{color:#72392c; }
A { text-decoration: none; color: #707070; cursor: pointer;}
A:link    {  }  
A:visited {  }  
A:hover   { text-decoration: underline; } 
A:active  {  }
A:focus   {  }


.paralinks ul {margin: 0 0 20px 20px; padding: 0; list-style-type: none;}
.paralinks ul li {margin: 0; padding: 0; list-style-type: none;}
.paralinks a {text-decoration: underline; color: #3a7dda;	}
.profielfoto {float: left;  margin-right: 6px; margin-top: 10px;   position: relative; padding:2px; border: 1px solid #3e3e3e; line-height: 0.1em;}

p a {text-decoration: underline; color: #3a7dda;	}


.homepersoon {float: left;  margin-right: 3px; margin-top: 10px;  width:138px; position: relative;}

.homepersoon h1 { font-size: 120%; color: #ff5113; margin-bottom: 2px;}
.homepersoon .foto {margin: 0px; padding:2px; border: 1px solid #3e3e3e; line-height: 0.1em;}
.locc1 {margin-left: 20px; }
.homepersoon .gegevens {font-size: 80%; color: yellow;}
.homepersoon p { padding:3px; background-color:#d94d1c; color: #fff; margin-top: 0px; font-size: 85%;}
.homepersoon .pijl {background: url(../stdimg/blokrood.gif) no-repeat 40px 0px; margin: 0px; padding:0px; height: 21px; font-size: 0.1em; line-height: 0.1em;}
.homepersoon:hover {cursor: pointer; }





/* stijl voor de koppen en teksten -------------------------------------------------------*/

p 						{margin: 0px; padding-top: 0px; padding-bottom:1.3em; line-height: 1.3em;}
.intro p				{margin: 0px; padding: 0px;}
.paragraaf p			{margin-left: 20px; line-height: 1.4em;}
.summ p					{line-height: 1.4em; padding-bottom:0px;}

h2						{margin:0px; padding:0px; margin-bottom: 20px; color:#ff5113; font-size: 1em; font-size: 180%; font-style: italic;}

h3						{margin:0px; padding:0px; margin-bottom: 15px; color:#ff6f40; font-size: 1em; font-size: 140%; font-style: italic;}




h4						{margin:0px; padding:0px; margin-bottom: 8px; font-size: 1em; font-size: 100%; line-height: 1.3em; color: #ff9070;}

.paragraaf h4			{margin-left: 20px; color:#3e3e3e; margin-bottom: 2px;}


.pr_fotos {margin-bottom: 15px; background: #345621; position: relative; display: block; clear: both;}


.kop 					{font-weight: bold; margin:0px; padding:0px; margin-bottom: 20px; color:#ff5113; font-size: 1em; font-size: 190%; font-style: italic;}
.kop span {font-size: 60%; }

/* Stijl voor de slider --------------------------------------------------------------*/
.indicator
{
	width: 16px;
	height: 16px;
	background-color: #FF9900;
	position: absolute;
	font-size: 1px;
	overflow: hidden;
	border: none;
	background-image:url(/stdimg/indicator1.gif);
	background-color: transparent;
}
.indicator1
{
	width: 40px;
	height: 16px;
	background-image: url(/stdimg/slider_handle.png);
	position: absolute;
	font-size: 1px;
	overflow: hidden;
	border: none;

	z-index: 2;

}


.slider
{
	width: 316px;
	height: 16px;
	background-image: url(/stdimg/slider_back.jpg);
	
	position: relative;
	border: 0px hidden #000;
	margin-left: -8px;

}
#indicator1{

}
.slidertext { margin-left: 18px; 
	margin-bottom: 0px;
 	color:#ff5113;
}
/* Margin + padding settings ---------------------------------------------------------------------*/

.mrb15 { margin-bottom: 15px;}


/* stijl voor de forms ---------------------------------------------------------------------*/

form 		{ margin-top: 0px; margin-bottom: 0px;}

.formzoek	{display: inline;}

input 		{ margin-left: 0px; color: #e24912; font-family: Arial, sans-serif; font-size: 100%;}
select 		{ color: #e24912; font-family: Arial, sans-serif; font-size: 100%;}
option 		{color: #e24912; font-family: Arial, sans-serif; font-size: 100%;}
textarea 	{color: #e24912; font-family: Arial, sans-serif; font-size: 100%;}

.submit 						{cursor: pointer; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-family: arial, sans-serif; border: 0px;}
button 						{cursor: pointer; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-family: arial, sans-serif; border: 0px;}
	.btnzoek 				{color: #146389; background: #eef3f6; font-weight: bold; margin: 5px 0px 3px 0px;}
	.btnzoek:hover 			{cursor: pointer;}
	.btnzoek2 				{font-size: 110%; 
										color: #3a7dda; 
										background: #fff; 
										font-weight: bold; 
										margin: 0px 0px 10px 10px;  
										vertical-align: top ;
										height: 18px;
										pxadding-left: 18px; 
										bxackground: url(../stdimg/arrow_verstuur2.gif) no-repeat ;
										text-align: left;
										bxorder-bottom: 1px solid #3a7dda;
										bxorder-right: 1px solid #3a7dda;
										}
	
		.collapse, .open{font-size: 100%; 
										color: #3a7dda; 
										background: none; 
										fxont-weight: bold; 
										margin: 0px 0px 10px 00px;  
										vertical-align: top ;
										height: 18px;
										text-align: left;
										
										}

		.collapse:hover, .open:hover { text-decoration: underline;
										}


	
	.btnzoek2:hover 		{cursor: pointer;}
	.btnstem				{color: #146389; background: #d0e2ea; font-weight: normal;}
	.btnstem:hover 			{cursor: pointer;}



.text2			{width:180px;}
.select2		{width:180px;}

.text3			{width:300px;}
.select3		{width:300px;}

fieldset {-moz-border-radius:8px; border: 1px solid #ff9070; margin: 0px 0 10px 0; padding: 5px;}
legend {font-weight: bold; color: #3e3e3e;}
.readonly { font-weight: normal; color: #3a7dda;}

input.error, textarea.error, select.error {color: white; background-color: #ff6f40 !important; }
label.error {padding-left: 18px; background: url(/stdimg/error_arrow.gif) no-repeat ;}




/* stijl voor misc ---------------------------------------------------------------------*/




.match {margin-top: 10px; padding: 10px; -moz-border-radius:8px; border: 1px solid #ff9070; position:relative; background:#fff3ee; bxackground: #fffff; clear: both; display: block;}
.match .name {display: inline; font-size: 120%; color:#e45d27; font-weight: bold;}
.match .extra {display: inline;  color:#e45d27; }
.match .foto { fxloat: right; display: block; }
.match .berichten {width: 100% };
.match .control button {background: none;}
.verwijder {float: right; padding: 5px;}
.verwijder img{border: 0px;}
.matchonline { border: 1px solid #5cc790; background:#e2faeb;}
.matchnew { background:#cccccc;}




.controls {background: #fff3ee; margin-top: 10px; margin-bottom: 10px; padding:2px;}
.messagewrapper {dxisplay: none;  padding: 10px; -moz-border-radius:8px; border: 1px solid #ff9070; position:relative;}
.messagebox { height: 150px; overflow:auto;  position:relative; }
.messageme  {background:#eff4ff; color: #3e3e3e; padding: 5px; margin: 0 0 1px 0;}
.messageyou {background:#fff0e2; color: #3e3e3e; padding: 5px; margin: 0 0 1px 0;}


.chat {display: none;  padding: 10px; -moz-border-radius:8px; border: 1px solid #ff9070; position:relative;}
.chatshow {dxisplay: block; width:400px; background: #fff; float: left; margin: 0 5px 10px 0; }

.chat .chat_messages { height: 152px; overflow:auto;  position:relative;}
.chat .chat_textarea { 	border: 1px solid #000000; height: 52px; margin:0px; display:block; width:100%;}
.chat .chat_button { 		font-weight: bold;  height: 30px; margin:0px; display:block; width:100%; color: #3a7dda; font-size:110%; background: #fff; }


.chat .chat_message1 {background:#eff4ff; margin: 0 0 2px 0;}
.chat .chat_msgName1 {background:#eff4ff; color: #3e3e3e; padding: 1px; margin: 0 0 0px 0; display: inline; float: left; font-weight: bold;}
.chat .chat_msgDate1 {background:#eff4ff; color: #3e3e3e; padding: 1px; margin: 0 0 0px 0; display: inline; float: right; font-size: 70%}
.chat .chat_msgData1 {background:#eff4ff; color: #3e3e3e; padding: 1px; margin: 0 0 0px 0; clear: both; text-align: left;}

.chat .chat_message2 {background:#fff0e2; margin: 0 0 2px 0;}
.chat .chat_msgName2 {background:#fff0e2; color: #3e3e3e; padding: 2px; margin: 0 0 0px 0; display: inline; float: left; font-weight: bold;}
.chat .chat_msgDate2 {background:#fff0e2; color: #3e3e3e; padding: 2px; margin: 0 0 0px 0; display: inline; float: right; font-size: 70%}
.chat .chat_msgData2 {background:#fff0e2; color: #3e3e3e; padding: 2px; margin: 0 0 0px 0; clear: both; text-align: left;}
.chatonline { border: 1px solid  #5cc790 ; }
.chat_new { border: 1px solid red };
.online1 {color: #5cc790;}


/* foto's sorteren -------------------------------------------------------------------*/
.matchfoto 
{
	margin: 2px; padding:2px; border: 1px solid #3e3e3e;
	text-align: center;
	background: #fff;
}


.groupWrapper
{	
	height: 390px;
}
.sorteerfoto 
{
	float: left;
	width: 118px;
	height: 120px;
	margin: 2px; padding:2px; border: 1px solid #3e3e3e;
	text-align: center;
	background: #fff;
}

.sorteerfoto img.foto:hover{ cursor: move;}

.sorthelper
{
	background-color: #ECECEC;
	float: left;
}
.sortableactive
{
}
.sortablehover
{
}


/* Prompt box -------------------------------------------------------------------*/




 .jqifade{
      background-color: #000000;
}
div.jqi{
      position: absolute;
      background-color: #ffffff;
      padding: 1px;
      width: 350px;
      -moz-border-radius:8px;
      border: 1px solid #ff9070;
}
div.jqi .jqicontainer{
      baxckground-color: #ffffff;
      padding: 5px;
      color: #ffffff;
      font-weight: normal;
}
div.jqi .jqimessage{
     color:#ff5113;
      padding: 10px;
      font-weight: normal;
}
div.jqi .jqibuttons{
      text-align: center;
      padding: 5px 0 0 0;
}
div.jqi button{
      padding: 3px 10px 3px 10px;
      margin: 0 10px;
			color: #146389;
			font-weight: bold;
}


#jqibuttonVerwijderen{color: red; 
												
												}

/* Starrating -------------------------------------------------------------------*/

.rating {
	cursor: pointer;
	margin: 0 0 0 20px;
	
	display: block;
}
.rating:after {
	content: '.';
	display: block;
	height: 0;
	width: 0;
	
	visibility: hidden;
}
.cancel,
.star {
	float: left;
	width: 17px;
	height: 15px;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.cancel,
.cancel a {background: url(../stdimg/rating_delete.gif) no-repeat 0 -16px;}

.star,
.star a {background: url(../stdimg/rating_star.gif) no-repeat 0 0px;}
	
.cancel a,
.star a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0px;
}

div.rating div.on a {
	background-position: 0 -16px;
}
div.rating div.hover a,
div.rating div a:hover {
	background-position: 0 -32px;
}