@charset "utf-8";
/* CSS Document */
/* DOM TAGS *********************************************************************************/
*{
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-indent: 0px;
	font-family: Verdana, Arial, Helvetica;
}
html{
	overflow-y: scroll;
	margin-bottom: 5px;
}
body{
	height: 100%;
	background: #f2f2f2;
	font-size: 12px;
	color: #5f6c73;
	letter-spacing:0.001px;
}
h1{
	font-size: 14px;
}
h2 {
	font-size: 9px;
	line-height: 12px;	
}
h3 {
}
p {
}
a {
	color: #5f6c73;
	text-decoration: none;
}
a:hover {
	color: #5f6c73;
	text-decoration: underline;
}
td, th {
	vertical-align: top;
}
span.hidden { 
	display: none;
}
img { 
	display: block;
}
input, textarea, select {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #5f6c73;
	padding: 2px;
	background-color: #FFFFFF;
}
ul {

}



/* STANDARD CLASSES ************************************************************************************/
.inline {
	display: inline;
}
.frameIconImg {
	display: block;
	width: 75px;
	height: 105px;
	border: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: auto;
}
.iconImg75x105 {
	width: 75px;
	height: 105px;
}
.right{
	text-align: right;
}
.blockcontent .center{
	margin-right: 9px;
	text-align: center;
}
.blockcontent .bottom_margin{
	margin-bottom: 6px;
}
.buttonsDiv {
	text-align:right;
}
.buttonsDiv img {
	display:inline;
}
.button{
	float: right;
	margin: 0;
	margin-right: 3px;
	margin-top: 8px;
	padding: 0;
	width: 52px;
	height: 18px;
	font-weight: bold;
	color: #5f6c73;
	border: none;
	font-size: 10px;
}
.button div{
	display: block;
	float: left;
	width: 46px;
	margin: 0;
	padding: 0;
	/*m\argin-top: -5px;*/
	margin-bottom: 12px;
	color: #5f6c73;
}
.green{
	background: url(/Vriendenklik/main/images/button_green_bg.jpg) no-repeat top left;
}
.red{
	background: url(/Vriendenklik/main/images/button_red_bg.jpg) no-repeat top left;
}
.clearing {
	clear: both;
	display: block;
	height: 0px;
	width: 100%;
	line-height: 1px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
}
.smallText {
	font-size: 10px;
}
.centeredTd {
	text-align:center;
}

/* STANDARD GRID *******************************************************************************************/
.gridNavigation {
	text-align: right;
	clear: both;
	color: #000000;
}
.gridNavigation strong, .gridNavigation a {
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}
.gridNavigation .highlight {
	background-color:#c3d3db;
	color:#FFFFFF;
	font-weight:bold;
}
.gridTable{
	clear: both;
	width: 100%;
	background-color: #c8c7c7;
}
.gridTable td {
	padding: 5px;
	color: #000000;
}
.gridTable td a {
	color: #535f65;
	text-decoration: underline;
}
.gridTable th {
	padding: 5px;
	padding-bottom: 2px;
	padding-top: 2px;
	color: #ffffff;
	background-color: #535f65;
	text-align: left;
}
.gridTable th a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
.gridTable th a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.gridTable .toolsTh {
	width: 60px;
}
/* Scene: overview */
#overviewGridTable {

}
#overviewGridTable td {
	background-color: #FFFFFF;
}
.centeredTd a img{
	margin:auto;
}



