@charset "utf-8";

/* CSS Document voor Animaltracker */

/* Datum: september 2007 */

/* Globals
===========================================================================*/

body,
html {
	color: #000;
	background: #8cc32b url(../images/backgrounds/bg-main.gif);
	padding-bottom: 30px;
	font-family: arial,verdana,sans-serif
}

* {
	margin: 0;
	padding: 0;
}

/* Extra for IE because they can't seem te handle the reset standard */

body {
	min-width: 1000px;
	font-size: 76%;
}

p {
	padding-bottom: 17px;
	line-height: 130%;
}

img {
	vertical-align: bottom;
}

div#wrapper {
	width: 1000px;
	margin: 0 auto;
	font-size: 1em
}

h3 {
	font-size: 1.2em;
	color: #8cc32b;
	font-weight: bold;
	margin-bottom: 5px;
}

/* Links handeling */

div#wrapper a:link {
	color: #1977a7;
}

div#wrapper a:visited {
	color: #609;
}

div#wrapper a:hover, div#wrapper a:visited:hover {
	color: #bd4858;
}

/* Header
===========================================================================*/

div#header {
	height: 60px;
	padding: 10px 14px 0 14px;
	overflow: hidden;
	width: 972px;
	text-align: right;
}

div#header img {
	float: left;
}

div#header img.imagerss {
	margin-top: 0;
	margin-left: 5px;
	float: none;
}

div#header span.slogan {
	height: 29px;
	font-style: italic;
	color: #fff;
	font-size: 20px;
	text-shadow: #62891e 0 1px 1px;
	width: 267px;
	background: url(../images/globals/slogan.gif) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
	float: left;
	margin-left: 30px;
	padding-left: 14px;
	padding-right: 14px;
	padding-bottom: 0;
	margin-top: 3px;
}

div#header span.slogan em {
	display: none;
	margin-top: 15px;
}

/* Logo */

div#header img {
	margin-top: 4px;
}

/* Service menu */

div#header ul {
	margin-right: 5px;
	display: block;
	width: 500px;
	float: right;
}

div#header ul li {
	display: inline;
}

div#header ul li a:link, div#header ul li a:visited {
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	padding: 0 7px 0 5px;
}

div#header ul li.last a, div#header ul li.last a:visited {
	padding: 0 0 0 5px;
	border: none;
}

div#header ul li a:hover, div#header ul li a:visited:hover {
	color: #304c00;
}

/* Main navigatie
===========================================================================*/

div#wrap-menu {
	height: 80px;
	background: url(../images/backgrounds/bg-corners-top.gif) no-repeat;
	padding-left: 19px;
}

/* Navigatie bovenkant */

div#wrap-menu  ul {
	background: url(../images/backgrounds/bg-nav.gif) no-repeat;
	height: 46px;
	padding-top: 20px;
	position: relative;
}

div#wrap-menu ul li {
	display: inline;
}

div#wrap-menu ul li a:link, div#wrap-menu ul li a:visited {
	float: left;
	text-decoration: none;
	color: #9b9b9b;
	font-size: 1.2em;
	padding: 5px 23px;
	border-right: 1px solid #c7c7c6;
	font-weight: bold;
}

div#wrap-menu ul li a:hover, div#wrap-menu ul li a:visited:hover {
	color: #bd4858;
	background: url(../images/backgrounds/nav-hover.gif) right center no-repeat;
}

div#wrap-menu ul li.no-border a {
	border: none;
}

div#wrap-menu ul li.profiel a {
	position: absolute;
	right: 17px;
	top: 25px;
	border: 0;
	padding: 0 23px 5px 0;
}

div#wrap-menu ul li#selected a, div#wrap-menu ul li#selected a:visited {
	color: #000;
}

/* Content
===========================================================================*/

div#wrap-content {
	background: url(../images/backgrounds/bg-grid.gif);
}

div#content {
	background: url(../images/backgrounds/bg-corners-bottom.gif) no-repeat bottom;
	display: block;
	overflow: hidden;
	height: 1%;
	padding-bottom: 20px;
}

/* Aanbod linkerkant */

