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

body {
	background: #182325 url('/_grafix/bg.jpg') top left repeat-x;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #fff;
}

br.clear {
	clear: both;
}

a {
	color: #b61861;
}

a:hover {
	color: #c85289;
}

img.middle {
	vertical-align: middle;
}

/* wrapper */

#wrapper {
	margin: auto;
	width: 980px;
}

/* container */

#outer_container {
	float: left;
	width: 980px;
}

#container {
	float: left;
	width: 800px;
}

/* sticker */

#sticker {
	position: relative;
	width: 195px;
	height: 195px;
	background: url('/_grafix/bg_sticker.png') top right no-repeat;
	top: 330px;
	left: 780px;
	cursor: pointer;
	z-index: 999;
	text-align: center;
}

#sticker:hover {
	background-position: 0 -195px;
}

#sticker .text {
	position: relative;
	width: 145px;
	height: 75px;
	top: -212px;
	left: 25px;
	font-size: 14px;
	line-height: 1.3em;
}

/* top */

#top {
	float: left;
	width: 800px;
	height: 205px;
	background: url('/_grafix/bg_top.png') top left no-repeat;
}

/* navigation */

#navigation {
	position: relative;
	float: left;
	width: 800px;
	height: 55px;
	margin-bottom: 15px;
	z-index: 10;
	background: url('/_grafix/bg_navigation.png') center right no-repeat;
}

#main_navigation {
	float: left;
	list-style-type: none;
	margin-top: 4px;
	padding-left: 6px;
}

#main_navigation li {
	float: left;
	vertical-align: top;
	height: 42px;
	background: url('/_grafix/bg_navigation_item.gif') center right no-repeat;
	padding-right: 2px;
}

#main_navigation li a {
	display: block;
	vertical-align: top;
	height: 42px;
}

#main_navigation li a:hover { 
	background-position: 0 -42px; 
}

#main_navigation li a.selected { 
	background-position: 0 -42px; 
}

#main_navigation li span {
	display: none;
}

#main_navigation li ul {
	float: left;
	list-style-type: none;
	visibility: hidden;
	position: absolute;
	background: #003e72;
	margin-top: -1px;
	overflow: hidden;
	padding-bottom: 12px;
}

#main_navigation li ul li {
	float: left;
	vertical-align: top;
	height: auto;
	color: #fff;
	font-size: 13px;
	margin-bottom: 1px;
}

#main_navigation li ul li a {
	display: block;
	vertical-align: top;
	width: 200px;
	height: auto;
	padding: 6px 0 6px 18px;
	color: #fff;
	background: none;
}

#main_navigation li ul li a:hover {
	color: #fff;
	background: #05305f;
	text-decoration: none;
}

#main_navigation li ul li strong {
	display: block;
	vertical-align: top;
	width: 200px;
	height: auto;
	padding: 6px 0 6px 18px;
	color: #fff;
	background-color: #042244;
	font-weight: normal;
}

/* template 1 */

/* banner */

#banner {
	float: left;
	width: 800px;
	height: 160px;
	background: url('/_grafix/bg_banner.gif') top left no-repeat;
	margin-bottom: 10px;
}

#banner .gutter {
	float: left;
	width: 772px;
	padding: 10px 11px 14px 11px;
}

#banner img.banner {
	float: left;
}

/* banner home */

#banner_home {
	float: left;
	width: 800px;
	height: 160px;
	background: url('/_grafix/bg_banner.gif') top left no-repeat;
	margin-bottom: 10px;
}

/* toonzaal button */

#toonzaal_btn {
	float: right;
	width: 152px;
	height: 156px;
}


/* left block 1 */

#left_block1 {
	float: left;
	width: 490px;
/*  text-align: justify;  */
}

#left_block1 .gutter {
	float: left;
	width: 460px;
	padding-left: 30px;
}

#left_block1 h1 {
	line-height: 1em;
	margin-bottom: 5px;
}

#left_block1 p {
	line-height: 1.5em;
	margin-bottom: 20px;
}

#left_block1 ul {
	list-style-type: disc;
	margin-left: 5px;
	margin-bottom: 20px;
}

#left_block1 ol {
	margin-left: 5px;
	margin-bottom: 20px;
}

#left_block1 li {
	margin-left: 15px;
	margin-bottom: 3px;
}

/* right block 1 */

#right_block1 {
	float: right;
	width: 280px;
	color: #999;
}

#right_block1 p {
	line-height: 1.5em;
	margin-bottom: 20px;
}

#right_block1 h2 {
	margin-bottom: 7px;
}

#right_block1 a {
	color: #999;
}

#right_block1 a:hover {
	color: #eee;
}


/* template 2 */

#main2 {
	float: left;
	width: 800px;
}

#main2 .gutter {
	float: left;
	width: 790px;
	padding-top: 5px;
	padding-left: 10px;
}

#main2 p {
	line-height: 1.5em;
	margin-bottom: 20px;
}

#left_block2 {
	float: left;
	width: 490px;
}

#right_block2 {
	float: right;
	width: 290px;
}


/* template 3 */

#main3 {
	float: left;
	width: 800px;
}

#left_block3 {
	float: left;
	width: 490px;
	background: url('/_grafix/bg_left_block3.gif') top left no-repeat;
}

#left_block3 .gutter {
	float: left;
	padding: 10px 11px 0 9px;
	width: 470px;
}

#left_block3 p {
	color: #2c2c2c;
	line-height: 1.3em;
	margin-bottom: 20px;
}

div.left_block3_bottom {
	float: left;
	width: 490px;
	height: 25px;
	background: url('/_grafix/bg_left_block3_bottom.gif') top left no-repeat;
}