/* STANDARD FORM ***************************************************************************************/
.standardForm {
	clear: both;
	background-image: url(/Vriendenklik/main/images/middle_standard_box.jpg);
	background-repeat: repeat-y;
}
.standardForm table {
	width: 590px;
}
.standardFormTopDiv {
	background-image: url(/Vriendenklik/main/images/up_standard_box.jpg);
	background-repeat: no-repeat;
	width: 590px;
	height: 5px;
	line-height: 2px;
	font-size: 2px;
}
.standardFormBottomDiv {
	background-image: url(/Vriendenklik/main/images/down_standard_box.jpg);
	background-repeat: no-repeat;
	width: 590px;
	height: 5px;
	line-height: 2px;
	font-size: 2px;
	margin-bottom: 5px;
}
.standardForm td {
	padding-top: 2px;
	padding-bottom: 2px;
}
.standardForm th {
	width: 180px;
	text-align: right;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #5f6c73;
}
.standardForm .fileDisplay {
	margin-top: 5px;
	margin-left: 2px;
}
.standardForm .mediumInput{
	width: 250px;
	background-color: #FFFFFF;
	border: 1px solid #4C779A;
}
.standardForm .smallInput{
	width: 50px;
	background-color: #FFFFFF;
	border: 1px solid #4C779A;	
}
.standardForm .mediumArea{
	width: 250px;
	height: 150px;
	background-color: #FFFFFF;
	border: 1px solid #4C779A;	
}
.standardForm .mediumSelect {
	border: 1px solid #4C779A;
	width: 120px;
}
.standardForm .noWidthInput {
	margin-right: 10px;
	border: 1px solid #4C779A;
}
.standardForm .buttons {
	padding-top: 5px;
	text-align: right;
}
.standardForm .buttons img {
	margin-right: 10px;
	display: inline;
	border: none;
}
.standardForm .buttons input {
	margin-right: 10px;
	display: inline;
	padding: 0px;
	border: none;
}
.standardForm .error {
	margin-bottom: 5px;
	margin-left: 10px;
	font-size: 10px;
	color: #FF0000;
}
.standardForm h3 {
	color: #5f6c73;
	font-size: 12px;
}
.standardForm .radioGroup label {
	display: inline;
	margin-right: 10px;
}
.standardForm .radioGroup label input {
	margin-right: 5px;
	display: inline;
	background-color: transparent;
}
.standardForm td.element {
	color: #5f6c73;
}
.standardForm td label {
	color: #5f6c73;
}
.standardForm .checkboxGroup label {
	display: block;
}
.standardForm table #commentRequired, .standardForm table #commentTerms {
	padding-left: 195px;
	padding-right: 5px;
	font-size: 9px;
	font-style: italic;
	font-weight: normal;
}
.standardForm table #iseek{
	padding-left: 25px;
	font-weight: bold;
	padding-bottom: 9px;
}
#confirmGroup{
	padding-left: 180px;
	width: 390px;
}


/* STANDARD INFO TABLE ***************************************************************************************/
.standardInfoDiv {
	background-image: url(/Vriendenklik/main/images/middle_standard_box.jpg);
	background-repeat: repeat-y;
}
.standardInfoDiv table {
	width: 590px;
}
.standardInfoTopDiv {
	background-image: url(/Vriendenklik/main/images/up_standard_box.jpg);
	background-repeat: no-repeat;
	width: 590px;
	height: 5px;
	line-height: 2px;
	font-size: 2px;
}
.standardInfoBottomDiv {
	background-image: url(/Vriendenklik/main/images/down_standard_box.jpg);
	background-repeat: no-repeat;
	width: 590px;
	height: 5px;
	line-height: 2px;
	font-size: 2px;
	margin-bottom: 5px;
}
.standardInfoDiv table th {
	text-align: right;
	width: 180px;
	padding-right: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.standardInfoDiv table td {
	padding-top: 2px;
	padding-bottom: 2px;
}
.standardInfoDiv .buttons {
	text-align: right;
}
.standardInfoDiv .buttons img {
	display: inline;
	margin-right: 10px;
}



/* WRAPPER & CONTAINER *********************************************************************************/
#wrapper{
	width: 100%;
}
#container{
	width: 918px;
	margin: auto;
}


/* LOGO HEADER ****************************************************************************************/
#header{
	display: block;
	float: left;
	width: 909px;
	height:142px;
	background: url(/Vriendenklik/main/images/body_top.jpg);
	padding: 6px 0px 0px 9px;
}



/* NAVIGATION *****************************************************************************************/
#middle #nav {
	display: block;
	height: 25px;
	width: 100%;
	background-image: url(/Vriendenklik/main/images/hoofdmenu_balk.gif);
	background-repeat: no-repeat;
}
#middle #nav ul { 
	list-style: none;
}

