/* CSS Document */
/* Zidiot for The Square Mile */
/* Author: Lucas Winckers, studio@zidiot.com */
/* Last version, Augsust 13, 2009 */

/* All pages */
html {
	font-size:65%;line-height:110%;
	font-family:Arial,Helvetica,sans-serif;
	color:#333333;
	height:100%;
	}
body {
	background-color:#F2F2F2;
	/*background-color: #f8f8f2;*/
	font-size: 100%;
	padding:0px;
	margin:0px;
	height:100%;
	}
#site {
	position:absolute;
	left:50%;
	width:800px;
	margin-left:-400px;
	padding:0;
	/*background-color:white;*/
	}


/* Header */
#header_box {
	width:100%;
	clear:both;
	height:95px;
	margin:0;
	padding:0;
	border-bottom:1px dotted #C1BEB6;
	}
#header {
	width:75px;
	height:75px;
	}
#header_image {
	position:relative;
	left:0px;
	top:0px;
	width:650px;
	height:80px;
	}
#header_flash {
	position:relative;
	left:0px;
	top:11px;
	width:650px;
	height:75px;
	}
#header img {
	margin-top:11px;
	border:0px;
	}
#header_image img {
	border:0px;
	}
#header_language {
	float:right;
	width:100px;
	text-align:right;
	margin:0;
	padding:0 0 5px 0; /*extra ruimte onderin, anders wordt de g (etc.) afgsneden in IE7*/
	}
#header_language p {
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	}
#header_language a {
	text-decoration:none;
	font-weight:bold;
	color:#C70D21;
	}
#header_language a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	}


/* Navigation */
#nav_box {
	width:100%;
	/*clear:both;*/
	height:45px;
	/*border-bottom:1px solid #C1BEB6;*/
	margin:0;
	padding:0;
	}
#nav_box_sub {
	width:100%;
	/*clear:both;*/
	height:70px;
	/*border-bottom:1px solid #C1BEB6;*/
	margin:0;
	padding:0;
	}

#navigation {
	width:800px;
	padding-top:9px; /*iets meer ruimte boven navigatie*/
	}
#navigation_home {
	width:800px;
	padding-top:9px; /*iets meer ruimte boven navigatie*/
	}
#nav_language {
	float:right;
	width:100px;
	text-align:right;
	margin:0;
	padding:0 0 5px 0; /*extra ruimte onderin, anders wordt de g (etc.) afgsneden in IE7*/
	}
#nav_language p {
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	}
#nav_language a {
	text-decoration:none;
	font-weight:bold;
	color:#C70D21;
	}
#nav_language a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	}

#nav_items {
	list-style:none;
	margin:0;
	padding:0;
	}
#nav_items li {
	list-style:none;
	float:left;
	font-size:1.6em;
	line-height:1.6em;
	color:#C70D21;
	font-weight:normal;
	/*padding makes less or bigger spaces between the menu items*/
	padding-right:20px;
	}
#nav_items li a {
	color:#C70D21;
	text-decoration: none;
	padding:0px;}
#nav_items li a:hover {
	color:#333333;
	text-decoration:none;
	padding:0px;
	}
#nav_items li.on a {
	color:#333333;
	text-decoration:none;
	padding:0px;
	}

#subnavigation {
	width:760px;
	clear:both;
	padding-top:0px; /*iets meer ruimte boven navigatie*/
	}
#subnav_items {
	list-style:none;
	margin:0;
	padding:0;
	}
#subnav_items li {
	list-style:none;
	float:left;
	font-size:1.6em;
	line-height:1.6em;
	color:#C70D21;
	font-weight:normal;
	/*padding makes less or bigger spaces between the menu items*/
	padding-right:22px;
	}
#subnav_items li a {
	color:#C70D21;
	text-decoration: none;
	padding:0px;}
#subnav_items li a:hover {
	color:#333333;
	text-decoration:none;
	padding:0px;
	}
#subnav_items li.on a {
	color:#333333;
	text-decoration:none;
	padding:0px;
	}


/* Images Homepage */
#image_box {
	margin:auto auto;
	width:100%;
	clear:both;
	height:auto;
	/*margin-top:11px;*/
	padding:10px 0 10px 0;
	border-top:1px solid #C1BEB6;
	}
/* Lay-out types */
#image_left {
	float:left;
	position:relative;
	padding-bottom:10px;
	}
#image_right {
	float:right;
	position:relative;
	/* Width is smaller than image, shadow overlaps border of content. Works on Mac; Firefox 2, */ 
	width:252px;
	padding-bottom:10px;
	}
#image_wide {
	float:left;
	position:relative;
	padding-bottom:10px;
	}


/* Content */
#content_box {
	margin:auto auto;
	width:100%;
	clear:both;
	height:auto;
	padding-top:15px;
	padding-bottom:20px;
	border-top:1px solid #C1BEB6;
	}
#content_box p {
	font-size:1.2em;
	color:#666666;
	/*line-height:1.5em;*/
	line-height:140%;
	}
#content_box h1 {
	font-size:1.8em;
	font-weight:bold;
	color:#333333;
	line-height:130%;
	}
#content_box h2 {
	font-size:1.5em;
	font-weight:bold;
	color:#333333;
	line-height:10px;
	}
#content_box strong {
	font-weight:bold;
	color:#333333;
	}
#content_box a {
	color:#C70D21;
	text-decoration:none;
	}
