/* general */
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; overflow-x: hidden; }
body { background: url(/lay-out/gfx/body_bg.png) repeat-x; width: 900px; margin: 0 auto; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { display: none; }
li { list-style: url(/lay-out/gfx/li.png); }
small, .small { font-size: 11px; color: #838383; text-decoration: none; }

p { margin-bottom: 12px; }

a, .link { color: #5F5F5F; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; }

h2, h3 { color: #be93c3; width: auto; }
h2 { font-size: 16px; font-weight: bold; }
h2 a { color: #be93c3; text-decoration: none; font-size: 16px; font-weight: bold; }
h2	a:hover { color: black; }
h3 { font-size: 13px; }
.l { float: left; }
.r { float: right; }
.c { clear: both; }
.cl { clear: left; }
.mt { margin-top: 4px; }
.small_margin { margin-top: 2px; }
.ml { margin-left: 12px; }
.mb { margin-bottom: 7px; }
.mr { margin-right: 18px; }
.pink { color: #be93c3; }
.lgrey { color: #e4e4e4; }
.ul { text-decoration: underline;}
a:hover.lgrey { color: black; }
.green { color: #92b130; }
.black { color: #000000; }
.un { text-decoration: underline; }
/*.loading { background-color: black; height: 10px; }*/
.image { border: 1px solid #cea1d8;line-height: 0; }

br.small { font-size: 1px; line-height: 0.1em; margin:0; margin-bottom: 0; border: 0; }
small.br	{ font-size: 1px; line-height: 0.1em;	}
br.mt { margin-top: 2px; }

.totop { margin: 5px 0 0 12px; float: left; color: #5f5f5f; text-decoration: none; }
.gaterug { position: absolute; right: 10px; top: 10px; }

.button { border: 1px solid #EBD7EE; white-space: nowrap; font-size: 11px; padding: 0 6px 0 6px; font-weight:bold; height: 25px; width: auto; color: #555555; display: block;	text-decoration: none; text-indent: 20px; background-color: #ffffff; background-position: 7px center; background-repeat: no-repeat; text-align: left; background-image: url(/lay-out/gfx/buttons/save.png); }
.button_smaller { width: auto; height: 20px; font-size: 11px; background-position: 6px center;	text-indent: 20px; padding: 0 4px 0 4px; }
a.button_smaller { padding-top: 1px; height: 19px; }
a:hover.button, button:hover.button {	color:#000000; cursor: pointer; }
.active_button { border: 2px outset #EBD7EE ; }
.noimage { text-indent: 0; background: #d7d7d7; }

.b_add { background-image: url(/lay-out/gfx/buttons/add.png); }
.b_save { background-image: url(/lay-out/gfx/buttons/save.png); }
.b_credits { background-image: url(/lay-out/gfx/buttons/credits.png); }
.b_lidmaatschap { background-image: url(/lay-out/gfx/buttons/lidmaatschap.png); }
.b_flirt { background-image: url(/lay-out/gfx/buttons/flirt.png); }
.b_geen_interesse { background-image: url(/lay-out/gfx/buttons/geen_interesse.png); }
.b_check { background-image: url(/lay-out/gfx/buttons/check.png); }
.b_bericht { background-image: url(/lay-out/gfx/buttons/bericht.png); }
.b_edit { background-image: url(/lay-out/gfx/buttons/edit.png); }
.b_delete { background-image: url(/lay-out/gfx/buttons/delete.png); }
.b_zoeken { background-image: url(/lay-out/gfx/buttons/zoeken.png); }


.opties {	}	
.iconen { height: 36px; vertical-align: middle; float: left; }
.iconen a { float: left; margin: 7px 15px 0 5px; text-decoration: none; }
.iconen a:hover { color: black; }
.iconen .img { display: block; height: 36px; width: 36px; background-image: url(/lay-out/gfx/iconen.png); background-position: 0 0; float: left; }
.iconen .img a { display: block; margin: 0; height: 36px; width: 36px; float: none;}
.bericht_sturen .img { background-position: -160px -40px; }
.favorieten_toevoegen .img { background-position: -40px -80px;	}
.inbox .img { background-position: -80px -40px;	}
.verzonden	.img { background-position: -120px -40px;	}
.geen_interesse .img { background-position: -120px -120px;	}
.verwijderen .img { background-position: -160px -80px;	}
.lidmaatschap .img { background-position: -80px -120px; }
.credits .img { background-position: -80px 0; }
.goedgekeurd .img { background-position: -120px -80px; }
.afgekeurd .img { background-position: -160px -80px; }
.ongekeurd .img { background-position: -200px -80px; }
.datedag .img { background-position: -200px 0;}
.bekijk_profiel .img { background-position: -0px -120px;}

.iconen_small { height: 24px; vertical-align: middle; float: left; }
.iconen_small a { float: left; margin: 4px 22px 0 3px; text-decoration: none; }
.iconen_small .img { display: block; height: 27px; width: 27px; background-image: url(/lay-out/gfx/iconen_small.png); background-position: 0 0; float: left; }
.iconen_small .img a { display: block; margin: 0; height: 27px; width: 27px; float: none;}
.bericht_sturen_small .img { background-position: -120px -30px; }
.favorieten_toevoegen_small .img { background-position: -30px -60px;	}
.inbox_small .img { background-position: -60px -30px;	}
.verzonden_small	.img { background-position: -90px -30px;	}
.geen_interesse_small .img { background-position: -90px -90px;	}
.verwijderen_small .img { background-position: -120px -60px;	}
.lidmaatschap_small .img { background-position: -60px -90px; }
.credits_small .img { background-position: -60px 0; }
.goedgekeurd_small .img { background-position: -90px -60px; }
.afgekeurd_small .img { background-position: -120px -60px; }
.ongekeurd_small .img { background-position: -150px -60px; }
.bekijk_profiel_small .img { background-position: -0px -90px;}


/* button
.btn_small { height: 20px; margin: 0; padding: 0; border: 0; background: transparent none; width: auto; white-space: nowrap; cursor: pointer; }
.btn_small span { display: inline-block; height: 20px; padding: 0; margin: 0; } 
.btn_small span.l { padding-left: 6px; text-decoration: inherit; } 
.btn_small span.r { padding-right: 6px; height: 18px; padding-top: 2px; font-size: 11px; line-height: 18px; font-weight: bold; color: #fff; }

.btn_small span.l { background: transparent url(/lay-out/gfx/buttons_small_sprite.png) repeat-x 0 -0px; }
.btn_small span.r { background: transparent url(/lay-out/gfx/buttons_small_sprite.png) repeat-x 100% -20px; }
/*
.btn_small:hover span.l { background-position: 0 -105px; }
.btn_small:hover span.r { background-position: 100% -147px; }
*/

body>header { position: relative; height: 120px; background: url(/lay-out/gfx/header.png); }
body>header div.login { position: absolute; right: 0; top: 0; width: 290px; height: 120px; }
body>header input, body>header select, body>header button { font-size: 11px; margin: 1px; line-height: 1; height: 1.75em; }

h1.logo a { float: left; display: block; width: 156px; height: 94px; margin: 15px 10px 0 20px; background: url(/lay-out/gfx/logo-rubensdating.png); font-size: 0; color: #7b9625;text-indent:-9999px; }
h1.develop a { background: url(/lay-out/gfx/logo-rubensdating-develop.png); }
h2.subtitle { float: left; display: block; width: 285px; height: 87px; margin: 15px 0 0 0; background: url(/lay-out/gfx/meer-is-mooi.png); font-size: 0; color: #7b9625; text-indent:-9999px; }
h2.actie { background: url(/lay-out/gfx/meer-is-mooi-actie.png); }


fieldset.inloggen { height: 21px; width: 280px; padding: 4px 5px 5px 5px; text-align: right; background-color: #92b130; color: white; }
fieldset.inloggen a { color: white; }
fieldset.inloggen a:hover { color: #e4e4e4; }
fieldset.inloggen a.active { color: #e4e4e4; }
fieldset.inloggen button { margin-right: 0px; }
fieldset.inloggen input { width: 105px;}

.ie7 fieldset.inloggen button { padding-left: 4px; padding-right: 4px; }

div.wachtwoord_vergeten {	text-align: right; }
div.wachtwoord_vergeten a { color: white; font-size: 11px; text-decoration: none; }
div.wachtwoord_vergeten a:hover { color: black; }

div.snelzoeken { position: absolute; bottom: 0px; width: 280px; padding: 4px 5px 3px 5px; height: 63px; background-color: #f1f1f1; }
div.snelzoeken div.l { width: 100px; }
div.snelzoeken div.r { }

nav.main { height: 34px; padding: 8px 0 0 20px; }
nav.main ul { margin: 0; padding: 0; }
nav.main ul li { list-style: none; display: block; float: left; padding-right: 16px; width: auto;}
nav.main ul li a { color: white; text-decoration: none; font-size: 14px; text-transform: capitalize; }
nav.main ul li a:hover { color: #e4e4e4; }
nav.main ul li a.active { color: #e4e4e4; }
nav.main ul li.hasmenu { display: block; padding-bottom: 4px;}
nav.main ul li.hasmenu div { display: none; }
nav.main ul li.hasmenu ul {	position: absolute; list-style: none; list-style-image: none; z-index: 100; margin: 0;	padding: 0; margin-top: 4px; border: 2px #EBD7EE solid; border-top: 0; background: #F1F1F1; }
nav.main ul li.hasmenu ul li { float: none; background: #F1F1F1; padding: 5px 8px; list-style: none; list-style-image: none;}
nav.main ul li.hasmenu ul li a { font-size: 13px; vertical-align: bottom; text-transform:none; color: #5F5F5F; }
nav.main ul li.hasmenu ul li a:hover { text-decoration: underline; }
nav.main ul li.hasmenu:hover>* { display: block; }

div.content { padding: 13px 10px 10px 10px; border-style: solid; border-color: #d6d5d5; border-width: 0 10px 10px 10px; position: relative; }
div.content_top { width: 900px; height: 11px; background: url(/lay-out/gfx/content_top.png); }

div.content_footer { background: #92b130; width: 900px; height: 25px; margin-bottom: 6px; }

body>footer { width: 888px; padding: 6px; padding-top: 0; height: 30px; color: #696969; font-size: 11px;	/*background: url(/lay-out/gfx/footer.png) repeat-x;*/ }
body>footer a { color: #696969; text-decoration: none; font-size: 11px; }
body>footer a:hover { color: black; }

/* blocks */
.block { background-color: #f1f1f1; border: 1px solid #ebd7ee; color: #5f5f5f; padding: 12px; }
.block a { color: #5f5f5f; }
.block a:hover { color: black; }
.block_bericht { width: 676px;	}

.block50 { width: 410px; height: 105px; padding: 5px; }
.block h2 { color: #5f5f5f; }
.block h2.pink { color: #be93c3; }
.block span.first { padding-left: 0; }
.block span.last { border: 0; }
.block_overview a { color: #be93c3; text-decoration: none; }
.block_overview a:hover { color: black; }
.block_overview { padding: 0px 12px; margin-right: 5px; }
.block_dating { width: 143px; min-height: 332px; margin-right: 5px; position: relative; }
.block_dating h3 { color: #2c2c2c; font-size: 12px; font-weight: bold; margin-bottom: 8px; }
.ie7 .block_dating div strong .r { display: none; }

ul.overview li, ul.overview { margin: 0; padding: 0; list-style-image: none; list-style-type: none;  }
a.image_overview { display: block; width: 140px; height: 100px; overflow: hidden;  }
ul.overview a { display: block; min-width: 80px; }
ul.overview li>img { float: left; }

/* input */
div.row { clear: both; margin-bottom: 10px; color: #2C2C2C;  } 
div.row label { display: inline-block; width: 110px; vertical-align: top; color: #5F5F5F; }
div.row label.input { display: block; width: auto; }
div.row input { display: inline-block; width: auto;  width: 150px; }
div.row input[type="checkbox"], div.row input[type="radio"] { width: auto; }
div.row select { width: 150px;}
div.instellingen select { width: auto; }
div.ajaxmessage div.row label { width: 150px; }

div.input-error>label { background: #ffc;	color: #c00;  }
div.input-error>input, div.input-error>select, div.input-error>textarea { background-color: #fee !important; }

/* Zoeken specifiek */

section.zoek_profielen { float: left; width: 275px; margin-left: 10px; }
section.zoek_profielen div.row { width: 275px; }
section.zoek_profielen div.row_bigger { width: 300px; }
section.zoek_profielen div.row input, section.zoek_profielen div.row select { width: 150px; }

div.zoeken {  margin-bottom: 4px;  }
div.zoeken .loading { display: none; width: 860px; bottom: 0;  }
div.zoeken .zoeken_ajax_message { display:none; width: 860px; bottom: 0; }

/* overview */
section.overview_gegevens { width: 270px; margin-right: 5px; color: #2c2c2c; }
section.overview_gegevens h3 { color: #2c2c2c; font-size: 12px; font-weight: bold; margin-bottom: 8px; }
section.overview_gegevens textarea { width: 250px; height: 150px; }
section.overview_gegevens .smallsuccess { width: 252px; padding: 3px; }
section.overview_gegevens div.row { margin-bottom: 4px; }
section.overview_gegevens label { width: 105px; }
div.checkboxes { float: right; width: 164px; margin: 0 0 6px 0 ;}
div.betalen { margin-left: 50px;}
div.row input.checkbox { width: auto; }

/* zoeken */
div.block div.image { margin: 1px 15px 0 0; float: left; width:140px; }
div.zoeken h2 { margin-bottom: 0; display: block; }
div.zoeken b, div.zoeken p { color: #2c2c2c; }
div.zoeken div.row { margin-bottom: 2px; }
div.zoekpaginas { color: #2c2c2c; margin: 5px 0; }
div.zoekpaginas a { color: #5f5f5f; text-decoration: none; }
div.zoekpaginas a:hover { color: black; }

div.zoeken p.mt { margin-top: 10px; }
div.ajaxmessage button.ml { margin-left: 16px; }
div.zoek_profielen span.label { width: 95px; }
div.zoek_profielen select { width: 148px; }

/* content */
ul.none, ul.none li { list-style: none;list-style-image: none;}
.help p { margin: 0; }
ul.informatie { margin-bottom: 0; }
ul.informatie li { line-height: 20px; }
h3.rubensdatingdag a { color: #7e9a26; width: 209px; height: 57px; background: url(/lay-out/gfx/content/rubensdatingdag.png); left: 350px; top: 10px; font-size: 0; text-decoration: none; position: absolute; z-index: 100;text-indent:-9999px; }
div#slider { width: 900px; height: 100px; overflow: hidden;	}
div#slider ul, div#slider li { margin: 0; padding: 0; list-style: none; list-style-image: none; height: 75px; }
div#slider li { vertical-align: top; }
div#slider img { vertical-align: top; }

.contact div.row label { width: 200px; }

/* column */
textarea.reactie { width: 300px; height: 200px; }
article.article img, article.reactie img { margin: 0 0 0 10px; float: right; }
article.article a img	{ margin: 0 10px 0 0; float: left; }
table.social td { width: auto; padding: 0 5px; vertical-align: middle; }
article.article { position: relative; }
article.article footer { position: absolute; bottom: 10px; left: 122px; }
article.reactie header { height: 20px;}

/* home */
ul.home {	padding-left: 18px; }

/* register */
#tooltip { display: none; background: #fff; width: 350px; padding: 5px; border: 2px solid #92B130; text-align:left; -moz-box-shadow:0 0 4px #000; -webkit-box-shadow:0 0 4px #000; }
div.register span.register { margin: 6px 0 0 10px;  color: #5f5f5f; vertical-align: middle; }
div.register span.info { color: #2c2c2c; width: 260px; } 
div.register .checkbox { width: 10px; }
div.register span.check { width: 410px; line-height: 12px; }

/* help */
form.vragen div.row { width: 500px; }
form.vragen span.label { width: 175px; }
form.vragen textarea { width: 280px; height: 200px; }

/* berichten overview */
table.berichten { width: 830px; margin-top: 5px; float: left; }
table.berichten td { padding: 3px; }
table.berichten a { text-decoration: none;}
table.berichten a:hover { color: black; }
table.berichten tr.ongelezen td, table.berichten tr.ongelezen td a { font-weight: bold; }
table.berichten .verwijderen input { margin-top: -6px; }

table.berichten th.verwijderen { text-align: left; width: 18px; color: black; padding: 3px; }
table.berichten td.verwijderen { text-align: left; width: 18px; }
table.berichten th.onderwerp { color: black; width: 340px; text-align: left; }
table.berichten td.onderwerp { width: 340px; }
table.berichten th.gebruiker { color: black; width: 110px;  text-align: left;}
table.berichten td.gebruiker { width: 110px; }
table.berichten th.datum { color: black; text-align: right; font-weight: bold; padding-right: 10px; }
table.berichten td.datum { text-align: right; }

table.berichten tr.geselecteerd td { background-color: #EBD7EE; }

div.paging_full_numbers { margin-top: 10px; }

/* berichten los */
div.message_on_wall { width: 676px; }
div.bericht { width: 700px; position: relative; }
.new_bericht { color: #778d00; }
div.bericht div.small { font-size: 11px; }
span.annuleren { float: left;	}
div.overview_gegevens span.annuleren { width: auto; margin:6px 0 0 10px; position: absolute; bottom: 2px; left: 75px; float: right; }
div.overview_gegevens div#over_mijzelf span.annuleren	{ position: relative; left: auto; float: left; }

div.question { position: absolute; right: 5px; background: #F1F1F1; border:1px solid #EBD7EE; padding: 2px; margin-top: -19px; }
div.question, div.question span { font-size: 10px; }
div.question span { cursor: pointer; text-decoration: underline; }
/* profiel */
section.profiel { width: 585px; margin-bottom: 10px;  }
section.profiel_foto { width: 265px; margin-left: 10px; position: absolute; right: 0px; top: 0px; }
section.profiel label { width: 120px; }
section.profiel div.row, .profiel div.row { line-height: 1.2; margin-bottom: 7px; }

a.verkeer { line-height: 1.3; margin: 2px 0 10px 5px; }

section.profiel .block { color: #2C2C2C;}
#sticky-anchor { width: 265px; position: absolute; right: 0px; top: 0px;  }
#sticky.stick { position: fixed; top: 0; z-index: 10000; }

/* instellingen */
div.instellingen label { width: 200px; }

/* profiel overzichten */
table.profiel_overzichten, table.profiel_overzichten td, table.profiel_overzichten table { margin: 0; padding: 0; vertical-align: top;	}
table.profiel_overzichten ul, table.profiel_overzichten li { margin: 0; padding: 0; list-style: none;	list-style-image: none; }
table.profiel_overzichten li { height: 90px; padding: 7px 0; border-bottom: 1px solid #d0d0d0; vertical-align: top; }

ul.online, ul.online li { list-style: none; list-style-image: none; padding: 0; margin: 0; }
ul.online li { float: left; width: 240px; margin-right: 30px; height: 120px; }

img.online { margin: 6px 0 2px 4px;}
img.online_10 { margin: 0 0 0px 4px; }

/* element aanpassingen */
.first { margin-left: 0; padding-left: 0; }
.last { margin-right: 0; padding-right: 0;	}

/* inschuif berichten */
div.ajaxmessage { padding: 12px; margin: 0 0 0px 0; border: 1px solid #d4d4d2; background-color: #ededed; color: #2c2c2c; }
div.ajaxmessage a { color: #5f5f5f;}
div.ajaxmessage a:hover { color: black; }

div.ajaxmessage form div.row textarea { border-color: #d4d4d2;}	
div.ajaxmessage div.close, div.close { position: relative; font-size: 11px; cursor: pointer; margin-top: -5px; text-align: right; }

div.ajaxmessage textarea { width: 460px; height: 70px; margin: 0; }
div.ajaxmessage table td { margin: 2px; padding: 0; }
div.ajaxmessage table.bericht td { margin: 0; padding: 0; }
div.ajaxmessage table { margin: 0; padding: 0; }
div.ajaxmessage table td { padding: 3px; }

span.close_overview { cursor: pointer; }
span.close_gekeken { cursor: pointer; position: relative; }
span.close_naar_gekeken { cursor: pointer; margin-right: 5px; }

div.zoeken_ajax_message { margin-bottom: 20px; position: relative; }
div.profiel_ajax_message { margin-bottom: 20px; position: relative; }
div.zoeken_ajax_message .success, div.zoeken_ajax_message .error { margin-bottom: 4px; }


.annuleren { margin: 8px 0 0 10px; }
.annuleren_small { margin: 6px 0 0 10px; }
.hand { cursor: pointer; }

div.loading { height: 40px; position:absolute; left: 0; top: 0; z-index: 100; width: 785px; background: url(/lay-out/gfx/loading_ajax.gif) no-repeat center center; }

/* pop-up */
#message_popup_container { background-color: #f5f5f5; z-index: 99999; border: 1px solid #9a9997; border-right: 0px; border-bottom: 0px; }
div.message_header { width: 200px; height: 18px; padding-top: 3px; color: #2c2c2c; background-color: #9a9997; text-align: center; font-weight: bold; font-size: 10px; }
div.message_header a { font-size: 10px; }
div.message_text { margin: 5px; font-size: 10px; }
div.message_close { float: right; margin-right: 3px; }
div.message_close a:hover { cursor: pointer; font-size: 10px; }

/* scrollable */
#scrollable { width: 210px; height: 50px; overflow: hidden; }
#wrap4 { float: left; clear: both; width: 210px; height: 15px; background: transparent url(http://image.rubensdating.com/lay-out/gfx/scrollbar-track-right.png) no-repeat top right;}
#track4-left { position: absolute; width: 15px; height: 15px; background: transparent url(http://image.rubensdating.com/lay-out/gfx/scrollbar-track-left.png) no-repeat top left;}
#track4 { position: absolute; width: 200px; height: 15px; margin-left: 5px;}
#handle4 { width: 37px; height: 15px;}

/* Messages */
div.error, div.notice, div.success {padding:.8em;margin-bottom:1em;border:2px solid #ddd; width: 837px;}
div.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
div.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
div.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
div.error a {color:#8a1f11;}
div.notice a {color:#514721;}
div.success a {color:#264409;}

section.profiel div.success, section.profiel div.error, section.profiel div.notice { width: 95%;}

div.bericht div.error, div.bericht div.notice, div.bericht div.success { width: 678px;}


/* Disqus */
div#dsq-content { height: auto; }
div#disqus_thread li { list-style-image: none; }