/*--------------------------------------------------------------------
Basic Style Sheet

Version: 1.0
Copyright: 2009, dicode® VOF - understanding internet
W: www.dicode.nl
E: info@dicode.nl
T: 0570-750680
--------------------------------------------------------------------*/

/* Global settings
-------------------------------------------------------------------------*/

* { 
	font-family: arial, sans-serif; 
	font-size: 12px; 
	color: #a8a8a8; 
}

img {
	border: 0;
}

form {
	margin: 0;
	padding: 0;
	border: 0;
}

h2 {
	font-weight: normal;
}

a {
	color: #c02d1a;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #e3e3e3 url(/css/images/bg_body.jpg) repeat-x;
}

body.next {
	background: #e3e3e3 url(/css/images/bg_bodynext.jpg) repeat-x;
}

div#site {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 991px;
}

/* Header
-------------------------------------------------------------------------*/
	div#header {
		position: relative;
		width: 991px;
		height: 582px; /* 667px */
	}

	div#header.next {
		height: 246px; /* 246px */
	}

	div#header div#directcontact {
		position: relative;
		left: 7px;
		height: 51px;
	}

	div#header div#grafisch {
		position: absolute;
		right: 40px;
		top: 0;
		width: 340px;

	}

	div#header div#teller {
		position: absolute;
		left: 30px;
		top: 55px;
		color: #999999;
		font-size: 14px;
	}

	div#header div#teller span {
		color: #999999;
		font-size: 14px;
	}

	div#header div#grafisch h3 {
		color: #e87060;
		font-size: 14px;
	}


	/* Header :: menu
	---------------------------------------------------------------------*/
	div#header div#menu {
		position: relative;
		left: 25px;
		top: 55px;
		height: 19px;
		width: 936px;
		z-index: 10;
	}
	
	div#header div#menu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	div#header div#menu ul li {
		float: left;
		margin-right: 28px;
	}

	div#header div#menu ul li.last {
		margin-right: 0;
	}

	/* Header :: paper
	---------------------------------------------------------------------*/
		div#header div#paper {
			position: relative;
			width: 782px;
			height: 483px;
			top: 82px;
			padding: 0 209px 0 0;
		}

		div#header div#paper div#paperwrapper {
			width: 782px;
			height: 483px;
			background: url(/css/images/bg_paper.png) no-repeat;
		}

		div#header div#paper.next {
			position: relative;
			width: 782px;
			height: 36px;
			top: 80px;
			padding: 0;
			background: url(/css/images/bg_paper.png) no-repeat;
		}

		div#header div#paper.next div#paperwrapper {
			width: 782px;
			height: 36px;
			background: url(/css/images/bg_paper.png) no-repeat;
		}
		
		div#header div#paper div#papercontent {
			position: relative;
			width: 700px;
			left: 25px;
			top: 0;
		}

		div#header div#paper div#papercontent h1 {
			width:500px;
			color: #fff;
			font-size: 47px;
			margin: 0;
			padding: 0 0 10px 0;
			line-height: 61px;
			
		}
		
		div#header div#paper div#papercontent h2, div#header div#paper div#papercontent h2 a {
			color: #fff;
			font-size: 24px;
			margin: 0;
			padding: 0;
			font-weight: normal;
		}

		div#header div#paper div#koekoek {
			display: none;
			position: absolute;
			left: 460px;
			top: -20px;
			width: 503px;
			height: 478px;
			background: url(/css/images/img_koekoek.png) no-repeat;
		}

		div#header div#paper div#sint {
			position: absolute;
			z-index: 5;
			left: 510px;
			top: -142px;
			width: 564px;
			height: 540px;
			background: url(/css/images/sint.png) no-repeat;
		}

		div#header div#paper.next div#sint {
			position: absolute;
			z-index: 5;
			left: 610px;
			top: -120px;
			width: 155px;
			height: 157px;
			background: url(/css/images/minisint.png) no-repeat;
		}

