/* ################################################## */
/*  Made by: www.DIRECT BASING.com                    */
/*  Semantisch correcte xHTML Basing                  */
/* ################################################## */

/* ### general ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Verdana; font-size: 11px; color: #666666; }
input, select, textarea { font-family: Verdana; font-size: 11px; color: #8d8d8d; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 1px; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; background: url('/images/wrapper.gif') center top no-repeat; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 861px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 861px; height: 127px; background: url('/images/top.png') left bottom no-repeat; }
	#headerCntr h1 { position: absolute; top: 30px; left: 19px; }
	#headerCntr h1 a { display: block; width: 179px; height: 56px; text-indent: -9999px; background: url('/images/logo.png') no-repeat; }
	
		/* ### menu box ### */
		.menuBox { padding-top: 52px; width: 655px; float: right; font-size: 15px; }
		.menuBox ul { padding-right: 16px; float: right; list-style: none; }
		.menuBox li { padding-right: 8px; float: left; display: inline; }
		.menuBox a { padding-left: 9px; display: block; float: left; height: 38px; line-height: 34px; font-weight: bold; text-decoration: none; color: #808080; display: block; }
		.menuBox span { padding: 0 11px 0 2px; display: block; float: left; height: 38px; }
		.menuBox a:hover, .menuBox li.selected a { color: #ffffff; background: url('/images/menu-left.gif') left top no-repeat; }
		.menuBox a:hover span, .menuBox li.selected a span { background: url('/images/menu-right.gif') right top no-repeat; }
	
	/* ### content container ### */
	#contentCntr { padding: 0 13px; width: 835px; overflow: hidden; background: url('/images/mid.png') left repeat-y; }
	
		/* ### left container ### */
		#leftCntr { float: left; width: 285px; }
		
			/* ### banner container ### */
			#bannerCntr { position: relative; width: 835px; background: url('/images/banner-mid.gif') left repeat-y; }
			#bannerCntr #top { width: 835px; background: url('/images/banner-top.gif') left top no-repeat; } 
			#bannerCntr #bottom { width: 835px; overflow: hidden; background: url('/images/banner-bottom.gif') left bottom no-repeat; } 
			#bannerCntr #left { float: left; width: 582px; height: 205px; }
			#bannerCntr #right { position: absolute; top: 0px; right: 0px; padding: 0px 5px 4px 0px; float: right; width: 250px; border-left: 1px solid #dae2f2; }

				/* ### banner box ### */
				.bannerBox { padding-bottom: 4px; position: relative; width: 582px; height: 166px; }
				.bannerBox .banner { margin: 0 0 0px 7px; overflow: hidden; width: 572px; height: 166px; }
				.bannerBox .slider { padding: 26px 5px 0 27px; position: relative; float: left; width: 238px; }
				.bannerBox .text { padding: 31px 20px 0 0; float: right; width: 270px; }
				.bannerBox h3 { padding: 13px 0 0px 27px; color: #729c00; font-size: 18px; }
				.bannerBox h3 span { color: #ff6c00; }
				.bannerBox p { padding-bottom: 15px; }
				.bannerBox a.link { padding-right: 10px; margin-top: 7px; width: 194px; height: 27px; line-height: 27px; display: block; text-align: center; color: #949494; font-size: 14px; text-decoration: none; background: url('/images/banner-link.gif') no-repeat; }
				.bannerBox a.link:hover { text-decoration: underline; }
				.bannerBox span.number { width: 71px; height: 69px; line-height: 69px; display: block; text-align: center; color: #fff; font-size: 30px; position: absolute; right: 0px; bottom: -17px; background: url('/images/no-bg.png') no-repeat }
				.bannerBox a.meer, .bannerBox a.direct { width: 91px; float: left; height: 25px; display: block; line-height: 25px; text-decoration: none; color: #73b0d1; text-align: center; background: url('/images/meer.gif') no-repeat; }
				.bannerBox a.direct { margin-left: 5px; width: 172px; color: #a1a1a1; background: url('/images/direct.jpg') no-repeat; }
				.bannerBox a.meer:hover, .bannerBox a.direct:hover { text-decoration: underline; }
				.bannerBox ul { list-style: none; }
				.bannerBox li { float: left; width: 572px; height: 166px; background: url('/images/banner-bg.gif') no-repeat; }
				.bannerBox div#slider { position: relative; overflow: hidden; width: 572px; height: 166px; }
				.bannerBox span#prevBtn a, .bannerBox span#nextBtn a { left: 0px; top: 65px; position: absolute; width: 28px; height: 36px; display: block; text-indent: -9999px; background: url('/images/prev.png') no-repeat; }
				.bannerBox span#nextBtn a { left: 240px; right: 15px; background: url('/images/next.png') no-repeat; }
				
				/* ### dating box ### */
				.datingBox { padding-left: 20px; margin: 4px 0px 0 3px; width: 228px; height: 197px; overflow: hidden; background: url('/images/banner-right.jpg') no-repeat; }
				.datingBox h3 { line-height: 47px; color: #80b000; font-size: 17px; }
				.datingBox ul { list-style: none; }
				.datingBox li { padding-left: 16px; margin-bottom: 12px; position: relative; width: 189px; height: 37px; background: url('/images/banner-right-text.png') no-repeat; }
				.datingBox li span { position: absolute; right: -7px; top: -7px; font-size: 19px; font-weight: bold; font-family: 'Chaparral Pro', arial; width: 50px; height: 48px; line-height: 48px; text-align: center; color: #fff; background: url('/images/banner-red.png') no-repeat; }
				.datingBox a { text-decoration: none; float: left; font-size: 16px; line-height: 37px; color: #606060; }
				.datingBox a:hover { text-decoration: underline; }
				.datingBox li a.tips { margin: 7px 10px 0 -6px; width: 37px; height: 23px; display: block; text-indent: -9999px; float: left; background: url('/images/tip.gif') no-repeat; }
				
				/* ### popular box ### */
				.popularBox { margin: 4px 0; width: 578px; background: url('/images/text-mid.gif') left repeat-y; }
				.popularBox .top { width: 578px; background: url('/images/text-top.gif') left top no-repeat; } 
				.popularBox .bottom { padding: 0 13px 17px 19px; width: 546px; overflow: hidden; background: url('/images/text-bottom.gif') left bottom no-repeat; } 
				.popularBox h2 { padding-top: 5px; line-height: 32px; color: #80b000; font-size: 17px; }
				.popularBox p { padding: 5px 0 10px 0; }
				.popularBox a { margin-left: -3px; width: 271px; height: 25px; line-height: 25px; display: block; text-align: center; color: #888888; text-decoration: none; float: left; background: url('/images/textLink2.gif') no-repeat; }
				.popularBox a.last { margin: 0; float: right; }
				.popularBox a:hover { color: #68a4c5; background: url('/images/textLink1.gif') no-repeat; }

				/* ### stap box ### */
				.stapBox { margin: 4px 0; position: relative; width: 578px; background: url('/images/text-mid.gif') left repeat-y; }
				.stapBox .top { width: 578px; background: url('/images/text2.gif') left top no-repeat; } 
				.stapBox .bottom { padding: 0 13px 12px 19px; width: 546px; overflow: hidden; background: url('/images/text-bottom.gif') left bottom no-repeat; } 
				.stapBox h2 { line-height: 42px; color: #80b000; font-size: 17px; }
				.stapBox .stap { margin-top: 12px; width: 299px; background: url('/images/stap-mid.gif') left top repeat-y; }
				.stapBox .stap .top { width: 299px; background: url('/images/stap-small.gif') left top no-repeat; }
				.stapBox .stap .bottom { padding: 11px 15px 11px 15px; width: 269px; height: 110px; overflow: hidden; background: url('/images/stap-bottom.gif') left bottom no-repeat; }
				.stapBox p { line-height: 14px; }
				.stapBox a { margin-top: 12px; width: 161px; height: 28px; display: block; line-height: 28px; text-align: center; text-decoration: none; color: #6298b6; font-size: 13px; background: url('/images/stap.gif') no-repeat; }
				.stapBox a:hover { text-decoration: underline; }
				.stapBox span#prev2Btn { display: none; }
				.stapBox h3 { margin-bottom: 4px; line-height: 24px; color: #606060; font-size: 14px; font-weight: bold; font-family: 'Chaparral Pro', Georgia; }
				.stapBox h3 span { margin-right: 10px; width: 24px; height: 24px; display: block; color: #fff; text-align: center; font-size: 13px; float: left; background: url('/images/stap1.gif') no-repeat; }
				.stapBox div#stappen { position: relative; overflow: hidden; width: 299px; float: right; }
				.stapBox div#stappen ul { overflow: hidden; width: 299px; height: 150px; list-style: none; }
				.stapBox div#stappen li { float: left; width: 299px; position: relative; }
				.stapBox span#next2Btn a { position: absolute; bottom: 12px; left: 20px; }
			
		/* ### right container ### */
		#rightCntr { float: right; width: 252px; }

			/* ### advertise box ### */
			.advertiseBox { margin: 4px 0; width: 252px; background: url('/images/right-mid.gif') left repeat-y; }
			.advertiseBox .top { width: 252px; background: url('/images/right-top.gif') left top no-repeat; } 
			.advertiseBox .bottom { padding: 16px 0; width: 252px; overflow: hidden; background: url('/images/right-bottom.gif') left bottom no-repeat; } 
			.advertiseBox img { padding: 1px; margin: 0 auto; border: 1px solid #8c1921; }
	
			/* ### news box ### */
			.newsBox { margin: 4px 0; width: 252px; background: url('/images/right-mid.gif') left repeat-y; }
			.newsBox .top { width: 252px; background: url('/images/right-top.gif') left top no-repeat; } 
			.newsBox .bottom { padding: 16px 6px 13px 6px; width: 240px; overflow: hidden; background: url('/images/right-bottom.gif') left bottom no-repeat; } 
			.newsBox h3 { padding-left: 46px; margin-left: 11px; font-size: 17px; color: #e25211; line-height: 30px; background: url('/images/right-comment.png') no-repeat; }
			.newsBox ul { padding: 6px 0; list-style: none; }
			.newsBox li { padding-left: 13px; line-height: 20px; color: #78a400; width: 225px; height: 20px; }
			.newsBox li.border { background: url('/images/right-li.png') no-repeat; }
			.newsBox li a { padding: 0 10px 0 22px; float: right; width: 143px; text-decoration: none; color: #8d8d8d; background: url('/images/li-a.png') left center no-repeat; }
			.newsBox a:hover { text-decoration: underline; }
			.newsBox a.meer { margin-left: 9px; text-decoration: none; width: 222px; color: #a1a1a1; font-size: 11px; height: 27px; line-height: 27px; display: block; text-align: center; background: url('/images/right-meer.png') no-repeat; }
			.newsBox a.meer:hover { text-decoration: underline; }

		/* ### center container ### */
		#centerCntr { width: 100%; }
		
			/* ### tip box ### */
			.tipBox { width: 835px; background: url('/images/banner-mid.gif') left repeat-y; }
			.tipBox .top { width: 835px; background: url('/images/banner-top.gif') left top no-repeat; } 
			.tipBox .bottom { padding: 0 10px 0 20px; position: relative; width: 805px; overflow: hidden; background: url('/images/banner-bottom.gif') left bottom no-repeat; } 
			.tipBox h3 { padding: 16px 0px 10px 0px; font-size: 17px; color: #8bbf00; }
			.tipBox ol { padding: 11px 0 11px 0; position: absolute; top: 0px; right: 10px; z-index: 10; list-style: none; }
			.tipBox ol li { float: left; }
			.tipBox ol li a { width: 184px; height: 27px; display: block; line-height: 27px; text-align: center; color: #8d8d8d; text-decoration: none; background: url('/images/tips1.png') no-repeat; }
			.tipBox ol li a.last { margin-left: 7px; width: 116px; color: #6793ac; background: url('/images/tips2.png') no-repeat; }
			.tipBox ol li a:hover { text-decoration: underline; }
			.tipBox p { padding-bottom: 15px; line-height: 13px; }
			.tipBox ul { position: relative; overflow: hidden; width: 805px; list-style: none; }
			.tipBox ul li { float: left; overflow: hidden; position: relative; width: 805px; }
			.tipBox span#next3Btn a { display: none; }
			.tipBox span#prev3Btn a { position: absolute; top: 11px; right: 135px; width: 184px; height: 27px; display: block; line-height: 27px; text-align: center; color: #8d8d8d; text-decoration: none; background: url('/images/tips1.png') no-repeat; }
			.tipBox div#tips { position: relative; overflow: hidden; width: 805px; }

			/* ### text box ### */
			.textBox { margin: 4px 0; width: 835px; background: url('/images/banner-mid.gif') left repeat-y; }
			.textBox .top { width: 835px; background: url('/images/banner-top.gif') left top no-repeat; } 
			.textBox .bottom { padding: 0 10px 0 20px; width: 805px; overflow: hidden; background: url('/images/free.gif') left bottom no-repeat; } 
			.textBox h3 { padding: 16px 0 12px 0; font-size: 17px; color: #8bbf00; }
			.textBox p { padding-bottom: 15px; line-height: 13px; }
.bottom a { text-decoration: none; color: #394b0c; }
.bottom a:hover { text-decoration: underline; }

	/* ### footer container ### */
	#footerCntr { padding: 12px 15px; margin-bottom: 12px; overflow: hidden; width: 831px; height: 75px; background: url('/images/footer.png') left top no-repeat; }
	#footerCntr a.banner { float: left; margin-left: 8px; }
	#footerCntr ul { padding-top: 9px; margin: 7px 18px 0 0; list-style: none; width: 307px; height: 39px; float: right; overflow: hidden; background: url('/images/footer-contact.png') no-repeat; }
	#footerCntr li { float: left; line-height: 14px; }
	#footerCntr li.last { float: right; width: 119px; text-align: center; }
	#footerCntr li a { padding-left: 14px; margin-left: 15px; line-height: 30px; text-decoration: none; color: #8d8d8d; background: url('/images/li-a.png') left center no-repeat; }
	#footerCntr li a:hover { text-decoration: underline; }