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

/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #000; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #000; }
body { background: #000 url('../images/body-bg.jpg') top center no-repeat; background-attachment:fixed }
img { border: 0px; }
a { outline: none; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; overflow: hidden; height: 0px; }

/* ### JOOMLA CLASSES ### */
.contentheading,.componentheading { color: #FF7000; font-size: 14px; padding-bottom: 10px; text-transform: uppercase; font-weight: bold; }
a.readon, a:visited.readon { color: #888888; text-decoration: none; }
a:hover.readon { text-decoration: underline; }

/* ### WRAPPER ### */
#wrapper { width: 100%; min-height: 100%; position: relative; }
#wrapper a.great-grapes-link { float: left; text-indent: -9999px; display: block; position: fixed; left: 0px; top: 0px; width: 45px; height: 249px; background: url('../images/great-grapes-button.png') no-repeat left top; }
#wrapper a.great-grapes-link:hover { background-position: right top; }

/* ### MAIN CONTAINER ### */
#mainCntr { padding-bottom: 100px; margin: 0 auto; width: 758px; position: relative; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { padding: 12px 0px 15px 0px; overflow: hidden; position: relative; width: 758px; height: 220px; }
	#headerCntr div.header { margin: 25px 0px 0px 0px; }
	#headerCntr h1 a { display: block; width: 173px; height: 108px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	
		/* ### LINK BOX ### */
		.linkBox { position: absolute; top: 10px; left: 0px; }
		.linkBox { list-style: none; overflow: hidden; }
		.linkBox { font-size: 10px; color: #fff; float: left; }
		.linkBox a { text-decoration: none; color: #fff; }
		.linkBox a:hover { text-decoration: underline; }
		
		/* ### SEARCH BOX ### */
		.searchBox { position: absolute; top: 8px; right: 0px; }
		.searchBox form { display: block; }
		.searchBox fieldset { border: none; }
		.searchBox input.field { padding: 2px; color: #000; font-size: 10px; width: 117px; height: 12px; border: none; background: #fff; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding-top: 15px; width: 758px; height: 20px; }
		#menuCntr ul { list-style: none; overflow: hidden; }
		#menuCntr li { float: left; }
		#menuCntr li a { display: block; line-height: 34px; text-decoration: none; color: #fab485; width: 143px; height: 34px; font-size: 13px; }
		#menuCntr li a:hover { text-transform: uppercase; color: #fff; }
		#menuCntr li a.news { padding-left: 58px; width: 118px; background: url('../images/news-linkbg.png') top left no-repeat; }
		#menuCntr li a.news:hover { color: #fff; background: url('../images/news-hoverbg.png') top left no-repeat; }
		#menuCntr li a.events { padding-left: 65px; margin-left: -25px; color: #fcecb2; z-index: 1; position: relative; width: 129px; background: url('../images/events-linkbg.png') top left no-repeat; }
		#menuCntr li a.events:hover { color: #fff; background: url('../images/events-hoverbg.png') top left no-repeat; }
		#menuCntr li a.hot { padding-left: 53px; margin-left: -45px; position: relative; width: 131px; z-index: 2; color: #f199a1; background: url('../images/hot-linkbg.png') top left no-repeat; }
		#menuCntr li a.hot:hover { color: #fff; background: url('../images/hot-hoverbg.png') top left no-repeat; }
		#menuCntr li a.competition { padding-left: 50px; margin-left: -40px; z-index: 3; position: relative; width: 133px; color: #99b3d3; background: url('../images/competition-linkbg.png') top left no-repeat; }
		#menuCntr li a.competition:hover { color: #fff; background: url('../images/competition-hoverbg.png') top left no-repeat; }
		#menuCntr li a.partner { padding-left: 55px; margin-left: -28px; color: #85c599; position: relative; width: 104px; z-index: 4; background: url('../images/partners-linkbg.png') top left no-repeat; }
		#menuCntr li a.partner:hover { color: #fff; background: url('../images/partners-hoverbg.png') top left no-repeat; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { overflow: hidden; width: 758px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-top: 14px; float: left; width: 222px; background: url('../images/left-cntr-topbg.png') top left no-repeat; }
		#leftCntr .bottom { padding-bottom: 7px; width: 222px; background: url('../images/left-cntr-bottombg.png') bottom left no-repeat; }
		#leftCntr .middle { padding: 0px 1px; width: 220px; background: url('../images/left-cntr-middlebg.png') top left repeat-y; } 
		#leftCntr .gradient { padding: 0px 11px; overflow: hidden; width: 198px; background: url('../images/left-cntr-gradientbg.png') top left no-repeat; }
		
			/* ### STAR BOX ### */
			.starBox { width: 198px; }
			.starBox h2 { padding: 5px 0px; margin-bottom: 8px; line-height: 17px; text-transform: uppercase; font-size: 13px; color: #0076be; border-top: 1px solid #aebecc; border-bottom: 1px solid #aebecc; }
			.starBox h2 span { display: block; font-weight: normal; color: #000; font-weight: normal; }
			.starBox p { padding: 7px 0px; line-height: 16px; color: #000; }
			.starBox a { color: #888888; text-decoration: none; }
			.starBox a:hover { text-decoration: underline; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { padding-left: 15px; float: left; width: 284px; }
		
			/* ### VIDEO BOX ### */
			.videoBox { padding: 14px 11px 0px 11px; position: relative; width: 262px; height: 284px; background: url('../images/video-boxbg.png') top left no-repeat; }
			.videoBox h2 { padding: 5px 0px; margin-bottom: 8px; line-height: 17px; text-transform: uppercase; font-size: 13px; color: #7e7e7e; border-top: 1px dotted #aebecc; border-bottom: 1px dotted #aebecc; }
			.videoBox h2 span { display: block; font-weight: normal; color: #000; font-weight: normal; }
			.videoBox p { padding: 3px 0px 22px 0px; line-height: 16px; color: #000; }
			.videoBox a { text-decoration: none; color: #888888; }
			.videoBox a.more { font-size: 9px; display: block; position: absolute; bottom: 0px; right: 1px;line-height: 16px; text-align: center; color: #88878a; width: 79px; height: 16px; background: url('../images/more-button.png') top left no-repeat; }
			.videoBox a:hover { text-decoration: underline; }
			
			/* ### AD BOX ### */
			.adBox {  }
			.adBox p { padding-top: 15px; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 222px; }
		
			/* ### TEAM BOX ### */
			.teamBox { padding-top: 11px; width: 222px; background: url('../images/team-topbg.png') top left no-repeat; }
			.teamBox .bottom { padding-bottom: 8px; width: 222px; background: url('../images/team-bottombg.png') bottom left no-repeat; }
			.teamBox .middle { padding: 0px 2px; width: 218px; background: url('../images/team-middlebg.png') top left repeat-y; }
			.teamBox .gradient { padding: 0px 10px; width: 198px; overflow: hidden; background: url('../images/team-gradientbg.png') top left no-repeat; }
			.teamBox h2.detelegraf { display: block; overflow: hidden; text-indent: -9999px; width: 125px; height: 28px; background: url('../images/detelegraaf-heading.png') top left no-repeat; }
			.teamBox span.wk-2010 { padding-right: 8px; line-height: 28px; display: block; color: #ff7000; font-size: 14px; font-weight: bold; float: right; }
			.teamBox h3 { padding: 5px 0px; margin-bottom: 5px; line-height: 17px; text-transform: uppercase; font-size: 13px; color: #ff7000; border-top: 1px solid #aebecc; border-bottom: 1px solid #aebecc; }
			.teamBox h3 span { display: block; font-weight: normal; color: #000; font-weight: normal; }
			.teamBox p { padding-bottom: 13px; color: #000; }
			.teamBox a { text-decoration: none; color: #878787; }
			.teamBox a:hover { text-decoration: underline; }
			.teamBox h4 { padding-top: 5px; color: #ff7000; font-size: 12px; font-weight: normal; }
			.teamBox p.last { padding-bottom: 10px; color: #888888; }
			.teamBox span.text { padding-bottom: 5px; display: block; font-size: 9px; color: #000; font-style: italic; }
			
			/* ### TWITTER BOX ### */
			.twitterBox { padding: 6px 0px 10px 8px; margin-top: 14px; width: 214px; height: 260px; background: url('../images/twitter-boxbg.gif') top left no-repeat; }
			.twitterBox h2 { padding-top: 5px; color: #fff; text-transform: uppercase; font-weight: normal; font-size: 12px; }
			.twitterBox a.twitter { padding-top: 20px; margin-bottom: 4px; margin-right: 8px; line-height: 7px; text-decoration: none; color: #fff; font-size: 8px; font-style: italic; text-align: center; float: right; display: block; width: 69px; background: url('../images/twitter-icon.gif') top left no-repeat; }
			.twitterBox a.twitter:hover { text-decoration: underline; }
			.twitterBox ul { padding-top: 0px; list-style: none; width: 213px; height: 228px; overflow: auto; }
			.twitterBox li { padding: 7px 0px; width: 190px; overflow: hidden; border-bottom: 1px solid #c1c1c1; }
			.twitterBox li img { padding-right: 6px; float: left; }
			.twitterBox li p { font-size: 10px; color: #717171; }
			.twitterBox li a { color: #004394; text-decoration: none; }
			.twitterBox li a:hover { text-decoration: underline; }
			.twitterBox li span { padding-left: 5px; color: #cdcdcd; }
			
			/* ### SPONSOR CONTAINER ### */
			#sponsorCntr { padding-top: 22px; margin-left: -485px; width: 969px; position:fixed; bottom: 0px; left: 50%; background: url('../images/sponsor-boxbg.png') top left no-repeat; }
			#sponsorCntr ul { margin-left: 55px; padding-left: 2px; list-style: none; overflow: hidden; background: url('../images/tab-sep.gif') left no-repeat; }
			#sponsorCntr li { padding-right: 2px; height: 50px; float: left; background: url('../images/tab-sep.gif') right no-repeat; }
			#sponsorCntr a.close { position: absolute; left: 10px; top: 0px; display: block; width: 85px; height: 14px; text-indent: -9999px; background: url('../images/wines.png') no-repeat; }
			#sponsorCntr a.showing { background: url('../images/close.png') no-repeat; }
			#sponsorCntr div.sponsors { display: block; }
			
			/* ### ANNOUNCED CONTAINER ### */
			#announcedCntr { overflow: hidden; width: 758px; overflow: hidden; }
			#announcedCntr #left { float: left; width: 222px; }
			#announcedCntr #right { float: right; width: 521px; }
			
				/* ### EXCLUSIVE BOX ### */
				.exclusiveBox { padding: 10px 9px 0px 9px; position: relative; width: 204px; height: 231px; background: url('../images/exclusive-boxbg.png') top left no-repeat; }
				.exclusiveBox h2 { padding: 3px 0px; margin-bottom: 4px; text-transform: uppercase; font-size: 12px; color: #7e7e7e; border-top: 1px dotted #aebecc; border-bottom: 1px dotted #aebecc; }
				.exclusiveBox h2 span { display: block; font-weight: normal; color: #000; font-weight: normal; }
				.exclusiveBox p { padding: 3px 0px 0px 0px; font-size: 10px; color: #000; }
				.exclusiveBox a { text-decoration: none; color: #888888; }
				.exclusiveBox a:hover { text-decoration: underline; }			
			
				/* ### WINNER BOX ### */
				.winnerBox { padding-top: 21px; width: 521px; background: url('../images/winner-topbg.png') top left no-repeat; }
				.winnerBox .bottom { padding-bottom: 21px; width: 521px; background: url('../images/winner-bottombg.png') bottom left no-repeat; }
				.winnerBox .middle { padding: 0px 2px; width: 517px; background: url('../images/winner-middlebg.png') top left repeat-y; }
				.winnerBox .gradient { padding: 0px 15px; width: 487px; background: url('../images/winner-gradientbg.png') top left no-repeat; }
				.winnerBox .winner { padding: 13px 0px; border-top: 1px solid #cbcbcb; width: 487px; overflow: hidden; }
				.winnerBox img { float: right; }
				.winnerBox h2 { padding-bottom: 10px; font-weight: normal; font-size: 18px; color: #ff7000; text-transform: uppercase; }
				.winnerBox h3 { padding-bottom: 10px; font-size: 14px; color: #ff7000; text-transform: uppercase; }
				.winnerBox h4 { padding-bottom: 10px; font-size: 14px; color: #000; text-transform: uppercase; }
				.winnerBox p { padding-bottom: 10px; line-height: 18px; }
				.winnerBox a { color: #888888; text-decoration: none; }
				.winnerBox a:hover { text-decoration: underline; }
				.winnerBox ol {  margin-left: 25px;}
				.winnerBox ul {  margin-left: 25px;}
				.winnerBox li {  line-height: 18px; }
			
			/* ### SPOT CONTAINER ### */
			#spotCntr { overflow: hidden; width: 758px; }
			#spotCntr h2 { margin-bottom: 10px; padding: 5px 0px 5px 0px; font-size: 12px; font-weight: normal; color: #0076be; text-transform: uppercase; border-top: 1px solid #bdc6ce; border-bottom: 1px solid #bdc6ce; }
			#spotCntr h2 a { color: #0076be; }
			#spotCntr .last { margin-right: 0px; }
			#spotCntr h3 { margin-bottom: 12px; padding: 0px 10px 0px 10px; width: 737px; height: 34px; line-height: 34px; font-weight: normal; font-size: 12px; color: #fff; background: url('../images/barBg.png') no-repeat; }
			#spotCntr h3 span { color: #fff; }
			#spotCntr div.spots { overflow: hidden; width: 758px; }
			
				/* ### SPOT BOX ### */
				.spotBox { padding-top: 11px; margin-right: 12px; margin-bottom: 12px; float: left; width: 244px; background: url('../images/spot-topbg.png') top  left no-repeat; }
				.spotBox .bottom { padding-bottom: 11px; width: 244px; background: url('../images/spot-bottombg.png') bottom left no-repeat; }
				.spotBox .middle { padding: 0px 2px; width: 240px; background: url('../images/spot-middlebg.png') top left repeat-y; }
				.spotBox .gradient { padding: 0px 12px; width: 216px; background: url('../images/spot-gradientbg.png') top left no-repeat; }
				.spotBox img { display: block; float: right; width: 100px; }
				.spotBox p { font-size: 11px; color: #000; line-height: 16px; }
				.spotBox a { color: #888888; text-decoration: none; }
				.spotBox a:hover { text-decoration: underline; }