/* Content :: 2 parts
-------------------------------------------------------------------------*/
	div.left {
		position: relative;
		width: 350px; /* 367px */
		float: left;
		padding: 0 0 0 17px;
		top: 10px;
	}

	body.next div.left {
		top: -10px;
	}

	div.left div.succes {
		padding: 0 0 20px 0;
		color: #2f2f2f;
	}

	div.left div.succes h2 {
		font-weight: bold;
		font-size: 14px;
		color: #c02d1a;
	}

	div.left table.deelname th {
		text-align: left;
		font-weight: normal;
		color: #000;
		font-size: 12px;
		padding-right: 15px;
	}

	div.left table.deelname th span {
		font-weight: normal;
		color: #000;
		font-size: 10px;
		white-space: nowrap;
	}

	div.left li {
		color: #000;
		line-height: 25px;
	}

	div.left div#twittercontent {
		color: #000;
		line-height: 25px;
	}

	div.left div#twittercontent div {
		color: #999999;
		font-size: 10px;
	}

	div.left div#hyves {
		padding-top: 15px;	
	}

	div.left div#hyves * {
		color: #333333;
	}

	div.left div.cadeau_left {
		float: left;
		width: 96px;
	}

	div.left div.cadeau_right {
		float: right;
		color: #000000;
		width: 253px;
		line-height: 24px;
	}

	div.left div.cadeau_right b {
		color: #666666;
		font-weight: bold;
	}

	div.left div.cadeau_right h2, div.left div.cadeau_right h2 sup {
		font-size: 14px;
		color: #c02d1a;
		font-weight: bold;
		padding: 0;
		margin: 0;
	}


	div.right {
		position: relative;
		width: 591px;
		float: right;
		padding: 0;
		top: 0;
	}
	
	div.right div.solution * {
		color: #333333;
	}

	div.right div.solution h2 {
		font-weight: bold;
		font-size: 14px;
		color: #c02d1a;
	}


	div.right div.solution table th {
		color: #333333;
		text-align: left;
		padding: 10px 20px 0 0;
		font-weight: normal;
		vertical-align: top;
	}

	div.right div.solution table td {
		vertical-align: top;
	}

	/* gedicht
	-------------------------------------------------------------------------*/
	
		/* gedicht :: top
		---------------------------------------------------------------------*/
			div#papertop {
				position: relative;
				width: 591px;
				height: 183px;
				top: -190px;
				z-index: 15;
			}
			
			div#papertop div#wrapper {
				width: 591px;
				height: 183px;
				z-index: 16;
				background: url(/css/images/bg_papertop.png) no-repeat top right;
			}
			
			div#papertop div#id_lettertop {
				position: absolute;
				bottom: 0;
				left: 15px;
				width: 507px;
				height: 13px;
				background: url(/css/images/img_lettertop.jpg) no-repeat;
			}
	
		/* gedicht :: middle
		---------------------------------------------------------------------*/
			div#papermiddle {
				position: relative;
				width: 571px; /* 591px */
				padding: 0 0 25px 20px;
				top: -190px;
				min-height: 600px;
				z-index: 6;
				background: url(/css/images/bg_papermiddle.png) repeat-y top right;
			}
	
			div#papermiddle div, div#papermiddle div#fullrules div {
				position: relative;
				font-family: Georgia, Times;
				font-weight: bold;
				color: #000;
				font-size: 14px;
				line-height: 25px;
				text-align: left;
				width: 450px;
				padding: 0 0 3px 20px;
				margin-bottom: 25px;
			}

			div#papermiddle div.highlight {
				background-color: #fff09a;
			}

			div#papermiddle div div.added {
				position: absolute;
				left: 380px;
				top: 4px;
				text-align: center;
				width: 70px;
				color: #666666;
				font-size: 9px;
				font-weight: normal;
				line-height: 16px;
			}
	
			div#papermiddle div span {
				line-height: 10px;
				font-size: 10px;
				font-family: arial;
			}
	
			div#papermiddle div span b {
				font-size: 10px;
				font-family: arial;
			}


		/* gedicht :: bottom
		---------------------------------------------------------------------*/
			div#paperbottom {
				position: relative;
				width: 591px;
				height: 106px;
				top: -190px;
				z-index: 7;
			}
			
			div#paperbottom div#wrapperbottom {
				width: 591px;
				height: 106px;
				background: url(/css/images/bg_paperbottom.png) no-repeat top right;
			}

			div#paperbottom div#id_letterbottom {
				position: absolute;
				top: -70px;
				left: 15px;
				width: 507px;
				height: 13px;
				background: url(/css/images/img_letterbottom.jpg) no-repeat;
			}

			div#paperbottom div#id_letterlast {
				position: absolute;
				top: -10px;
				right: 40px;
			}

			div#paperbottom div#id_letterlast a {
				color: #a8a8a8;
				text-decoration: none;
			}

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

			div#papertop div#scrollup, div#paperbottom div#scrolldown {
				position: absolute;
				right: 40px;
				z-index: 16;
			}	
			
			div#papertop div#scrollup {
				bottom: 25px;
			}
			
			div#paperbottom div#scrolldown {
				top: -50px;
			}

	/* Paper next
	-------------------------------------------------------------------------*/
	
		/* Paper :: top
		---------------------------------------------------------------------*/
			body.next div#papertop {
				position: relative;
				width: 591px;
				height: 142px;
				z-index: 6;
				background: url(/css/images/bg_papertop-next.png) no-repeat top right;
			}
	
		/* Paper :: middle
		---------------------------------------------------------------------*/
			body.next div#papermiddle {
				position: relative;
				width: 511px; /* 591px */
				padding: 0 40px 0 40px;
				z-index: 7;
				background: url(/css/images/bg_papermiddle.png) repeat-y top right;
				color: #333333;
				line-height: 25px;
			}

			body.next div#papermiddle * {
				color: #333333;
				line-height: 25px;
				font-family: Arial;
				font-weight: normal;
				font-size: 12px;
				padding: 0;
				margin: 0;
			}

			body.next div#papermiddle h1 {
				font-size: 25px;
			}
			body.next div#papermiddle h2 {
				font-size: 20px;
			}


			body.next div#papermiddle b, body.next div#papermiddle strong {
				font-weight: bold;
			}
			
			body.next div#papermiddle div#middlecontent {
				position: relative;
				top: -65px;
				z-index: 7;
			}

			body.next div#papermiddle div#middlecontent h2 {
				color: #c02d1a;
				font-weight: bold;
				font-size: 14px;
				padding-bottom: 10px;
			}

			body.next div#papermiddle div#middlecontent ol {
				padding: 0 0 0 30px;
			}

	
	
		/* Paper :: bottom
		---------------------------------------------------------------------*/
			body.next div#paperbottom {
				position: relative;
				width: 591px;
				height: 106px;
				z-index: 6;
				background: url(/css/images/bg_paperbottom-next.png) no-repeat top right;
			}

			body.next div#paperbottom, body.next div#papermiddle, body.next div#papertop {
				top: -80px;
			}

			body.next div#paperbottom.full {
				top: -120px;
				background: url(/css/images/bg_paperbottom.png) no-repeat top right;
			}


