/************************************************************
	MAIN GEDEELTE
/************************************************************/

	body {
		font: 12px verdana, arial, helvetica, sans-serif;
		color: #6a6a6a;
		background: #000 url(images/body-bg.gif); 
	}
	
	a{
		text-decoration: none;
		color: #fa0e63;
	}
	a:hover {
		text-decoration: underline
	}
	
	#container {
		margin: 0 auto;
		width: 835px;
		background: #efefef;
		position: relative;
	}
	
	#header {
		height: 156px;
		background: #779a22 url(images/header-bg.jpg);
		position: relative;
	}
	
	#logo {
		position: absolute;
		left: 20px;
		top: 20px;
	}
	
	#main {
		margin-top: 20px;
		float: left;
		min-height: 400px;
		height: auto!important;
		height: 400px;
		margin-bottom: 30px;
	}
	p, .newsitem, #main li {
		line-height: 1.5em;
	}
	#extra {
		width: 265px;
		float: left;
		margin-left:10px;
		margin-right: 20px;
	}
	
	#content {
		width: 520px;
		float: left;
		overflow: hidden
	}
	
	#footer {
		clear: both;
		margin-top: 20px;
		padding: .2em;
		text-align: right;
		color: #fff;
		background: #779a22;
		border-top: 1px solid #2f400a;
	}
/************************************************************
	NAVIGATION GEDEELTE
/************************************************************/
	
	#navigation {
		display: block;
		position: absolute;
		right: 10px;
		bottom: 2px;
	}
	
	#navigation li {
		float: left;
		display: inline;
		padding: 0 20px;
		border-left: 1px solid #fff;
		margin: 0;
	}
	#navigation li a {
		font-weight: bold;
		display: block;
		font-size: 13px;
		color: #fff;
		text-transform:lowercase;
	}
	
	#breadcrumbs {
		margin-bottom: 5px;
	}
	#breadcrumbs a {
		color: #fa0e63;
		font-weight: bold;
		text-transform:lowercase;
	}
	
/************************************************************
	CONTACT GEDEELTE
/************************************************************/	
	.special {
		font-size: 12px;
	}
	.contact {
		margin-bottom: 10px;
		width: 265px;
		height: 143px;
		overflow: hidden;
		background: url(images/block-contact-bg.jpg) no-repeat;
	}
	.contact p {
		color: #fff;
		text-align: right;
		padding: 43px 15px;
	}
	.cms {
		margin-bottom: 10px;
		width: 265px;
		height: 143px;
		overflow: hidden;
		background: url(images/block-cms-bg.jpg) no-repeat;
	}
	.cms p {
		color: #fff;
		text-align: right;
		padding: 43px 15px;
	}

	.testimonial {
		font-size: .9em;
		line-height: 150%;
	}
	.testimonial .author {
		clear: both;
		font-weight: bold;
		display: block;
		text-align: right;
		padding: .4em .2em;
	}
	.testimonial p {
		padding: .5em .2em;
	}

/************************************************************
	BLOCK GEDEELTE
/************************************************************/	
	.header {
		background: #f82f73 url(images/h2-small.jpg) no-repeat;
		height: 24px;
		overflow: hidden;	
	}
	
	#extra .header h2,
	#content .header h2 {
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		padding: 2px 15px;
	}
	
	#content .header {
		background: url(images/h2-large.jpg) no-repeat;
		height: 24px;
		overflow: hidden;	
	}

/************************************************************
	ALGEMEEN GEDEELTE
/************************************************************/
	a, object, embed { outline: none; }
	h1 {
		font-size: 20px;
		text-transform:uppercase;
		color: #30400b;
		margin-bottom: 10px;
	}
	h2,h3 {
		font: 1.3em "Lucida Grande","Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
		color: #30400B;
		display: block;
	}
	#content h3 {
		margin-bottom: -5px;
	}
	p {
		margin-bottom: 1em;
	}
	strong {
		font-weight: bold;
	}
	
	.clear {
		width: 100%;
		clear: both;
	}
	#main ul {
		margin-bottom: 10px;
	}
	li {
		margin-left: 17px;
		list-style: outside disc;
	}
	a.more {
		margin: -10px 0 10px 0;
	}
	#extra .more { margin : 0; }
	.newslist a.more {
		margin: 0;
	}
	
	img.left {
		float: left;
		margin: 0 10px 10px 0;
		border: 1px solid #000;
	}
	img.right {
		float: right;
		margin: 0 0 10px 10px;
		border: 2px solid #000;
	}
	
