/*#############################################################
Name:	Clover Design CSS v1.0
Date: 	7-08-2007
Description: Clover Design Page Style Sheet
Author: Klaas Koenraadt, Robbert van Klaveren | Clover Design
#############################################################*/

body { 
	background-color: white;
	background-image:url(../_img/back_cd.gif);
	margin: 0; 
	padding: 0; 
}

ul { 
	margin: 0; 
	padding: 0; 
}

q { 
	font-variant: small-caps; 
	background-color: #ecf2ec; 
	width: auto; 
	margin-left: 25px; 
	padding: 0.5em 0.5em 0.5em 1em; 
	display: block; 
}

.nav a { 
	color: #707070; 
	font-size: 11px;
	font-family: "lucida sans"; 
	text-decoration: none; 
	text-transform: uppercase; 
	text-indent: 5px; 
	width: 500px; 
	height: auto; 
	margin: 0; 
	padding-top: 1em; 
	padding-right: 1em; 
	padding-bottom: 1em; 
}

.footer a { 
	color: #A7DA30; 
}

.footer a:hover { 
	color: #ED4C0D; 
}

.nav li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.nav a {
	width: 500px;
	display: block;
	padding: 0.2em 0;

	font-size: 0.8em;
	text-decoration: none;
	text-transform: uppercase;

	color: #707070;
	border-bottom: 1px dotted #707070;
}

a.knop1:hover {
	color: #FFFFFF;
	background-color: #ED4C0D;
}

a.knop2:hover {
	color: #FFFFFF;
	background-color: #0066FF;
}


a.knop3:hover {
	color: #FFFFFF;
	background-color: #F4E233;
}


a.knop4:hover {
	color: #FFFFFF;
	background-color: #D80000;
}


a.knop5:hover {
	color: #FFFFFF;
	background-color: #5F8002;
}

#container {
	width: 500px;
	height: auto;
	margin: 0 auto auto;
	padding-top: 100px;
}

#main {
	width: 500px;
	height: auto;
	border:5px solid #FFFFFF;

}

.nav { 
	background-color: white; 
	text-align: left; 
	width: 500px; 
	height: auto; 
	margin: 0; 
	padding: 0; 
}

.header { 
	width: 500px; 
	margin: 0; 
}

.content {
	color: #8c8c8c;
	background-color:#FFFFFF;
	font-size: 12px;
	font-family: helvetica;
	font-weight: normal;
	font-style: normal;
	line-height: 160%;
	text-decoration: none;
	width: 500px;
	border-bottom: 1px dotted #707070;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
}

.content a { 
	color: #A7DA30; 
}

.content a:hover { 
	color: #ED4C0D; 
}

.footer { 
	color: white; 
	font-family: helvetica;
	font-size: 10px; 
	text-decoration: none; 
	padding-top: 5px;
}