/* Toevoegingen op main.css*/


/* Navigatie opmaak */

#nav ul {
	padding: 0 0 0 0;
	margin: 0;
}

#nav li {
	list-style: none outside;
	float: left;
	margin: 0;
	padding: 0 8px 0 8px;
	text-align: center;
	background-image: none;

	border-style: solid;
	border-width: 0 2px 0 0;
	border-color: #fff

}

#nav li.last{
	border-width: 0px;
}


#nav li a {
	text-decoration: none;
	display: block;
	color: #fff;
	background-color: transparent;
	font-weight: bold;
}

#nav li a:hover, #navigation li a:active {
	color: #999900;
	background-color: transparent;
}

#nav li a.highlight{
	text-decoration: none;
	display: block;
	color: #999900;
	background-color: transparent;
	font-weight: bold;
}

#nav1 li{
border-style: solid;
	border-width: 0;
	border-color: #fff
}

#nav1 li.home a{
	width: 45px;
	background-image: url(../img/nav_home_off.jpg);
}

#nav1 li.home a:hover, #nav1 li.home a:active {
	width: 45px;

	background-image: url(../img/nav_home_on.jpg);
}

#nav1 li.home a.highlight{
	width: 45px;

	background-image: url(../img/nav_home_on.jpg);
}



#nav1 li.demo a{


	width: 45px;
	background-image: url(../img/nav_demo_off.jpg);
}

#nav1 li.demo a:hover, #nav1 li.demo a:active {
	width: 45px;

	background-image: url(../img/nav_demo_on.jpg);
}

#nav1 li.demo a.highlight{
	width: 45px;

	background-image: url(../img/nav_demo_on.jpg);
}




#nav1 li.contact a{
	width: 67px;

	background-image: url(../img/nav_contact_off.jpg);
}

#nav1 li.contact a:hover, #nav1 li.contact a:active {
	width: 67px;

	background-image: url(../img/nav_contact_on.jpg);
}

#nav1 li.contact a.highlight{
	width: 67px;

	background-image: url(../img/nav_contact_on.jpg);
}



/* Presentation Stylesheet */

a:link { color: #6b6c35; background: transparent; font-weight: bold; }
a:visited { color: #6b6c35; background: transparent; font-weight: bold; }
a:hover { color: #9d9a01; background: transparent; font-weight: bold; }
a:active { color: #9d9a01; background: transparent; font-weight: bold; }


h1 {
	font-size: 180%;
	font-weight: bold;
	color: #999900;
	background: transparent;
	line-height: 150%;

	margin: 0 0 10px 0;
	padding: 0;
}

h2 {
	color: #999900;
	background: transparent;
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
}

h3 {
	padding: 0;
	margin: 2px 0px 4px 0px;
	font-size: 105%;
	line-height: 120%;
	color: #999900;
	background: transparent;
}

p{
	margin: 0 0 1em; }

/* Image styling */

img.border{
	border-style: solid;
	border-width: 1px;
	border-color: #1B5580;
}

img.padding-left{
	margin: 0px 0px 10px 15px;
}



/* FORM DATA */

form{

	padding: 0;
	margin: 0;
}


input {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 1px;
	margin: 0 0 8px 0;
	color: #000;
	border:1px solid;
	border-color: #cbcc80;
}

/* verschillende lengtes textvelden */

.select{

	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 1px;
	margin: 0 0 8px 0;
	color: #000;
	border:1px solid;
	border-color: #cbcc80;

}

.checkbox{
	padding: 0px;
	margin: 0 6px 0 0;
	border: 0;
}

p.error{
	background: #cbcc80;
	color: #000;
	border-color: #000;
	border:1px solid;
	padding: 3px 3px 3px 5px;
	margin: 15px 0 15px 0;
	font-size: 100%;

}


textarea {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 1px;
	margin: 0 0 8px 0;
	color: #000;
	border:1px solid;
	border-color: #cbcc80;
}

/* verschillende lengtes textvelden */


textarea.small{
	width: 400px;
	height: 130px;
}
textarea.big{
	width: 400px;
	height: 200px;
}