/*----------------------------------------------------------------------------------------------------
	WRAPPERS
----------------------------------------------------------------------------------------------------*/
body {
	color: #000000;
	font-size: 0.75em;
	line-height: 1.4em;
	background: #2f1e1e url('./img/bg_body.jpg') left top repeat;
	text-align: center;

	/* SCROLLBAR FIX */
	height: 100%;
	overflow: auto; /* for Safari, older versions of Firefox, Opera, other browsers that don'ts support the css 3 syntax */
	overflow-y: auto; /* Firefox 2.0+, IE 5.5+, Safari 3.0-Webkit- Konqueror4.0 */
	overflow-x: hidden; /* depending on your set up...*/
}

body, table, textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

table#wrapper {
	height: 100%;
	margin: 0px auto;
}



/*----------------------------------------------------------------------------------------------------
	LEFT GFX
----------------------------------------------------------------------------------------------------*/
div#gfxLeftTop {
	width: 212px;
	height: 100%;
	background: transparent url('./img/bg_gfxLeftTop.jpg') top right no-repeat;
}

td#gfxLeftBottom {
	width: 212px;
	height: 100%;
	background: transparent url('./img/bg_gfxLeftBottom.jpg') bottom right no-repeat;
}



/*----------------------------------------------------------------------------------------------------
	RIGHT GFX
----------------------------------------------------------------------------------------------------*/
div#gfxRightTop {
	width: 249px;
	height: 100%;
	background: transparent url('./img/bg_gfxRightTop.jpg') top left no-repeat;
}

#gfxRightBottom {
	width: 249px;
	height: 100%;
	background: transparent url('./img/bg_gfxRightBottom.jpg') bottom left no-repeat;
}



/*----------------------------------------------------------------------------------------------------
	CONTENT
----------------------------------------------------------------------------------------------------*/
td#contentWrapper {
	height: 100%;
	text-align: left;
}

table#content {
	width: 979px;
}

td#contentHeader {
	height: 190px;
	background: transparent url('./img/bg_contentHeader.jpg') top left no-repeat;
}

td#contentHeader div#menu {
	font-size: 0.9em;
	height: 50px;
	margin: 140px 0 0 0;
	font-weight: bold;
}

td#contentHeader div#menuContent {
	padding: 10px 0 0 10px;
}

td#contentHeader div#menu a {
	padding: 0 7px 0 7px;
	color: #ffffff;
	text-decoration: none;
}

td#contentHeader div#menu a:hover,
td#contentHeader div#menu a.active {
	color: #a1571d;
}

td#contentHeader div#logoContainer {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 150px;
	padding: 2px 0 0 598px;
}

td#contentHeader div#logoContainer a#logo {
	display: block;
	width: 339px;
	height: 148px;
	background: transparent url('./img/bg_logo.gif') bottom left no-repeat;
}

td#contentHeader div#menuOverlay {
	position: absolute;
	height: 17px;
	top: 173px;
	width: 100%;
	background: transparent url('./img/bg_menuOverlay.gif') bottom left no-repeat;
}

td#contentLeftTop {
	width: 15px;
	background: transparent url('./img/bg_contentLeftTop.jpg') top right repeat-y;
}

div#contentLeftBottom {
	width: 15px;
	height: 100%;
	background: transparent url('./img/bg_contentLeftBottom.jpg') bottom right no-repeat;
}

td#contentMain {
	padding: 1em 0 0 0;
	font-size: 0.9em;
	width: 950px;
	background: #ffffff url('./img/bg_contentMain.jpg') left bottom no-repeat;
}

td#mainColumn {
	width: 620px;
}

td#spacerColumn {
	width: 6px;
}

td#contentRightTop {
	width: 14px;
	vertical-align: bottom;
	background: transparent url('./img/bg_contentRightTop.jpg') top left repeat-y;
}

div#contentRightBottom {
	width: 14px;
	height: 100%;
	background: transparent url('./img/bg_contentRightBottom.jpg') bottom left no-repeat;
}