div.wrap-blokken {
	float: left;
	width: 190px;
	margin-left: 20px;
	display: inline;
	overflow:hidden;
}

/* Blokken linker- en rechterkant */

div.wrap-blokken div {
	background: url(../images/backgrounds/bg-blok-bottom.png) bottom left no-repeat;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

div.wrap-blokken fieldset div {
	background: none !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

/* Shadow in IE gets a gif instead of png */

* html div.wrap-blokken div {
	background: url(../images/backgrounds/bg-blok-bottom.gif) bottom left no-repeat;
	padding-bottom: 25px;
	margin-bottom: 20px;
}

div.wrap-blokken h2 {
	background: url(../images/backgrounds/corners-blok-top.gif) no-repeat;
	color: #bd4858;
	font-size: 1.4em;
	font-weight: bold;
	padding: 20px 0 12px 20px;
}

div.wrap-blokken p {
	background: url(../images/backgrounds/bg-blok.gif) repeat-y;
	padding: 0 19px 17px 19px;
}

/* Navigatie linkerkant */

ul.list-menu {
	background: url(../images/backgrounds/bg-blok.gif) repeat-y;
	margin-bottom: 30px;
}

ul.list-menu li {
	margin: 0 20px;
}

ul.list-menu li a:link, ul.list-menu li a:visited {
	border-bottom: 1px solid #bdc2c4;
	display: block;
	text-decoration: none;
	color: #000!important;
	font-weight: bold;
	width: 100%;
	padding: 4px 0;
}

ul.list-menu li a:hover, ul.list-menu li a:visited:hover {
	color: #1977a7!important;
}

ul.list-menu li.active a {
	color: #bd4858!important;
}

html>body ul.list-menu li a {
	width: auto;
}

ul.list-menu li ul.sub-menu {
	background: #fff;
	border-bottom: 1px solid #bdc2c4;
	margin-bottom: 10px;
}

ul.list-menu li ul.sub-menu li a:link, ul.list-menu li ul.sub-menu li a:visited {
	color: #000!important;
	border: none;
	margin: 0;
	padding: 3px 0;
	font-weight: normal;
}

ul.list-menu li ul.sub-menu li a:hover, ul.list-menu li ul.sub-menu li a:visited:hover {
	color: #bd4858;
}

ul.list-menu li ul.sub-menu li.active a {
	color: #1977a7!important;
}

ul.list-menu li a.green:link {
	color: #9b9b9b !important;
	font-size: 13px;
}

/* Content midden */

div#midden-content {
	float: left;
	width: 540px;
	margin-left: 20px;
	background: url(../images/backgrounds/content-bottom.gif) bottom no-repeat;
	padding-bottom: 6px;
}

div#midden-content h1 {
	background: #fff url(../images/backgrounds/corners-top.gif) no-repeat;
	color: #bd4858;
	font-size: 1.4em;
	font-weight: bold;
	padding: 20px 0 20px 20px;
}

/* Inhoud op home */

div#blokken-home {
	float: left;
	width: 748px;
	padding-left: 20px;
}

div#top-home {
	height: 274px;
	background: url(../images/home/home-kat.gif) no-repeat;
}

div#bottom-home {
	background: #fff url(../images/backgrounds/corners-bottom-home.gif) left bottom no-repeat;
	height: 286px;
	margin-top: 20px;
}

div#bottom-home h1 {
	background: url(../images/backgrounds/corners-h1-home.gif) no-repeat;
	color: #bd4858;
	font-size: 1.4em;
	font-weight: bold;
	padding: 20px 20px 0 20px;
}

div#bottom-home h1 a {
	float: right;
	font-size: 0.75em;
	padding-top: 2px
}

.margin-summary {
	margin: 0 20px;
}

/* Main inhoud */

div#tekst-midden {
	background: #fff;
	display: block;
	overflow: hidden;
	height: 1%;
	padding: 0 20px 30px 20px;
}

div#tekst-midden h3 {
	font-weight: bold;
	color: #1977a7;
	font-size: 1.3em;
	padding-bottom: 3px;
}

div#tekst-midden h2 {
	clear: both;
	font-weight: bold;
	padding-bottom: 5px;
}

