/* !1. RESET  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

.group:after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* !2. TYPOGRAPHY */
body {
background: #d2d3c7;
font-family: Arial, Helvetica,sans-serif;
font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
font-size: 14px;
color: #666766;
}

a {
color: #4167b1;
}

h3 {
color: #5bcbf5;
font-size: 35px;
font-weight: normal;
}

h4 {
color: #542419;
font-weight: bold;
font-size: 17px;
margin: 20px 0 6px;
}

#content p {
margin: 18px 0;
}

blockquote {
color:#542419;
font-size:17px;
font-weight:bold;
font-style: italic;
line-height: 1.2em;
}

blockquote span {
display: block;
clear: both;
font-size: 0.7em;
font-style: normal;
}

#inschrijven blockquote {
background: url(../img/inschrijven-quote-bg.jpg) no-repeat;
padding-left: 77px;
}

/* !3. STRUCTURE */
#background {
width: 100%;
position: fixed;
top: 0;
left: 0;
}

#wrapper {
position: relative;
width: 850px;
margin: 95px auto 50px;
}

#logo {
float: left;
margin-bottom: 20px;
display: block;
width: 200px;
height: 200px;
text-indent: -9999px;
background: url(../img/logo-sprite.png);
}

#logo:hover {
background: url(../img/logo-sprite.png) 200px 200px;
}

#logo,
#nav div,
#content {
-moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}

/* !4. NAVIGATION */
#nav {
width: 200px;
float: left;
}

#nav div {
margin-bottom: 4px;
background: white;
}

#nav div h2 {
color: white;
background: #5bcbf5;
font-size: 18px;
padding: 9px 0px 9px 27px;
font-weight: bold;
}

#nav div.open h2 {
background: #f58e26;
}

#nav div h2:hover {
background: #81d2f0;
}

#nav div.open h2:hover {
background: #f3963a;
}

#nav div ul {
padding: 7px 0;
}

#nav div ul li a {
font-size: 15px;
text-decoration: none;
color: #1188b5;
line-height: 25px;
margin-left: 27px;
}

.has_js #nav div h2 {
cursor: pointer;
}

.has_js #nav div ul {
display: none;
}

#nav div ul li a:hover,
body#home #wrapper #nav ul li a.home,
body#programma #wrapper #nav ul li a.programma,
body#parcours #wrapper #nav ul li a.parcours,
body#uitslagen #wrapper #nav ul li a.uitslagen,
body#oude-uitslagen #wrapper #nav ul li a.uitslagen,
body#fotos #wrapper #nav ul li a.fotos,
body#inschrijven #wrapper #nav ul li a.inschrijven,
body#info-deelnemers #wrapper #nav ul li a.info-deelnemers,
body#info-toeschouwers #wrapper #nav ul li a.info-toeschouwers,
body#contact #wrapper #nav ul li a.contact,
body#route #wrapper #nav ul li a.route,
body#disclaimer #wrapper #nav ul li a.disclaimer,
body#sponsors #wrapper #nav ul li a.sponsors {
color: #f58e25;
}

/* !5. CONTENT */
#content {
float: right;
margin-left: 25px;
background: white;
width: 575px;
padding: 20px 25px;
min-height: 480px;
position: relative;
line-height: 1.3em;
}

#content #powered-by {
font-family: Arial;
color: #ccc;
font-size: 11px;

left: 0px;
margin: 0;
height: 45px;
position: absolute;
bottom: -54px;
}

#content #powered-by a {
color: #ccc;
}

#content #powered-by a:hover {
text-decoration: none;
}

#sponsors #content #powered-by a,
#sponsors #content #powered-by span {
display: none;
}

#content .head {
float: right;
position: absolute;
top: 25px;
right: 25px;
font-size: 15px;
font-weight: bold;
color: #cccccc;
}

#home #content .head {
position: static;
width: 330px;
margin-bottom: 20px;
}

#content .head span {
float: left;
top: 4px;
position: relative;
margin-right: 4px;
}

#content .head a {
text-decoration: none;
color: #cccccc;
height: 20px;
}

#content .head a:hover {
color: #5BCBF5;
}

#content .head a.inschrijven {
background: url(../img/inschrijven-btn.png) no-repeat;
padding-left: 20px;
}

#content .head a.inschrijven:hover {
background: url(../img/inschrijven-btn.png) no-repeat 0 -20px;
}

#content .head a.blog {
background: url(../img/blog-btn.png) no-repeat;
padding-left: 20px;
}

#content .head a.blog:hover {
background: url(../img/blog-btn.png) no-repeat 0 -20px;
}

#content .head a.contact {
background: url(../img/contact-btn.png) no-repeat;
padding-left: 20px;
}

#content .head a.contact:hover {
background: url(../img/contact-btn.png) no-repeat 0 -20px;
}

#content .head a.twitter,
#content .head a.music {
height: 16px;
width: 16px;
text-indent: -9999px;
float: left;
margin: 2px 6px 0 4px;
background-image: url(../img/social-sprite.png);
background-position: top left;
}

