/*----------------------------------------------------------------------------- 
ParticipARTe Screen Stylesheet 

author:    Koen Zwarts
email:     info@zwarts-grafischontwerp.nl
website:   www.zwarts-grafischontwerp.nl 
-----------------------------------------------------------------------------*/


/* 
-----------------------------------------------------------------------------*/
* {
	margin: 0;
    padding: 0;
    border: 0;
}

body {
	color: #333;
	text-align: left;
	font: 62.5%/1 Verdana, Arial, Helvetica, sans-serif;
	margin: 5px 0 0 5px;
	background-color: #f2f2f2;
}

#wrapper {
	text-align: left;
	background-color: transparent;
	width: 1075px;
	margin-right: auto;
	float: left;
}


/* Header 
-----------------------------------------------------------------------------*/

#header {
	width: 282px;
	height: 68px;
	margin: 0 5px 5px 120px;
	padding: 47px 438px 0 0;
}

#logo-white a {
	background: url(../images/logo-white.png) no-repeat 0 0;
	width: 282px;
	height: 48px;
	display: block;
}

#logo-white a:hover {
	background: url(../images/logo-white.png) no-repeat 0 -48px;
}

#logo-black a {
	background: url(../images/logo-black.png) no-repeat 0 0;
	width: 282px;
	height: 48px;
	display: block;
}

#logo-black a:hover {
	background: url(../images/logo-black.png) no-repeat 0 -48px;
}

#logo-pink a {
	background: url(../images/logo-pink.png) no-repeat 0 0;
	width: 282px;
	height: 48px;
	display: block;
}

#logo-pink a:hover {
	background: url(../images/logo-pink.png) no-repeat 0 -48px;
}

#logo-red a {
	background: url(../images/logo-red.png) no-repeat 0 0;
	width: 282px;
	height: 48px;
	display: block;
}

#logo-red a:hover {
	background: url(../images/logo-red.png) no-repeat 0 -48px;
}

#logo-orange a {
	background: url(../images/logo-orange.png) no-repeat 0 0;
	width: 282px;
	height: 48px;
	display: block;
}

#logo-orange a:hover {
	background: url(../images/logo-orange.png) no-repeat 0 -48px;
}

#logo-green a {
	background: url(../images/logo-green.png) no-repeat 0 0;
	width: 282px;
	height: 48px;
	display: block;
}

#logo-green a:hover {
	background: url(../images/logo-green.png) no-repeat 0 -48px;
}

#logo-blue a {
	background: url(../images/logo-blue.png) no-repeat 0 0;
	width: 282px;
	height: 48px;
	display: block;
}

#logo-blue a:hover {
	background: url(../images/logo-blue.png) no-repeat 0 -48px;
}

#logo-purple a {
	background: url(../images/logo-purple.png) no-repeat 0 0;
	width: 282px;
	height: 48px;
	display: block;
}

#logo-purple a:hover {
	background: url(../images/logo-purple.png) no-repeat 0 -48px;
}

/*h1 {
	color: white;
	font-size: 4.8em;
	line-height: 1.5;
	font-weight: normal;
	font-style: normal;
	position: relative;
	top: 30px;
}*/


/* Navigation 
-----------------------------------------------------------------------------*/

#navigation {
	width: 720px;
	height: 115px;
	margin: 0 0 5px 120px;
	display: inline-block;
}

.navSection {
	background: url(../images/overlay.png) no-repeat 0 0;
	font-size: 1.1em;
	line-height: 1.818;
	height: 115px;
	width: 105px;
	margin: 0 5px 0 0;
	padding: 0 5px;
	float: left;
}

.navSectionPink {
	background-color: #b43ae4;
	width: 15px;
	height: 15px;
	margin: 0 -5px 4px;
}

.pink {
	color: #b43ae4;
}

.pink a {
	color: #b43ae4;
	text-decoration: none;
}

.pink a:hover {
	color: #333;
}

ul#pink a {
	color: #333;
	text-decoration: none;
}

ul#pink a:hover {
	color: #b43ae4;
}

.navSectionRed {
	background-color: #c1272d;
	width: 15px;
	height: 15px;
	margin: 0 -5px 4px;
}

.red {
	color: #c1272d;
}

.red a {
	color: #c1272d;
	text-decoration: none;
}

.red a:hover {
	color: #333;
}

ul#red a {
	color: #333;
	text-decoration: none;
}

ul#red a:hover {
	color: #c1272d;
}

