/**
  * Standaard-stylesheet voor Jarco Consultancy
  *
  * @copyright 2009 Slik BV  * @version $Id$
  */


/*******************************************************************************************

		RESETCODE VOOR BROWSER COMPATIBILITEIT 
		reset.css - by Eric Meyer | v1.0 | 20080212

*******************************************************************************************/

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; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
h1 span, h2 span { display: none;}
input { border: none; }
.clear { clear: both;}

/*******************************************************************************************

		STANDAARD STYLING

*******************************************************************************************/

body { 
	background: white;
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	color: black; }

a { 
	color: black;
	text-decoration: none; }
a:hover { border-bottom: 2px solid black; }

h1, h2, h3, h4, h5, h6 { 
	font-family: Helvetica, Arial, Verdana;
	font-weight: normal; }

h1 {  }
h2 {  }
h3 {  }
h4 {  }
h5 {  }
h6 {  }

blockquote {  }
input, textarea { 
	float: left;
	display: block;
	border: 1px solid black;
	padding: 3px;
	margin: 0 200px 10px 0; }
input.button { 
	background: black;
	cursor: pointer;
	color: white;
	margin-left: 288px; }
label { 
	float: left;
	display: block;
	width: 200px; }
span.required {
	color: red;
	font-family: georgia;
	font-size: 14px;
	padding-left: 3px; }
input.redborder, textarea.redborder { border:1px solid #E57E7E; }
.attention { 
	margin-top: 10px;
	color: white;
	background: black;
	padding: 7px; }
strong { font-weight: bold; }
a.terug { font-weight: bold; }

/*******************************************************************************************

		

*******************************************************************************************/

#main { 
	position: relative;
	width: 950px;
	margin: 20px auto;
	padding-bottom: 40px;
	z-index: 2; }

	.bgstretcher {
		overflow: hidden;
		width: 100%;
		position: fixed !important;
		z-index: 0; }
	.bgstretcher, .bgstretcher ul, .bgstretcher ul li {
		bottom:0;
		left:0;
		position:absolute;
		right:0;
		top:0; }
	.bgstretcher ul, .bgstretcher ul li {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0;
		padding:0; }

	a.logo:hover { border: none; cursor: pointer; }
	
/* Splash Page */
	
	body#splash a:hover { border: none; }
	
	/* Splashpage: Logo */
	#main h1 a.logo { 
		margin-left: 80px;
		background: url(../gfx/logo_text.jpg) no-repeat;
		display: block;
		height: 412px;
		width: 319px; }
	
	/* Splashpage: Cities */
	ul.cities {
		font-size: 80px;
		font-weight: bold; } 
		ul.cities li { 
			float: left;
			padding: 0 30px 0 0; }
			ul.cities li.last { padding-right: 0;}
	
	/* Splashpage: Logo's */
	ul.logos {
		float: right;
		padding-left: 5px; }
		ul.logos a:hover { border: none; }
	body#splash ul.logos {
		padding-right: 40px; } /* ie6: margin-top: -100px; */
		ul.logos li { 
			float: left;
			padding-right: 30px; }

	/* Splashpage: Video */
	
	body#splash .video { 
		position: absolute;
		top: 138px;
		left: 430px; }

	/* Splashpage: button inschrijven */
	.inschrijven {
		position: absolute;
		top: 75px;
		right: 113px; }

	/* Menu */
	ul#menu { 
		float: left;
		margin-left: 5px;
		font-size: 17px; }
		ul#menu li { 
			float: left;
			padding-right: 18px; }

/* Index */

	/* Header */
	#main #header { 
		background: url(../gfx/header.gif) no-repeat;
		width: 950px;
		height: 200px; }
		
	/* Date Block */
	#main .date {
		background: black;
		color: white;
		float: left;
		width: 240px;
		margin: 20px 40px 20px 5px;
		min-height: 300px; /* IE6: height: 300px; */
		padding: 20px; }
		#main #last.date { margin-right: 0; }
		#main .date a { color: white; }
		#main .date h2 { font-size: 26px; font-weight: bold; }
		#main .date ul li { 
			font-size: 26px; /* IE6: font-size: 26px; */
			padding-bottom: 7px; }
		
		#main .date a { display: block; border: 1px solid black; }
		#main .date a:hover { display: block; }
		
/* Voorstellingen */
	
	body#voorstelling {  }
		body#voorstelling img#bg {
			width: 100%;
			position: absolute;
			top: 0;
			left: 0; }
	
	#content { 
		background: white;
		width: 360px;
		padding: 10px;
		margin-top: 30px; }
		#content h2 { 
			font-size: 25px; 
			line-height: 18px; }
		#content p { 
			padding-top: 20px;
			font-size: 12px;
			line-height: 17px;
			padding-bottom: 15px; }
		#content a:hover.ticket { border: none; }
		
	body#voorstelling.rennen #content { 
		margin-top: 100px;
		margin-left: 500px; }
	

/* Over Youngdock */
	
	#sidebar {
		margin: 20px 0 20px 5px;
		background: black;
		color: white;
		padding: 20px;
		width: 200px;
		float: left; }
		#sidebar a { color: white; }
		#sidebar h2 { 
			font-size: 22px;
			padding-bottom: 20px; }
		#sidebar h3 { 
			font-weight: bold;
			font-size: 14px;
			padding-bottom: 20px; }
		#sidebar ul li { 
			list-style-type: square;
			list-style-position: inside;
			padding-bottom: 7px; }
	body#youngdock #content {
		float: right;
		width: 630px;
		padding-right: 30px;
		margin-top: 5px; }
		body#youngdock #content span {
			font-size: 14px;
			font-weight: bold; }

	body#youngdock ul.logos { padding-right: 20px; }

	#map h2 { font-size: 14px; line-height: 10px; }
	#map a { color: blue; }
		#map a:hover { border: none; }
		
/* Workshops */

	.workshopsIntro { 
		margin: 20px 0 0 5px;
		width: 800px; }
		.workshopsIntro h2 { 
			font-size: 22px;
			padding-bottom: 15px; }
		.workshopsIntro p {
			width: 600px;
			float:  left;
			line-height: 17px; }
		.workshopsIntro img { 
			padding-top: 8px;
			float: right;}
		
	body#workshops .date { 
		width: 260px; 
		margin-right: 10px;
		min-height: 230px; }
		body#workshops .date li { 
			padding: 5px 0 5px 0;
			font-size: 20px; }
	
/* Sticker */	
	body#youngdock #sidebar.sticker { 
		width: 160px;
		margin-bottom: 10px; }
	body#youngdock #content.sticker {
		float: left;
		margin-top: 10px;
		margin-left: 20px; }	
	body#youngdock #sticker.logos { padding-right: 110px; }