/* ----------------------------------------------------------- */
/* Copyright 2000-2010 (Non-)verbaal, http://www.nonverbaal.nl */
/* ----------------------------------------------------------- */
@import url("reset.css");
@import url("clearfix.css");
@import url("form.css");
@import url("tabs.css");
@import url("nyroModal.css");
body {
	font: 62.5% Arial, Helvetica, sans-serif;
	background-color: #FFF;
}
a {
	text-decoration: none;
	color: #8D3DB1;
	font-weight: 700;
	outline: none;
}
a:hover, a:active { text-decoration: underline; }
em { font-style: italic; }
strong {
	font-weight: 700;
	color:#391B63;
}
.purple {
	background-color:#391B63;
	color:#FFF;
}
.grey {
	background-color:#999;
	color:#FFF;
}
.pink {
	background-color:#AC0072;
	color:#FFF;
}
.black {
	background-color:#000;
	color:#FFF;
}
h1, h2, h3, h4, h5 {
	font-size:1.8em;
	padding:0.2em;
	color:#FFF;
	display:block;
	padding-left:5px;
	font-weight:400;
	font-family:"Myriad Pro";
	background:#391B63;
	white-space:nowrap;
}
h3 {
	color:#391B63;
	background:#FFF;
	margin-top:2em;
	margin-bottom:1em;
}
.black h3 {
	color:#AC0072;
	background:#000;
}
.grey h3 {
	color:#000000;
	background:#999;
}
h4 {
	color:#391B63;
	font-size:3.0em;
	background-color:transparent;
	margin-top:0.8em;
	margin-bottom:0.5em;
}
h5 {
	color:#391B63;
	background:#FFF;
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-left:0;
}
h2 a.more {
	position:absolute;
	right:1px;
	top:1px;
	width:25px;
	height:29px;
	overflow:hidden;
	text-indent:-999px;
	text-decoration:none;
	background-color:#391B63;
	background-repeat: no-repeat;
	background-position: center center;
	background-image:url(../images/bg-arrow.gif);
	outline:none;
}
.fblock a.more {
	position:absolute;
	bottom:20px;
	color:#FFF;
}
/* Basic structure ------------------------------------------- */
/* ----------------------------------------------------------- */
#container {
	position: relative;
	margin:0 auto;
	width:965px;
}
#logo {
	position:absolute;
	left:15px;
	top:35px;
}
#navigation {
	position:absolute;
	left:245px;
	top:85px;
}
#canvas {
	position:relative;
	float:left;
	width:100%;
	border-top-width:10px;
	border-top-style:solid;
	border-top-color:#390C71;
}
#sidebar {
	position:relative;
	float:left;
	width:228px;
	margin-top:165px;
	padding-left:17px;
}
#main {
	position:relative;
	float:right;
	width:720px;
	margin-top:165px;
}
#footer {
	position: relative;
	float: left;
	width:100%;
	font-size: 1.2em;
	border-top-width:10px;
	border-top-style:solid;
	border-top-color:#390C71;
	height:50px;
}
/* Reclame --------------------------------------------------- */
/* ----------------------------------------------------------- */
div.commercial {
	position:absolute;
	left:275px;
	top:0;
}
/* Kollommen en classen -------------------------------------- */
/* ----------------------------------------------------------- */
.content {
	position:relative;
	font-size:1.2em;
	line-height:1.5em;
}
.hidden { display:none; }
.content p { margin-bottom:1em; }
.content ol, ul {
	margin-left:15px;
	padding-left:15px;
}
.content ul { list-style:disc; }
.content ol { list-style:decimal; }
.detail h4 { padding-left:0; }
.detail { width:448px; }
.intro {
	width:204px;
	padding-left:22px;
}
.col {
	position:relative;
	float: left;
}
.col.wide { width:470px; }
.col.medium { width:44%; }
.col.large { width:47%; }
.col.small { width:220px; }
.col.last { margin-left:30px; }
.col.pleft { padding-left:22px; }
.mtop { margin-top:45px; }
.mbottom { margin-bottom:15px; }
.col.right { float:right; }
.col.block { width:100%; }
.row_1 { margin-top: 45px; }
.shortcuts, .row_1, .row_2, .row_3, .row_4 { margin-bottom:45px; }
.row_1 h2, .row_2 h2, .row_3 h2, .row_4 h2 { margin-bottom:15px; }
.nieuwsbrief {
	border:1px solid #8C3DB1;
	min-height:110px;
	height:auto !important;
	height:110px;
}
.nieuwsbrief h2 { background:#8C3DB1; }
.nieuwsbrief p {
	margin-right:50px;
	margin-left:5px;
}
.nieuwsbrief img {
	position: absolute;
	bottom:0;
	right:0;
}
.row_1 {
	min-height:260px;
	height:auto !important;
	height:260px;
}
.fblock {
	position:relative;
	overflow:hidden;
	display:block;
	padding: 15px;
	height: 110px;
	font-size:11px;
	color:#FFF;
}
table.list th { font-weight:700; }
table.list th, table.list td { padding:5px 10px; }
table.forum .forum_link {
	padding-left:15px;
	padding-bottom:3px;
	background-color:transparent;
	background-position:left center;
	background-repeat:no-repeat;
	background-image:url(../images/bg-forum-topic.gif);
	font-weight:700;
	color:#391A63;
}
table.forum .pink {
	color:#AC0072;
	background-image:url(../images/bg-forum-topic-pink.gif);
}
.sinparty table.forum .forum_link { background-image:url(../images/bg-forum-topic-black.gif); }
/* Actueel --------------------------------------------------- */
/* ----------------------------------------------------------- */
.actueel h4 {
	padding-left:0;
	font-weight:700;
	font-size:40px;
	white-space:normal;
	line-height:45px;
	font-family:Arial, Helvetica, sans-serif;
}
h6 {
	margin-top:15px;
	color:#391A63;
	font-family:"Myriad Pro";
	line-height:30px;
	font-size:20px;
	font-weight:400;
}
.actueel .col { margin-bottom:45px; }
/* Logo ------------------------------------------------------ */
/* ----------------------------------------------------------- */
#logo a {
	display: block;
	text-indent: -9999em;
	width: 201px;
	height: 100px;
	background: transparent url(/www/images/logo-purple.gif) no-repeat left top;
	outline: none;
}
/* Page differences ------------------------------------------ */
/* ----------------------------------------------------------- */
/*** sindating ***/
body.sindating a { color: #AC0072; }
body.sindating h1, body.sindating h2 { background-color:#AC0072; }
body.sindating h3, body.sindating h4, body.sindating h5 { color:#AC0072; }
body.sindating strong { color:#AC0072; }
body.sindating h2 a.more {
	background-color:#AC0072;
	background-image:url(../images/bg-arrow-pink.gif);
}
body.sindating #footer, body.sindating #canvas { border-top-color:#AC0072; }
body.sindating #logo a { background-image:url(/www/images/logo-pink.gif); }
body.sindating #login a.switch {
	background-color:transparent;
	background-image:url(../images/bg-login-inactive-pink.gif);
}
body.sindating #login .color-wrap { background-color:#AC0072; }
body.sindating #login.active a.switch { background-image:url(../images/bg-login-active-pink.gif); }
body.sindating #sidebar li a { color:#F57EED; }
body.sindating #sidebar li.selected a, body.sindating #sidebar li a:hover { color:#AC0072; }
/*** sinparty ***/
body.sinparty {
	color:#fff;
	background-color:#000;
	background-repeat: repeat-x;
	background-position: center top;
	background-image:url(../images/bg-body-3.jpg);
}
body.sinparty.dots { background-image:url(../images/bg-body-4.gif); }
body.sinparty a { color: #AC0072; }
body.sinparty h1, body.sinparty h2 {
	background-color:#000;
	border:1px solid #333;
}
body.sinparty h3, body.sinparty h4 {
	font-size:25px;
	font-weight:700;
	color:#FFF;
	background-color:transparent;
}
body.sinparty strong { color:#AC0072; }
body.sinparty h2 a.more, h2.black a.more {
	background-color:#000;
	background-image:url(../images/bg-arrow-black.gif);
}
body.sinparty #canvas { border-top-color:#000; }
body.sinparty #footer { border-top-color:#FFF; }
body.sinparty #logo a { background-image:url(../images/logo-black.png); }
body.sinparty #login a.switch {
	background-color:transparent;
	background-image:url(../images/bg-login-inactive-black.gif);
}
body.sinparty #login .color-wrap { background-color:#000; }
body.sinparty #login.active a.switch { background-image:url(../images/bg-login-active-black.gif); }
body.sinparty #sidebar ul { margin-right:10px; }
body.sinparty #sidebar li {
	position:relative;
	margin:0 0 7px;
	height:30px;
	overflow:hidden;
}
body.sinparty #sidebar li a {
	float:left;
	border-left:3px solid #FFF;
	background-color:#000;
	color:#FFF;
	width: 220px;
	height:23px;
	padding-top:7px;
	padding-left:25px;
}
body.sinparty #sidebar li.selected a, body.sinparty #sidebar li a:hover {
	border-left:3px solid #AC0072;
 color:#;
	text-decoration:none;
}
.archive {
	position:relative;
	display:block;
	margin-bottom:14px;
}
.archive img { float:left; }
.archive .date, .archive .title {
	display:block;
	margin-left:85px;
	color:#AC0072;
	font-weight:700;
}
.archive .date {
	color:#FFF;
	font-weight:700;
}
.active { margin-bottom:30px; }
.thumbs { position:relative; }
.thumb-nav { padding-bottom:1em; }
.thumb-nav a {
	display:block;
	float:left;
	border:1px solid #333;
	color:#333;
	padding:0.1em 0.6em;
	margin-right:0.5em;
}
.thumb-nav a:hover, .activeSlide {
	background-color:#AC0072;
	border:1px solid #AC0072 !important;
	color:#000 !important;
}
.next, .previous {
	position:absolute;
	right:0px;
	top:40%;
	z-index:100;
	display:block;
	width:20px;
	height:20px;
	text-indent:-9999px;
	outline:none;
	background-color:#000000;
	background-image:url(../images/bg-arrow-next.gif);
	background-repeat:no-repeat;
	background-position:center center;
}
.previous {
	background-image:url(../images/bg-arrow-prev.gif);
	left:-30px;
}
.thumb li {
	display:block;
	float:left;
	width:132px;
	height:88px;
	overflow:hidden;
	text-align:center;
	border:1px solid #333;
	padding:6px 4px;
	margin:0 22px 15px 0;
}
.thumb li:hover {
	border:1px solid #AC0072;
	background-color:#111111;
}
.thumb li.last { margin-right:0; }
.thumb a {
	position: relative;
	margin:0 auto;
	display:block;
	height:88px;
	background-color:transparent;
	background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
/*** sinconcepts ***/
body.sinconcepts { background-color:#FFF; }
body.sinconcepts a { color: #999; }
body.sinconcepts h1, body.sinconcepts h2 { background-color:#999; }
body.sinconcepts h3, body.sinconcepts h4 { color:#999; }
body.sinconcepts strong { color:#000; }
body.sinconcepts h2 a.more {
	background-color:#999;
	background-image:url(../images/bg-arrow-grey.gif);
}
body.sinconcepts h2.black, body.sinconcepts h2.black a.more { background-color:#000; }
body.sinconcepts h2.black a.more { background-image:url(../images/bg-arrow-black.gif); }
body.sinconcepts #footer, body.sinconcepts #canvas { border-top-color:#999; }
body.sinconcepts #logo a { background-image:url(../images/logo-grey.gif); }
body.sinconcepts #login a.switch {
	background-color:transparent;
	background-image:url(../images/bg-login-inactive-grey.gif);
}
body.sinconcepts #login .color-wrap { background-color:#999; }
body.sinconcepts #login.active a.switch { background-image:url(../images/bg-login-active-grey.gif); }
body.sinconcepts #sidebar li a { color:#999; }
body.sinconcepts #sidebar li.selected a, body.sinconcepts #sidebar li a:hover { color:#666; }
/* Navigation ------------------------------------------------ */
/* ----------------------------------------------------------- */
#navigation ul li { float: left; }
#navigation ul li a {
	display: block;
	height: 34px;
	text-indent: -9999em;
	outline: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url(/www/images/bg-navigation.png);
}
#nav-megasin a {
	background-position: 0px 0px;
	width: 95px;
}
body.megasin #nav-megasin a, #nav-megasin a:hover { background-position: 0px -34px; }
#nav-sindating a {
	background-position: -95px 0px;
	width: 126px;
}
body.sindating #nav-sindating a, #nav-sindating a:hover { background-position: -95px -34px; }
#nav-sinparty a {
	background-position: -221px 0px;
	width: 118px;
}
body.sinparty #nav-sinparty a, #nav-sinparty a:hover { background-position: -221px -34px; }
#nav-sinconcepts a {
	background-position: -338px 0px;
	width: 124px;
}
body.sinconcepts #nav-sinconcepts a, #nav-sinconcepts a:hover { background-position: -338px -34px; }
/* Login ----------------------------------------------------- */
/* ----------------------------------------------------------- */
#login {
	position:absolute;
	top:0px;
	right:0px;
	overflow:hidden;
	color:#FFF;
	padding-top:0px;
	padding-bottom:12px;
	display:none;
	width:290px;
}
#login .color-wrap {
	position:relative;
	margin:0 auto;
	background-color:#391B63;
	padding:12px;
	width:266px;
}
#login .color-wrap div { margin:0; }
#login.active .switch { background-image: url(/www/images/bg-login-active.gif); }
#login .switch {
	position:absolute;
	bottom:0;
	width:100%;
	left:0;
	width: 100%;
	height: 12px;
	overflow:hidden;
	text-indent:-999px;
	color:#FFF;
	background-color:transparent;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image:url(../images/bg-login-inactive.gif);
}
#login .user { padding:10px 0px; }
#login .user { color:#FFF; }
#login a.uitloggen {
	color:#FFF;
	font-weight:400;
	position:absolute;
	right:10px;
	bottom:2px;
	padding:4px;
}
#login a:hover { text-decoration:underline; }
#login .user blockquote {
	color:#FFF;
	display:inline
}
#login .user span {
	margin-top: 5px;
	float:left;
	overflow:hidden;
}
#login span.email { margin-left: 65px; }
#login span.views { margin-left: 10px; }
/* Sidebar ---------------------------------------------------- */
/* ----------------------------------------------------------- */
#sidebar h2 { padding-left:5px }
#sidebar ul {
	position:relative;
	margin:0 auto;
}
#sidebar li.first { /*font-size:1.2em; */ margin:0 0 1.6em 0; }
#sidebar li { /*font-size:1.2em; */ margin:1.6em 0; }
#sidebar li a {
	color:#8571A0;
	display:block;
	font-weight:400;
	font-size:1.8em;
	text-transform:lowercase;
}
#sidebar li.selected a, #sidebar li a:hover {
	color:#390C71;
	text-decoration:none;
}
#sidebar .user {
	position:relative;
	background: #AC0072 url(/www/images/bg-profile.gif) no-repeat left bottom;
	width:220px;
	padding-bottom:22px;
}
#sidebar .user div {
	margin: 5px 40px 0 55px;
	color:#FFF;
	line-height: 25px;
}
#sidebar .user a { font-weight:400; }
#sidebar .user .submenu { margin-top:30px; }
#sidebar .user .submenu a {
	color:#FFF;
	display:block;
}
.user img {
	position:absolute;
	left:5px;
	top:38px;
}
.user span { color:#FFF; }
/* Gallery ---------------------------------------------------- */
/* ----------------------------------------------------------- */
div.gallery a {
	float:left;
	display:block;
	margin-right:13px;
	margin-top:1em;
}
.thumbs-preview {
	text-align:left;
	padding:0;
	margin:0;
	height:365px;
	overflow:hidden;
}
.gallerythumb {
	display:block;
	width:440px;
	margin-left:-15px;
}
.lastphoto { margin-right:0 !important; }
.gallerythumb li {
	display:block;
	float:left;
	width:122px;
	height:88px;
	overflow:hidden;
	text-align:center;
	border:1px solid #333;
	padding:6px 4px;
	margin:0 20px 20px 0;
}
.gallerythumb li:hover {
	border:1px solid #AC0072;
	background-color:#111111;
}
.gallerythumb li.last { margin-right:0; }
.gallerythumb a {
	position: relative;
	margin:0 auto;
	display:block;
	height:88px;
	background-color:transparent;
	background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
/* Agenda ---------------------------------------------------- */
/* ----------------------------------------------------------- */
.agenda_item {
	position:relative;
	display:block;
	margin-top:14px;
	margin-bottom:14px;
	color:#FFF;
	font-weight:normal;
	background-position:right bottom;
	background-repeat:no-repeat;
}
.agenda_item.large {
	padding:20px 18px;
	padding-right:125px;
	min-height:250px;
	height:auto !important;
	height:250px;
}
.agenda_item table { margin-bottom:1em; }
.agenda_item th {
	font-weight:bold;
	vertical-align:top;
}
.agenda_item td { padding-left:30px; }
.agenda_item div a { font-weight:normal; }
.agenda_item .pink a {
	text-decoration:none;
	color:#FFF;
}
.agenda_item.pink a { color:#FFF; }
.agenda_item div {
	margin-left:40px;
	height:60px;
	padding-left:5px;
	font-size:11px;
	line-height:18px;
}
.agenda_item .title {
	display:block;
	font-weight: 700;
}
.agenda_item span.date {
	position:absolute;
	left:0;
	top:0;
	font-size:1.8em;
	font-weight:700px;
	text-align:center;
	width:35px;
	height:60px;
}
.agenda_item span.date var {
	display:block;
	margin:10px 0 5px;
}
.agenda_item h3 {
	padding-left:0;
	text-transform:uppercase;
	font-weight:700;
	margin-top:1em;
}
.agenda_item.pink h3, .agenda_item.grey h3, .agenda_item.black h3, .agenda_item.purple h3 { background-color:transparent; }
.agenda_item.pink h3 { color:#FFF; }
.agenda_item.grey h3 { color:#AC0072; }
.agenda_item.black h3 { color:#AC0072; }
.agenda_item.purple h3 { color:#FFF; }
.agenda_item h4 {
	color:#FFF;
	background:#000;
	padding:0;
	margin:0;
	position:absolute;
	font-weight:400;
	top:0;
	right:18px;
	font-size:18px;
}
.agenda_item.pink h4, .agenda_item.grey h4, .agenda_item.black h4, .agenda_item.purple h4 { background-color:transparent; }
/* Footer - Navigatie ---------------------------------------- */
/* ----------------------------------------------------------- */
#footer span {
	float: left;
	display: block;
	outline: none;
}
#footer a {
	float:right;
	margin-top:10px;
}
#footer .icons {
	float:left;
	width: 300px;
}
#footer .icons li, #footer .icons a { float:left; }
#footer .icons a {
	margin-right:10px;
	padding-left: 20px;
	height:15px;
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
}
.icon-hyves { background-image: url(/www/images/icon-hyves.jpg); }
.icon-twitter { background-image: url(/www/images/icon-twitter.jpg); }
.icon-facebook { background-image: url(/www/images/icon-facebook.jpg); }
.icon-youtube { background-image: url(/www/images/icon-youtube.jpg); }
#footer a.first { padding-left:0; }