html, body
{
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
}

.clr
{
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
	main: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

* html .pkg { display: inline-block; }

/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }

/* */
  img, div, .pngfix, input, ul, li { behavior: url("/css/iepngfix.htc") }



.hide
{
	display: none;
	visibility: hidden;
	overflow: hidden;
}


body
{
	font-size: 13px;
	font-family: Helvetica MS, Helvetica, Arial, sans;
	text-align: left;
	background-color: #FFF;
	background-image: url(../img/maartenbouwhuis-bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0;
	background-attachment: fixed;
}

p { margin: 0px 0px 10px 0px; }

#content a:link { color: #F60; }
#content a:visited { color: #F60; }
#content a:hover {text-decoration: underline; }
#content a:active { text-decoration: underline; }


#agenda a:link { color: #F60; }
#agenda a:visited { color: #F60; }
#agenda a:hover {text-decoration: underline; }
#agenda a:active { text-decoration: underline; }
/* selected link */

a
{
	text-decoration: none;
	color: #F60;
}
.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/*  ### Layout ###  */
div#canvas {
	margin: 0px auto;
	width: 900px;
/*
	border-right: #F00;
	border-left: #F00;
	border-width: 0 1px 0 1px;
	border-style: none solid none solid;
*/}

div#container
{
	text-align: left;
	float:right;
	width: 780px;
	margin: 0px ;
/*
	border-right: #CCC;
	border-left: #CCC;
	border-width: 0 1px 0 1px;
	border-style: none solid none solid;
*/}

div#header
{
	width: 780px;
	height: 150px;
	background-image: url(../img/maarten-bouwhuis.gif);
	background-repeat: no-repeat;
	background-position: 10px 60px;
}

div#header h1 {
	margin: 0;
	padding: 0px;
}

#homelink {float: left;}
#imagemap {
	width:402px;
	height:28px;
	margin: 70px 0px 0px 10px;
	}

ul#intro,ul#intro li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul#intro {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

ul#intro li
{
	float: left;
	width: 250px;
	margin-right: 8px;
	padding: 0px;
	background-image: url(../img/70white.png);
	background-repeat: repeat;
	background-position: 0 0;
/*
	border:1px solid #ddd;
*/}

.intro-inner {	padding: 10px;
}

/*
li#mission { background: #E65714; }
li#services { background: #42B4AC; }
li#goals { background: #7D63A9;}
*/
ul#intro p
{
	font-size: 17px;
	margin: 0px 0px 0px 0px;
	color: #555;
	line-height: 21px;
}

ul#intro h3
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 24px;
	padding-bottom: 0px;
	color: #333;
	font-family: Helvetica MS,Arial, sans;
	font-style: normal;
	font-weight: normal;
}
#wrapper {	border-top:1px solid #ddd;
}
div#main p { line-height: 1.4; }
div#main {
	float: left;
	width: 555px;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 0px 0px;
	border-right:1px solid #ddd;
}

div#service
{
	background: #fff;
}

div#service {	margin-top: 20px;

	float: right;
	width: 200px;
}
div#service ul {
	margin: 0px;
	padding: 0;
	list-style-type: none; }
div#service li { margin-bottom: 5px; }

div#service h4 {
	margin: 0px 10px 0px 10px;
	font-size: 1.5em;
	padding-bottom: 0px;
	color: #f60;
	font-family: Helvetica MS,Arial, sans;
	font-style: normal;
	font-weight: normal;
}


#right-menu { margin-bottom:10px;}
#right-menu a:link { color: #F60; }
#right-menu a:visited { color: #F60; }
#right-menu a:hover {	text-decoration: none; }
#right-menu a:active { text-decoration: none; }

div#service .hrule {
border: none 0; 
width:202px;
height:1px;
border-top:1px solid #f60;
text-align: left;/*this will align it for IE*/
margin: 20 auto 10px 0; /*this will align it left for Mozilla*/
}

div#footer
{
	font-size: 0.9em;
	border-top:1px solid #ddd;

}

div#footer-inner p {	padding: 0px 10px 10px 10px;
}
div#footer-inner {
	margin: 20px 0px 20px 200px;
}

div#footer {
	clear: both;
	width: 100%;
}
#footer a:link { color: #f60; }
#footer a:visited { color: #f60; }


/* --////////--- SIDES --////////--- */