/* Nav Items */
#middle #nav ul li, #middle #nav #end {
	display:block;
	float:left;
	height: 20px;
	padding-left: 8px;
	background-image: url(/Vriendenklik/main/images/hoofdmenu_balk_streep_links.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#middle #nav #end { 
	width: 10px;
	padding-bottom: 5px;
}
#middle #nav ul .highlight {
	background-color: #c3d3db;
}
#middle #nav ul .hasSubNav {
	padding-bottom:5px;
}
#middle #nav ul .hasSubNav {
	padding-bottom:0px;
}
#middle #nav ul li a {
	display: block;
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 9px;
	line-height: 20px;
	text-transform: uppercase;
	padding-right: 8px;
	background-image: url(/Vriendenklik/main/images/hoofdmenu_balk_streep_rechts.gif);
	background-repeat: no-repeat;
	background-position: right top;	
}
#middle #nav ul .hasSubNav a {
	padding-bottom:5px;
}

/* Sub Navigation */
#middle #subNavigation {
	height: 20px;
	display: block;
	clear: both;
	text-align: justify;
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom: 5px;
}
#middle #subNavigation ul {
	list-style: none;
	height: 20px;	
	padding-left: 8px;
	background-color: #c3d3db;
}
#middle #subNavigation ul li {
	display: inline;
	margin-right: 10px;

}



/* SubNav Items */
#middle #subNavigation ul li a {
	color: #FFFFFF;
	line-height: 20px;
	text-decoration: none;
	font-weight: bold;
}
#middle #subNavigation ul li a:hover, #middle #subNavigation ul .highlight a {
	color: #535f65;
}


/* COLUMNS ********************************************************************************************/
#content{
	display: block;
	float: left;
	width: 909px;
	background: url(/Vriendenklik/main/images/body_middle.jpg);
	padding: 0px 0px 0px 9px;
}


/* LEFT COLUMN ****************************************************************************************/
#left{
	display: block;
	float: left;
	width: 140px;
	font-size: 11px;
}
#left a {
	text-decoration: underline;
}
#left a:hover {

}
#left input, #left textarea, #left select {
	font-size: 10px;
	color: #5f6c73;
	padding: 1px;
}
#left #submit {
	padding: 0px;
}
#left .block{
	display: block;
	float: left;
	width: 140px;
	margin-bottom: 5px;
}
#left .leftHeader {
	width: 140px;
	background: url(/Vriendenklik/main/images/left_header1.gif);
	height: 20px;
	line-height: 20px;
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	font-size: 9px;
	text-indent: 25px;
}
#left .blockheader{
	display: block;
	float: left;
	width: 140px;
}
#left .blockfooter{
	width: 140px;
	height: 5px;
	display: block;
	float: left;
	font-size: 2px;
	background: url(/Vriendenklik/main/images/corners_bottom_green.gif) no-repeat;
}
#left .green_textfield {
	margin: 0;
	padding: 0;
	width: 120px;
	height: 17px;
	padding-right: 4px;
	color: #5f6c73;
	border: none;
	font-size: 10px;
	background-image: url(/Vriendenklik/main/images/input_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: inherit;
}
#left form .small {
	background: url(/Vriendenklik/main/images/input_bg_small.jpg) no-repeat top left scroll;
	height: 14px;
	width: 37px;
	margin: 0;
}
#left form .big{
	padding: 0;
	padding-left: 4px;
}
#left form .bt{
	margin: 0px;
	padding: 0px;
	border: 0px;
}
#left .quick_search{
	background: url(/Vriendenklik/main/images/header_quick_search.jpg);
	height: 20px;
}
#left .log_in{
	background: url(/Vriendenklik/main/images/header_log_in.jpg);
	height: 20px;
}
#left .empty{
	background: url(/Vriendenklik/main/images/corners_top_green.jpg) no-repeat;
	height: 10px;
	font-size: 2px;
	line-height: 2px;
}
#left .blockcontent{
	background: #a7df2e;
	display: block;
	float: left;
	width: 140px;
	background: url(/Vriendenklik/main/images/green_bg.jpg);
}
#left .membersOnline{
	background: url(/Vriendenklik/main/images/header_members.jpg);
	height: 20px;
}
#left .stretch{
	/*height: 293px;*/
}
.blockcontent p {
	margin: 0;
	padding: 0;
	margin-left: 8px;
	margin-top: 9px;
}
.blockcontent p img{
	float: left;
}

