/* Algemeen 
----------------------------------------------------------- */

* {
	/* overschrijf alle default browser settings */
	margin: 0;
	padding: 0;
}
body {
	background:#55bfcf;
	font-size: 13px;
	text-align:left;
	/* standaard lettertype instellingen */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	color: #000; /* standaard tekst kleur */
}
img
{
	border:none;
}
html, body {
	height:100%;
}
/* TinyMCE specific rules RFH Lubbers, 25-11-2008 */
body.mceContentBody {
	background: #FFF;
}
/* Standaard hyperlink instellingen
	----------------------------------------------------------- */
a:link {
	color:#5f227b;
	text-decoration:none;
}
a:visited {
	color:#5f227b;
	text-decoration:none;
}
a:hover {
	color:#5f227b;
	text-decoration:underline;
}
a:active {
	color:#5f227b;
	text-decoration:none;
}
/* Standaard tekst instellingen 
	----------------------------------------------------------- */
	
h1, h2, h2.left, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
h1,#banner h1,#banner_small h1 {
	font-size: 20px;
	color:#5f227b;
	margin:0 0 0 0;
	font-weight:bold;
}
h2 {
	font-size: 20px;
	color:#d63f85;
	margin:0 0 0 0;
	font-weight:bold;
}
h3,#banner h3,#banner_small h3 {
	font-size: 16px;
	color:#d63f85;
	margin:0 0 0 0;
	font-weight:bold;
}
h4 {
	font-size: 14px;
	color:#5f227b;
	margin:10px 0 0 0;
	font-weight:bold;
}
h5 {
	font-size: 14px;
	color:#d63f85;
	margin:5px 0 0 0;
	font-weight:bold;
}
h6 {
	font-size: 20px;
	color:#55bfcf;
	margin:0 0 0 0;
	font-weight:bold;
}
.bold {
	font-weight:bold;
}
/* Container DIV's
----------------------------------------------------------- */	
#container {
	position:relative;
	width:980px;
	text-align:left;
	/* deel 2 van de centering hack */
	margin: 0 auto;
}
/* Header
----------------------------------------------------------- */	
#banner_home {
	position:absolute;
	width:272px;
	height:160px;
	background-image:url(../_images/img_banner.gif);
	background-repeat:no-repeat;
	background-position:top left;
	z-index:100;
	padding:0 90px 100px 10px;
	overflow:hidden;
	text-align:center;
	line-height:26px;
}
#banner_home img {
	position: relative;
}
#banner {
	position:absolute;
	width:272px;
	height:160px;
	background-image:url(../_images/img_banner.gif);
	background-repeat:no-repeat;
	background-position:top left;
	z-index:100;
	padding:0 90px 100px 10px;
	overflow:hidden;
	text-align:center;
	line-height:26px;
}
#banner_small {
	position:absolute;
	width:272px;
	height:160px;
	background-image:url(../_images/img_banner.gif);
	background-repeat:no-repeat;
	background-position:top left;
	z-index:100;
	padding:65px 90px 35px 10px;
	overflow:hidden;
	text-align:center;
	line-height:26px;
	top: -65px;
	left: -2px;
}
#header {
	position:relative;
	width:980px;
	height:220px;
	padding:0;
	margin:0;
	background-color:#99d9e2;
	z-index:50;
}
#header_small {
	position:relative;
	width:980px;
	height:155px;
	padding:0;
	margin:0;
	background-color:#99d9e2;
	z-index:50;
}
#logo {
	position:absolute;
	width:200px;
	height:223px;
	background-image:url(../_images/img_logo.gif);
	background-repeat:no-repeat;
	right:20px;
	top:10px;
}
#logo_small {
	position:absolute;
	width:127px;
	height:118px;
	background-image:url(../_images/img_logo_small.gif); 
	background-repeat:no-repeat;
	right:25px;
	top:21px;
}
/* Menu
----------------------------------------------------------- */	
#menu {
	position:relative;
	top:15px;
	width:100%;
	height:50px;
	background-color:#55bfcf;
	text-align:left;
	margin-left:24px;
}
#menu ul {
}
#menu ul a {
}
#menu ul li {
	float:left;
	padding-right:10px;
	list-style:none;
}
#menu li.one {
/*	width:80px; */
	padding-right:0px;
	margin-right:28px;
}
#menu li.two {
/*	width:140px;*/
	padding-right:0px;
	margin-right:28px;
}
#menu li.three {
/*	width:130px;*/
	padding-right:0px;
	margin-right:28px;
}
#menu li.four {
/*	width:145px;*/
	padding-right:0px;
	margin-right:28px;
}
#menu li.five {
/*	width:60px;*/
	padding-right:0px;
	margin-right:28px;
}
#menu li.six {
/*	width:60px;*/
	padding-right:0px;
	margin-right:28px;
}
#menu li.seven {
	width:100px;
	float:right;
	margin-right:15px;
}
#menu ul li a {
	font-size:20px;
	color:#fff;
	font-weight:bold;
}
#menu ul li a:link, #menu ul li a:active, #menu ul li a:visited {
	text-decoration:none;
}
#menu ul li a:hover {
	color:#5f227b;
	text-decoration:none;
}
/* - formulieren - */
table tr
{
	line-height:25px;
	vertical-align:top;
}