div.summary-blue {
	background: #e5ecf1;
	margin-top: 10px;
	min-height: 60px;
	display: block;
	overflow: hidden;
	height: 1%;
}

* html div.summary-blue {
	height: 65px;
}

div.summary-blue img {
	position: absolute;
}

div.summary-blue dl {
	padding: 6px 0 0 90px;
}

div.summary-blue dt a {
	font-weight: bold;
}

div.summary-blue dd {
	width: 210px;
	float: left;
	padding-top: 4px;
}

div.summary-blue dd.home-specs {
	width: 310px;
}

div.summary-blue dd.text-overview {
	padding: 2px 0 0 20px;
	width: 170px;
	line-height: 130%;
}

div.summary-blue dd.overview-home {
	padding: 2px 0 0 20px;
	width: 270px;
	line-height: 130%;
}

ul.headers-overview {
	height: 25px;
}

ul.headers-overview li {
	display: inline;
	background: #1977a7;
	float: left;
	color: #fff;
	font-weight: bold;
	padding: 6px 4px;
	border-right: 1px solid #fff;
}

ul.headers-overview li.foto {
	width: 72px;
}

ul.headers-overview li.naam-rubriek {
	width: 221px;
	padding-left: 10px
}

ul.headers-overview li.kenmerken {
	border: none;
	width: 175px;
}

table.overview th {
	font-weight: bold;
	vertical-align: top;
	width: 80px;
	padding: 2px 0;
	border-bottom: 1px solid #e6e6e6;
}

table.cat-age th {
	font-weight: bold;
	vertical-align: top;
	width: 70px;
	padding-bottom: 2px;
}

table.overview td {
	padding: 2px 0 0 5px;
	border-bottom: 1px solid #e6e6e6;
	line-height: 130%;
	width: 110px;
}

table.cat-age td {
	padding-bottom: 2px;
	padding-left: 5px;
}

table.overview td ul li {
	padding-bottom: 3px;
}

.space {
	margin: 20px 0;
}

table.specs-dier {
	width: 500px;
	margin-bottom: 30px;
}

table.specs-dier th {
	font-weight: bold;
	vertical-align: top;
	width: 80px;
	padding: 2px 0;
	border-bottom: 1px solid #e6e6e6;
}

table.specs-dier td {
	padding: 2px 0 2px 5px;
	border-bottom: 1px solid #e6e6e6;
}

div.image-left {
	position: relative;
	width: 156px;
}

div.image-left img {
	display: block;
	padding: 2px;
	border: 1px solid #ccc;
}

.vergroot {
	position: absolute;
	left: 0;
	top: 0;
	border: none!important;
	filter: alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity: 0.6;
}

div.afb-right {
	float: right;
	position: relative;
	margin: 2px 0 0 10px;
	width: 161px;
}

div.afb-right span, div.afb-left span {
	border-bottom: 1px solid #bdc2c4;
	display: block;
	padding: 4px 0;
	color: #838383;
}

div.afb-right img, div.afb-left img {
	vertical-align: bottom;
	padding: 2px;
	border: 1px solid #ccc;
}

div.afb-left {
	float: left;
	position: relative;
	margin: 2px 10px 0 0;
	width: 161px;
}

/* Paginate */

ul.paginate {
	font-weight: bold;
	float: right;
}

ul.paginate li {
	display: inline;
}

ul.paginate li a {
	padding: 2px 8px;
	color: #666!important;
	text-decoration: none;
	float: left;
	border: 1px solid #bbb;
	margin-left: 4px;
}

ul.paginate li a:hover {
	background: #ddd;
	color: #000;
}

ul.paginate a.select:link,
			ul.paginate a.select:visited {
	background: #8cc32b!important;
	color: #fff!important;
}

ul.paginate a:visited {
	color: #666;
}

.white-space {
	padding-top: 25px;
}

/* Formulieren */

span.required {
	font-weight: bold;
	color: #bd4858;
}

.formulieren fieldset {
	padding: 5px 0 15px 0;
}

.formulieren fieldset div {
	padding-bottom: 8px;
	display: block;
	overflow: hidden;
	height: 1%;
}