td#contentFooter {
	font-size: 0.9em;
	height: 161px;
	background: transparent url('./img/bg_contentFooter.jpg') top left no-repeat;
}

div#contentFooterContent,
div#contentFooterContent td {
	color: #ffffff;
}

div#contentFooterContent {
	padding: 12px 12px 0 12px;
}

div#contentFooterContent a {
	text-decoration: none;
}

div#contentFooterContent a:hover {
	text-decoration: underline;
}

td#rightColumn {
	line-height: 1.05em;
}



/*----------------------------------------------------------------------------------------------------
	GENERAL STYLES
----------------------------------------------------------------------------------------------------*/
a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.yellow, a.yellow, a.yellow:hover {
	color: #a1571d;
}

a.yellow.active {
	text-decoration: underline;
}

a.nextButton {
	width: 22px;
	height: 22px;
	background-color: transparent;
	background-image: url('./img/btnNext.gif');
	background-position: 0 0;
	background-repeat: no-repeat;
}
a.nextButton:hover {
	background-position: 0 -22px;
}

.small {
	font-size: 0.9em;
}

div.infoTable {
	/*border: 1px solid #e2e2e2;
	padding: 6px;*/
}

div.infoTable tr.even td {
	background: #e9e9e9;
}

div.infoTable tr.odd td {
	border-top: 1px dotted #a2a2a2;
	border-bottom: 1px dotted #a2a2a2;
}

div.infoTable td.image {
	padding: 4px;
	text-align: left;
}

div.infoTable td.content {
	padding: 8px 4px 8px 4px;
	width: 100%;
}

div.infoTable td.pager,
div.infoTable div.pager {
	background: #959595;
	border-top: 1px dotted #323232;
	border-bottom: 1px dotted #323232;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 8px 2px 8px;
}

ul.floatLeft {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul.floatLeft.spaceTop {
	margin: 0.5em 0 0 0;
	padding: 0.5em 0 0 0;
	border-top: 1px dotted #a2a2a2;
}

ul.floatLeft li {
	float: left;
	width: 145px;
}

ul.floatLeft li.spaceLeft {
	margin: 0 0 0 13px ;
}

ul.floatLeft li td.image {
	padding: 0.5em 0 0.5em 0;
	width: 145px;
	text-align: left;
}

ul.floatLeft li td.content {
	padding: 0 0.25em 0.5em 0.25em;
}

ul.floatLeft li td.title {
	padding: 0 0.25em 0 0.25em;
	color: #999;
}

.halfEm {
	margin: 0 0 0.5em 0;
	display: block;
}

a.btnSolid {
    padding: 3px 15px 3px 15px;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	background: #2c2626;
	border-left: solid 1px #959595;
	border-right: solid 1px #959595;
}

a.btnSolid:hover {
	text-decoration: none;
	background: #959595;
	border-left: solid 1px #2c2626;
	border-right: solid 1px #2c2626;
}

a.btnRight {
	float: right;
}

/*----------------------------------------------------------------------------------------------------
	HOME STYLES
----------------------------------------------------------------------------------------------------*/
#tabWrapper {
	border: 1px solid #c3bfbf;
}

#tabWrapper #tabs {
	height: 29px;
	background: transparent url('./img/bg_tabs.gif') top left repeat-x;
}

#tabWrapper #tabs a {
	float: left;
	display: block;
	height: 29px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#tabWrapper #tabs a.active,
#tabWrapper #tabs a:hover {
	background-position: 0 -29px;
}

#tabWrapper #tabs span {
	display: none;
}

#headlineTab {
	width: 129px;
	background-image: url('./img/bg_headlineTab.gif');
}

#headlineTab {
	width: 129px;
	background-image: url('./img/bg_headlineTab.gif');
}

#videoTab {
	width: 138px;
	background-image: url('./img/bg_videoTab.gif');
}

#photoTab {
	width: 96px;
	background-image: url('./img/bg_photoTab.gif');
}

#trackingTab {
	width: 127px;
	background-image: url('./img/bg_trackingTab.gif');
}

#tabsContent {
	padding: 9px;
}

div.sponsorFavorite div {
	width: 305px;
	height: 140px;
	float: left;
}

