@charset "UTF-8";

body{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin:0px;
	background-image:url('images/achtergrond-sterren-day.png');
	background-attachment: fixed;
    color:black;
}
a{
	text-decoration:none;
	color:rgb(232, 74, 147);
	font-size:14px;
}

div#contactForm{
    background-image:url("images/achtergrond_day.png");
    border:solid;
	border-color:rgba(46, 165, 158, .9);
}

div#canvas {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	min-height:1218px;
}
	div#canvas_content {
		padding-left:60px;
		padding-right:60px;
		padding-top:20px;
		padding-bottom:0px;
		height:850px;
		line-height: 100%;
	}

	input:focus {
		outline: none;
	}

	textarea:focus {
		outline: none;
	}

	div#inner {
	padding-top:35px;
	width: 840px;
    margin-left: auto;
    margin-right: auto;
	}

	#ideaContainer {
		position:relative;
	}

	#Genie {
		position: absolute;
		left: 11px;
		top: -270px;
	}

	#Genie_below {
		position: absolute;
		left: 133px;
		top: 83px;
	}

	#logoContainer {
		position:relative;
	}

	#Logo {
		position: absolute;
		left: 550px;
		top: 45px;
	}

		div#header {
			width:100%:
			height:300px;
		}
			div#logo {
				float:left;
				width:300px;
			}
			div#slogan {
				float:right;
				padding-top:45px;
				width:400px;
				text-align:right;
			}
		div#menu {
			margin-top:20px;
			width:100%;
		}

		div#tiles {
			margin:0px;
			width: 580px;
		}

		div#tilesWork {
			margin:0px;
			width: 840px;
		}

			div.tileYellow {
				width:180px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:180px;
				float:left;
				background-image:url("images/achtergrond_day.png");
				overflow:hidden;
				border:solid;
				border-color:rgba(241, 202, 69, .9);

			}

			div.tileGreen {
				width:180px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:180px;
				float:left;
				background-image:url("images/achtergrond_day.png");
				overflow:hidden;
				border:solid;
				border-color:rgba(46, 165, 158, .9);
			}

			div.tilePink {
				width:180px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:180px;
				float:left;
				background-image:url("images/achtergrond_day.png");
				overflow:hidden;
				border:solid;
				border-color:rgba(232, 74, 147, .9);
			}

			div.catotileYellow {
				width:180px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:180px;
				margin-bottom:24px;
				margin-right:12px;
				margin-left:12px;
				float:left;
				background-image:url("images/achtergrond_day.png");
				overflow:hidden;
				border:solid;
				border-color:rgba(241, 202, 69, .9);
			}

			div.catotileGreen {
				width:180px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:180px;
				margin-bottom:24px;
				margin-right:12px;
				margin-left:12px;
				float:left;
				background-image:url("images/achtergrond_day.png");
				overflow:hidden;
				border:solid;
				border-color:rgba(46, 165, 158, .9);
			}

			div.catotilePink {
				width:180px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:180px;
				margin-bottom:24px;
				margin-right:12px;
				margin-left:12px;
				float:left;
				background-image:url("images/achtergrond_day.png");
				overflow:hidden;
				border:solid;
				border-color:rgba(232, 74, 147, .9);
			}

			div.worktileYellow {
				width:180px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:180px;
				margin-bottom:24px;
				margin-right:12px;
				margin-left:12px;
				float:left;
				background-image:url("images/achtergrond_day.png");
				overflow:hidden;
				border:solid;
				border-color:rgba(241, 202, 69, .9);
			}

			div.worktileGreen {
				width:180px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:180px;
				margin-bottom:24px;
				margin-right:12px;
				margin-left:12px;
				float:left;
				background-image:url("images/achtergrond_day.png");
				overflow:hidden;
				border:solid;
				border-color:rgba(46, 165, 158, .9);
			}

			div.worktilePink {
				width:180px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:180px;
				margin-bottom:24px;
				margin-right:12px;
				margin-left:12px;
				float:left;
				background-image:url("images/achtergrond_day.png");
				overflow:hidden;
				border:solid;
				border-color:rgba(232, 74, 147, .9);
			}

			div.bigtileYellow {
				width:376px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:180px;
				background-image:url("images/achtergrond_day.png");
				float:left;
				overflow:hidden;
				border:solid;
				border-color:rgba(241, 202, 69, .9);
			}

			div.bigtileGreen {
				width:376px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:180px;
				background-image:url("images/achtergrond_day.png");
				float:left;
				overflow:hidden;
				border:solid;
				border-color:rgba(46, 165, 158, .9);
			}

			div.bigtilePink {
				width:376px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:180px;
				background-image:url("images/achtergrond_day.png");
				float:left;
				overflow:hidden;
				border:solid;
				border-color:rgba(232, 74, 147, .9);
			}

			div.workbigtileYellow {
				width:390px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:180px;
				background-image:url("images/achtergrond_day.png");
				float:left;
				margin-bottom:24px;
				margin-right:12px;
				margin-left:12px;
				overflow:hidden;
				border:solid;
				border-color:rgba(241, 202, 69, .9);
			}
			div.workbigtileYellowlarge {
				width:390px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:390px;
				background-image:url("images/achtergrond_day.png");
				float:left;
				margin-bottom:24px;
				margin-right:12px;
				margin-left:12px;
				overflow:hidden;
				border:solid;
				border-color:rgba(241, 202, 69, .9);
			}
			div.workbigtileYellow2 {
				width:390px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:390px;
				background-image:url("images/achtergrond_day.png");
				float:left;
				margin-bottom:24px;
				margin-right:12px;
				margin-left:12px;
				overflow:hidden;
				border:solid;
				border-color:rgba(241, 202, 69, .9);
			}

			div.workbigtileGreen {
				width:390px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:180px;
				background-image:url("images/achtergrond_day.png");
				float:left;
				margin-bottom:24px;
				margin-right:12px;
				margin-left:12px;
				overflow:hidden;
				border:solid;
				border-color:rgba(46, 165, 158, .9);
			}

			div.workbigtilePink {
				width:390px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:180px;
				background-image:url("images/achtergrond_day.png");
				float:left;
				margin-bottom:24px;
				margin-right:12px;
				margin-left:12px;
				overflow:hidden;
				border:solid;
				border-color:rgba(232, 74, 147, .9);
			}

			div.smalltile {
				width:35px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:35px;
				float:right;
				margin-left:10px;
			}

			div.twittertile {
				width:240px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:610px;
				background-color:rgb(255,255,255);
				float:left;
				border:solid;
				border-color:rgba(240,197,46, .9);
				background-image:url("images/achtergrond_day.png");
			}
			div.longtile {
				width:240px;/*default tile size (3 tiles per row). Overriden for larger tiles.*/
				height:825px;
				background-color:rgb(255,255,255);
				float:left;
				border:solid;
				border-color:rgba(240,197,46, .9);
				background-image:url("images/achtergrond_day.png");
			}
				div.tile_content, div.big_tile_content {
					font-size:11pt;
					text-align:left;

				}

				div.twittertile_content{
					font-size:11pt;
					text-align:left;
					color:black;
					width:230px;
					margin:5px;
				}

				div.tile_image{
					margin-left:50px;
				}

				div.tile_image2{
					margin-top:10px;
				}
				div.tile_content {
					width:170px;
					margin:5px;
				}

				div.tile_contentlong{
					width:200px;
					margin:25px;
					font-size:10pt;

				}

				div.text_contact{
					font-size:11pt;
				}

				div.textTile{
                  margin-left:10px;
                }

				div.tile_contentWork { /*regular homepage tile (three tiles per row), separated with .tile_spacer, rows finalized with .linebreaker*/
					width:174px;
					max-width:174px;
					max-height:174px;
					margin:0px;
				}

				div.big_tile_content { /*extra wide tile (two tiles per row)*/
					width:350px;
					margin-left:10px;
					margin-top:10px;
				}

				div.small_tile_content {
					width:170px;
					margin-left:10px;
					margin-right:5px;
					margin-top:10px;
					font-size:11pt;
				}
					h2 {
						color:rgb(46, 165, 158);
						line-height:0;
						padding-top:3px;
						font-family: 'Poiret One', cursive;
					}
					h4 {
						color:rgb(46, 165, 158);
						line-height:0;
						padding-top:3px;
						font-family: 'Poiret One', cursive;
					}
					div.lees_meer {
						text-align:right;
						font-size:10pt;
						text-decoration:none;
						color:rgb(232, 74, 147);
						padding-right:10px;
						margin-top:10px;
					}


			div.tilespacer {
				width:10px;
				float:left;
			}

			div.tilespacerWork {
				width:10px;
				float:left;
			}

			div.linebreaker {
				clear:both;
				height:29px;
			}

			div.linebreakerWork {
				clear:both;
				height:31px;
			}
	div#footer {
		width: 840px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:0;
	}