.formulieren span {
	font-weight: bold;
	color: #bd4858;
}

.formulieren span.positie-rechts {
	font-weight: normal;
	color: #000;
	position: absolute;
	right: 6px;
	top: 5px;
}

.formulieren fieldset label {
	width: 175px;
	float: left;
	padding: 5px 10px 0 0;
	position: relative;
}

.formulieren fieldset input {
	width: 200px;
	padding: 1px;
}

.formulieren fieldset textarea {
	width: 250px;
	padding: 1px;
	overflow: auto;
}

.formulieren fieldset input.input-small {
	width: 130px;
}

.formulieren fieldset input.input-big {
	width: 300px;
}

.formulieren fieldset legend {
	font-weight: bold;
	color: #1977a7;
	font-size: 1.3em;
	padding-bottom: 3px;
}

.formulieren div.radio-labels {
	padding-bottom: 0;
}

.formulieren div.radio-labels label {
	float: none;
	padding: 0 10px 0 5px;
}

.formulieren div.radio-labels input {
	width: 16px;
	border: 0;
}

.formulieren .form-button {
	float: right;
	background: #9aca45 url(../images/backgrounds/bg-button.gif) right bottom no-repeat;
	border: 1px solid #6c6d6e;
	border-width: 0 1px 1px 0;
	width: auto;
	overflow: visible;
	color: #fff;
	font-weight: bold;
	padding: 2px 8px;
	cursor: pointer;
}

.formulieren .form-button:hover, .blok-form .blok-button:hover {
	background: #527319;
}

.formulieren select {
	width: 207px;
}

.blok-form {
}

#contact {
}

.blok-form fieldset {
	background: url(../images/backgrounds/bg-blok.gif) repeat-y;
	padding: 0 0 0 19px;
}

.blok-form select {
	width: 150px;
	margin-bottom: 10px;
}

.blok-form input {
	width: 145px;
	margin: 2px 0 15px 0;
	padding: 1px;
}

.blok-form label {
	font-weight: bold;
	color: #7a7a7a;
	width: auto !important;
}

.blok-form .blok-button {
	float: right;
	background: #9aca45 url(../images/backgrounds/bg-button.gif) right bottom no-repeat;
	border: 1px solid #6c6d6e;
	border-width: 0 1px 1px 0;
	width: auto;
	overflow: visible;
	color: #fff;
	font-weight: bold;
	padding: 2px 8px;
	cursor: pointer;
	margin: 8px 20px 10px 0;
}

.formulieren select.smallest {
	width: 70px;
}

.formulieren select.small {
	width: 110px;
}

.formulieren fieldset div p {
	float: right;
	width: 317px;
}

.formulieren fieldset div p label {
	float: none;
	display: block;
	padding-top: 12px;
}

.formulieren fieldset div p input {
	width: 251px;
}

.formulieren fieldset div p .fileatt {
	width: 300px;
}

.formulieren div.extra-check input {
	width: 16px;
	border: 0;
	margin-right: 4px;
}

.formulieren div.extra-check label {
	float: none;
	width: auto;
}

/* Form home */

.form-home {
	float: right;
	margin-left: 30px;
	width: 500px;
}

.form-home fieldset label {
	display: block;
	font-weight: bold;
	color: #7a7a7a;
	padding: 14px 0 3px 0;
}

.form-home fieldset legend {
	color: #bd4858;
	font-size: 1.4em;
	font-weight: bold;
	padding: 20px 0 4px 0;
}

.form-home .form-button {
	float: right;
	background: #9aca45 url(../images/backgrounds/bg-button.gif) right bottom no-repeat;
	border: 1px solid #6c6d6e;
	border-width: 0 1px 1px 0;
	width: auto;
	overflow: visible;
	color: #fff;
	font-weight: bold;
	padding: 2px 8px;
	cursor: pointer;
	margin: 20px 25px 0 0;
}

.form-home .form-button:hover {
	background: #527319;
}

.form-home select {
	width: 477px;
}

.form-home fieldset input {
	width: 470px;
	padding: 1px;
}