table tr td
{
	padding:3px;
}

/* - banner home - */
.bannerSpec
{
	margin:100px 0 0 60px;
}

.generalpage .bannerSpec
{
	margin:100px 0 0 10px;
}

.intropage .bannerSpec
{
	margin:40px 0 150px 0;
}

/* - tell-a-friend - */
.tellafriend
{
 	position:absolute;
	left:720px;
	top:280px;
}

.tellafriendtop
{
 	position:absolute;
	left:720px;
	top:0px;
}

/* - addtofavs - */
.addtofavs
{
	margin-top:300px;
	left:76px;
 	float:right;
	position:relative;
	overflow:visible;
	width:210px;
}

.favorites a
{
	cursor:pointer;
}

.favorites a.delete
{
	display:block;
	width:14px;
	height:14px;
	background-image:url(/_images/bubbledel.gif);
}

.favorites a.delete:hover
{
	background-image:url(/_images/bubbledelover.gif);
}

.favorites 
{
	margin-top:30px;
	left:30px;
 	float:right;
	position:relative;
	overflow:visible;
	width:210px;
	font-size:10px;
	text-transform:uppercase;
}

.favorites tr
{
	line-height:15px;
}

.favorites a.blue,
.favorites a.blue:link,
.favorites a.blue:active,
.favorites a.blue:visited
{
	color:#55BFCF;
}

.favorites a.pink,
.favorites a.pink:link,
.favorites a.pink:active,
.favorites a.pink:visited
{
	color:#D74086;
}

/* Content
----------------------------------------------------------- */	
#welkom {
	position:absolute;
	width:900px;
	Height:650px;
	z-index:1000;
	background-color:#FFFFFF;
	padding:40px 40px 40px 40px;
}
#content {
	position:relative;
	background-color:#fff; 
	width:980px;
	padding:0;
	margin:0;
}
#text {
	position:relative;
	float:left;
	width:635px;
	padding:15px 20px 15px 30px;
	margin:0;
	min-height:550px; 
	height:auto!important; 
	height:550px; 
}
#text ul li,
#text ol li
{
	margin-left:40px;
}
#textintro {
	position:relative;
	float:left;
	width:480px;
	padding:15px 20px 15px 30px;
	margin:0;
}
#zoeken {
	position:relative;
	float:right;
	width:210px;
	height:145px;
	background-image:url(../_images/img_zoeken.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding: 30px 15px 50px 70px;
	color:#fff;
	font-weight:bold;
	line-height:25px;
}
#zoeken h1 {
	text-align:right;
	float:right;
}
#zoeken a img {
	float:right;
	padding:0 0 0 10px;
}
.zoekveld {
	width:155px;
	height:18px;
	background-color:#99d9e2;
	background-image:url(../_images/img_input.png);
	border:none;
	padding:0px 0 0 3px;
	margin:0px 0 3px 0;
}
#zoeken input.radio {
	width:20px;
	padding:0 20px 0 0;
	margin:0;
height:;
}
#login {
	position:absolute;
	top:770px;
	left:132px;
	padding:0px 0px 0px 20px;
	height:100px;
}
#password {
	position:absolute;
	border:0;
	top:30px;
	left:10px;
	background-image:url(../_images/home_password.gif);
	padding:17px 0 0 17px;
	width:168px;
	height:33px;
}
#passwrong {
	padding:10px 0 0 10px;
	font-weight:bold;
	color:#F00;
}
#submit {
	position:absolute;
	border:0;
	top:30px;
	left:194px;
	background-image:url(../_images/home_login.gif);
	width:32px;
	height:50px;
}
#genfilm
{
	position:absolute;
	left:560px;
	top:580px;
	width:400px;
	height:246px;
}
#genfilm #flashmov {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	background-color:#FFF;
	border:1px solid #000;
}