.navSectionOrange {
	background-color: #d69544;
	width: 15px;
	height: 15px;
	margin: 0 -5px 4px;
}

.orange {
	color: #d69544;
}

.orange a {
	color: #d69544;
	text-decoration: none;
}

.orange a:hover {
	color: #333;
}

ul#orange a {
	color: #333;
	text-decoration: none;
}

ul#orange a:hover {
	color: #d69544;
}

.navSectionGreen {
	background-color: #8cc63f;
	width: 15px;
	height: 15px;
	margin: 0 -5px 4px;
}

.green {
	color: #8cc63f;
}

.green a {
	color: #8cc63f;
	text-decoration: none;
}

.green a:hover {
	color: #333;
}

ul#green a {
	color: #333;
	text-decoration: none;
}

ul#green a:hover {
	color: #8cc63f;
}

.navSectionBlue {
	background-color: #4798ed;
	width: 15px;
	height: 15px;
	margin: 0 -5px 4px;
}

.blue {
	color: #4798ed;
}

.blue a {
	color: #4798ed;
	text-decoration: none;
}

.blue a:hover {
	color: #333;
}

ul#blue a {
	color: #333;
	text-decoration: none;
}

ul#blue a:hover {
	color: #4798ed;
}

.navSectionPurple {
	background-color: #662d91;
	width: 15px;
	height: 15px;
	margin: 0 -5px 4px;
}

.purple {
	color: #662d91;
}

.purple a {
	color: #662d91;
	text-decoration: none;
}

.purple a:hover {
	color: #333;
}

ul#purple a {
	color: #333;
	text-decoration: none;
}

ul#purple a:hover {
	color: #662d91;
}

h4 {
	font-size: 1.1em;
	line-height: 1.818;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	text-indent: 20px;
	width: 105px;
	height: 15px;
}

ul {
	list-style-type: none;
}

#sectionWhite {
	background: url(../images/sectionWhite.png) no-repeat 0 0;
	width: 795px;
	height: 75px;
	margin: 0 5px 0 0;
	padding: 40px 0 0 160px;
	display: block;
}

#sectionBlack {
	background: url(../images/sectionBlack.png) no-repeat 0 0;
	width: 795px;
	height: 75px;
	margin: 0 5px 0 0;
	padding: 40px 0 0 160px;
	display: block;
}

#sectionPink {
	background: url(../images/sectionPink.png) no-repeat 0 0;
	width: 795px;
	height: 75px;
	margin: 0 5px 0 0;
	padding: 40px 0 0 160px;
	display: block;
}

#sectionRed {
	background: url(../images/sectionRed.png) no-repeat 0 0;
	width: 795px;
	height: 75px;
	margin: 0 5px 0 0;
	padding: 40px 0 0 160px;
	display: block;
}

#sectionOrange {
	background: url(../images/sectionOrange.png) no-repeat 0 0;
	width: 795px;
	height: 75px;
	margin: 0 5px 0 0;
	padding: 40px 0 0 160px;
	display: block;
}

#sectionGreen {
	background: url(../images/sectionGreen.png) no-repeat 0 0;
	width: 795px;
	height: 75px;
	margin: 0 5px 0 0;
	padding: 40px 0 0 160px;
	display: block;
}

#sectionBlue {
	background: url(../images/sectionBlue.png) no-repeat 0 0;
	width: 795px;
	height: 75px;
	margin: 0 5px 0 0;
	padding: 40px 0 0 160px;
	display: block;
}

#sectionPurple {
	background: url(../images/sectionPurple.png) no-repeat 0 0;
	width: 795px;
	height: 75px;
	margin: 0 5px 0 0;
	padding: 40px 0 0 160px;
	display: block;
}

#sectionHeader {
	width: 675px;
	height: 32px;
}

h2 {
	color: #fff;
	font-size: 2.9em;
	font-weight: normal;
	font-style: normal;
}

#contentWrapper {
	width: 1075px;
	margin: 0 5px 5px 0;
	float: left;
}

.advertisement {
	background: transparent;
	width: 235px;
	height: 235px;
	margin: 5px 0 0 5px;
	float: left;
}

.advertisement h4 {
	position: absolute;
	z-index: 1;
}

.contentSmall {
	background-image: url(../images/overlay.png);
	width: 235px;
	margin: 5px 0 0 360px;
	float: left;
}