div#error-login {
	background: none;
	margin-right: 20px;
	padding: 0;
}

div#error-login p {
	padding: 5px;
	background: none;
	background: #c30;
	color: #fff;
}

div#error-login p.ww-vergeten {
	background: none;
}

/* Kenmerken */

.formulieren ul {
	display: block;
	overflow: hidden;
	height: 1%;
}

.formulieren ul li {
	width: 150px;
	float: left;
	padding: 5px 5px 0 0;
}

.formulieren ul li input {
	width: 16px;
	border: 0;
	margin-right: 5px;
}

.formulieren ul li label {
	float: none;
}

/* Errorhandeling */

.formulieren div.required-error {
	border: 2px solid #f00;
	padding: 6px 9px 12px 9px;
	margin: 6px 10px 18px 0;
	background: #e4ebf0;
}

.formulieren big {
	display: block;
	color: #df0024;
	font-weight: bold;
	font-size: 1.3em;
	padding: 3px 0px 6px 20px;
	background: url(../images/icons/alert.gif) no-repeat 0px 3px;
}

/* Spoorloos op home */

ul.spoorloos-ul {
	background: url(../images/backgrounds/bg-blok.gif) repeat-y;
	position: relative;
	padding: 0 19px 9px 19px;
}

ul.spoorloos-ul li {
	font-size: 0.9em;
	padding: 3px 0 0 45px;
	background: #e5ecf1 url(../images/backgrounds/bg-dl.gif) repeat-y;
}

ul.spoorloos-ul li.img-spoorloos {
	position: absolute;
	padding: 0;
}

ul.spoorloos-ul li.titel-spoorloos, ul.spoorloos-ul li span {
	font-weight: bold;
}

ul.spoorloos-ul li.datum-tijd {
	padding-bottom: 3px;
}

/* Tabel overzicht advertenties */

table.beheer-table {
	width: 500px;
}

table.beheer-table th {
	padding: 5px 0 5px 5px;
	background: #1977a7;
	color: #fff;
	border-right: 1px solid #fff;
	font-weight: bold;
}

table.beheer-table th.coll50 {
	width: 50px;
}

table.beheer-table th.coll75 {
	width: 75px;
}

table.beheer-table th.coll100 {
	width: 100px;
}

table.beheer-table th.coll249 {
	width: 249px;
}

table.beheer-table td.beheer-img {
	padding: 0;
}

table.beheer-table td {
	padding: 5px;
	background: #e5ecf1;
	border-right: 1px solid #fff;
	border-top: 12px solid #fff;
	vertical-align: top;
}

table.beheer-table td.beheer-knoppen {
	background: none;
	border: 1px solid #1977a7;
	border-width: 0 0 1px 0;
	padding-left: 0;
}

table.beheer-table td.beheer-knoppen input {
	background: #9aca45 url(../images/backgrounds/bg-button.gif) right bottom no-repeat;
	border: 1px solid #6c6d6e;
	border-width: 0 1px 1px 0;
	width: auto;
	overflow: visible;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	padding: 2px 4px;
	cursor: pointer;
	margin: 5px 0;
}

table.beheer-table td.beheer-knoppen input:hover {
	background: #527319;
}

* html table.beheer-table td.beheer-knoppen input {
	padding: 2px 8px;
}

table.beheer-table td dt {
	font-weight: bold;
	padding-bottom: 2px;
}

table.beheer-table td dd {
	padding-bottom: 3px;
}

table.beheer-table td dd span {
	color: #000;
	font-weight: bold;
}

table.beheer-table td.gevonden {
	background: #8cc32b;
	color: #fff;
}

table.beheer-table td.vermist {
	background: #c30;
	color: #fff;
}

/* Betaalpagina */

table.beheer-table td.bedrag {
	text-align: right;
}

table.beheer-table th.price-right {
	width: 100px;
	text-align: right;
	padding-right: 5px;
}

table.beheer-table td.td-leeg {
	background: none;
}

table.beheer-table td.totaal {
	text-align: right;
	font-weight: bold;
}

ul.betaal-overzicht {
	padding-top: 30px;
}