/* MIDDLE COLUMN *********************************************************************************/
#middle {

	margin-left: 0px;
	display: block;
	color: #5f6c73;
}

	
/* CONTENT  *********************************************************************************/
#middle #main{
	display: block;
	height: 100%;
	margin-bottom: 5px;
}
#middle #main ul li {
	padding-top:5px;
	padding-bottom:5px;

}
#middle #main a {
	text-decoration:underline;
		text-align:center;
}
#middle #main a:hover {
	text-decoration:underline;
}
#middle #mainheader { 
	display: block;
	float: left; 
	height: 5px; 
	width: 610px; 
	border:solid 1px #00CCCC;
	background: url(/Vriendenklik/main/images/corners_top_blue.jpg) no-repeat; 
	font-size: 2px;
}
#middle #maincontent { 
	height: 100%;
	background-color: #c3d3db;
	padding-left: 5px;
}
#middle #maincontent h1{
	display: block;
	float: left;
	width: 595px;
	height: 19px;
	line-height: 19px;
	padding-left: 5px;
	font-size: 12px;
	color: #FFFFFF;
	background: url(/Vriendenklik/main/images/header_overall.jpg);
	clear: both;
}
#middle #maincontent h1 a{
	text-decoration: none;
	color: #FFFFFF;
}
#middle #maincontent h1 a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}
#contentBody {
	display: block; 
	float: left; 
	margin: 0px;
	width: 590px;
	padding: 5px; 
	padding-top: 5px;
	background: #FFFFFF url(/Vriendenklik/main/images/corners_bottom_white_600.jpg) bottom left no-repeat;
}
.contentBody {
	display: block; 
	float: left; 
	margin: 0px;
	width: 590px;
	padding: 5px; 
	padding-top: 5px;
	background: #FFFFFF url(/Vriendenklik/main/images/corners_bottom_white_600.jpg) bottom left no-repeat;
}
.blueDiv {
	background-color: #c3d3db;
	padding-left:5px;
	padding-right:5px;
}

/*#maincontent #contentBody p, #maincontent #contentBody h2{ margin: 0px 6px 0 6px; color: #535f65;}*/
#maincontent #contentBody h2{ font-size: 14px; font-weight: bold; }
#maincontent #contentBody p, #maincontent #contentBody ul, #maincontent #contentBody ol { font-size: 12px; margin-bottom: 12px;}
#maincontent #contentBody ul li, #maincontent #contentBody ol li { margin-left: 25px;}
#content #middle #mainfooter{ display: block; float: left; height: 5px; width: 610px; background: url(/Vriendenklik/main/images/corners_bottom_blue.jpg) no-repeat; font-size: 0px; line-height: 0px}

#contentBodyFooter{display: block; float: left; margin: 0; margin-left: 5px; width: 600px; height: 5px;  }






/* NOTIFICATION BLOCK **************************************************************************/
.notificationBlock {
	background-color: #C3D4DC;
	margin-bottom: 10px;
}
#notificationDiv {
	margin: 5px;
}
#notificationDiv ul{
	list-style: none;
}
#notificationDiv li {
	line-height: 15px;
	margin-bottom: 5px;
	font-weight: bold;
}
#notificationDiv ol li {
	line-height: 14px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.messageInfo {
	padding-left: 30px;
	background-image: url(/Vriendenklik/main/images/ico_info.gif);
	background-repeat: no-repeat;
}
.messageDone {
	padding-left: 30px;
	background-image: url(/Vriendenklik/main/images/ico_done.gif);
	background-repeat: no-repeat;
}
.messageFail {
	padding-left: 30px;
	background-image: url(/Vriendenklik/main/images/ico_error.gif);
	background-repeat: no-repeat; 
}
#notificationDiv p {
	margin: 0px;
	padding: 0px;
}
.notificationBlockHeader {
	height: 5px;
	background: #FFFFFF url(/Vriendenklik/main/images/up_info_box.jpg);
	font-size: 2px;
	background-color: #C3D4DC;
	clear: both;
}
.notificationBlockFooter {
	height: 5px;
	background: #FFFFFF url(/Vriendenklik/main/images/down_info_box.jpg);
	font-size: 2px;
	background-color: #C3D4DC;
	clear: both;
}