div.sponsor {
	background: transparent url('./img/bg_sponsor.jpg') top left no-repeat;
	margin: 0 10px 0 0;
}

div.favorite {
	background: transparent url('./img/bg_favorite.jpg') top left no-repeat;
}

div.sponsorFavoriteContent {
	color: #ffffff;
	padding: 85px 0px 10px 10px;
}

div.sponsorFavoriteContent a {
	color: #a1571d;
	text-decoration: none;
}

div.sponsorFavoriteContent a:hover {
	color: #a1571d;
	text-decoration: underline;
}

div.actieAdopt {
	width: 619px;
	height: 111px;
	background: transparent url('./img/bg_actieAdopt.jpg') top left no-repeat;
}

div.actieCalendar {
	width: 619px;
	height: 111px;
	background: transparent url('./img/bg_actieCalendar.jpg') top left no-repeat;
}

div.actieContent {
	color: #ffffff;
	padding: 10px 10px 10px 300px;
}

div.actieContent a {
	color: #a1571d;
	text-decoration: none;
}

div.actieContent a:hover {
	color: #a1571d;
	text-decoration: underline;
}

div.nieuwsbrief {
	width: 305px;
	height: 66px;
	background: transparent url('./img/bg_nieuwsbrief.gif') top left no-repeat;
}

div.nieuwsbrief div.nieuwsbriefContent {
	padding: 36px 12px 0 12px;
}

div.tellerStaatOp {
	width: 305px;
	height: 63px;
	background: transparent url('./img/bg_tellerStaatOp.gif') top left no-repeat;
}

div.tellerStaatOp div.tellerStaatOpContent {
	color: #ff0000;
	font-weight: bold;
	padding: 40px 24px 0 24px;
}

div.challengeTeller {
	width: 305px;
	height: 111px;
	background: transparent url('./img/bg_challengeTeller.gif') top left no-repeat;
}

div.challengeTeller div.challengeTellerContent {
	color: #ffffff;
    font-size: 1.2em;
	font-weight: bold;
	padding-top: 86px;
	text-align: center;
}
div.challengeTeller div.challengeTellerContent span.challengeTellerDays {
    font-size: 1.5em;
}

div.sponsors {
	width: 305px;
	height: 100px;
    text-align: center;
    border: solid 1px #dddddd;
    padding: 5px 0px 5px 0px;
}

/*----------------------------------------------------------------------------------------------------
	NEWS STYLES
----------------------------------------------------------------------------------------------------*/
div.dummyGrey {
	width: 305px;
	height: 305px;
	background: #868686;
}

div.newsDetail {
	margin: 0 0 2em 0;
}

div.newsDetailLeader {

}

div.newsDetailLeaderBack {
    filter: alpha(opacity=65);
    -moz-opacity: 0.65;
    opacity: 0.65;
    background-color: #ffffff;
}

div.newsDetailLeaderBack,
div.newsDetailLeaderText {
    height: 120px;
    margin-top: -120px;
    position: absolute;
    vertical-align: bottom;
    width: 620px;
    z-index: 1;
}
div.newsDetailLeaderText div {
    padding: 8px 8px 0px 8px;
    line-height: 20px;
    font-size: 1.1em;
}

div.newsDetailBody {
	border-bottom: 1px dotted #a2a2a2;
	padding: 1em 0 1em 0;
}
div.newsDetailBody div.disclaimer {
    color: #959595;
    margin-top: 25px;
}

div.newsDetailButtons {
	padding: 0.5em 0 0 0;
}

div.newsDetailButtons a {
	padding: 2px 6px 2px 6px;
	color: #ffffff;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
}

div.newsDetailButtons a.btnVorige {
	margin: 0 0.5em 0 0;
	float: right;
	background: #959595;
}

div.newsDetailButtons a.btnVolgende {
	margin: 0 0.5em 0 0;
	float: right;
	background: #959595;
}

div.newsDetailButtons a.btnVorige:hover,
div.newsDetailButtons a.btnVolgende:hover {
	text-decoration: underline;
}

