@charset "UTF-8";
/* CSS Document */

/* SITE */

html, body {
    min-height			: 	100%;
    height				: 	auto !important;
    height				: 	100%;
}

body {
	font-family			:	helvetica, arial, verda, "sans serif";
	color				:	#000000;
	background-color	:	#42595f;
	margin-top			: 	15px auto 0 auto;
	background-image	: 	url(../images/bg.gif);
	background-repeat	: 	repeat-x;
}

.bggreen {
	background-image	:	url(../images/bg_banner_gr.jpg);
	background-repeat	: 	repeat-x;
	padding-right		:	30px;
}


.bgbrown {
	background-image	:	url(../images/bg_banner_br.jpg);
	background-repeat	: 	repeat-x;
}


#container {
	font-weight			: 	normal;
	background-color	: 	#FFFFFF;
	height				: 	auto;
	width				: 	811px;
	margin				: 	0 auto;
	padding-top			:	10px;
	padding-bottom		:	10px;
}

.bggreentekst {
	display				: 	block;
	width				: 	420px;
	float				: 	left;
	font-size			: 	13px;
	line-height			: 	16px;
	font-weight			: 	normal;
	text-align			: 	center;
	letter-spacing		: 	1px;
	margin-top			: 	15px;
}

.teaser {
	display				: 	block;
	width				: 	506px;
	height				:	140px;
	float				: 	left;
	margin-left			: 	15px;	
}

#content {
	background-color	: 	#f2f2f2;
	height				: 	500px;
	width				: 	790px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}
#spacer {
	background-color: #FFFFFF;
	display: block;
	height: 10px;
	width: 790px;
}

#fototeaser {
	float				: 	left;
	height				: 	400px;
	padding-left		: 	45px;
	padding-top			: 	15px;
	display				: 	block;
	font-size			: 	16px;
}

.tekstfoto{
	padding-left: 30px;
}

#info {
	font-size			: 	16px;
	float				: 	right;
	height				: 	auto;
	width				: 	510px;
	font-weight			: 	normal;
	font-style			: 	normal;
	line-height			: 	18px;
	margin-right		: 	10px;
	padding-top			: 	15px;
}

#foto {
	font-size			: 	16px;
	height				: 	auto;
	width				: 	200px;
	float				: 	left;
	padding-left		: 	10px;
	margin-top: 15px;
}

#fotoframe{
	height				: 	450px;
	width				: 	510px;
	float				: 	right;
}

.fotolijst {
	background-image	: 	url(../images/pijlbruin.gif);
	background-repeat	: 	no-repeat;
	text-indent			: 	40px;
	margin-bottom		: 	10px;
	margin-left			: 	-10px;
}

#foto li a:link
{
	color				:	#000000;
	text-decoration		:	none;
}

#foto li a:hover
{
	color				:	#187521;
	text-decoration		:	none;
}

#foto li a:visited
{
	color				:	#000000;
	text-decoration		:	none;
}

.logo {
	background-position	: 	top;
	margin-top			: 	35px;
	margin-bottom		: 	35px;
}

li{
	list-style-image	: 	none;
	list-style-type		: 	none;
}


#menu li a:link{
	font-size			: 	19px;
	font-weight			: 	normal;
	text-transform		: 	capitalize;
	color				: 	#000000;
	display				: 	block;
	background-image	: 	url(../images/pijlgroen.gif);
	background-repeat	: 	no-repeat;
	text-indent			: 	45px;
	list-style-type		: 	none;
	height				: 	25px;
	width				: 	160px;
	border-bottom-width	: 	2px;
	border-bottom-style	: 	solid;
	border-bottom-color	: 	#743612;
	margin-bottom		: 	3px;
	margin-left			: 	-25px;
	background-position	: 	5px 2px;
	list-style-image	: 	none;
	text-decoration		: 	none;
}

#menu li a:visited
{
	font-size			: 	19px;
	font-weight			: 	normal;
	text-transform		: 	capitalize;
	color				: 	#000000;
	display				: 	block;
	background-image	: 	url(../images/pijlgroen.gif);
	background-repeat	: 	no-repeat;
	text-indent			: 	45px;
	list-style-type		: 	none;
	height				: 	25px;
	width				: 	160px;
	border-bottom-width	: 	2px;
	border-bottom-style	: 	solid;
	border-bottom-color	: 	#743612;
	margin-bottom		: 	3px;
	margin-left			: 	-25px;
	background-position	: 	5px 2px;
	list-style-image	: 	none;
	text-decoration		: 	none;
}

