/* CSS Document */

body, html{
margin: 0;
height: 100%;
font-family: Verdana, Arial, Helvetica;
font-size:12px;
letter-spacing: 1px;
line-height: 18px
}

h1 {
    font-family: century gothic, Arial, Helvetica;
	color:#9aca09;
	font-size:30px;
	line-height:35px;
	margin: 0 0 10px 0;
	}
	
h2 {
	font-family: century gothic, Arial, Helvetica;
	color:#9ACA09;
	font-size:18px;
	line-height:21px;
	margin: 20px 0 10px 0;	
	}
	
h3 {
	font-family: century gothic, Arial, Helvetica;
	color: #5e5c56;
	font-size:15px;
	line-height:18px;
	margin: 20px 0 5px 0;
	font-weight: bold;
	background-image:url(images/bullet_grijs.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding: 0 0 0 23px;
	}
	
h4 {
	font-family: century gothic, Arial, Helvetica;
	color: #5e5c56;
	font-size:12px;
	line-height:15px;
	margin: 20px 0 5px 0;
	}
	

.groen {
	color: #9ACA09;
	font-family: century gothic, Arial, Helvetica;
	font-size:12px;
	line-height:14px;
	}
	
.bach {
	color: #9ACA09;
	font-family: century gothic, Arial, Helvetica;
	font-size:30px;
	font-weight:bold;
	line-height:40px;
	margin: 30px 0 30px 0;
	}

/*Sitemap*/	
.kop {
	font-family: century gothic, Arial, Helvetica;
	color: #5e5c56;
	font-size:15px;
	line-height:18px;
	font-weight: bold;
	background-image:url(images/bullet_grijs.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding: 0 0 0 23px;
	}
	
hr.kop {
	border-bottom:1px solid;
	border-color: #cccccc;
}

.bullet {
	background-image:url(images/bullet_mini.gif);
	background-repeat: no-repeat;
	background-position:left top;
	padding: 0 0 0 25px;
	margin: 0;
	}

	
img {
border: 0;
 }
 
img.top{
margin: 0 10px 10px 10px;
}

img.bottom {
margin: 10px 10px 0 10px;
}

img.right {
margin: 10px 0 10px 10px;
}

img.left {
margin: 10px 10px 10px 0;
} 
 
img.midden {
vertical-align: middle;
}

img.border {
border: 3px solid #9aca09;
}
 
hr {
border-bottom: 2px dotted;
border-color: #9ACA09;
}

table {
width: 100%;
border: 0;
padding: 0;
margin: 0;
/*border-collapse: collapse*/
border-spacing:0;


}

td {
vertical-align: top;
}

img.foto {
padding:0;
margin: 0;
width: 400px;
border: 0;
}

img.indexfoto {
bottom: 0px;
right: 30px;
margin: 0;
border: 0;
}



input.input {
border: 1px solid #9ACA09;
}

td.input {
vertical-align:middle;
}


/*Kliktips*/
.kliktips-tabel {
border: 2px solid #9ACA09;
width: 100%;
}

td.kliktips-kop {
	width: 100%;
	border: 0px;
	background-color: #9ACA09;
}

p.kliktips-kop {
	padding: 5px 0 5px 10px;
	font-family: century gothic, Arial, Helvetica;
	font-size: 16px;
	letter-spacing:10px;
	font-weight: bolder;
	text-align: left;
	color: #ffffff;
}

p.pijl {
vertical-align: middle;
background-image:url(images/bullet.gif);
background-repeat:no-repeat;
padding: 0 0 4px 40px;
}


td.pijl {
height: 34px;
vertical-align: middle;
background-image:url(images/pijlgroen.gif);
background-repeat:no-repeat;
padding: 0 0 5px 45px;
}

p.pijlklein {
vertical-align: middle;
background-image:url(images/pijlklein.gif);
background-repeat:no-repeat;
padding: 0 0 2px 30px;
margin: 0;
}

.acrobat, a.acrobat:link, a.acrobat:visited {
color: #5e5c56;
letter-spacing:normal;
font-size: 9px;
padding: 0 8px 8px 8px;
text-decoration: none;
}

a.acrobat:active, a.acrobat:hover {
color: #9aca09;
}

a.kliktips:link, a.kliktips:visited {
	font-family: century gothic, Arial, Helvetica;
	color: #5e5c56;
	font-size:14px;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 2px;
}

a.kliktips:hover, a.kliktips:active {
	color: #9aca09;
	}
	
a.verwijzing:link, a.verwijzing:visited {
	font-family: century gothic, Arial, Helvetica;
	color: #5e5c56;
	font-size:12px;
	text-decoration: none;
	font-weight: none;
	letter-spacing: 2px;
}

a.verwijzing:active, a.verwijzing:hover {
	color: #9aca09;
	}

a:link, a:visited {
color: #9aca09;
text-decoration: none;
font-weight: bold;
}

a:active, a:hover {
color: #5e5c56;
}

/*Lay-out*/
#main_container{
margin:0 auto;
position: relative;
text-align: left;
width: 955px;
clear:left;
}

#kolom-links {
float: left;
vertical-align: top;
width: 400px;
padding: 0;
}