/* Socialmedia
-------------------------------------------------------------------------*/
	div#socialmedia {
		position: relative;
		padding: 230px 0 0 0;
		height: 56px; /* 286px */
		width: 956px;
		background: url(/css/images/bg_pagebottom.jpg) no-repeat;
	}

	div#socialmedia div#icons {
		position: absolute;
		left: 5px;
	}

	div#socialmedia div#twitter {
		position: absolute;
		right: 25px;
	}

/* Footer
-------------------------------------------------------------------------*/
	div#footer {
		position: relative;
		height: 178px;
		width: 100%;
		text-align: center;
		background: url(/css/images/bg_footer.jpg) repeat-x;
	}

	/* Footer :: footercontent
	---------------------------------------------------------------------*/
		div#footer div#footercontent {
			position: relative;
			width: 991px;
			margin: 0 auto;
			text-align: left;
		}
	
		/* Footer :: footercontent :: contact
		-----------------------------------------------------------------*/
			div#footer div#footercontent div#contact {
				position: relative;
				padding: 26px 0 0 26px;
				font-size: 14px;
				color: #b1b1b1;
			}
		
			div#footer div#footercontent div#contact table td {
				vertical-align: top;
				font-size: 14px;
				color: #b1b1b1;
				padding-right: 10px;
			}

			div#footer div#footercontent div#contact table td a {
				font-size: 14px;
				color: #b1b1b1;
			}
		
			div#footer div#footercontent div#contact table td b {
				font-size: 14px;
				color: #b1b1b1;
			}
	
		/* Footer :: footercontent :: links
		-----------------------------------------------------------------*/
			div#footer div#footercontent div#links {
				position: absolute;
				left: 376px;
				top: 26px;
				line-height: 25px;
				font-size: 14px;
			}
		
			div#footer div#footercontent div#links a {
				color: #727272;
				text-decoration: underline;
				font-size: 14px;
			}
		
			div#footer div#footercontent div#links a:hover {
				text-decoration: none;
			}
	
		/* Footer :: footercontent :: explore
		-----------------------------------------------------------------*/
			div#footer div#footercontent div#explore {
				position: absolute;
				right: 0;
				top: 26px;
				width: 320px;
				height: 92px;
				background: url(/css/images/img_explore.jpg) no-repeat;
			}

/* Tomatos
-------------------------------------------------------------------------*/
	div#tomatos {
		background: url(/css/images/img_tomatos.png) no-repeat !important;
		display: block !important;
		height: 186px !important;
		margin: -45px 0 0 !important;
		padding: 0 !important;
		position: fixed !important;
		top: 280px !important;
		width: 73px !important;
		z-index: 100001 !important;
		right: 0 !important;
		overflow: hidden;
		line-height: 1000;
	}

/* Input elements
-------------------------------------------------------------------------*/

input.medium {
	width: 228px; /* 244px */
	height: 25px; /* 37px */
	border: 0;
	padding: 12px 8px 0 8px;
	background: url(/css/images/bg_input.jpg) no-repeat;
}

input.large {
	width: 248px; /* 264px */
	height: 26px; /* 37px */
	border: 0;
	padding: 12px 8px 0 8px;
	background: url(/css/images/bg_inputl.jpg) no-repeat;
}

textarea.medium {
	width: 228px; /* 244px */
	height: 58px; /* 70px */
	border: 0;
	padding: 12px 8px 0 8px;
	overflow: hidden;
	background: url(/css/images/bg_inputlarge.jpg) no-repeat;
}

textarea.large {
	width: 435px; /* 451px */
	height: 96px; /* 108px */
	border: 0;
	padding: 12px 8px 0 8px;
	overflow: hidden;
	background: url(/css/images/bg_textareal.jpg) no-repeat;
}

/* Other
-------------------------------------------------------------------------*/
	div.clear {
		clear: both;
	}

	div.line {
		position: relative;
		width: 990px;
		height: 3px;
		background: url(/css/images/img_line.jpg) no-repeat;
	}

	div.nextline {
		position: relative;
		width: 650px;
		height: 3px;
		left: -10px;
		background: url(/css/images/img_line.jpg) no-repeat -20px 0;
	}