/************************************************************
	COMPONENTTOOLBAR GEDEELTE
/************************************************************/
	
	.comp-toolbar {
		position: absolute;
		visibility: hidden;
		top: 5px;
		left: 5px;
		background: #fff;
	}
	
	.comp-toolbar-on {
		visibility: visible !important;
	}	
	
	
	#extra .newslist {
		font-size: 10px;
	}
	.newslist p {
		margin: 0;
	}
	.newslist h3 {
		font-weight: bold;
		color: #6a6a6a;
		font-size: 1.2em;
	}
	.newslist .newsitem {
		margin-bottom: 10px;
	}
	.newslist ul {
		margin-top: 5px;
	}
	
	.newslist li {
		list-style: none;
		margin: 0;
	}
		

	.newsitem a.more {
		padding: .2em 0;
		display: block;
	}
	.newsitem .date {
		padding: .2em 0;
		float: right;
		font-style:italic;
	}
	
	
	#accordion {
		border: 1px solid #000;
	}
	
	#accordion li {

		padding: 0;
	}
	#accordion span {
		display: none;
	}
	
	#accordion .uiheader {
		padding: 0;
		margin: 0;
		background: #fff url(images/acc_tab.gif) repeat-x;
		height: 26px;
	}
	#accordion .uiheader.selected {
		background: #fff url(images/acc_tab-on.jpg) repeat-x;
		background2: url(images/h2-large.jpg) no-repeat;
	}

	
	#accordion .uiheader a {
		color: #000;
		padding: .4em 1em;
		margin: 0;
		display: block;
		font-weight: bold;
	}
	#accordion .uiheader.selected a {
		color: #fff;
	}
	.portfolio-item div.preview {
		float: left;
		margin: 7px;
		width: 240px;
		font-size: .9em;
	}	
	.portfolio-item img.left {
		border: 1px solid #000;
		margin-bottom: 10px;
	}
	.portfolio-item a.more {
		color: #FA0E63!important;
	}
	#accordion .component {
		clear: both;
	}
	.portfolio-item .content {
		float: left;
		height: 270px;
	}
	.portfolio-item .description {
		height: 230px;
		width: 250px;
		padding: 5px 0;
		font-size: .9em;
		float: left;
	}
	.portfolio-item img {
		width: 240px;
	}
	
	
	form {
	
	}
	form ol {
		list-style: none;
	}
	form ol li {
		margin: 0;
		margin-bottom: 10px;
		float: left;
		width: 100%;
		list-style: none;
		padding: 0;
	}
	form label {
		display: block;
		float: left;
		width: 150px;
	}
	form label.error {
		color: #FA0E63;
		margin-left: 5px;
	}
	form input,
	form textarea,
	form select {
		float: left;
		border: 1px solid #FA0E63;
		/*width: 16em;*/
		font: .9em verdana, Arial, Helvetica, sans-serif;
	}
	form textarea {
		width: 300px;
		height: 130px;
	}

	form input.button {
		width: auto;
		background: #FA0E63;
		color: #fff;
		border: 1px solid #000;
		font-weight: bold;
		padding: .2em 1em;
		margin-left: 150px;
	}
	
	
	
	#gallery {
		background: #eee;
		width: 520px;
		height: 250px;
		position: relative;
		margin-top: 40px;
	}

	#gallery a {
		position: absolute;
	}

	
	
	#extra .image {
		text-align: right;
		
	}
	#extra .image img {
		border: 2px solid #000;
	}
	.image {
		margin-bottom: 1em;	
	}
	
	.intro {
		margin-bottom: 10px;

	}