#film {
	position:relative;
	float:right;
	width:447px;
	height:321px;
	background-image:url(../_images/film_bg1.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FF33CC;
	padding: 30px 0px 0px 0;
	color:#fff;
	font-weight:bold;
	line-height:25px;
}
#flashmov {
	position:absolute;
	top:55px;
	right:5px;
	margin:0;
	padding:2px;
	background-color:#FFF;
}
#textRght {
	position:relative;
	float:right;
	width:300px;
	margin:20px 0 0 40px;
	padding:0;
	font-size:11px;
}
#profiel {
	position:relative;
	width:400px;
	padding:0;
	margin:0;
	float:left;
}
#info {
	position:relative;
	width:200px;
	padding:0;
	margin:0;
	float:right;
}
#foto {
	position:relative;
	width:100px;
	height:100px;
	padding:0;
	margin:0;
	float:left;
}
#personalia {
	position:relative;
	width:300px;
	height:100px;
	padding:0;
	margin:0;
	float:right;
	line-height:20px;
}
#links {
	position:relative;
	width:180px;
	background-color:#f7dbe8;
	padding:0 10px 0 10px;
	margin:0;
}

/*----- Onderstaande werkt niet, dus op de betreffende plaats maar een H2 gebruikt !!!!! Rob Lubbers 4-maart-2009 ------------*/
#links h6 {
	color:#333
}

#contact_p {
	position:relative;
	width:180px;
	background-color:#ccecf1;
	padding:0 10px 0 10px;
	margin:0;
}
.left, #left {
	position:relative;
	width:290px;
	float:left;
	padding:0;
	margin:0;
}
.right, #right {
	position:relative;
	width:290px;
	float:right;
	padding:0;
	margin:0;
}
.persoon {
	position:relative;
	width:302px;
	height:110px;
	padding:0;
	margin:0;
	clear:both;
}
.foto_p {
	position:absolute;
	width:87px;
	height:90px;
	padding:0;
	margin:0;
	z-index:50;
}
.foto_layer {
	position:absolute;
	background-image:url(../_images/foto_layer.gif);
	width:87px;
	height:87px;
	z-index:100;
	left: 0px;
	top: 0px;
}
.text_p {
	position:relative;
	width:210px;
	padding:0px 0px 0px 5px;
	margin:0px;
	float:right;
	line-height:20px;
}
/* Boxes
----------------------------------------------------------- */	
.boxbot {
	position:relative;
	background-image:url(../_images/img_boxbot.gif);
	width:980px;
	height:25px;
	display:table;
	padding:0;
	margin:0;
}
.boxtop_w {
	position:relative;
	background-image:url(../_images/img_boxtop_w.gif);
	width:980px;
	height:25px;
	display:table;
	padding:0;
	margin:0;
}
.boxbot_w {
	position:relative;
	background-image:url(../_images/img_boxbot_w.gif);
	width:980px;
	height:25px;
	display:table;
	padding:0;
	margin:0;
}
.boxtop_p {
	position:relative;
	background-image:url(../_images/img_boxtop_p.gif);
	width:200px;
	height:25px;
	display:table;
	padding:0;
	margin:0;
}
.boxbot_p {
	position:relative;
	background-image:url(../_images/img_boxbot_p.gif);
	width:200px;
	height:25px;
	display:table;
	padding:0;
	margin:0;
}
.boxtop_b {
	position:relative;
	background-image:url(../_images/img_boxtop_b.gif);
	width:200px;
	height:25px;
	display:table;
	padding:0;
	margin:0;
}
.boxbot_b {
	position:relative;
	background-image:url(../_images/img_boxbot_b.gif);
	width:200px;
	height:25px;
	display:table;
	padding:0;
	margin:0;
}
/* CLEARFIX (http://www.positioniseverything.net/easyclearing.html)------------------------------------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

#breadcrumb {
	position:absolute;
	left:30px;
	top: -15px;
	width: 873px;
}
#breadcrumb a:link {
	color:#000;
	text-decoration:none;
}
#breadcrumb a:visited {
	color:#000;
	text-decoration:none;
}
#breadcrumb a:hover {
	color:#000;
	text-decoration:underline;
}
#breadcrumb a:active {
	color:#000;
	text-decoration:none;
}
#breadcrumb_b {
font-weight:;
	color:#000;
	float:right;
}
/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt;
	padding: 0pt;
	overflow: auto;
	letter-spacing: 0px;
	float: none;
}
#copyright {
	position:relative;
	background-color:#55bfcf;
	width:100%;
	color:#fff;
	font-size:11px;
	text-align:center;
	padding-top:5px;
	margin:0;
}
#copyright a:link, #copyright a:visited, #copyright a:active {
	color:#fff;
	text-decoration:none;
	font-size:11px;
}
#copyright a:hover {
	text-decoration:underline;
}
.leesmeer {
	display:block;
	background-image: url(../_images/leesmeer.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-bottom:3px;
	padding-right:25px;
}
.verstuur {
	position:absolute;
	width:20px;
	height:19px;
	margin-left:20px;
}

.notrequired {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	border:1px solid #55bfcf;
	line-height:20px;
	height:16px;
	font-size: 11px;
}

.required {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	border:1px solid #55bfcf;
	line-height:20px;
	height:16px;
	font-size: 11px;
	background-image:url(../_images/required.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.txtinput {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	display:block;
	margin: 0;
	border:1px solid #55bfcf;
	background-color:#fff;
	font-weight: 100;
	font-size: 11px;
	overflow:hidden;
	line-height:20px;
	height:16px;
}

.xxxl
{
	width:300px;
}

.xxl
{
	width:260px;
}

.xl
{
	width:200px;
}

.l
{
	width:80px;
}

.m
{
	width:145px;
}

.s
{
	width:30px;
}

.textarea {
	position:relative;
	padding:3px;
	border:1px solid #55bfcf;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:294px
}
#fromMssg {
	position:relative;
	padding:5px;
	font-size:12px;
	width:300px;
	color:red;
}
#fromMssg1 {
	position:relative;
	z-index:200;
	padding:5px;
	font-size:11px;
	width:280px;
	color:#46a2e1;
}
.error {
	color:red;
	margin:0;
	padding:0;
}
.ajax-loading {
	background: url(/_images/spinner.gif) no-repeat center;
}

/*-- H* mimic om lettertype problemen te voorkomen met SIFR te voorkomen*/
h1         { text-align: left; font-weight: bold; font-size:20px; color:#d63f85; line-height:1.2em; margin-top:10px; margin-bottom:4px;}
h1 a       { text-decoration: none; color:#5f227b; }
h1 a:link  { color: #5f227b; }
h1 a:hover { color: #5f227b; text-decoration:underline; }

h2                  { text-align: left; font-weight: bold; font-size:18px; color:#d63f85; line-height:1.2em; margin-top:10px; margin-bottom:4px;}
h2 a                { text-decoration: none; color:#d63f85;}
h2 a:link           { color: #d63f85;}
h2 a:visited        { color: #d63f85;}
h2 a:hover          { color: #d63f85; text-decoration:underline;}
.text_p h2          { margin-top:-2px; margin-bottom:0px;}

h4         { text-align: left; font-weight: bold; font-size:16px; color:#5f227b;line-height:1.2em; margin-top:10px; margin-bottom:4px;}
h4 a       { text-decoration: none; color:#5f227b; }
h4 a:link  { color: #5f227b; }
h4 a:hover { color: #d63f85; text-decoration:underline; }

h5         { text-align: left; font-weight: bold; font-size:14px; color:#d63f85; line-height:1.2em; margin-top:10px; margin-bottom:4px;}
h5 a       { text-decoration: none; color:#d63f85; }
h5 a:link  { color: #d63f85; }
h5 a:hover { color: #d63f85; text-decoration:underline; }

h6         { text-align: left; font-weight: bold; font-size:18px; color:#55bfcf; line-height:1.2em;}
h6 a       { text-decoration: none; color:#ffffff; }
h6 a:link  { color: #ffffff; }
h6 a:hover { color: #5f227b; text-decoration:none; }

.paars     { color:#5f227b;}

/* Operatie copyright */
#operatiecopyright {
	padding-top:1em;
	font-size:11px;
	text-align:center;
}