#right_block3 {
	float: right;
	width: 290px;
	padding-top: 12px;
}

#right_block3 h1 {
	color: #333;
}

/* home news */

ul.news_home {
	float: left;
	list-style-type: none;
}

ul.news_home li {
	float: left;
	width: 280px;
	border-bottom: 1px solid #999;
	margin-bottom: 12px;
	padding-bottom: 13px;
	cursor: pointer;
}

span.news_home_date_small {
	font-size: 10px;
	color: #ccc;
}

ul.news_home li p {
	font-size: 12px;
	margin: 5px 0 0 0 !important;
}


/* news */

ul.news {
	float: left;
	list-style-type: none;
}

ul.news li {
	float: left;
	width: 690px;
	border-bottom: 1px solid #999;
	margin-bottom: 19px;
	cursor: pointer;
}

span.news_date_small {
	display: block;
	font-size: 12px;
	color: #ccc;
	margin-bottom: 8px;
}


/* people */

div.person_block {
	float: left;
	width: 790px;
	margin-bottom: 15px;
}

div.person_text {
	float: left;
	width: 490px;
	height: 157px;
	border-bottom: 1px solid #ccc;
}

div.person_image {
	float: right;
	width: 290px;
	height: 160px;
	background: url('/_grafix/bg_block.gif') top left no-repeat;
}

div.person_image img {
	float: left;
	margin: 10px 0 0 11px;
}


/* realisations */

div.realisation_block {
	float: left;
	width: 790px;
	margin-bottom: 15px;
}

div.realisation_text {
	float: left;
	width: 490px;
	height: 157px;
	border-bottom: 1px solid #ccc;
}

div.realisation_image {
	float: right;
	width: 290px;
	height: 160px;
	background: url('/_grafix/bg_block.gif') top left no-repeat;
}

div.realisation_image img {
	float: left;
	margin: 10px 0 0 11px;
}

div.realisation_image_block {
	float: left;
	width: 255px;
	height: 140px;
	background: url('/_grafix/bg_realisation_image_block.gif') top left no-repeat;
	margin: 0 12px 20px 0;
}

div.realisation_image_block_gutter {
	float: left;
	padding: 10px;
}


/* projects */

div.project_block {
	float: left;
	width: 255px;
	height: 228px;
	background: url('/_grafix/bg_realisation_image_block.gif') top left no-repeat;
	margin: 0 12px 20px 0;
	border-bottom: 1px solid #eee;
}

div.project_block_gutter {
	float: left;
	padding: 10px;
	cursor: pointer;
}

div.project_block img {
	margin-bottom: 2px;
}

div.project_block a.title {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
	color: #fff;
	font-size: 13px;
}

div.project_block a.title:hover {
	color: #b61861;
}

div.project_block span {
	font-size: 11px;
}

div.project_small_image_block {
	float: left;
	width: 145px;
	height: 115px;
	overflow: hidden;
	margin: 0 10px 10px 0;
}

/* project menu */

#project_menu {
	float: left;
	width: 490px;
	height: 25px;
	margin-top: 10px;
	font-size: 12px;
}

#project_menu div.left {
	float: left;
	padding-left: 8px;
}

#project_menu div.right {
	float: right;
	padding-right: 8px;
}

#project_menu a {
	color: #fff;
}

#project_menu a:hover {
	color: #b61861;
}

#project_menu div.right span {
	color: #ccc;
}


/* contact form */

#contact_form table {
	width: 410px;
}

#contact_form span {
	font-size: 13px;
	color: #000;
}

#contact_form span.mandatory {
	font-weight: bold;
}

#contact_form span.mandatory_err {
	color: #e00;
	font-weight: bold;
}

#contact_form input.text {
	width: 400px;
	height: 20px;
	padding: 4px;
	background: #fff;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

#contact_form .textarea {
	width: 400px;
	height: 60px;
	padding: 4px;
	background: #fff;
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 14px;
}

#contact_form input.button {
	font-size: 14px;
	color: #fff;
	background: #b61861;
	font-weight: bold;
	padding: 6px;
	cursor: pointer;
}

/* map block */

#project_map_block {
	float: left;
	width: 290px;
	height: 295px;
	background: url('/_grafix/bg_project_map_block.gif') top left no-repeat;
}

#project_map_block .gutter {
	float: left;
	width: 270px;
	height: 270px;
	padding: 10px;
}

#contact_map_canvas, 
#project_map_canvas {
	width: 270px;
	height: 270px;
}

/* contact block */

#contact_block {
	float: left;
	width: 290px;
	height: 180px;
	background: url('/_grafix/bg_project_map_block.gif') top left no-repeat;
	color: #2c2c2c;
}

#contact_block .gutter {
	float: left;
	width: 250px;
	height: 160px;
	padding: 10px 20px 0 20px;
}

#contact_block_bottom {
	float: left;
	width: 290px;
	height: 20px;
	background: url('/_grafix/bg_project_map_block.gif') bottom left no-repeat;
	margin-bottom: 15px;
}

/* footer */

#footer {
	float: left;
	width: 800px;
	color: #666;
	font-size: 12px;
}

#footer .gutter {
	float: left;
	width: 800px;
	text-align: center;
	padding: 25px 0 15px 0;
}

#footer a {
	color: #666;
	text-decoration: underline;
}

#footer a:hover {
	color: #eee;
}


/* quoted */

#quoted {
	width: 15px;
	height: 16px;
	vertical-align: top;
	line-height: 1em;
	margin-left: 8px;
}

#ikon {
	width: 19px;
	height: 15px;
	vertical-align: top;
	line-height: 1em;
	margin-left: 3px;
}