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

	 CSS Document Hulpbijoorsuizen.nl
	 http://www.hulpbijoorsuizen.nl
	 auteur: KRUIT communication-design
	 http://www.kruit.nl
	 
*******************************/

body {
	margin: 0;
	padding: 0;
	line-height: 150%;
	font-size: 76%;
	font-family: Verdana, sans-serif;
	text-align: center;
	background: url(../img/bg.gif) repeat-x top left #FFFFFF;
}

h1 {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: arial, sans-serif;
	text-transform: uppercase;
	font-size: 250%;
	line-height: 150%;
}

h2 {
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	text-transform: uppercase;
	font-size: 125%;
	line-height: 120%;
}

h3 {
	margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 100%;
	text-transform: uppercase;
}

p {
	margin: 0 0 25px 0;
	padding: 0;
}

p a, ul a {
	color: #D20001;
}

p a:hover, ul a:hover {
	text-decoration: none;
}

a.arrowlink {
	background: url(../img/arrow-red.gif) no-repeat 0 5px transparent;
	padding: 0 0 0 8px;
}

ul {
	margin: 0 0 25px 20px;
	padding: 0;
}

#homewrapper {
	width: 980px;
	margin: 0 auto;
	padding: 1px 0 0 0;
	background: url(../img/header.jpg) no-repeat top left transparent;
	text-align: left;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
	padding: 1px 0 0 0;
	background: url(../img/header-small.jpg) no-repeat top left transparent;
	text-align: left;
}

#nav {
 width: 960px;
 background: #D20001;
 margin: 10px auto;
 text-align: right;
 text-transform: uppercase;
 font-weight: bold;
}

#nav img {
	float: left;
}

#nav a img{
	border: none;
}

#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
}

#nav ul li {
	display: inline;
}

#nav ul li a {
	padding: 12px 8px;
	color: #FFFFFF;
	text-decoration: none;
}

#nav ul li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#nav ul li a.active, #nav ul li a.active:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #000000;
}

#contentcontainer {
	margin: 40px auto 20px auto;
	width: 960px;
}

#contentcontainer-home {
	margin: 40px auto 20px auto;
	width: 960px;
	height: 200px;
}

#leftnav {
	width: 200px;
	margin: 0 10px 0 0;
	float: left;
 	background: #D20001;
	text-transform: uppercase;
	font-weight: bold;	
}

#leftnav ul {
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px dashed #E4807E;
}

#leftnav ul li {
	list-style-type: none;
	border-bottom: 1px dashed #E4807E;
}

#leftnav ul li a {
	padding: 5px 10px;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}

#leftnav ul li a:hover {
	text-decoration: underline;
}

#leftnav ul li a.active, #leftnav ul li a.active:hover {
	background: #000000;
	text-decoration: none;
}

#widecontent {
	width: 940px;
	margin: 0;
	padding: 0 10px 10px 10px;
	float: left;
	background: #FFFFFF;
}

#content {
	width: 730px;
	margin: 0;
	padding: 0 10px 10px 10px;
	float: left;
	background: #FFFFFF;
}

#maincontent {
	float: left;
	width: 520px;
}

#widecontent #maincontent {
	float: left;
	width: 620px;
}

.leftside {
	width: 300px;
	float: left;
	margin: 0;
}

.rightside {
	width: 300px;
	float: left;
	margin: 0 0 0 20px;
}

#rightcontent {
	width: 200px;
	margin: 0 0 0 10px;
	float: right;
}

#widecontent #rightcontent {
	width: 300px;
	margin: 15px 0 0 10px;
	float: right;	
}

.initiatief {
	clear: both;
	margin: 0;
	color: #777777;
}

#footer {
	clear: both;
	border-top: 4px solid #D20001;
	width: 100%;
	padding: 10px 0 0 0;
	font-size: 90%;
}

#footerlogos {
	float: right;
	margin: -50px 0 0 0;
}

#footerlogos a img {
	border: none;
}

#homefooterlogos {
	float: right;
	margin: 0;
}

#homefooterlogos a img {
	border: none;
}