#kolom-rechts {
Float: right;
vertical-align: top;
width: 400px;
padding: 10px 0 0 0;
overflow: visible;
}

#kolom-volledig {
Float: left;
vertical-align: top;
width: 100%;
padding: 0;
}

#kolom-menu{
float: left;
vertical-align: top;
width: 110px;
padding: 45px 40px 0 0;
}

#kolom-menu-content{
Float:right;
vertical-align: top;
width: 845px;
padding: 0 20px 0 0;
}

#kolom-menu-links{
Float:left;
vertical-align: top;
width: 400px;
padding: 0;
}

#kolom-menu-rechts{
Float:right;
vertical-align: top;
width: 300px;
padding: 10px 0 0 0;
}

/*content*/
#content_container{
width: 100%;
padding:  0 0 20px 0;
}

#content{
padding: 30px 0px 0 30px;
width: 95%;
}

#header_container{
	width: 955px;
	height: 170px;
	padding: 0;
}

#header{
 	height: 162px;
	padding: 0;
}

#menu {
	position:absolute;
	height: 162px;
	width: 426px;
	left: 0px;
	top: 0px;
	z-index:1;
	visibility: visible;
}

#lijn {
	position:absolute;
	height: 162px;
	width: auto;
	left: 425px;
	top: 0px;
	right: 438px;
	background-image: url(images/basis/lijn.jpg);
	background-repeat: repeat-x;
	z-index:1;
	visibility: visible;
}

#logo {
	position:absolute;
	top:0px;
	width:438px;
	height:141px;
	z-index:1;
	right: 0px;
	background-image: url(images/basis/logo.jpg);
	background-repeat: no-repeat;
	visibility: visible;
}

#menu2 {
	position:absolute;
	top:135px;
	width:500px;
	height:20px;
	z-index:1;
	right: 20px;
	text-align: right;
	visibility: visible;
}

a.menu:link, a.menu:visited, p.menu {
	font-family: century gothic, Arial, Helvetica;
	font-size: 11px;
	color: #5e5c56;
	text-decoration: none;
	font-weight: bolder;
	letter-spacing: 2px;
}

a.menu:active, a.menu:hover {
	color: #9ACA09;
	text-decoration: none;
	}
	
a.submenu:link, a.submenu:visited {
	font-family: century gothic, Arial, Helvetica;
	font-size: 11px;
	color: #5e5c56;
	text-decoration: none;
	font-weight: bolder;
	letter-spacing: 2px;
	padding: 0 0 0 10px;
	}

a.submenu:active, a.submenu:hover  {
	padding: 0 0 0 10px;
	color: #9ACA09;
	text-decoration: none;
	}

/*Footer*/
#footer_container{
clear: both;
height: 46px;
width: 909px;
padding: 10px 0 0 30px;
}

#footer-lijn {
	width:100%;
	height:3px;
	background-image: url(images/basis/footer-c.jpg);
	background-repeat: repeat-x;
	}