ul.betaal-overzicht li.titel {
	font-weight: bold;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	font-size: 1.3em;
	padding-left: 0;
}

ul.betaal-overzicht li {
	padding: 0 0 8px 20px;
	position: relative;
	display: block;
	width: 495px;
}

ul.betaal-overzicht li input {
	position: absolute;
	top: 15px;
	left: 0;
}

ul.betaal-overzicht li.rekening input {
	top: 0;
	left: 0;
}

ul.betaal-overzicht li select {
	width: 253px;
	margin-bottom: 9px;
}

ul.betaal-overzicht li label {
	float: none!important;
}

ul.betaal-overzicht li img {
	margin: 0 5px;
}

/* Overzicht asiel */

table.asiel-table {
	width: 500px;
	margin-bottom: 20px;
}

table.asiel-table th {
	padding: 5px 0 5px 5px;
	background: #1977a7;
	color: #fff;
	border-right: 1px solid #fff;
	font-weight: bold;
}

table.asiel-table td {
	padding: 2px 5px 0 5px;
	background: #e5ecf1;
	border-right: 1px solid #fff;
	vertical-align: top;
	line-height: 130%;
	width: 160px;
}

table.asiel-table td.bold-item {
	font-weight: bold;
	width: 90px;
	vertical-align: top
}

table.asiel-table td.tijden {
	padding-bottom: 6px;
	padding-top: 6px;
	background: #d0e0e9;
}

/* Detail/informatie van dier */

div.wrap-detail {
	display: block;
	overflow: hidden;
	height: 1%;
	padding-bottom: 15px;
}

ul.img-detail {
	width: 300px;
	float: left;
}

ul.img-detail li {
	width: 92px;
	float: left;
	list-style: none;
	border: 1px solid #fff;
	border-width: 0 6px 6px 0;
}

ul.img-detail li.detail-big {
	width: 288px;
	height: 220px;
}

ul.img-detail a:link, ul.img-detail a:visited, ul.img-detail a:hover, ul.img-detail a:visited:hover {
	width: 90px;
	display: block;
}

ul.img-detail a:link, ul.img-detail a:visited {
	border: 1px solid #ddd;
}

ul.img-detail a:hover, ul.img-detail a:visited:hover, ul.img-detail a.select:link, ul.img-detail a.select:visited {
	border: 1px solid #bd4858;
}

.verberg-img {
	display: none!important;
}

div.info-detail {
	width: 200px;
	float: left;
	padding-bottom: 30px;
}

/* Contentlist */

ul.contentlist {
	padding-bottom: 10px;
	list-style-type: disc;
	margin-left: 12px;
}

ul.contentlist li {
	padding: 0 0 5px 0;
}

ul.contentlist li ul {
	padding: 5px 0 0 0;
}

ul.contentlist li ul li {
	padding-left: 25px;
	background: url(../images/icons/sub-contentlist.gif) no-repeat 12px 5px;
	list-style-type: none;
}

/* Documenten */

.documents a:link, .documenten a:visited, .documenten a:hover, .documenten a:visited:hover {
	display: block;
	padding: 2px 10px 6px 27px;
	margin: 15px 0 15px 0;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	font-weight: bold;
}

.documents a:link, .documenten a:visited {
	background-repeat: no-repeat;
	background-position: 0 3px;
}

.documents a:hover, .documenten a:visited:hover {
	background-color: #fff;
}

.docgif {
	background-image: url(../images/icons/icon_gif.gif);
}

.docjpg {
	background-image: url(../images/icons/icon_jpg.gif);
}

.docbmp {
	background-image: url(../images/icons/icon_bmp.gif);
}

.docpdf {
	background-image: url(../images/icons/icon_pdf.gif);
}

.docdoc {
	background-image: url(../images/icons/icon_doc.gif);
}

.docxls {
	background-image: url(../images/icons/icon_xls.gif);
}

.doczip {
	background-image: url(../images/icons/icon_zip.gif);
}

.doctxt {
	background-image: url(../images/icons/icon_txt.gif);
}

.docwmp {
	background-image: url(../images/icons/icon_wmp.gif);
}

.centerline{
	text-align: center;
	}