/* Contactbutton */
.contactbutton {
	width: 180px;
	height: 40px;
	background: url(../img/contactbutton.gif) no-repeat top left transparent;
	padding: 10px;
	margin: 0 0 25px 0;
}

.contactbutton a   {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 105%;
	text-decoration: none;
	display: block;
}

.contactbutton a:hover {
	text-decoration: underline;
}

/* Linksbutton */
.linksbutton {
	width: 180px;
	height: 40px;
	background: url(../img/linksbutton.gif) no-repeat top left transparent;
	padding: 10px;
	margin: 0 0 25px 0;
}

.linksbutton a   {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 105%;
	text-decoration: none;
	display: block;
}

.linksbutton a:hover {
	text-decoration: underline;
}

/* Homebuttons */
.homebutton-teal {
	width: 250px;
	height: 40px;
	background: url(../img/homebutton-teal.gif) no-repeat top left transparent;
	padding: 10px 40px 10px 10px;
	margin: 0 0 15px 0;
}

.homebutton-groen {
	width: 250px;
	height: 40px;
	background: url(../img/homebutton-groen.gif) no-repeat top left transparent;
	padding: 10px 40px 10px 10px;
	margin: 0 0 15px 0;
}

.homebutton-donkergroen {
	width: 250px;
	height: 40px;
	background: url(../img/homebutton-donkergroen.gif) no-repeat top left transparent;
	padding: 10px 40px 10px 10px;
	margin: 0 0 15px 0;
}

.homebutton-teal a, .homebutton-groen a, .homebutton-donkergroen a   {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 105%;
	text-decoration: none;
	display: block;
}

.homebutton-teal a:hover, .homebutton-groen a:hover, .homebutton-donkergroen a:hover {
	text-decoration: underline;
}

/* Quotes */
/*a .quote-zeegroen, a .quote-zeegroen .quotebody,
a .quote-teal, a .quote-teal .quotebody,
a .quote-gifgroen, a .quote-gifgroen .quotebody,
a .quote-donkerblauw, a .quote-donkerblauw .quotebody,
a .quote-donkergroen, a .quote-donkergroen .quotebody,
a .quote-groen, a .quote-groen .quotebody {
	border: none;
	text-decoration: none;
	display: block;	
}*/

.quote-zeegroen, 
.quote-teal,
.quote-gifgroen,
.quote-donkerblauw,
.quote-donkergroen,
.quote-groen {
	clear: both;
	margin: 10px 0 25px 0;
}

/**/
.quote-zeegroen .quotetop {
	width: 200px;
	height: 14px;
	background: url(../img/quote-top-zeegroen.gif) no-repeat top left #FFFFFF;
}

.quote-zeegroen .quotebody {
	background: #8AD1C7;
	width: 180px;
	padding: 0 10px;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 135%;
	line-height: 130%;
	border: none;
}

.quote-zeegroen .quotebottom {
	width: 200px;
	height: 40px;
	background: url(../img/quote-bottom-zeegroen.gif) no-repeat top left #FFFFFF;
}

/**/
.quote-teal .quotetop {
	width: 200px;
	height: 14px;
	background: url(../img/quote-top-teal.gif) no-repeat top left #FFFFFF;
}

.quote-teal .quotebody {
	background: #027380;
	width: 180px;
	padding: 0 10px;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 135%;
	line-height: 130%;
	border: none;
}

.quote-teal .quotebottom {
	width: 200px;
	height: 40px;
	background: url(../img/quote-bottom-teal.gif) no-repeat top left #FFFFFF;
}

/**/
.quote-gifgroen .quotetop {
	width: 200px;
	height: 14px;
	background: url(../img/quote-top-gifgroen.gif) no-repeat top left #FFFFFF;
}

.quote-gifgroen .quotebody {
	background: #B8DF21;
	width: 180px;
	padding: 0 10px;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 135%;
	line-height: 130%;
	border: none;
}

.quote-gifgroen .quotebottom {
	width: 200px;
	height: 40px;
	background: url(../img/quote-bottom-gifgroen.gif) no-repeat top left #FFFFFF;
}

/**/
.quote-donkerblauw .quotetop {
	width: 200px;
	height: 14px;
	background: url(../img/quote-top-donkerblauw.gif) no-repeat top left #FFFFFF;
}