#footermenu {
	float: right;
}

.footer, a.footer:link, a.footer:visited {
	font-family: century gothic, Arial, Helvetica;
	font-size: 11px;
	color: #5e5c56;
	text-decoration: none;
	font-weight: bolder;
	letter-spacing: 1px;
}

a.footer:hover, a.footer:active {
	color: #9ACA09;
	text-decoration: none;
}

/*popup div voor disclaimer etc.*/
#venster {
	position: absolute;
	left: 10%;
	right: 10%;
	height: 500px;
	visibility: hidden;	
}

#venster2 {
	position: absolute;
	left: 10%;
	right: 10%;
	height: 520px;
	visibility: hidden;	
}

.vensteropmaak {
margin: 0 auto;
text-align: center;
background-color: #5e5c56;
padding:40px 10px 10px 10px;
}
	
iframe {
	width: 100%;
	height: 100%;
}
#close {
	position:absolute;
	top:12px;
	right: 5px;
	width:80px;
	height:22px;
	background-image: url(images/close.gif);
	background-repeat: no-repeat;
	padding: 2px;
	}
	
body.venster {
	margin-left: 30px;
	margin-top: 30px;
	margin-right: 30px;
	background-color: #ffffff;
	background-image: url(images/bloem.gif);
	background-repeat: no-repeat;
	background-position:center;
}

/*Bach*/

.bach, a.linktips:link, a.linktips:visited {
font-family: century gothic, arial, verdana;
	color:#9aca09;
	font-size:15px;
	font-weight:bold;
	line-height:18px;
	margin: 0 0 10px 0;
	text-decoration:none;
	}
a.linktips:hover, a.linktips:active  {
color:#5e5c56;
}

td.bach {
vertical-align: top;
padding: 8px 5px 15px 0; 
width: 7%;
border-bottom: 2px dotted #9aca09;
}

td.bach-tekst {
vertical-align: top;
padding: 5px;
width: 93%;
border-bottom: 2px dotted #9aca09;
}

/*olie*/
img.olie {
margin: 0 10px 0 0;
border: 3px solid #9aca09;

}

/*linktips*/
#links_algemeen, #links_paarden, #links_katten, #links_honden, #links_startpagina {
	height:100%;

}

iframe.linktips {
	width: 100%;
	height: 100%;
	border: 1px solid #9aca09;
}

.divlinktips {
	background-image: url(images/bloem.gif);
	background-repeat: no-repeat;
	background-position:center;
}

.visiglotd {
width: 496px;
padding-right: 20px;
}

td.border {
	vertical-align: center;
	border-bottom: 1px dotted;
	border-color: #CCCCCC;
	}
	
/*crumbs*/
p.kruimel {
font-size: 10px;
color: #9aca09;
font-weight: bold;
backround-image: url();
}

a.kruimel:link, a.kruimel:active, a.kruimel:visited {
color: #5e5c56;
}

a.kruimel:hover {
color:#9aca09;
}

hr.kruimel{
border-bottom:1px solid;
border-color: #cccccc;
margin: 0 0 -8px 0;
}


/*round corners grijs*/
.top-left, .top-right, .bottom-left, .bottom-right { 
	background-image: url('images/corners.gif'); 
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
	}
.top-left, .bottom-left { 
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
	}
.top-right, .bottom-right { 
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
	}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
	}
.bottom-left  { 
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
	}
.bottom-right { 
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	}
.inside {
    background-image: url(images/bloemklein.gif);
	background-position: center right;
	background-repeat: no-repeat;
	border-left: 1px solid #5a5c56; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #5a5c56;/* YCC: color & properties of the right-borderline */
	/*background: #ffffff;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; line-height:1px; } /* DNC: to avoid splitting of the box */
.nobottomgap-footer { margin-bottom: 0;font-size: 10px; color: #8E9295; text-align: center;} /* DNC: to avoid splitting of the box */


/* webwinkel link op home */
#webwinkel{
width:174px;
height:40px;
position:absolute;
top:213px;
right:63px;
}