#content_box a:hover {
	color:#333333;
	text-decoration:none;
	}
#content_box ul, #content_box ol, #content_box li {
	font-size:1.09em;
	color:#666666;
	line-height:140%;
	}
/*#content_box form,*/ #content_box input, #content_box textarea, .content_box_textarea {
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	}

/* test images klein in content */
#content_box p img { float: left; padding: 0px 20px 20px 0px; }

/* Lay-out column types */
#content_2column_left {
	float:left;
	width:530px;
	height:100%;
	/*margin-top:20px;*/
	padding-bottom:10px; /*extra 10 bovenop de 20 van content_box*/
	}
#content_1column_right {
	float:right;
	width:250px;
	/*margin-top:20px;*/
	padding-bottom:10px; /*extra 10 bovenop de 20 van content_box*/
	}
#content_2column_right {
	float:right;
	width:530px;
	height:100%;
	/*margin-top:20px;*/
	padding-bottom:10px; /*extra 10 bovenop de 20 van content_box*/
	}
#content_1column_left {
	float:left;
	width:250px;
	/*margin-top:20px;*/
	padding-bottom:10px; /*extra 10 bovenop de 20 van content_box*/
	}
#content_sub_right {
	float:right;
	width:570px;
	height:100%;
	/*margin-top:20px;*/
	padding-bottom:10px; /*extra 10 bovenop de 20 van content_box*/
	}
#content_sub_left {
	float:left;
	width:570px;
	height:100%;
	/*margin-top:20px;*/
	padding-bottom:10px; /*extra 10 bovenop de 20 van content_box*/
	}

/* Content subnavigatie */
#subnav_left {
	float:left;
	width:200px;
	padding-bottom:10px; /*extra 10 bovenop de 20 van content_box*/
	}
#subnav_left p {
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
	color:#333333;
	}
#subnav_left form, #subnav_left input, #subnav_left textarea {
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	}
#subnav_left a {
	text-decoration:none;
	font-weight:bold;
	color:#C70D21;
	}
#subnav_left a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	}
#subnav_left a.on {
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	}

#subnav_right {
	float:right;
	width:200px;
	padding-bottom:10px; /*extra 10 bovenop de 20 van content_box*/
	}
#subnav_right p {
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
	color:#333333;
	}
/*#subnav_right form,*/ #subnav_right input, #subnav_right textarea {
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	}
#subnav_right a {
	text-decoration:none;
	font-weight:bold;
	color:#C70D21;
	}
#subnav_right a:hover {
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	}
#subnav_right a.on {
	text-decoration:none;
	font-weight:bold;
	color:#333333;
	}


/* subnavigation content */
#subnav_items_left {
	list-style:none;
	margin:0;
	padding:0;
	}
#subnav_items_left li {
	list-style:none;
	float:left;
	font-size:1.1em;
	line-height:1.2em;
	color:#C70D21;
	font-weight:normal;
	padding:0px; /*padding makes less or bigger spaces between the menu items*/
	}
#subnav_items_left li a {
	color:#C70D21;
	text-decoration: none;
	padding:0px;}
#subnav_items_left li a:hover {
	color:#333333;
	text-decoration:none;
	padding:0px;
	}
#subnav_items_left li.on a {
	color:#333333;
	text-decoration:none;
	padding:0px;
	}


/* Footer */
#footer_box {
	margin:auto auto;
	width:100%;
	clear:both;
	height:20px;
	border-top:1px solid #C1BEB6;
	padding-top:9px; /*iets meer ruimte tot lijn*/
	}
#footer p {
	color:#666666;
	}
#footer a {
	color:#C70D21;
	text-decoration:none;
	padding:0px;
	}
#footer a:hover {
	color:#333333;
	text-decoration:none;
	padding:0px;
	}
#footer a.on {
	}


/* Type */
/*p, body {
	margin-left:0px;
	margin-right:0px;
	color:black;
	line-height:16pt;
	}
a {
	text-decoration:none;
	color:#C70D21;
	}
a:hover {
	text-decoration:none;
	color:#333333;
	}
*/

/* Table */
.table_layout {
	width:100%;
	font-size:110%;
	line-height:130%;
	color:#333333;
	background-color:#F2F2F2;
	border:0;
	}
.tr_top {
	background-color:#CCCCCC;
	vertical-align:top;
	}
.tr_odd {
	background-color:#E1E1E1;
	vertical-align:top;
	}
.tr_even {
	background-color:#F2F2F2;
	vertical-align:top;
	}

/* Lines */
.dashedline_above {
	border-top:1px dashed #C1BEB6;
	}
.dottedline_above {
	border-top:1px dotted #C1BEB6;
	}
.solidline_above {
	border-top:1px solid #C1BEB6;
	}
.dashedline_below {
	border-bottom:1px dashed #C1BEB6;
	}
.dottedline_below {
	border-bottom:1px dotted #C1BEB6;
	}
.solidline_below {
	border-bottom:1px solid #C1BEB6;
	}
hr {
	border:0px;
	background-color:#C1BEB6;
	color:#CCBEB6;
	height:1px;
}
div.error-message, div.info-message {
    padding: 15px;
    border: 1px solid #900;
    background-color: #ebced0;
    font-weight: bold;
}
div.info-message {
    border: 1px solid #009;
    background-color: #d5ceeb;
}