.quote-donkerblauw .quotebody {
	background: #000F51;
	width: 180px;
	padding: 0 10px;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 135%;
	line-height: 130%;
	border: none;
}

.quote-donkerblauw .quotebottom {
	width: 200px;
	height: 40px;
	background: url(../img/quote-bottom-donkerblauw.gif) no-repeat top left #FFFFFF;
}

/**/
.quote-donkergroen .quotetop {
	width: 200px;
	height: 14px;
	background: url(../img/quote-top-donkergroen.gif) no-repeat top left #FFFFFF;
}

.quote-donkergroen .quotebody {
	background: #024032;
	width: 180px;
	padding: 0 10px;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 135%;
	line-height: 130%;
	border: none;
}

.quote-donkergroen .quotebottom {
	width: 200px;
	height: 40px;
	background: url(../img/quote-bottom-donkergroen.gif) no-repeat top left #FFFFFF;
}

/**/
.quote-groen .quotetop {
	width: 200px;
	height: 14px;
	background: url(../img/quote-top-groen.gif) no-repeat top left #FFFFFF;
}

.quote-groen .quotebody {
	background: #557C1F;
	width: 180px;
	padding: 0 10px;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 135%;
	line-height: 130%;
	border: none;
}

.quote-groen .quotebottom {
	width: 200px;
	height: 40px;
	background: url(../img/quote-bottom-groen.gif) no-repeat top left #FFFFFF;
}

/**/
.quote-zeegroen p, 
.quote-teal p,
.quote-gifgroen p,
.quote-donkerblauw p,
.quote-donkergroen p,
.quote-groen p  {
	margin: 0;
	color: #000000;
	border: none;
	font-weight: bold;
}

a.quotelink, .quotelink {
	color: #D20001;
	text-decoration: underline;
	font-weight: bold;
	background: url(../img/arrow-red.gif) no-repeat 0 4px transparent;
	padding: 0 0 0 8px;
}

a.quotelink:hover, a .quotelink:hover {
	text-decoration: none;
}

.ervaringen {
	width: 220px;
	float: left;
	background: transparent;
	margin: 10px 20px 20px 0;
}

.ervaringen-last {
	width: 220px;
	float: left;
	background: transparent;
	margin: 10px 0 20px 0;
}

/* Subhome Quotes */
/*a .subhome-zeegroen, a .subhome-zeegroen .subhomebody,
a .subhome-teal, a .subhome-teal .subhomebody,
a .subhome-gifgroen, a .subhome-gifgroen .subhomebody,
a .subhome-donkerblauw, a .subhome-donkerblauw .subhomebody,
a .subhome-donkergroen, a .subhome-donkergroen .subhomebody,
a .subhome-groen, a .subhome-groen .subhomebody {
	border: none;
	text-decoration: none;
	display: block;	
}*/

.subhome-zeegroen, 
.subhome-teal,
.subhome-gifgroen,
.subhome-donkerblauw,
.subhome-donkergroen,
.subhome-groen {
	clear: both;
	margin: 10px 0 25px 0;
}

/**/
.subhome-zeegroen .subhometop {
	width: 220px;
	height: 14px;
	background: url(../img/subhome-top-zeegroen.gif) no-repeat top left #FFFFFF;
}

.subhome-zeegroen .subhomebody {
	background: #8AD1C7;
	width: 200px;
	padding: 0 10px;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 135%;
	line-height: 130%;
	border: none;
}

.subhome-zeegroen .subhomebottom {
	width: 220px;
	height: 40px;
	background: url(../img/subhome-bottom-zeegroen.gif) no-repeat top left #FFFFFF;
}

/**/
.subhome-teal .subhometop {
	width: 220px;
	height: 14px;
	background: url(../img/subhome-top-teal.gif) no-repeat top left #FFFFFF;
}

.subhome-teal .subhomebody {
	background: #027380;
	width: 200px;
	padding: 0 10px;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 135%;
	line-height: 130%;
	border: none;
}

.subhome-teal .subhomebottom {
	width: 220px;
	height: 40px;
	background: url(../img/subhome-bottom-teal.gif) no-repeat top left #FFFFFF;
}

