body {
	font-family: Verdana;
	line-height: 15px;
	font-size: 11px;
	color: #000000;
}
/* rood				=CC0000= */
/* oranje			=FF6600= */
/* geel				=FFFF00= */
/* groen			=339900= */
/* blauw			=0066FF= */
/* paars			=9933CC= */
/* roze				=CC0066= */
/*************************************************************/
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 2px 0px;
	line-height: 20px;
}
/*************************************************************/
body {
	background: #FFFFFF;
	margin: 0px;
}
/*----------------- OPMAAK container ---------------------*/
div#header{
position:relative;
}
div#header h1{
text-align: center;
height:80px;
line-height:40px;
margin: 0 200px;
padding: 0 10px;
color: #000000;
}
div#header h1 a {
color: #000000;
text-decoration:none;
font-size:12px;
}
div#container{
text-align:left;
width:900px;
margin:0 auto;
background: url(http://www.keerpuntproducties.nl/imgs/keerpuntproducties.jpg) top left no-repeat;
}
div#wrapper{
float:left;
width:100%;
}
div#navigation{
float:left;
width:200px;
height:520px;
margin-left:-900px;
}
div#extra{
float:left;
width:190px;
height:520px;
margin-left:-200px;
padding:5px;
font-weight: bold;
font-size: 12px;
}
div#footer{
clear:left;width:100%;
}
/*-----------------OPMAAK CONTENT--------------------- */
div#content{
margin: 0 200px;
padding: 10px;
text-align: left;
background: url(http://www.keerpuntproducties.nl/bg_imgs/i1.jpg) center no-repeat;
height:510px;
overflow: auto;
}
div#content a, div#content a:visited, div#content a:active {
	font-size: 11px;
	color: #CC0066;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 2px solid #CC0066;
}
div#content a:hover {
	font-size: 11px;
	color: #CC0066;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 2px solid #000000;
}
/*-----------------NAV MENU---------------------*/
ul.nav {
	list-style-type: none;
	margin: 65px 0px 0px 0px;
	padding: 0px;
}
ul.nav li {
	list-style-type: none;
	padding: 0px;
}
ul.nav li a {
	display: block;
	margin-top: 10px;
	padding: 5px;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	background-color: #FFFFFF;
}
ul.nav li a:hover {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
}
ul.nav li.link1 a, .pagecolor1, .pagecolor8, .pagecolor9 {
	color: #CC0066;
}
ul.nav li.link2 a, .pagecolor2 {
	color: #9933CC;
}
ul.nav li.link3 a, .pagecolor3 {
	color: #0066FF;
}
ul.nav li.link4 a, .pagecolor4 {
	color: #339900;
}
ul.nav li.link5 a, .pagecolor5 {
	color: #FFCC00;
}
ul.nav li.link6 a, .pagecolor6 {
	color: #FF6600;
}
ul.nav li.link7 a, .pagecolor7 {
	color: #CC0000;
}
ul.nav li.sub a {
	font-weight: normal;
	padding-left: 15px;
}
/*************************************************************/
.titel {
	color: #CC0066;
	font-style: italic;
}
/*************************************************************/
/* rood				=CC0000= */
/* oranje			=FF6600= */
/* geel				=FFFF00= */
/* groen			=339900= */
/* blauw			=0066FF= */
/* paars			=9933CC= */
/* roze				=CC0066= */
.right1, .right8, .right9 {
	color: #CC0066;
	background-color: #B6FFC9;
}
.right2 {
	color: #9933CC;
	background-color: #FFFF00;
}
.right3 {
	color: #0066FF;
	background-color: #FF6600;
}
.right4 {
	color: #339900;
	background-color: #FF2323;
}
.right5 {
	color: #FFCC00;
	background-color: #9933CC;
}
.right6 {
	color: #FF6600;
	background-color: #0066FF;
}
.right7 {
	color: #CC0000;
	background-color: #339900;
}

/*************************************************************/
input, textarea, select {
	scrollbar-3dlight-color: #8EA29E;
	scrollbar-arrow-color: #8EA29E;
	scrollbar-base-color: #8EA29E;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #8EA29E;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	background-color: #FFFFFF;
	border: #8EA29E 1px solid;
	color: #000000;
	padding: 1px;
}
.inputHighlighted {
	border: #CE5D0B 1px solid;
}
.submit {
	text-transform:uppercase;
  font-size: 12px;
	color: #FFFFFF;
	background-color: #CC0066;
	border: solid 1px #CC0066;
	font-weight: bold;
  padding: 2px 20px;
	cursor: pointer;
}
.error {
	font-size: 14px;
	color: #CC0066;
	border: 1px solid #CC0066;
	display: block;
	margin: 1px;
	padding: 10px;
	font-weight: normal;
	background-color: #FFFFFF;
}
/*************************************************************/
form {
	width: 475px;
	margin: 0px;
}
.contact ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.contact ul li {
	list-style-type: none;
	padding: 5px 0px;
}
.contact ul li label {
	text-align: left;
	vertical-align: top;
	display: block;
	padding: 0px 4px;
}
.contact ul li p, .contact ul li label span, .contact ul li span {
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-align: left;
	line-height: 15px;
}
.contact ul li label span  {
	width: 150px;
	display: inline-block;
}
.contact ul li span {
	width: 150px;
	display: inline-block;
}
.contact ul li label input, .contact ul li label select {
	font-size: 11px;
	color: #000000;
	line-height: 20px;
	width: 300px;
	border: 1px solid #666;
	vertical-align: top;
	padding: 2px;
}
.contact ul li label textarea {
	font-size: 11px;
	color: #000000;
	line-height: 20px;
	width: 450px;
	border: 1px solid #666;
	vertical-align: top;
	padding: 5px;
}
.contact ul li label input.laloop {
	font-size: 11px;
	color: #000000;
	height: 20px;
	line-height: 15px;
	width: 15px;
	text-align: right;
	vertical-align: top;
}
.contact ul li label span.tekstloop {
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-align: left;
	line-height: 15px;
	width: 250px;
	vertical-align: top;
}
/*************************************************************/
.ebhosting {
clear: both;
}
.ebhosting, .ebhosting a{
	font-size: 10px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}
.ebhosting a:hover{
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
/*************************************************************/

/*************************************************************/