/* Generic Elements */

fieldset {
	margin-top: 2em;
	border: 1px solid #044548;
	padding: 0.5em;
}

/*******************************************
Clearfix: To clear floating elements
With thanks to positioniseverything.com
********************************************/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */

/* Body: content classes; panels */

.panel {
	width: 95%;
	margin: 1em auto;
	text-align: left;
	border: 1px solid #52798A;
	clear: both;
	background-color: #d2dfed;
}

	.panel h2 {
		background: url(../images/grad5.png) top left repeat-x #E41F0F;
		text-align: center;
		font-size: 1.4em;
		margin-bottom: 0.5em;
		font-weight: 700;
		/*border-bottom: 1px solid #52798A;*/
	}
	
	.panel p {
		padding: 1em;
		text-align: justify;
	}

	/* Image */
	.inner_left {

		width: 40%;
		float: left;
		margin-left: 1em;
	}

		.inner_left img {
			border: 1px solid #52798A;
			padding: 2px;
		}
		
	/* Text */
	.inner_right {
		/*border-left: 1px solid #044548;*/
		/*width: 45%;*/
		padding: 0.5em;
		/*float: right;*/
		text-align: justify;	
		line-height: 1.2em;
	}

	.inner_right p {
		margin-top: 0;
		padding-top: 0;
	}
	
	/*bottom, button bar*/
	
	.buttonbar {
		clear:both;
		float: right;
		margin-right: 1em;
	}
	
	.buttonbar ul {
	}
	
	.buttonbar ul li {
		float: left;
	}
	
	.buttonbar ul li a, .buttonbar ul li a:link {
		display: block;
		width: 5em;
		margin-left: 1em;
		border: 1px solid #52798A;
		border-bottom: 0px solid #52798A;
		text-decoration: none;
		padding: 0.2em 0.5em;
		background: url(../images/grad5.png) top left repeat-x #003662;
		color: #000;
		
		/*CSS 3; gimmick, rounded corners*/
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
			border-bottom-right-radius: 0px;
			border-bottom-left-radius: 0px;
			-moz-border-radius-topleft: 6px;
			-moz-border-radius-topright: 6px;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
	}
	
	.buttonbar ul li a:hover {
		background: url(../images/grad5-over.png) top left repeat-x #003662;
	}


/* Specific Form classes */

ul.formlist {
	clear: both;
}

ul.formlist li {
	margin-bottom: 0.5em;
}

ul.formlist li label {
	width: 3.5em;
	text-align: right;
	clear: left;
	float: left;
	margin-right: 5px;
	line-height: 1.4em;
}

ul.formlist li input.fright {
	float: right;
}

legend {
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	padding: 0.2em;	
	text-align: right;
}

form.boek {
	background: url(../images/boek.png) top left no-repeat;
	padding-top: 1em;
}

fieldset {
	border: 1px solid #52798A;	
}

.hidden {
	display: none;
}

.nodisp {
	visibility: hidden;
}

p.tagline {
	font-size: 0.8em;
	font-style: italic;
	color: #ff0000;
	margin-bottom: 2em;
	font-weight: bold;
	float: right;
	width: 65%;
	clear: both;
}

.inner_right object {
	margin-left: 1em;
}