/* RIGHT COLUMN *********************************************************************************/
#content #right{
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	width: 140px;
}
#adtitle { 
	display: block;
	width: 140px;
	height: 17px;
	background: url(/Vriendenklik/main/images/right_header.gif) no-repeat;
	margin-left: 5px;
	color: #fff;
	text-align: center;
	padding-top: 3px;
	font-size: 12px;
}
#advert{
	margin: 0 5px 5px 5px;
	display: block;
	width: 140px;
}
#right .blocky{
	margin-left: 5px;
	display: block;
	width: 140px;
}
#advert #adhead, #right .blockheader{
	display: block;
	background: url(/Vriendenklik/main/images/corners_top_red.jpg) no-repeat; font-size: 2px;
	width: 140px;
	height: 10px;
}
#advert #adcontent, #right #adcontent{
	display: block;
	width: 120px;
	height: 600px;
	background: url(/Vriendenklik/main/images/red_bg.jpg) no-repeat; font-size: 2px;
	background: #cc2d2d;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
#advert #adcontent, #right .blockcontent{
	display: block;
	width: 120px;
	background: url(/Vriendenklik/main/images/red_bg.jpg) no-repeat; font-size: 2px;
	background: #cc2d2d;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
#advert #adcontent img{
	display: block;
}	
#advert #adfooter, #right .blockfooter{
	display: block;
	background: url(/Vriendenklik/main/images/corners_bottom_red.jpg) no-repeat; font-size: 2px;
	width: 140px;
	height: 5px;
}
#bannerDiv {
width:120px;
height:600px;
background-color:#000000;
}



/* FOOTER *********************************************************************************/
#footer {
	display: block;
	clear: both;
	width: 918px;
	height: 20px;
	background: url(/Vriendenklik/main/images/body_bottom.jpg) no-repeat; 
	font-size: 2px;
}
#about { 
	text-align: right; 
	margin-right: 4px;
}
#about p, #about p a{ 
	color: #5f6c73; 
	font-weight: bold; 
	text-decoration: none;
}
#about p a:hover { 
	text-decoration: underline;
}
#about p a img{display:inline;}


/* MODULES /*

/* HOME MODULE *******************************************************************************/
#latestprofiles{
	display: block;
	/*width: 225px;*/
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	margin-bottom: 20px;
}
#latestprofiles .profilepreview {
	display: block;
	float: left;
	width: 591px;
	margin-right: 4px;
	margin-bottom: 5px;
	background-color: #CFE0E9;
}
#latestprofiles #profilePreview2, #latestprofiles #profilePreview4  {     /**EXEPTION**/
	margin-right: 0px;
}
#latestprofiles .profilepreview h3 {
	display: block;
	width: 200px;
	/*height: 15px;*/
	line-height: 15px;
	font-size: 12px;
}
#latestprofiles .profilepreview h3 a {
	color: #5f6c73;
	text-decoration: none;
}
#latestprofiles .profilepreview h3 a:hover {
	color: #5f6c73;
	text-decoration: underline;
}
#latestprofiles .profilepreview p {
	display: block;
	float: left;
}
#latestprofiles .profilepreview .profileImage {
	display: block;
	float: left;
	width: 75px;
	height: 105px;
	padding-left: 5px;
	margin-right: 5px;
}
#latestprofiles .profilepreview .profileInfo {
	float: left;
	width: 200px;
	height: 100px;
}
#latestprofiles .profilepreview .profileSearchInfo {
	float: left;
	width: 275px;
	height: 100px;
	margin-left: 5px;
}
#latestprofiles .profilepreview .profileInfo p {
	padding-top: 2px;
}
#latestprofiles .profilepreview .profileImage img{

}
#latestprofiles .profileFooter{
	display: block;
	float: left;
	width: 113px;
	height: 5px;
	font-size: 2px;
	margin: 0;
	background: url(/Vriendenklik/main/images/coners_bottom_white.gif);
}
.home-text{
	display: block;
	float: left;
	width: 100%;
	background-color: #c3d4dc;
	margin-bottom: 5px;
}
.home-text p{
	margin: 0 5px;
}
/*Story previews*/
#stories {
	width: 590px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#storiesPage {
	width: 590px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#stories .storyText, #storiesPage .storyText {
	margin: 0px;
	padding: 5px;
}
#stories .story h2, #storiesPage .story h2 {
	padding-left: 5px;
}
#stories .story h2 a, #storiesPage .story h2 a {
	color: #5f6c73;
	text-decoration: none;
}
#stories .story h2 a:hover, #storiesPage .story h2 a:hover {
	color: #5f6c73;
	text-decoration: none;
}
#stories h3.header, #storiesPage h3.header{
	display: block;
	width: 370px;
	height: 15px;
}
#stories .story, #storiesPage .story{
	width: 293px;
	background-color: #B4C9D3;
	float: left;
}
#stories .story, #storiesPage .story{
	margin-right: 4px;
}
#stories #story2, #storiesPage #story2 {
	margin-right: 0px;
}
#stories .story p.storyText, #storiesPage .story p.storyText{
	font-size: 12px;
	color: #5f6c73;
	display: block;
	margin: 0px;
}
#stories .story p.storyText a, #storiesPage .story p.storyText a{
	color: #438fb5;
}
#stories .story h3 a, #storiesPage .story h3 a {
	font-size: 14px;
	text-decoration: none;
	margin: 0px;
	font-weight: bold;
	color: #5f6c73;
	display: block;
}


