/**
 * Standaard-stylesheet voor TwentyTwenty
 *
 * @copyright 2008 Slik BV
 * @version $Id$
 * @author Aniek Velthuizen
 */

/* RESETCODE VOOR BROWSER COMPATIBILITEIT *******************************/

img { border: 0; }
hr { display: none;}
body, p, form, ul, li, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }
ul, li { list-style-type: none; }
h1 span, h2 span { display: none; }
hr { display: none; }
.break { clear: both; }
a { outline: none; }
input { border: none; }

body { 
	background: #e9e9e9;
	color: #15547f;
	margin-top: 50px; 
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal; }
	
a { 	
	text-decoration: none;
	font-size: 11px;
	color: #777777; }

p.intro {
	position: absolute;
	top: 140px;
	right: 50px;
	width: 390px;
	height: 118px; }

em {
	color: white;
	font-style: normal;}

h1 {
	position: absolute;
	top: 45px;
	right: 50px;
	width: 390px;
	height: 118px;
	font-family: Arial, Verdana;
	font-size: 20px;
	font-weight: bold;
	color: #D65C6E; }

h2 {
	font-family: Arial, Verdana;
	font-size: 18px;
	font-weight: bold;
	margin-left: -20px; /*IE6 0px */
	color: #D65C6E;
	line-height: 50px; }
	
h3 {
	position: absolute;
	top: 97px;
	right: 40px;
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: #D65C6E; }

.contact  {
	position: absolute;
	top: 164px;
	right: 0px;
	width: 290px;
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: normal; }
	.contact p { width: 60px; float: left; }
	.contact a { font-size: 14px; color: #15547f; }

#logo {
	position: absolute;
	top: 30px;
	left: 46px;
	background: url(../gfx/logo.jpg) no-repeat;
	width: 201px;
	height: 84px; }
	h1#logo span { display: none; }

#diagram {
	position: absolute;
	bottom: -3px;
	left: 0px; }

#video {
	position: absolute;
	top: 276px;
	right: 71px; }

#playlist { 
	position: absolute; 
	top: 276px; 
	right: 450px; 
	width: 82px; 
	text-align: center;}
	#playlist a:hover { color: #d04761; }

p.radio {
	position: absolute;
	top: 515px;
	left: 376px;
	color: #999; }
	p.radio a { 
		color: #15547f; }

#video2 {
	position: absolute;
	top: 490px;
	right: 71px; }
	
#map {
	position: absolute;
	top: 185px;
	left: 50px;}

.quote1 {
	position: absolute;
	top: 150px;
	left: 27px;
	width: 357px; }
.quote2 {
	position: absolute;
	top: 300px;
	left: 27px;
	width: 357px; }
.quote3 {
	position: absolute;
	top: 420px;
	left: 27px;
	width: 357px; }
.quote4 {
	position: absolute;
	top: 150px;
	left: 430px;
	width: 357px; }
.quote5 {
	position: absolute;
	top: 300px;
	left: 430px;
	width: 357px; }
.quote6 {
	position: absolute;
	top: 420px;
	left: 430px;
	width: 357px; }
	.quote1 p, .quote2 p, .quote3 p { 
		position: absolute;
		right: 0;
		bottom: 15px;
		width: 268px; }
		.quote1 p { top: 0px; }
	.quote4 p, .quote5 p, .quote6 p {
		width: 268px;		
		position: absolute;
		left: 0;
		bottom: 15px;
		text-align: right; }
		.quote4 p { top: -5px; }
	.quote1 img, .quote2 img, .quote3 img { 
		width: 68px; 
		float: left; }
	.quote4 img, .quote5 img, .quote6 img {
		width: 68px; 
		float: right; }
	.quote1 p.name, .quote2 p.name, .quote3 p.name { 
		position: absolute;
		bottom: 0;
		left: 90px;
		color: #15547f; }
		.quote1 p.name { top: 100px; }	
	.quote4 p.name, .quote5 p.name, .quote6 p.name { 
		position: absolute;
		bottom: 0;
		right: 90px;
		color: #15547f; }
		.quote4 p.name { top: 135px; }
		p.name a {
			font-weight: bold;
			color: #d04761; }
			p.name a:hover {
				color: #d04761; }
#flipBox, #quotes, #contact, #home {
	position: relative;
	width: 814px;
	height: 544px;
	margin: 0 auto;
	background: #fff;
	border: 1px #bbb solid; }

.flipLeft {
	display: block;
	position: absolute;
	top: 30px;
	left: -61px;
	background: url(../gfx/pijl_links.jpg) no-repeat 20px 0;
	height: 31px;
	width: 84px;
	padding: 30px 30px 0 0; }

	
.flipRight {
	display: block;
	position: absolute;
	top: 30px;
	right: -98px; /* IE6 -99px */
	background: url(../gfx/pijl_rechts.jpg) no-repeat 20px 0;
	height: 31px;
	width: 84px;
	padding: 30px 0 0 60px; }	
	
body.js-enabled #quotes, body.js-enabled #contact, body.js-enabled #home { display: none; }