/* KLINKERS - MAIN CSS */

html {
background-color: #e9e9e9;
background: url("../images/background.png") repeat left top;
}
		body {	/* voor elementen die niet binnen de div staan */
			font-family: Arial;
			font-size: 10px;
		}
		#klinkers {		/* specifieke elementen in de body van klinkers */
		}

#center {  /* centrering van de pagina, hoofdkleur van teksten buiten paragrafen e.d. */
	background: url("../images/backcolor.png") repeat left top;
	color: #f5f5f5;
	font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	font-size: 10px;
	position: absolute;
	left: 50%;
	visibility: visible;
	margin-left: -383px;
	margin-top: 15px;
	width: 765px;
}
		#main {	 /* specifieke elementen voor de main */	}

/* HOOFD POSITITES */

#header {
	background: url("../images/header.png") no-repeat left top;
	border-bottom: 1px solid #f5f5f5;
	height: 211px;
}

#middelback {
	background-color: #fff;
	overflow: visible;
	border-left: 1px solid #e9e9e9;
	/* background: url("../images/main.png") repeat top; */
}
#maincontent {
	border-top: 1px solid #e7e7e7;
	/* padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; */
	background: url("../images/main.png") repeat-x top;
	color: #333333;
	background-color: #fff;
}

	#left {
		width: 273px;
		float: left;
		/* background-color: #ddd; */
		 /* border: 1px solid #e9e9e9; aanzetten zorgt voor wel een goede achtergrond */

	}
	#right {
		/* clear: none; right;*/
		/* position:relative; */
		/* display: block; */
		/* left: 300px; */
		float: right;
		top: 0px;
		width: 490px;
		  /* border: 1px solid #abc;*/
		/*background-color: #abc; */
		/*float: left; */
	}
	#middle {clear: both;}

	#footer {
		/* background-color: #cfdeeb; */
		clear: both;
		/* border-top: 1px solid #f3f6fa; */
		height:188px;
		background: url("../images/footer2.png") no-repeat left top;
	}

		/*.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}*/

/* SPECIFIC ELEMENTS */

/* header elementes */
#headerlogo {
	position: absolute;
	top: 55px;
	left: 17px;
	width: 152px;
	height: 139px;
	background: url("../images/logo.png") no-repeat left top;
}

#banner {
	padding-right: 20px;
	text-align: right;
	height: 100%;
}

	#address {
		padding-top: 20px;
		line-height: 15px;
	}

	#mainmenu {
		position: relative;
		top: 30px;
		font-size: 17px;
	}

		P {
		color: #333;
	  font-family: Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
	  font-size: 11px;
	  line-height: 14px;
	  text-indent: 0;
	}
		P:first-line {
		/* color: green; */
	}

	/* MENU */

	.menuitem-no {
		padding-bottom: 20px;
	}
	.menuitem-no a, menuitem-no a:link, menuitem-no a:active, menuitem-no A:visited, menuitem-no a:hover {font-family: Century Gothic; color: white; font-weight: normal;}

	.menuitem-act {
		padding-bottom: 20px;
		background: url("../images/active.png") no-repeat center top;
	}
	.menuitem-act a, menuitem-act a:link, menuitem-act a:active, menuitem-act a:visited, menuitem-act a:hover {font-family: Century Gothic; color: white; font-weight: normal;}

	.menuspacer {
		padding-right: 10px;
	}
#leftcontent h2 {
 	font-family: Century Gothic, Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
 	font-size: 16px;
	padding-top: 10px;
	}

#rightcontent h2 {
font-family: Century Gothic, Trebuchet MS, Verdana, Geneva, Arial, sans-serif;
 	font-size: 16px;
	padding-top: 10px;}

	#rightcontent .csc-textpic img {padding-top: 25px;}

	#leftcontent  .csc-textpic-image img {padding-top: 25px;}

	#leftcontent .csc-header {}
	#leftcontent .csc-header h1 {padding: 0px 0px; margin: 0px 0px; color: green;}
	#leftcontent .csc-header h1 .csc-firstHeader {padding: 0px 0px;border: 1px solid green; }
	#leftcontent .csc-header h1 {}
	.csc-header img{display: none; }

	#rightcontent .csc-header h1 {padding: 0px 0px; margin: 0px 0px; color: red;}



	#leftcontentdiv {
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 20px;
	}
	#plaatjeslinks {
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#plaatjeslinks img {
		padding-bottom: 8px;
	}
	#rightcontentdiv {
		padding-left: 20px;
		padding-right: 20px;
		background: #fff;
		margin-top: 20px;
		margin-right: 10px;
		background: url("../images/blockborder.jpg") no-repeat left top;
		/* border-bottom: 1px solid #e9e9e9;*/
		padding-bottom: 5px;
	}
	#rightcontent-closing {background: url("../images/blockborder.jpg") no-repeat left bottom;}
	#normalcontent {
		margin-top: 20px;
		border-left: 1px solid #abc;
		/* border-right: 1px solid #fff;*/
		padding-left: 20px;
		padding-right: 20px;
	}


	#copyright_text {
		padding-top: 8px;
		color: #999999;
		text-align: center;
	}

div.clearing {
	clear: both;
}

	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}

.textarea {
      margin-bottom: 15px;
      width: 390px;
}

#mainmenu A:visited, A:hover {font-family: Century Gothic; color: white; font-weight: normal;} /* blijkbaar voor IE6 nog apart nodig :s */

#address .maillink {color: white; font-family: Century Gothic; font-weight: normal;}
A:hover {color: white;}

P A:link {color: #ff6600; font-size: 12px; font-family: Century Gothic; font-weight: normal;}
P A:active {color: #ff6600; font-size: 12px; font-family: Century Gothic; font-weight: normal;}
P A:visited {color: #ff6600; font-size: 12px; font-family: Century Gothic; font-weight: normal;}
P A:hover {color: #ff6600; font-size: 12px; font-family: Century Gothic; font-weight: normal;}