div.newsDetailButtons a.btnTerug {
	float: right;
	background: #2c2626;
}

div.newsDetailButtons a.btnTerug:hover {
	text-decoration: underline;
}

div.moreNews tr.title td {
	background: #000000;
	color: #ffffff;
	padding: 4px;
	text-align: left;
}

div.moreNews tr.even td {
	background: #e9e9e9;
}

div.moreNews tr.odd td {
}

div.moreNews td.date {
	padding: 4px;
	width: 45px;
	text-align: left;
}

div.moreNews td.content,
div.moreNews td.day {
	padding: 4px;
}
div.moreNews div.pager {
	background: #959595;
	border-top: 1px dotted #323232;
	border-bottom: 1px dotted #323232;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 8px 2px 8px;
}

/*----------------------------------------------------------------------------------------------------
	TEAM STYLES
----------------------------------------------------------------------------------------------------*/
div.teamHeader {
    background: #e9e9e9;
    width: 620px;
}
div.teamHeader table {
    margin: 8px;
    width: 604px;
}
div.messages tr.even td {
	background: #e9e9e9;
}

div.messages tr.odd td {
}

div.messages td.date {
	padding: 4px;
	width: 70px;
	text-align: right;
}

div.messages td.content {
	padding: 4px;
}

/*----------------------------------------------------------------------------------------------------
	SIGNUP STYLES
----------------------------------------------------------------------------------------------------*/
table.form td.header {
    background-color: #e9e9e9;
    padding: 0.5em 0 0 0.5em;
}

/*----------------------------------------------------------------------------------------------------
	FAQ STYLES
----------------------------------------------------------------------------------------------------*/
.faqHeader {
    text-align: right;
}
#faq {
    margin-left: 0px;
    padding-left: 0px;
}
#faq li.even,
#faq li.odd {
    list-style: none;
    padding: 6px 10px 3px 10px;
}
#faq li.odd {
    background: #e9e9e9;
}
#faq p {
    padding-bottom: -1em;
}
#faq .question {
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 0 0 2em;
    background: transparent url('./img/plus.png') left center no-repeat; 
}
#faq .simpleFAQShowing {
    background: transparent url('./img/min.png') left center no-repeat;
}
#faq .simpleFAQHover {
    color: #000;
}
#faq .answer {
    margin-left: 18px;
    padding-bottom: 10px;
}


/*----------------------------------------------------------------------------------------------------
	SPONSOR STYLES
----------------------------------------------------------------------------------------------------*/

ul.sponsors {
	list-style-type: none;
	margin: 13px 0 0 0;
	padding: 13px 0 0 0;
}

ul.sponsors li {
	border: solid 1px #000;
	float: left;
	height: 200px;
	text-align: center;
	width: 300px;
}

ul.sponsors li.spaceLeft {
	margin: 0 0 0 13px;
}

ul.sponsors li td.image {
	padding: 0.5em 0 0.5em 0;
	height: 190px;
	width: 300px;
	text-align: center;
	vertical-align: middle;
}

ul.sponsors li td.content {
	padding: 0 13px 0.5em 13px;
}

/*----------------------------------------------------------------------------------------------------
	ENTRANT STYLES
----------------------------------------------------------------------------------------------------*/

table.grid td {
    padding: 3px 5px 3px 5px;
}

table.grid tr.header td {
	background: #000000;
	color: #ffffff;
	font-weight: bold;
}

table.grid tr.odd td {
	background: #e9e9e9;
	border-bottom: 1px dotted #a2a2a2;
}

table.grid tr.even td {
	border-bottom: 1px dotted #a2a2a2;
}
table.grid tr.even td td,
table.grid tr.odd td td {
	border-bottom: none;
	padding: 0px;
}

table.grid tr.pagertop td {
	border-top: 1px dotted #a2a2a2;
}
table.grid tr.pagertop td,
table.grid tr.pagerbottom td {
	background: #959595;
	border-bottom: 1px dotted #a2a2a2;
	color: #ffffff;
	font-weight: bold;
}

table.grid td.numeric {
    text-align: center;
}