/**/
.subhome-gifgroen .subhometop {
	width: 220px;
	height: 14px;
	background: url(../img/subhome-top-gifgroen.gif) no-repeat top left #FFFFFF;
}

.subhome-gifgroen .subhomebody {
	background: #B8DF21;
	width: 200px;
	padding: 0 10px;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 135%;
	line-height: 130%;
	border: none;
}

.subhome-gifgroen .subhomebottom {
	width: 220px;
	height: 40px;
	background: url(../img/subhome-bottom-gifgroen.gif) no-repeat top left #FFFFFF;
}

/**/
.subhome-donkerblauw .subhometop {
	width: 220px;
	height: 14px;
	background: url(../img/subhome-top-donkerblauw.gif) no-repeat top left #FFFFFF;
}

.subhome-donkerblauw .subhomebody {
	background: #000F51;
	width: 200px;
	padding: 0 10px;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 135%;
	line-height: 130%;
	border: none;
}

.subhome-donkerblauw .subhomebottom {
	width: 220px;
	height: 40px;
	background: url(../img/subhome-bottom-donkerblauw.gif) no-repeat top left #FFFFFF;
}

/**/
.subhome-donkergroen .subhometop {
	width: 220px;
	height: 14px;
	background: url(../img/subhome-top-donkergroen.gif) no-repeat top left #FFFFFF;
}

.subhome-donkergroen .subhomebody {
	background: #024032;
	width: 200px;
	padding: 0 10px;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 135%;
	line-height: 130%;
	border: none;
}

.subhome-donkergroen .subhomebottom {
	width: 220px;
	height: 40px;
	background: url(../img/subhome-bottom-donkergroen.gif) no-repeat top left #FFFFFF;
}

/**/
.subhome-groen .subhometop {
	width: 220px;
	height: 14px;
	background: url(../img/subhome-top-groen.gif) no-repeat top left #FFFFFF;
}

.subhome-groen .subhomebody {
	background: #557C1F;
	width: 200px;
	padding: 0 10px;
	color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 135%;
	line-height: 130%;
	border: none;
}

.subhome-groen .subhomebottom {
	width: 220px;
	height: 40px;
	background: url(../img/subhome-bottom-groen.gif) no-repeat top left #FFFFFF;
}

/**/
.subhome-zeegroen p, 
.subhome-teal p,
.subhome-gifgroen p,
.subhome-donkerblauw p,
.subhome-donkergroen p,
.subhome-groen p  {
	margin: 0;
	color: #000000;
	border: none;
	font-weight: bold;
}

/* FORMULIER */
.form_left {
	float: left;
	width: 150px;
	margin: 5px 0;
	font-weight: bold;
}

.form_right {
	float: left;
	margin: 2px 0;	
}

.form_right input {
	font-family: Verdana, sans-serif;
	color: #000000;
	padding: 4px;
	width: 350px;
}

.form_right textarea {
	font-family: Verdana, sans-serif;
	font-size: 100%;
	color: #000000;
	padding: 4px;
	width: 350px;
}

input.send {
	width: 130px;
	height: 60px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 135%;	
	color: #FFFFFF;
	background: url(../img/sendbutton.gif) no-repeat top left transparent;
	border: none;
	cursor: pointer;
}

.break {
	clear: both;
}

form {
	margin: 0 0 30px 0;
}

/*quotes*/

.quotes {
	background: url(../img/quotes-bg.png) repeat top left;
	float: left;
	width: 960px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 135%;
	color: #FFFFFF;	
	margin: 0 0 40px 0;	
	text-decoration: none;
}

.quote {
	float: left;
	width: 270px;
	background: transparent;
	margin: 0 15px 0 0;
	padding: 10px 20px;
}

.lastquote {
	float: left;
	width: 270px;
	background: transparent;
	margin: 0;
	padding: 10px 20px;
}	

.quote a, .lastquote a,
.quote a:hover, .lastquote a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

.small {
	font-size: 75%;
	font-family: Verdana, sans-serif;
}

.small a {
	color: #FF0001;
	text-decoration: underline;
}

.small a:hover {
	text-decoration: none;
	color: #FF0001;	
}