#latestreactions {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	width: 560px;
	margin-left: 5px;
	background-color: #ffffff;
}
#latestreactionsFooter{
	display: block;
	float: left;
	width: 560px;
	height: 5px;
	margin-left: 5px;
	margin-bottom: 20px;
	background: url(/Vriendenklik/main/images/coners_bottom_white_wider.gif);
}
#latestreactions h2{
	text-transform: uppercase;
	font-size: 10px;
	display: block;
	float: left;
	padding-left: 5px;
	padding-top: 3px;
	width: 555px;
	height: 17px;
	background: url(/Vriendenklik/main/images/header_reactions.jpg)
}
#latestreactions .reactionpreview{
	display: block;
	float: left;
	width: 267px;
	background: #ffffff;
	padding: 5px;
}
#latestreactions .reactionpreview a{
	color: #535f65;
	text-decoration: none;
}
#latestreactions .reactionpreview hr{
	margin: 0;
	padding: 0;
	background: #535f65;
	color: #535f65;
	height: 1px;
}
#latestreactions .reactionpreview p{
	margin: 0;
	padding: 0;
	display: inline;
}
#latestreactions .reactionpreview p{
	margin-top: 0px;
	width: 100px;
	/*clear: left;*/
}



/* HOME (LOGGED IN) MODULE *****************************************************************************/
#messages{
	display: block;
	float: left;
	width: 590px;
	height: 100%;
	background: #535f65;
}
#messagesFooter{
	display: block;
	float: left;
	width: 600px;
	height: 5px;
	background: url(/Vriendenklik/main/images/balk.gif);
	background-repeat:no-repeat;
}
#messages #messagesLeft {
	display: block;
	float: left;
	width: 100px;
	height: 100%;
	background-color: #535f65;
	background-image: url(/Vriendenklik/main/images/corner_top_left_white.gif);
	background-repeat: no-repeat;
}
#messages #messagesLeft h3 {
	display: block;
	margin-bottom: 10px;
	margin-left: 5px;
	width: 95px;
	font-size: 11px;
/*	color: #c3d3db;	*/
color:#FFFFFF;
}

#messages h3{
	display: block;
	width: 560px;
	height: 15px;
}
#messages #folderlist{
	display: block;
	float: left;
	height: 100%;
}
#messages #folderlist ul {
	margin-bottom: 10px;
	margin-left: 0px;
	list-style: none;
}
#messages #folderlist ul li {
	margin-left:5px;
}
#messages #folderlist ul li a{
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}
#messages #folderlist ul li a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}
#messages #folderlist ul ul{
	margin: 0px;
	margin-left: 8px;
	margin-bottom: 10px;
}
#messages #folderlist ul ul li{
	margin-bottom:3px;
	margin-top:3px;
	margin-left:10px;
}
#messages #folderlist ul ul li a{
	margin-left: -4px;
	font-size: 12px;
	font-weight: normal;
}
#messages #messagesRight{
	display: block;
	float: left;
	width: 490px;
	height: 100%;
}
#messagesRight .gridTable {
	color: #000000;
	width: 490px;
	height: 100%;
	margin: 0;
	background-color: #FFFFFF;
}
#messages #messagesRight tr th.createDateTh{
	background-color: #535f65;
	background-image: url(/Vriendenklik/main/images/corner_top_right_white.gif);
	background-position:top right;
	background-repeat: no-repeat;
}
#messages #messagesRight .oddRow {
	background-color: #FFFFFF;
}
#messages #messagesRight .evenRow {
	background-color: #F8F8F8;
}
#messages #messagesRight .highlight {
	background-color: #EAF0F7;
}