.content {
	background-image: url(../images/overlay.png);
	width: 475px;
	margin: 5px 0 0 240px;
	float: left;
	min-height: 115px;
	display: block;
	overflow: auto;
}

.contentBig {
	background-image: url(../images/overlay.png);
	width: 715px;
	margin: 5px 0 0 120px;
	float: left;
}

.pinkBlock {
	background-color: #b43ae4;
	width: 15px;
	height: 15px;
	position: absolute;
	z-index: 1;
}

.blackBlock {
	background-color: #000;
	width: 15px;
	height: 15px;
	position: absolute;
	z-index: 1;
}

.redBlock {
	background-color: #c1272d;
	width: 15px;
	height: 15px;
	position: absolute;
	z-index: 1;
}

.orangeBlock {
	background-color: #d69544;
	width: 15px;
	height: 15px;
	position: absolute;
	z-index: 1;
}

.greenBlock {
	background-color: #8cc63f;
	width: 15px;
	height: 15px;
	position: absolute;
	z-index: 1;
}

.blueBlock {
	background-color: #4798ed;
	width: 15px;
	height: 15px;
	position: absolute;
	z-index: 1;
}

.purpleBlock {
	background-color: #662d91;
	width: 15px;
	height: 15px;
	position: absolute;
	z-index: 1;
}

.text {
	padding: 40px;
}

h3 {
	font-size: 1.8em;
	line-height: 1.15;
	font-weight: normal;
	font-style: normal;
	margin: -8px 0 4px 0;
}

p {
	font-size: 1.1em;
	line-height: 1.9;
	margin-bottom: -6px;
}

p img {
	margin-bottom: 5px;
}

img.top {
	margin-top: -11px;
}

ul#text {
	font-size: 1.1em;
	line-height: 1.9;
	list-style-type: disc;
	list-style-position: inside;
}

.image115 {
	background-color: #000;
	width: 115px;
	height: 115px;
	margin: 5px 0 0 5px;
	float: left;
}

.image84-115 {
	background-color: #000;
	width: 84px;
	height: 115px;
	margin: 5px 0 0 5px;
	float: left;
}

.image235 {
	background-color: #000;
	width: 235px;
	height: 235px;
	margin: 5px 0 0 5px;
	float: left;
}

.image235-115 {
	background-color: #000;
	width: 235px;
	height: 115px;
	margin: 5px 0 0 5px;
	float: left;
}

.image235-235 {
	background-color: #000;
	width: 235px;
	height: 235px;
	margin: 5px 0 0 5px;
	float: left;
}

.image355 {
	background-color: #000;
	width: 355px;
	height: 355px;
	margin: 5px 0 0 5px;
	float: left;
}

.image355-235 {
	background-color: #000;
	width: 355px;
	height: 235px;
	margin: 5px 0 0 5px;
	float: left;
}

table {
	font-size: 1.1em;
	line-height: 1.9;
	width: 635px;
	border-collapse: collapse;
}

table#home {
	font-size: 1.1em;
	line-height: 1.9;
	width: 395px;
	border-collapse: collapse;
}

th, td {
	vertical-align: top;
}

th.dag {
	width: 70px;
}

th.deel {
	width: 60px;
}

th.tijd {
	width: 110px;
}

th.plaats {
	width: 205px;
}

th.betaling {
	width: 140px;
}

th.soort {
	width: 50px;
}

th {
	border-bottom: 1px solid #333;
}

td.border {
	border-bottom: 1px solid #ccc;
}

td.footnote {
	font-size: 0.8em;
	line-height: 1.9;
	font-style: italic;
}

iframe {
	margin: -6px 0 2px 0;
}

.cvfirst {
	font-size: 1.1em;
	line-height: 1.9;
	height: 81px;
	margin: 6px 0;
}

.cv {
	font-size: 1.1em;
	line-height: 1.9;
	height: 81px;
	margin: 8px 0 6px;
}

.picture {
	width: 75px;
	height: 75px;
	float: left;
	margin: 6px 6px 0 0;
}

#footer {
	background: url(../images/footer.png) no-repeat 0 0;
	width: 475px;
	height: 235px;
	margin: 0 5px 5px 240px;
	display: block;
	float: left;
	clear: left;
}

#design {
	color: #fff;
	text-align: center;
	width: 457px;
	height: 97px;
	margin-top: 109px;
	padding: 9px;
	border-top: 1px solid #fff;
}

#design img {
	margin-top: 36px;
}

.hide {
	visibility: hidden;
}


/* iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }