@charset "utf-8";
/* CSS Document */

html,body			{ height:100%; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; margin:0; padding:0; background-color:#d1a0d1; background-image:url(../images/bg_bigimg.jpg); background-position:top center; background-repeat:repeat-x;}
h1,h2,h3, a			{ color:#4a0e4a; }
h1					{ font-size:20px; line-height:24px; padding-top:10px;}
h2					{ font-size:16px; line-height:20px; }
h3					{ font-size:14px; line-height:18px; }
a					{ text-decoration:none; }
a:hover				{ text-decoration:underline; }
p, ul, li			{ margin-top: 0px; margin-bottom: 0px; }
input				{ font-size:11px; font-family:Arial, Helvetica, sans-serif; }
textarea			{ font-size:11px; font-family:Arial, Helvetica, sans-serif; }
select, option		{ font-size:11px; font-family:Arial, Helvetica, sans-serif; }

.siteContainer		{ width:921px; height:auto !important; height:100%; min-height:100%; margin:auto; position:relative; background-image:url(../images/bg_wit.gif); background-repeat:repeat-x; }
.header				{ height:265px; background-image:url(../images/site_header.png); background-repeat:repeat-x; position:relative; }
.socialmedia		{ position:absolute; left:0px; top:8px; }

.content			{ background-color:#FFF; }
.contentMarge		{ width:873px; margin:0px auto; padding:21px 0px 16px 0px;}
.vervolgMinHeight	{ float:right; height:550px; width:1px; }
.vervolgLeft		{ float:left; padding:0 50px; width:540px;}
.vervolgRight		{ float:right; width: 210px; }
.clear				{ clear:both; }
.left				{ float:left; }
.right				{ float:right; }

/* TABS */
.tabHolder			{ position:absolute; right:0px; top:0px; font-size:11px; }
.tabHolder a		{ width:99px; height:25px; display:block; color:#FFF; float:left; text-align:center;}
#single				{ background-image: url(../images/tab_singlepeople.png); }
#two				{ background-image:url(../images/tab_match4two.png); }
#women				{ background-image:url(../images/tab_match4women.png); }
#men				{ background-image:url(../images/tab_match4men.png); }
#wensen				{ background-image:url(../images/tab_relatiewensen.png); }

/* NAVIGATIE */
.navpos						{ position:absolute; top:236px; left:23px;}
.nav, .nav ul 				{ list-style: none; padding: 0; margin: 0; height:29px; }
.nav li 					{ float: left; padding: 0; line-height:24px; font-size:12px; color:#4a0e4a; font-weight:bold; line-height:24px; width:145px; display:block; text-align:center;}
.nav li a					{ color:#4a0e4a; text-align:center; line-height:24px; width:145px; display:block;}
.nav li div					{ text-align:center; line-height:24px; width:145px; display:block;}
.nav li a:hover				{ color:#FFF; text-decoration:none;}
#avtive						{ background-image:url(../images/nav_hover.gif); background-position:bottom left; background-repeat:no-repeat; }

.nav li ul 					{ position: absolute; left: -999em; line-height:16px; width: 180px; font-weight: normal; margin: 0; }
.nav li li 					{ width:180px; }
.nav li ul a 				{ display:block; width:180px; color:#FFF; line-height:16px; background-color:#4a0e4a; text-align:left; padding:3px 15px; }
.nav li ul a:hover 			{ width:180px; color:#4a0e4a; line-height:16px; background-color:#d4c4d1; text-decoration:none; font-weight:bold; }
.nav li ul ul 				{ margin: -1.75em 0 0 14em; }
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul { left: -999em; }
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul { left: auto; }
.nav li:hover, .nav li.sfhover { background-image:url(../images/btn_over.png); color:#FFF; }
/* ----------------------------------- */

/* TAGCLOAD */
.tagCloud			{  }
#cloud				{ margin:3px; font-size:13px; }
.tagCloud #intro	{ font-size:12px; color:#BBB; font-weight:bold; margin-top:10px;	margin-left:10px; }
.tagCloud h1		{ font-size:13px; color:#4a0e4a; background:none; line-height:17px; display:inline; font-weight:normal; }
.tagCloud h2		{ font-size:13px; color:#4a0e4a; background:none; line-height:17px; display:inline; font-weight:normal; }
.tagCloud h3		{ font-size:13px; color:#4a0e4a; background:none; line-height:17px; display:inline; font-weight:normal; }
.tagCloud h4		{ font-size:12px; color:#4a0e4a; background:none; line-height:17px; display:inline; font-weight:normal; }
.tagCloud h5		{ font-size:12px; color:#4a0e4a; background:none; line-height:17px; display:inline; font-weight:normal; }
.tagCloud a			{ font-size:11px; color:#4a0e4a; text-decoration:none;  }
.tagCloud a:hover	{ font-size:11px; color:#4a0e4a; text-decoration:underline; }

.footer				{ font-size:11px; position:absolute; bottom:0; color:#999; line-height:20px; clear:both; background-color:#FFF; text-align:center; width:921px; border-top:1px solid #CCC;}
.footer a			{ color:#999; }

/* HOMEPAGE */
.contentHomeBtm		{ width:883px; margin:0px auto; padding-bottom:20px;}

.actieblok			{ width:210px; background-image:url(../images/home_blok_bg_rpt.jpg); background-repeat:repeat-y; font-size:11px;}
.actieblokTopColor	{ background-image:url(../images/home_blok_bg_topheader.jpg); background-repeat:no-repeat;}
.actieblokHeader	{ line-height:44px; color:#FFF; padding:0px 14px; font-size:16px; }
.actieblokTop		{ background-image:url(../images/home_blok_bg_top.jpg); background-repeat:no-repeat;}
.actieblokBtm		{ background-image:url(../images/home_blok_bg_btm.jpg); background-repeat:no-repeat; background-position:bottom; height:9px;}
.actieblokContent	{ padding:10px 14px; }
.link				{ text-align:right; margin-top:5px; font-weight:bold;}
.actieblok170		{ height:170px; }
.actieblok214		{ height:214px; }
.homeMarginRight	{ margin-right:13px;}

/* Carrousel */
div#headliner 			{ width: 200px; height: 260px; position:relative; display:block; z-index:2; overflow: hidden; background-image:url(../images/carousel_bg.jpg);}
div#headliner ul		{ width: 200px; height: 260px; list-style-type: none; }
div#headliner ul li 	{ width: 200px;height: 260px; position: relative; display:block; float: left; cursor: pointer; }
div#headliner ul li h2	{ z-index:6; position: absolute; width:200px; top: 175px; left: 0px; padding: 0px; height:80px; color: #fff; font-size: 11px; font-weight:normal; line-height:14px; }
div#headliner ul li h4  { z-index:5; position: absolute; width:200px; top: 175px; left: 0px; padding: 0px; height:80px; color: #000; font-size: 11px; font-weight:normal; line-height:14px; }
/*div#headliner ul li h4  {  background-color: #1f1b6f; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; }  */
div#headliner img		{ border:none; }