html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

body {
	margin: 0;
	font-family: "Georgia";
	font-size: 12px;
	color: #000;
	line-height: 1.6;
	background-color: #2d2721;
}

/* Elements */
h1 { color: #231f1a; font-size: 30px; font-weight: normal; margin: 0px 0px 10px 0px; }
h1.news { color: #231f1a; font-size: 22px; font-weight: normal; margin: 0px 0px 10px 0px; }
h2 { color: #231f1a; font-size: 24px; margin: 10px 0px; font-weight: normal; }
h2.news { color: #231f1a; font-size: 14px; margin: 5px 0px 10px 0px; }
h3.news{ color: #231f1a; font-size: 12px; line-height: normal; font-weight: bold; margin-bottom: 10px; }
h2.sponsor { color: #231f1a; font-size: 24px; margin: 0; }
h3.sponsor, h3.teams { color: #231f1a; font-size: 18px; margin: 0; font-weight: normal; }
h2.right { color: #231f1a; font-size: 30px; font-weight: normal; margin-top: 0px; margin-bottom: 10px; float: none;}
h2.slider { color: #fff; font-size: 30px; font-weight: normal; margin: 295px 0px 0px 20px; }
h1.partner_info { margin: 0px 0px 7px 0px; font-size: 18px; }
h2.partner_info, h3.partner_info { margin: 0px 0px 7px 0px; font-size: 18px; font-weight: normal; }
h2.sponsor_us { margin: 10px 0px 7px 0px; font-size: 28px; color: #f9c603; text-align: center; font-weight: normal; }
h2.sponsor_us_de { margin: 0; font-size: 14px; color: #f9c603; text-align: center; font-weight: normal; }
h2.team { font-size: 14px; font-weight: normal; margin: 0px 0px 0px 5px; }

a { color: #000;text-decoration: underline; }
a:hover { text-decoration: none; }
a.white { color: #fff; text-decoration: underline; }
a.white:hover { text-decoration: none; }


nav#mainmenu a { padding: 15px 25px 0; color: #fff; text-decoration: none; height: 37px; background: url("../images/button.png") no-repeat top left; display: block; font-family: "Trebuchet MS"; font-size: 14px; float: left; text-transform: uppercase; }
nav#mainmenu a:hover { color: #fff; background-position: left bottom; }
nav#mainmenu a.menu_item_on { color: #ffcb08; background-position: left bottom; }

a.bottom { text-decoration: underline; color: #969390; }
a.bottom:hover { text-decoration: none; }
a.partner_link { width: 140px; height: 20px; background-image: url(../images/partner.png); background-position: top; text-align: center; display: block; text-decoration: none; color: #fff; }
a.partner_link:hover { background-position: bottom; }
a.partner_link_de { width: 139px; height: 35px; background: url(../images/partner_de.png) no-repeat top left; text-align: center; display: block; text-decoration: none; color: #fff; }
a.partner_link_de:hover { background-position: bottom; }
a.breadcrumb { color: #961d07; font-size: 11px; font-weight: bold; text-decoration: underline; }
a.breadcrumb:hover { text-decoration: none; }
a.sponsor_us_button { width: 270px; height: 63px; line-height: 63px; background: url(../images/sponsor_team_button.png) no-repeat top left; display: block; text-transform: uppercase; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; padding: 0px 20px 0px 0px; text-align: center; }
a.sponsor_us_button:hover { background-position: bottom; }
a.sponsor_us_button_de { width: 250px; height: 68px; background: url(../images/sponsor_team_button.png) no-repeat top left; display: block; text-transform: uppercase; color: #fff; text-decoration: none; font-size: 17px; font-weight: bold; padding-top: 5px; text-align: center; }
a.sponsor_us_button_de:hover { background-position: bottom; }

img.noborder { border: 0; }
img.newsimg { float: left; margin: 0px 20px 10px 0px; border: 1px solid #fff; }

form,p { margin: 0; padding: 0; }

span.invalid { color: #cc0000; }
span.valid { color: #009900; }

textarea.contact { border: 1px solid #000; padding: 3px; width: 390px; height: 120px; font-family: "Trebuchet MS"; font-size: 11px; color: #444; line-height: 1.6; }

input.text { width: 178px; padding: 3px; font-family: "Trebuchet MS"; font-size: 11px; color: #444; border: 1px solid #000;
}

/* Layout */
#container {width: 100%; margin: 0 auto; }

div.wrapper { width: 960px; margin: 0 auto; position: relative; }
div.wrapper_page { min-width: 980px; width: 100%; background: #efe1ad url("../images/page.jpg") no-repeat center top; }
div.page { padding-top: 20px; width: 980px; margin: 0 auto; }
div.content-home { width: 960px; margin: 0 auto; }
div.content { width: 920px; margin: 0 auto; }

/* Header */
#header { background: url(../images/header.png) no-repeat center top;height: 197px; position: relative; z-index: 1;}
#header .wrapper { margin: 0 auto; width: 960px; position: relative; z-index: 1; }
#header #logo { top: -3px; left: 2px; width: 308px; height: 250px; background: url(../images/logo.png); display: block; position: absolute; }
#header #payoff { top: 60px; right: 0px; display: block; position: absolute; }
#header #payoff.language-en { background: url(../images/payoff-en.png); width: 448px; height: 60px; }
#header #payoff.language-nl { background: url(../images/payoff-nl.png); width: 469px; height: 60px; }
#header #payoff.language-de { background: url(../images/payoff-de.png); width: 561px; height: 60px; }

/* Menu */
div.wrapper_menu { width: 100%; height: 52px;background: url("../images/menu_bg.png") repeat-x top left; position: absolute; bottom: 0; }
#mainmenu { float: right; }
#mainmenu li { float: left; }
div.menu_left { float: left; width: 310px; height: 52px; }

/* Language selector */
div.language { top: 0; right: 0; position: absolute; width: 92px; height: 32px; text-align: center; background: url(../images/langs_bg.png); line-height: 25px; }
div.language a { margin: 0 2px 0 0; }

/* Main image */
div.main_img { width: 960px; margin: 0 auto; }
div.no_main_img { margin-top: 55px; }

/* Breadcrumbs */
div.breadcrumb { color: #961d07; font-size: 11px; margin-right: 5px; font-weight: bold; height: 15px; width: 370px; }
div.breadcrumb-news { color: #961d07; font-size: 11px; margin-right: 5px; font-weight: bold; height: 15px; width: 580px; }

div.logo_bottom { width: 960px; height: 38px; background-image: url(../images/yourteam_logo_bot.png); }
div.logo_bottom2 { width: 960px; height: 55px; background-image: url(../images/yourteam_logo_bot2.png); }
div.content_top { margin-top: 6px; width: 970px; height: 384px; position: relative; background-image: url(../images/content_top_bg.png); }

.sponsor_us { float: right; height: 345px; width: 324px; padding: 0 0 0 0; margin: 10px 5px 0 0; }
.sponsor_us h2 { margin: 0; padding: 0; color: #fff; font-family: Georgia, Arial; font-style: italic; font-weight: bold; font-size: 22px; line-height: 45px; text-align: center; text-shadow: #979797 1px 1px 0px; }
.sponsor_us_info h3 { margin: 0; padding: 0; color: #fff; font-family: Georgia, Arial; font-style: italic; font-weight: bold; font-size: 20px; line-height: 100%; }
.sponsor_us_info ul { margin: 0; padding: 0; list-style: none; }
.sponsor_us_info ul li { padding: 10px 5px 10px 65px; margin: 0; display: block; background: url(../images/sponsor_us_item_bg.png) no-repeat bottom left; color: #fff; position: relative }
.sponsor_us_info ul li span { display: block; float: left; clear: left; width: 50px; height: 50px; line-height: 40px; font-weight: 700; font-size: 24px; text-align: center; position: absolute; left: 12px; top: 5px; }
.sponsor_us_button_wrapper { margin-top: 5px; margin-left: 15px; }

.column-50 { float: left; width: 480px; }
.column-33 { float: left; width: 320px; }
.column-66 { float: left; width: 640px; }

.reference { margin: 0 0 0 10px; }
.reference .image { float: left; margin: 0; padding: 0; }
.reference .text { text-align: center; padding: 15px 0px 15px 150px; }
.reference .text blockquote { font-size: 16px; font-style: italic; line-heigt: 110%; margin: 0 0 10px 0; }
.reference .text .author .name { font-weight: 700; }

div.content_left { width: 600px; float: left; margin-bottom: 25px; display: inline; }
div.content_right { width: 290px; float: left; margin: 0px 0px 25px 10px; border-left: 1px dotted #6e4f3b; padding-left: 15px; display: inline; }

/*
div.bottom {
	width: 960px;
	margin: 0 auto;
	text-align: center;
	font-size: 10px;
	color: #969390;
	padding-top: 15px;
}*/

.sponsor-list-container { width: 960px; height: 140px; margin-bottom: 25px; overflow: hidden; }
.sponsor-list-container .sponsor-list { }
.sponsor-list-container .sponsor-list .sponsor-item { text-align: center; width: 180px; margin-right: 12px; line-height: 95px; height: 140px; float: left; background: url(../images/foto_bg.png) no-repeat; }
.sponsor-list-container .sponsor-list .sponsor-item a { display: block; width: 180px; height: 140px; text-indent: -1234em; }
/*.sponsor-list-container .sponsor-list .sponsor-item img { display: inline-block; vertical-align: middle; } */

/* Partners */
div.partner_item { float: left; width: 300px; margin: 0px 0px 15px 0px; }
div.partner_item_img { float: left; }
img.partner_img { float: left; margin: 15px 20px 10px 0px; }
div.partner_item_info { float: left; margin: 0px 0px 0px 10px; width: 200px; }
div.more_partners { float:left; width: 600px; border-top: 1px dotted #000; margin: 20px 0px 0px 0px; }

/* Teams */
div.sponsor { width: 290px; margin: 0; padding: 0; float: right; }
div.sponsor_top { border: 1px solid #d0be96; background-color: #fff; padding: 12px; font-size:11px; margin: 0px 0px 5px 0px; }
div.sponsor_bottom { float: right; margin: 0px 0px 10px 0px; text-align: center; }

div#team_items { margin: 20px 0px 10px 0px; }

div.team_item { width: 184px; float: left; }
div.team_item .image { background: url(../images/foto_bg.png) no-repeat; width: 180px; height: 140px; padding: 12px; }
div.team_item .placeholder { cursor: pointer; width:156px; height: 116px; overflow: hidden; position: relative; }
div.team_item .placeholder .team_img { z-index: 1; bottom: -116px; position: absolute; margin: 0; padding: 0; width:156px; height: 116px; }
div.team_item .placeholder .sponsor_img { position: absolute; margin: 0; padding: 0; width:156px; height: 116px; }
div.team_item .placeholder .sponsor_placeholder { position: absolute; margin: 0; padding: 0; width:156px; height: 116px; background: #fff url("../images/sponsor_placeholder.jpg") center no-repeat; }

/* Overlay */
body.overlay { margin-left: 15px; margin-top: 15px; color: #fff; background: #2d2721 url("../images/overlay_bg.png") top left no-repeat; }
h1.partner { margin-top: 0; margin-bottom: 8px; font-size: 22px; color: #f9c603; }
input.field { width: 200px; border: 1px solid #fff; padding: 3px; font-family: "Georgia"; font-size: 11px; background-color: #ccc; }
input.send { width: 140px; height: 20px; background: url("../images/send_button.png") top left no-repeat; text-align: center; display: block; color: #fff; border: 0; font-family: "Georgia"; font-size: 12px; font-weight: bold; cursor: pointer; float: right; }
input.send:hover { background-position: bottom; }
input.continue_button { width: 177px; height: 57px; background: url("../images/continue_button.png") top left no-repeat; text-align: center; display: block; color: #fff; border: 0; font-family: "Georgia"; text-transform: uppercase; text-decoration: none; font-size: 17px; font-weight: bold; cursor: pointer; }
input.continue_button:hover { background-position: bottom; }

div.overlay_title { width: 370px; }
div.overlay_content { width: 370px; }
div.overlay_form { margin-top: 15px; width: 330px; padding-left: 15px; color: #f9c603; }
div.overlay_sponsor_form { margin-top: 25px; margin-left: 10px; margin-right: 15px; float: left; width: 450px; }
div.overlay_steps { margin-top: 15px; border-bottom: 1px dotted #7f7c7c; padding-bottom: 10px; width: 770px; }
div.overlay_info { width: 770px; margin-top: 25px; margin-bottom: 30px; }
div.overlay_info_de { width: 770px; margin-top: 5px; margin-bottom: 5px; }
div.overlay_info_outfit { width: 770px; margin-top: 25px; margin-bottom: 15px; }

td.step_on { width: 256px; font-size: 14px; font-weight: bold; }
td.step_on_center { width: 256px; font-size: 14px; font-weight: bold; text-align: center; }
td.step_todo { width: 256px; text-align: center; font-size: 14px; font-weight: bold; color: #7f7c7c; }
td.step_todo_left { width: 256px; text-align: left; font-size: 14px; font-weight: bold; color: #7f7c7c; }
td.step_todo_right { width: 256px; text-align: right; font-size: 14px; font-weight: bold; color: #7f7c7c; }
td.step_on_right { width: 256px; text-align: right; font-size: 14px; font-weight: bold; color: #fff; }
td.yellow { color: #f9c603; width: 190px; }

/* Design outfit */
div.shirt { width: 140px; height:140px; margin: 5px; background: url(../images/shirt_bg.png); margin-left: 25px; margin-top: 15px; float: left; display: inline; }
div.shirtcolor { width: 195px; height: 262px; background-image: url(../images/bg_pickcolor.png); }
div.short { width: 140px; height: 140px; margin: 5px; background: url(../images/short_bg.png); margin-left: 25px; margin-top: 15px; float: left; display: inline; }
div.socks { width: 140px; height: 140px; margin: 5px; background: url(../images/socks_bg.png); margin-left: 25px; margin-top: 15px; float: left; display: inline; }
div.colors { width: 149px; background-color: #fff; padding: 1px; margin-top: 10px; margin-left: -3px; }

div.color1 { width: 24px; height: 24px; background-color: #790000; margin: 0px 1px 0px 0px; cursor: pointer; float: left; }
div.color2 { width: 24px; height: 24px; background-color: #ff7e00; margin: 0px 1px 0px 0px; cursor: pointer; float: left; }
div.color3 { width: 24px; height: 24px; background-color: #0f5c00; margin: 0px 1px 0px 0px; cursor: pointer; float: left; }
div.color4 { width: 24px; height: 24px; background-color: #003663; margin: 0px 1px 0px 0px; cursor: pointer; float: left; }
div.color5 { width: 24px; height: 24px; background-color: #4b0049; margin: 0px 1px 0px 0px; cursor: pointer; float: left; }
div.color6 { width: 24px; height: 24px; background-color: #000; cursor: pointer; float: left; }
div.color7 { width: 24px; height: 24px; background-color: #ed1c24; margin: 1px 1px 0px 0px; cursor: pointer; float: left; }
div.color8 { width: 24px; height: 24px; background-color: #fff200; margin: 1px 1px 0px 0px; cursor: pointer; float: left; }
div.color9 { width: 24px; height: 24px; background-color: #39b54a; margin: 1px 1px 0px 0px; cursor: pointer; float: left; }
div.color10 { width: 24px; height: 24px; background-color: #0072bc; margin: 1px 1px 0px 0px; cursor: pointer; float: left; }
div.color11 { width: 24px; height: 24px; background-color: #92278f; margin: 1px 1px 0px 0px; cursor: pointer; float: left; }
div.color12 { width: 24px; height: 24px; background-color: #817d7d; margin: 1px 0px 0px 0px; cursor: pointer; float: left; }
div.color13 { width: 24px; height: 24px; background-color: #f69679; margin: 1px 1px 0px 0px; cursor: pointer; float: left; }
div.color14 { width: 24px; height: 24px; background-color: #fff568; margin: 1px 1px 0px 0px; cursor: pointer; float: left; }
div.color15 { width: 24px; height: 24px; background-color: #a3d39c; margin: 1px 1px 0px 0px; cursor: pointer; float: left; }
div.color16 { width: 24px; height: 24px; background-color: #6dcff6; margin: 1px 1px 0px 0px; cursor: pointer; float: left; }
div.color17 { width: 24px; height: 24px; background-color: #bd8cbf; margin: 1px 1px 0px 0px; cursor: pointer; float: left; }
div.color18 { width: 24px; height: 24px; background-color: #fff; cursor: pointer; margin: 1px 0px 0px 0px; float: left; }

div.news-item { width: 580px; float: left; padding-top: 20px; margin-top: 20px; border-top: 1px dotted #6e4f3b; }

/* team images */
div.team_img { background: url(../images/foto_bg.png) no-repeat; width: 175px; height: 140px; padding: 12px; }
div.team_img img{ width: 156px; height: 116px; }

/* team news */
.team_news h3 { color: #231f1a; font-size: 18px; margin: 0; }
.team_news .news-item { width: 100%; float: left; padding-top: 10px; margin-top: 10px; border-top: 1px dotted #6e4f3b; }
.team_news .news-item .date { float: left; width: 80px; }
.team_news .news-item .content { float: left; width: auto; }

/* Information block */
.information_block { margin: 25px 0px; padding: 0; }
.information_block .column-33 { float: left; width: 290px; padding-right: 30px; }
.information_block .column-66 { float: left; width: 610px; padding-left: 30px; }

/* Why become a sponsor*/
div.become_a_sponsor { margin: 0; padding: 0; font-size: 13px; }
div.become_a_sponsor h2, div.latest_news h2 { margin: 0px 0px 15px 0px; font-size: 23px; line-height: 23px; font-weight: normal; }
div.become_a_sponsor ul { margin: 0px 0px 15px 0px; list-style-type: none; }
div.become_a_sponsor ul li { padding: 0px 0px 0px 25px; background: url("../images/vinkje.png") center left no-repeat; line-height: 25px; }
div.become_a_sponsor .download_brochure { width: 240px; height: 43px; margin: 5px 0px; padding: 0; text-indent: -1234em; display: block; }
div.become_a_sponsor .download_brochure.language-en { background: url("../images/button-brochure-en.png") top left no-repeat; }
div.become_a_sponsor .download_brochure.language-nl { background: url("../images/button-brochure-nl.png") top left no-repeat; }
div.become_a_sponsor .download_brochure.language-de { background: url("../images/button-brochure-de.png") top left no-repeat; }

/* Two latest newsitems */
.news-item-list { margin: 0px 0px 0px -30px; padding: 0; list-style-type: none; }
.news-item-list .news-item { margin: 0px 0px 0px 30px; padding: 0; float: left; width: 290px; }
.news-item-list .news-item .readmore { margin-top: 5px; font-weight: bold; }
.news-item-list .news-item img.thumb { float: left; border: 2px solid white; margin: 0px 10px 0px 0px; padding: 0; }

/* Footer */
#footer { color: #969390; width: 960px; margin: 0 auto; padding: 30px 0px; }
footer.wrapper_bottom { width: 100%; height: 40px; background: url(../images/bottom.png) repeat-x top left; }
#footer .row { float: left; padding: 0px 13px; height: 50px; line-height: 50px; }
#footer .vertical_divider { background: url("../images/border-footer.png") top right repeat-y; }
#footer a.twitter { height: 30px; margin: 10px 0px; padding-left: 55px; background: url("../images/twitter-bg.png") center left no-repeat; display: block; font-family: Georgia, Arial; color: #fff; font-size: 15px; line-height: 30px; text-decoration: none; font-style: italic; }
#footer a.facebook { height: 22px; margin: 14px 0px; padding-left: 120px; background: url("../images/facebook-bg.png") center left no-repeat; display: block; float: left; margin-right: 10px; color: #fff; font-size: 12px; line-height: 25px; text-decoration: none; }
#footer .fb_iframe_widget { line-height: normal; margin: 14px 0px; }
#footer a.abang { width: 49px; height: 50px; text-indent: -1234em; background: url("../images/abang-logo-white.png") top left no-repeat; display: block; float: right; margin: 0px 0px 0px 13px; }
#footer .copyright { color: #969390; }

/* Helpers */
.vertical_divider { background: url("../images/border-vertical.png") top right repeat-y; }
.clearer { zoom:1; }
.clear,
.clearer:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.left { float: left; }
.right { float: right; }
.center { text-align:center; display:block; }
div.border	{ margin: 0 auto 15px auto; width: 960px; height: 5px; background-image: url(../images/border.png); background-repeat: repeat-x; }
div.clear { clear: both; }
img.border { border: 2px solid white; }
.no_border { border: 0 !important; }