#slides
{
	width: 253px;
	float: right;background-color: #FFF;
	margin-top:15px
}
#slides p
{
	color: #999;
	font-family: Helvetica MS, Helvetica, Arial, sans;
	font-size: 17px;
	line-height: 20px;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 5px;background-color: #FFF;
}
.slide { background-color: #FFF; }
.author
{
	color: #999;
	font-family: Helvetica MS, Helvetica, Arial, sans;
	font-size: 1.0em;
	line-height: 1.0em;
	font-style: italic;
	font-weight: normal;
	text-align: right;
	text-transform: inherit;
}

/* --////////--- TWITTER --////////--- */

#twitter_div {border-bottom: 1px solid #3fcdeb;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#twitter_update_list {
	list-style-type: none;
	margin: 0px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	font-size: 0.9em;
}

#twitter_update_list li{
	padding: 0px 10px 0px 10px;

}
#twitter_update_list li a{
	padding: 0px 0px 0px 0px;
	color:#F60;

}

/* --////////--- PLAYER --////////--- */

#audioplayer {	margin: 10px 0px 10px 10px;
}
#videoplayer
{width:185px;height:105px;
	margin: 10px 0px 10px 10px;
}

/* --////////--- STYLES --////////--- */

.image-left {	margin: 0px 10px 10px 0px;	float: left;
}

.inner {	padding: 0px 10px 10px 10px;
}
#content
{
	margin: 20px 0px 0px 200px;
	
}
#content h3,#content-no-agenda h3
{
	width: 70px;
	float: right;
	margin: 0px 0px 10px 20px;
	text-align: center;
	color: #333;
	text-transform: inherit;
	font-style: normal;
	font-weight: normal;
/*
	background-color: #F60;
*/}
#content h4, #content-no-agenda h4 {
	font-size: 17px;
	font-style: normal;
	font-weight: normal;
	margin: 10px 0px 10px 0px;
}
/*
#content h4 a:link, #content-no-agenda h4 a:link {color:#333;text-decoration: none;
}
*/
#content img, #content-no-agenda img {border:0px none transparent;}
#content-no-agenda {
	margin: 20px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	background-image: url(../img/70white.png);
	background-repeat: repeat;
	background-position: 0 0;
}
#content-no-agenda .inner {	margin: 0px 0px 0px 30px;
}
.actueel-item {margin: 10px 0px 20px 0px;
/*
border:1px solid #f00;
*/}

#agenda {	float: left;
	width: 180px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.agenda-inner {
	padding: 0px 0px 1px 10px;	
	background-image: url(../img/70white.png);
	background-repeat: repeat;
	background-position: 0 0;
}
#agenda h3{
	text-align: right;
	padding: 0px 10px 10px 0px;
	text-transform: inherit;
	letter-spacing: 2px;
	font-style: normal;
	font-weight: normal;

}
#agenda h4
{
	color: #F60;
	font-size: 15px;
	padding: 5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-transform: inherit;
	font-style: normal;
	font-weight: normal;
}

#agenda p {	font-size: 0.9em;
	padding: 0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
}
/* FORMULIEREN */

hr
{
	border-color: #CCC;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	
}

fieldset
{
	color: #333;
	padding: 10px 0px 10px 0px;
	width: 310px;
	margin: 5px 0px 10px 0px;
	border-color: #CCC;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
}
	
legend
{
	font-size: 100%;
	color: #000;
	font-weight: bold;
	padding: 10px 0px 15px 0px;
	text-transform: inherit;
}

.label2   {
	font-size: 100%;
	line-height: normal;
	text-align: right;
	margin-right: 5px;
	position: relative;
	display: block;
	float: left;
	width: 65px;
	}

.submit {margin-left:115px;}

input.formInputText   {
	font-size: 100%;
	color: #000;
	background-color: #FFF;
	padding: 2px;
	border: solid 1px #aaa;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 15px;
	}
textarea
{
	font-size: 13px;
	line-height: 1.24;
	width:300px;
	border: solid 1px #aaa;
}
.txtarea {	font-size: 14px;
	color: #000;
	line-height: 17px;
	width:300px;
	margin:5px 0px 10px 0px;
	padding:0px 0px 10px 10px;
	border-bottom:1px solid #ccc;
}

.warning {color:#C00;font-size:90%;padding-left:72px;padding-bottom:10px;}
.warning2 {color:#C00;font-size:90%;}