/* Scene: fullMessage */
#fullmessage {
	display: block;
	float: left;
	background-color: #c3d3db;
	width: 510px;
	padding: 8px;
	padding-bottom: 0;
	margin: 20px;
	margin-top: 5px;
	border: 1px solid #9eb4bf;
}
/* Scene: newMessage */
#newMessage{
	display: block;
	float: right;
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 0;
	padding-left: 10px;
	padding-top: 1px;
}
.borderRight{
	border-right: 1px solid #535f65;
}
.eye{
	display: inline;
	float: left;
	margin-left: 5px;
	margin-top: 2px;
}



/* PICTURES ********************************************************************************************/
.imageFileTh {
	width: 75px;
}



/* SIGNUP MODULE ***********************************************************************************/
.signupImg {
	display: block;
	clear: both;
	padding-bottom: 10px;
}
#termsDiv {
	height:300px;
	overflow:auto;
}



/* SEARCH MODULE ***********************************************************************************/
#results {
	width: 580px;
	display: block;
	margin: 0;
	background: #FFFFFF;
	clear: both;
}
#results .result h2 {
	padding-top: 10px;
}
#results .result h2 a {
	color: #5f6c73;
	text-decoration: none;
}
#results .result h2 a:hover {
	color: #5f6c73;
	text-decoration: none;
}
#results h3.header{
	display: block;
	float: left;
	width: 370px;
	height: 15px;
	background: url(/Vriendenklik/main/images/header_stories.jpg)
}
#results .result{
	display: block;
	float: left;
	width: 580px;
	margin: 5px;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 3px;
	border-bottom: 1px solid #a9b8c0;
}
#results .result .profileImage {
	display: block;
	float: left;
	width: 75px;
	height: 105px;
	margin-right: 5px;
}
#results .result p.searchInfo{
	font-size: 12px;
	color: #5f6c73;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	width: 500px;
}
#results .result p.searchInfo a{
	color: #438fb5;
}
#results .result h3 a{
	font-size: 14px;
	text-decoration: none;
	margin: 0;
	margin-top: 8px;
	font-weight: bold;
	color: #5f6c73;
	display: block;
}


/* SITEMAP STYLES ****************************************************************************/
#sitemapContent ul li { margin-bottom: 10px;}


/* PROFILE STYLES ****************************************************************************/
#giftTable {
	width: 380px;
	margin-top:30px;
}
/* WELCOME STYLES ****************************************************************************/
#welcomeleft{
	width: 290px;
	float: left;
	margin-left: 5px;
}
#welcomenav {
	display: block;
	float: left;
	width: 100%;
}
#welcomenav ul { 
	list-style: none;
}

/* Nav Items */
#welcomenav ul li {
	height: 20px;
	margin-bottom: 5px;
	padding-left: 8px;
	background-image: url(/Vriendenklik/main/images/btn_menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#welcomenav #end { 
	width: 10px;
	padding-bottom: 5px;
}
#welcomenav ul .highlight {
	background-color: #c3d3db;
}
#welcomenav ul .hasSubNav {
	padding-bottom:5px;
}
#welcomenav ul .hasSubNav {
	padding-bottom:0px;
}
#welcomenav ul li a {
	display: block;
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 9px;
	line-height: 20px;
	text-transform: uppercase;
	padding-right: 8px;
}
#welcomenav ul .hasSubNav a {
	padding-bottom:5px;
}
#welcometext{
	float: left;
	width: 287px;
	height: 152px;
	background-image: url(/Vriendenklik/main/images/bg_textfield.gif);
}
#welcometext p{
	color: #ffffff;
	margin: 5px;
}
#welcomelinks{
	float: left;
	width: 290px;
	margin-top: 3px;
}
#welcomelinks a img{
	float: left;
	display: block;
	margin-right: 3px;
}
#welcomeabout { 
	text-align: center; 
	margin-left: 19px;
	font-weight: bold;
	font-size: 10px;
}
#columLeft{
display:block;
width: 430px;
float:left;

}