#content .head a.facebook:hover {
background-position: bottom right;
}

#content .head a.twitter:hover {
background-position: bottom left;
}

#content .head a.music {
background-position: right top;
}

#content .head a.music:hover {
background-position: right bottom;
}

#content .head a.music,
#content .head a.twitter,
#content .head iframe {
position: relative;
top: 5px;
}

#content ul {
margin-left: 18px;
list-style-image: url(../img/list-style-img.png);
}

#content ul li {
margin: 18px 0;
width: 515px;
}

#content table.chart {
margin: 18px 0;
line-height: 18px;
}

#content table.chart td {
padding: 4px 5px;
font-size: 13px;
}

#content table.chart .dark .key {
background: #6dc8e9;
color: white;
}

#content table.chart .light .key {
background: #82cdeb;
color: white;
}

#content table.chart .value {
padding-left: 8px;
width: 430px;
}

#content table.chart .dark .value {
background: #c6eaf8;
}

#content table.chart .light .value {
background: #e2f4fd;
}

#content .collumn {
float: left;
width: 50%;
}

#home h4 {
margin: 0;
}

#home .collumn img {
margin-bottom: 16px;
}

#home .collumn .inschrijven-btn {
	margin-top: 8px;
	float: left;
}

#home .collumn p {
width: 96%;
}

#home #content a.inschrijven {
bottom: -13px;
position: relative;
}

#route iframe.map {
margin-top: 20px;
}

.inschrijven-link {
float: left;
}

#route .collumn {
width: 46%;
margin-right: 23px;
}

/* !6. PAGE SPECIFIC */

/* !6.1. HOME */
#home #content {
background: white url(../img/content-bg.png) repeat-x bottom;
}

#home #content .sponsors {
font-size: 11px;
font-family: Arial;
clear: both;
float: left;
font-family: Arial;
margin-top: 26px;
}

#home #content .sponsors span {
float: left;
margin-right: 5px;
}

#home #content .sponsors span.more {
float: right;
margin: 0;
}

#home #content .sponsors span.more a {
color: #666766;
}

#home #content .sponsors span.more a:hover {
text-decoration: none;
}

#home #content .sponsors a.wegener,
#home #content .sponsors a.vastgoedpro {
width: 129px;
float: left;
margin-right: 10px;
text-indent: -9999px;
}

#home #content .sponsors a.wegener {
background: url(../img/sponsors/home-wegener.png) center no-repeat;
position: relative;
top: -1px;
height: 18px;
width: 180px;
}

#home #content .sponsors a.vastgoedpro {
background: url(../img/sponsors/home-vastgoedpro.png) center no-repeat;
height: 19px;
}

#home #powered-by {
display: none;
}

/* !6.2 SIGN-UP FORMS */
#inschrijfformulier #content,
#deelnemerformulier #content {
min-height: 955px;
}

/* !6.3 SPONSORS */
ul#sponsors {
list-style: none;
width: 570px;
margin: 18px 0 0;
}

ul#sponsors li {
float: left;
display: inline-block;
width: 185px;
margin: 0 5px 5px 0;
}

ul#sponsors li span {
float: left;
font-size: 12px;
margin: 4px 0 0 7px;
color: #d0d0d0;
}

ul#sponsors li a {
width: 185px;
height: 119px;
display: block;
text-indent: -9999px;
background-image: url(../img/sponsors/sprite.png);
}

ul#sponsors li.funda a 						{ background-position: 0px top; }
ul#sponsors li.wegener a 					{ background-position: -185px top; }
ul#sponsors li.vastgoedpro a 				{ background-position: -370px top; }
ul#sponsors li.mirabeau a 					{ background-position: -555px top; }
ul#sponsors li.eaetravelgroup a 			{ background-position: -740px top; }
ul#sponsors li.housenet a 					{ background-position: -925px top; }
ul#sponsors li.draftingfactory a 			{ background-position: -1110px top; }
ul#sponsors li.vastgoedmarkt a 				{ background-position: -1295px top; }
ul#sponsors li.sapas a 						{ background-position: -1480px top; }
ul#sponsors li.dehardloopwinkel a			{ background-position: -1665px top; }

ul#sponsors li.funda a:hover 				{ background-position: 0px bottom; }
ul#sponsors li.wegener a:hover 				{ background-position: -185px bottom; }
ul#sponsors li.vastgoedpro a:hover 			{ background-position: -370px bottom; }
ul#sponsors li.mirabeau a:hover 			{ background-position: -555px bottom; }
ul#sponsors li.eaetravelgroup a:hover 		{ background-position: -740px bottom; }
ul#sponsors li.housenet a:hover 			{ background-position: -925px bottom; }
ul#sponsors li.draftingfactory a:hover 		{ background-position: -1110px bottom; }
ul#sponsors li.vastgoedmarkt a:hover 		{ background-position: -1295px bottom; }
ul#sponsors li.sapas a:hover				{ background-position: -1480px bottom; }
ul#sponsors li.dehardloopwinkel a:hover		{ background-position: -1665px bottom; }