#menu li a:hover {
	color				: 	#733612;
	text-decoration		: 	none;
	background-image	: 	url(../images/pijllichtgroen.gif);
	background-repeat	: 	no-repeat;
	border-bottom-width	: 	2px;
	border-bottom-style	: 	solid;
	border-bottom-color	: 	#743612;
}


#menu {
	text-align			: 	left;
	display				: 	block;
}

/* einde site */

/* jqcaroussel */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position			: 	relative;
}

.jcarousel-clip {
    z-index				: 	2;
    padding				: 	0;
    margin				: 	0;
    overflow			: 	hidden;
    position			: 	relative;
}

.jcarousel-list {
    z-index				: 	1;
    overflow			: 	hidden;
    position			: 	relative;
    top					: 	0;
    left				: 	0;
    margin				: 	0;
    padding				: 	0;
}

.jcarousel-list li,
.jcarousel-item {
	float				: 	left;
	list-style			: 	none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
    width				: 	130px;
	height				: 	175px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index				: 	3;
    display				: 	none;
}

.jcarousel-prev {
    z-index				: 	3;
    display				: 	none;
}

/* einde jqcaroussel  */

/* skin  */

.jcarousel-skin-tango .jcarousel-container-vertical {
    width				: 	130px;
    height				: 	360px;
    padding				: 	40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width				:  	130px;
    height				: 	352px;
}

.jcarousel-skin-tango .jcarousel-item {
    width				: 	130px;
    height				: 	175px;
}


.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom		: 	10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background			: 	#000;
    color				: 	#000;
}

/**
/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
	position			: 	absolute;
	bottom				: 	5px;
	left				: 	65px;
	width				: 	32px;
	height				: 	32px;
	cursor				: 	pointer;
	background-color	: 	transparent;
	background-image	:	url(../images/slide/prev.gif);
	background-repeat	: 	no-repeat;
	background-position	: 	0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
	position			: 	absolute;
	top					: 	15px;
	left				: 	65px;
	width				: 	32px;
	height				: 	32px;
	cursor				: 	pointer;
	background-color	: 	transparent;
	background-image	:	url(../images/slide/next.gif);
	background-repeat	: 	no-repeat;
	background-position	: 	0 0;
}

/* einde skin  */

/* formulier  */

.contactinfo{
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 5px;
	height: auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #733712;
	display: block;
	width: 160px;
	padding-bottom: 2px;
}

#contactinfo {
	height				: 	auto;
	float				: 	left;
	margin-top: 30px;
	width: 160px;
	padding-left: 40px;
}

#temraform
 {
	font-size				: 	16px;
	width					: 	510px;
	height					: 	auto;
	}	
.contact {
	font-family: helvetica, arial, verda, "sans serif";
	font-size: 16px;
	color: #000000;
}
											
	input{
	height					: 	20px;
	background-color		: 	#AABE0F;
	font-size				: 	15px;
	color					: 	#000000;
	}
	
	textarea{
	font-family				: 	helvetica, arial, verda, "sans serif";
	font-size				:	14px;
	background-color		: 	#ABBF10;
	}
	
	
	input.verzend{
	display					: 	block;
	background-color		: 	#ABBF10;
	font-size				: 	17px;
	color					: 	#000000;
	height:25px;
	}
											
	input.verzend2{
	background-color		: 	#ABBF10;
	font-size				: 	17px;
	color					: 	#000;
	height:25px;
	}
#footer {
	display: block;
	height: 30px;
	background-color: #F2F2F2;
	width: 790px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.footerlinks {
	font-size: 14px;
	font-weight: normal;
	height: 20px;
	width: 250px;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	padding-top: 7px;
	float: left;
}

a.footer{
	color:#000000;
	text-decoration: none;
}

a:hover.footer{
	color:#733612;
	text-decoration: none;
}


.footerrechts {
	font-size: 14px;
	font-weight: normal;
	height: 20px;
	width: auto;
	display: block;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 7px;
	text-align: right;
}