#columLeft h1{
	background: url(/Vriendenklik/main/images/homepage/h1title.gif) no-repeat top left;
	color:white;
	font-size:12px;
	width:424px;
	height:17px;
	padding:3px 0 0 6px;
	margin-bottom:5px;
}
#columLeft #intro{
	margin-top:4px;
}

#columRight{
	float:left;
	display:block;
	width:465px;
	margin-left:5px;
}

#end{
		display:block;
	width:900px;


}
#bannerBottom{
display:block;
float:left;
}
#startInschakelen{
float:left;
margin-left:5px;
margin-top:1px;
}

#columMiddle{
display:block;

width: 320px;
margin-left:5px;
float:left;
}

#columRight{
display:block;
width: 144px;
margin-left:5px;

float:left;
}


#left{

margin-left:5px;
margin-top:4px;

}



#middleNav .nav{

height:20px;

}

#middleNav .nav li{
display:inline;
text-align:center;


}
#middleNav .nav li a{
font-weight:bold;
text-decoration:none;
padding-top:3px;
}
#middleNav .nav #welkom{
background: url(/Vriendenklik/main/images/homepage/liWelkom.gif) no-repeat top left;
color:white;
display:block;
width:426px;
float:left;
height:17px;
font-weight:bold;
text-align:left;
padding:3px 0 0 4px;
text-decoration:none;


}
#middleNav .nav #home a{
background: url(/Vriendenklik/main/images/homepage/liHome.gif) no-repeat top left;
color:white;
display:block;
width:63px;
float:left;
height:17px;
margin-left:4px;
text-decoration:none;

}
#middleNav .nav #waarom a{
background: url(/Vriendenklik/main/images/homepage/liWaarom.gif) no-repeat top left;
color:white;
display:block;
width:64px;
float:left;
margin-left:4px;
height:17px;
text-decoration:none;

}
#middleNav .nav #hoe-werkt-het a{
background: url(/Vriendenklik/main/images/homepage/liHoewerkthet.gif) no-repeat top left;
color:white;
display:block;
width:104px;
float:left;
height:17px;
margin-left:4px;
text-decoration:none;

}
#middleNav .nav #lid-worden a{
background: url(/Vriendenklik/main/images/homepage/liInschrijven.gif) no-repeat top left;
color:white;
display:block;
width:81px;
float:left;
height:17px;
margin-left:4px;
text-decoration:none;
}
#middleNav .nav #tell-your-friend a{
background: url(/Vriendenklik/main/images/homepage/liInschakelen.gif) no-repeat top left;
color:white;
display:block;
width:138px;
float:left;
height:17px;
margin-left:4px;
text-decoration:none;

}
#contentWr{
	margin-top:5px;
	background:#c3d4dc;
	background-color: #c3d4dc;
	background-image: url(/Vriendenklik/main/images/homepage/contentTop.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 255px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
	overflow: auto;
}
#contentWr ul{

margin:14px;
}
#contentWr #left{
float:right;


}
#contentWr #left .blockcontent{
height:130px;
margin:0;
padding:0;
}
#contentBtm{
background: url(/Vriendenklik/main/images/homepage/contentBtm.gif);
display:block;
width:320px;
height:8px;

}



#start{
margin:0px 0 5px 0;
}


#left .blockcontent{
height:145px;
}

.notificationBlockHeader {
	background:none;
}
.notificationBlockFooter {
	background:none;
}

.cleaner{
clear:both;
}
#contentWr h1{
	font-size:16px;
	margin:8px 0 8px 0;
}
#contentWr h2{
	font-size:14px;
	margin:10px 0 10px 0;
}

#bottomText{
	width:900px;
	color:grey;
	margin:0px auto;
	margin-top: 20px;
}
#bottomText p{
	margin:10px 0 10px 0;
}