/* Gebruikte kleuren
Jumper Rood = #E60004
Jumper Groen = #6da10e
Tekst grijs = #4e4e4e
Grijze lijnen = #333333


/* RESET */


html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, blockquote, pre, fieldset, input {
	padding: 0;
	margin:	0; 
}

ul, ol { 
	list-style: none;
}

:focus {
	outline: 0;
}



/* HTML */
html, body {
	height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #4e4e4e;
	font-size: 12px;
	line-height: 18px;
	background-image: url(../img/bg_stretch.jpg);
	background-repeat: repeat-x;
}

a {
	text-decoration: none;
	color: #E60004;
}

a:hover {
	color: #6da10e;
}

p {
	margin-bottom: 15px;
}

h1, h3, h4, h5, h6 {
	color: #E60004;
}

h1 {
	text-indent: -9000px;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	margin-bottom: 32px; /* dit verzorgd de afstand tussen de content en de groene balk */ 
}

h3 {
	font-size: 18px;
	line-height: 26px;
}

h4 {
	font-size: 14px;
	line-height: 24px;
}
h5 {
	font-size: 12px;
}

iframe {
	background-color:#fff;
	width: 670px;
	height: 600px;
	border: none;
}
img {
	border:none;
}
	
/* LAY-OUT */
#wrapper {
	width: 950px;
	margin: auto;
	height: 100%;
}

#header {
	height: 124px;
	background: url(../img/header.jpg) no-repeat;  
}

#content {
	background: url(../img/balk.gif) no-repeat;
	min-height: 350px;
	padding: 5px 20px 20px 20px;
}

#sidebar {
	width: 165px;
	float: left;
	padding-right: 35px;
}
#main {
	min-height: 350px;
	width: 674px;
	float: left;
	border-left: dashed 1px #333; 
	padding: 0 0 0 35px;
}
#main ul {
	margin-bottom: 15px;
}

#main ul.lijst li  {
	list-style: disc url(../img/bullet.gif) inside;
}	

/* SIDEBAR */
#sidebar ul {
	border-bottom:  solid 1px #ccc; 
}

.sidebar_item, .sidebar_item:hover, .sidebar_item_active{
	height: 40px;
	line-height: 40px;
	border-top: solid 1px #ccc;
}

#sidebar .sidebar_sub a {
	font-size: 11px;
	padding-left: 10px;
	color: #4e4e4e; 
	height: 30px;
	line-height: 32px;
	border-top: dashed 1px #ccc;
	
}
.sidebar_item, .sidebar_item:hover, .sidebar_item_active, #sidebar .sidebar_sub a {
	display: block;
	background: url(../img/arrow.gif) no-repeat right;
}
#sidebar .sidebar_sub a:hover, #sidebar .sidebar_sub .active, .sidebar_item:hover, .sidebar_item_active {
	color: #E60004;
	background: url(../img/arrowRed.gif) no-repeat right;
}




/* NAVIGATIE */
#nav {
	float: left;
	margin-top: 68px;
}
#nav li {
	float: left;
}
#nav li a {
	display: block;
	height: 30px; /* Firefox bug, eigenlijk 31px */
	text-indent: -9000px;
}
#nav li a:hover, #home #aHome, #jumper #aJumper, #vestigingen #aVestigingen, #vacatures #aVacatures, 
#aktie #aAktie, #huisdieren #aHuisdieren, #kids #aKids, #links #aLinks, #contact #aContact  {
	background-position: 0 -31px;
}
#btnHome a {
	width: 61px;
	background: url(../img/btn_home.gif); 
}
#btnJumper a {
	width: 60px;
	background: url(../img/btn_jumper.gif);
}
#btnVestigingen a {
	width: 87px;
	background: url(../img/btn_vestigingen.gif);
}
#btnVacatures a {
	width: 77px;
	background: url(../img/btn_vacatures.gif);
}
#btnAktie a {
	width: 47px;
	background: url(../img/btn_aktie.gif);
}
#btnHuisdieren a {
	width: 81px;
	background: url(../img/btn_huisdieren.gif);
}
#btnKids a {
	width: 41px;
	background: url(../img/btn_kids.gif);
}
#btnLinks a {
	width: 47px;
	background: url(../img/btn_links.gif);
}
#btnContact a {
	width: 85px;
	background: url(../img/btn_contact.gif);
}


/* FORMS */
.tableForm {
	width: 495px;
}
.tdName {
	width: 115px;
	height: 26px;
}
.tdField {
	width: 380px;
}	

.frmTxt, .frmTxtSmall, .frmField, .frmTxtLoc, .frmTxtShort, .frmTxtShorter  {
	border: 1px solid #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	padding: 3px;
	height: 14px;
}
.frmTxt {
	width: 250px;
}

.frmUpl {
	width: 250px;
	border: none;
	height: 24px;
}

.frmTxtSmall {
	width: 80px;
}
.frmTxtShort { width:60px; }

.frmTxtShorter { width:40px; }

.frmTxtLoc {
	width: 170px;
	margin-bottom: 10px;
}
.frmField {
	width: 380px;
	height: 90px;
}

.frmBtn {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	background-color: #E60004;
	padding: 0 8px 0 8px;
	height: 22px;
	text-align: center;
	border: none;
	margin-top: 8px;
}
.frmBtn:hover {
	background-color: #6da10e;
	cursor: pointer;
}

.status_error {
	font-weight: bold;
	color: #E60004;
}
.status_error a {
	text-decoration: underline;
}
.status_false {
	font-weight: bold;
	color:#09F;
	padding:10px;
	border:#999 1px solid;
	width:450px;
}
.status_ok {
	font-weight: bold;
	color: #6da10e;
}

/* Home Pagina */
#home #content {
	background: url(../img/bg_bottom.gif) bottom no-repeat;
	float: left;
	padding: 0 0 15px 20px;
	margin-bottom: 15px;
}

#homevoordeel #content {
	background: url(../img/bg_bottom.gif) bottom no-repeat;
	float: left;
	padding: 0 0 15px 20px;
	margin-bottom: 15px;
}

#flashcontainer {
	background: url(../img/flash_home.jpg);
	height: 275px;
	margin-bottom: 20px;
}

#homevoordeel #flashcontainer {
	height: 397px;
}

#kalenderaanbiedingen {
	width: 593px;
	height: 275px;
	float: left;
	margin: 0 20px 30px 0;
}
*html #kalenderaanbiedingen { margin-bottom:0; }

#banner {
	width: 296px;
	height: 275px;
	float: left;
	padding-left: 20px;
	margin-bottom: 30px; 
	border-left: dashed 1px #333;
	display:block;
}

#left {
	width: 276px;
	height: 145px;
	float: left;
	padding-top: 10px;
	margin: 0 20px 0px 0px;
}

#mid {
	width: 276px;
	height: 145px;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	border-left: dashed 1px #333;
	margin: 0 20px 0px 0;
}

#mid p, #right p, #left p {
	margin-bottom: 4px;
}

#right {
	width: 276px;
	height: 145px;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	border-left: dashed 1px #333;
}
#right .frmBtn, #mid .frmBtn,#left .frmBtn {
	float: right;
}

#home h3 {
	line-height: 20px;
	margin-bottom: 8px;
	font-weight: bold;
}

.imgRight {
	float: right;
	margin: 0 0 25px 25px;
}
.imgLeft {
	float: left;
}

/* Contact Pagina */

/* Vestigingen Pagina */
#vestigingen #content #landelijk p {
	margin-left: 0px;
}

#landelijk {
	width: 304px;
	float: left;
}

#provincie, #lokaal {
	width: 280px;
	height: 360px;
	float: left;
	padding-left: 22px;
	border-left: dashed 1px #333;
}

/* Links Pagina */
#links #content ul {
	width: 910px;
	float: left;
}

#links #content ul li {
	float: left;
}

#links #content ul li a {
	display: block;
	width: 208px;
	height: 150px;
	margin: 0 8px 17px 9px;
	text-indent: -9000px;
}

#links #content ul li a:hover {
	background-position: 0 -150px;
}

#linkDierenbescherming a {
	background: url(../img/link_dierenbescherming.jpg);
}

#linkIkzoekbaas a {
	background: url(../img/link_ikzoekbaas.jpg);
}

#linkKidsforanimals a {
	background: url(../img/link_kidsforanimals.jpg);
}

#linkDierenasiels a {
	background: url(../img/link_dierenasiels.jpg);
}

#linkDierenarts a {
	background: url(../img/link_elkedierenarts.jpg);
}

/* Teksclasses */
.dark {
	color: #333;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
.column {
	float: left;
	display: block;
	width: 75px;
}
.jumpergreen {
	color: #6da10e;
}
.jumperred {
	color: #E60004;
}
.vacature {
	color: #333;
	font-weight: bold;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.kleurplaat {
	margin-right: 60px;
	border: none;
}

.wallDiv {
	text-align: center;
	width: 200px;
	float: left;
	margin-right: 24px;
	
}
.wallDiv img {
	margin-bottom: 10px;
}


#main .wallDiv li {
	list-style: none;
}
/* Boltpagina -----------------------------------------------*/
#trailer {
	background-color:#000;
	width: 650px;
	height: 430px;
}

#verhaal {
	color:#FFF;
	background-color:#000;
	padding: 25px;
	width: 600px;
}

#verhaal h3{
	color:#fdca00;
}

#kleuraktie {
	width: 650px;
	margin: 0px 0 20px 0;
	border-bottom: #999 1px solid;
	border-top: #999 1px solid;
}
#banner_posteraktie {
	margin-bottom: 20px;
}

#boltkleurplaat {
	border: solid 1px #999;
	margin-top: 0px;
}

#button_download {
	padding: 3px;
}
#cover {
float: left;
}
#showfolder {
	display: block;
	background-image: url(../img/btn_showfolder.gif);
	width: 236px;
	height: 79px;
	float: left;
	text-indent: -9999px
}
#downfolder {
	display: block;
	background-image: url(../img/btn_downfolder.gif);
	width: 236px;
	height: 66px;
	float: left;
	text-indent: -9999px
}
#downfolder:hover {
	background-position: 0 -66px;
}
#showfolder:hover {
	background-position:0 -79px;
}

/* Votepagina -----------------------------------------------*/

#stemmen {
	float: left;
	width: 681px;
	padding:0;
	background:#e7e2df url(../img/content/stemaktie/bg_stempagina.jpg) no-repeat;
}

#column { width:400px; float:left; margin-top:186px; padding:0 37px; }

#pictureframe {
	height: 390px;
	padding: 0 0 0 15px;
}
#picture {
	height:295px;
	width: 390px;
}
#sterren {
	width: 390px;
	margin-top: 15px;
	text-align: center;
}
.mouse_over {
	cursor: pointer;
}

.overview { width:397px; padding:8px 0 3px 10px; text-align:center; float:left; line-height:20px; margin:0 0 20px 6px; background:#FFF; }

.overview h4 { margin-bottom:4px; font-size:13px; clear:both; }

.overview h4 a { color:#666666; font-weight:normal; }

.overview h4 a:hover { text-decoration:underline;  }

.overview h4.open a { background:url(../img/content/stemaktie/open.gif) no-repeat; padding:0 17px; }

.overview h4.close a { background:url(../img/content/stemaktie/close.gif) no-repeat; padding:0 20px; }

.smallpict { float:left; margin:0 8px 8px 0;  border:#999 1px solid; }

.smallpict:hover { border:#E60004 1px solid; cursor:pointer; }

.smallpict a { border:#999 1px solid; cursor:pointer;  }

h3.uwstem { font-size:17px; margin-left:10px; }

p.uwstemp { margin-left:10px; }

a.uwstema { margin-left:10px; }

h4.behandeling { line-height:19px; }


#topvijf { float: right; padding-right:32px; margin-top:171px; margin-bottom:30px; }

*html #topvijf { padding-right:28px; }

#topvijf h3 { font-size:16px; background-color:#1b1c20; width:122px; padding:3px 8px; color:#ffed00; text-align:center; }

#topvijf h4.laatste_stem { font-size:16px; background-color:#FFF; width:122px; padding:3px 8px; color:#E60004; text-align:center;  }

#topvijf ol { width:118px; background:#1b1c20; padding:10px; color:#FFF; font-size:11px; font-weight:bold; list-style:none; }

#topvijf ol li { list-style:none; padding-bottom:18px;  margin-bottom:3px; }

#topvijf ol.lastvote { width:122px; background-color:#FFF; padding:3px 8px; text-align:center; color:#E60004; font-size:11px; font-weight:bold; margin-bottom:15px; line-height:16px; }
		
.distance { width:70px; display:block; float:left; }

.star_05 { background:	url(../img/content/stemaktie/05star.jpg) no-repeat bottom; }

.star_10 { background:	url(../img/content/stemaktie/10star.jpg) no-repeat bottom; }

.star_15 { background:	url(../img/content/stemaktie/15star.jpg) no-repeat bottom; }
	
.star_20 { background:	url(../img/content/stemaktie/20star.jpg) no-repeat bottom; }

.star_25 { background:	url(../img/content/stemaktie/25star.jpg) no-repeat bottom; }

.star_30 { background:	url(../img/content/stemaktie/30star.jpg) no-repeat bottom; }

.star_35 { background:	url(../img/content/stemaktie/35star.jpg) no-repeat bottom; }

.star_40 { background:	url(../img/content/stemaktie/40star.jpg) no-repeat bottom; }

.star_45 { background:	url(../img/content/stemaktie/45star.jpg) no-repeat bottom; }

.star_50 { background:	url(../img/content/stemaktie/50star.jpg) no-repeat bottom; }

.ster_1 { background:	url(../img/content/stemaktie/1ster.jpg) no-repeat bottom; }

.ster_2 { background:	url(../img/content/stemaktie/2ster.jpg) no-repeat bottom; }

.ster_3 { background:	url(../img/content/stemaktie/3ster.jpg) no-repeat bottom; }

.ster_4 { background:	url(../img/content/stemaktie/4ster.jpg) no-repeat bottom; }

.ster_5 { background:	url(../img/content/stemaktie/5ster.jpg) no-repeat bottom; }

.ready { background-color:#FFF; margin-bottom:18px; padding:6px; width:122px; text-align:center; }

.all { margin-bottom:0px; padding:6px; width:122px; text-align:center; }

p.status_alle { font-weight:bold; color:#f3f403; font-size:16px; margin-bottom:14px; }


/* 18. PAGINA NAVIGATIE
---------------------------------------------------------------------------------------------------------------------------------------*/

div.pNavBlock { float:left; }

a.mid { text-align:center; width:115px; padding-right:25px; float:left; color:#666; }

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

a.prev { text-align:left; float:left; width:130px; }

a.next { text-align:right; float:right; padding-right:6px; width:114px; }

.pNavL a, .pNavR a { color: #000; }

.pNavL a:hover, .pNavR a:hover { color: #E60004; }

.kalenderbutton { border:none; height:30px; width:323px; text-indent:-9999px; background:url(../img/content/ontvangen_aanbiedingen.jpg) no-repeat 0 -30px; cursor:pointer;  }

.kalenderbutton:hover { background-position:0 0; }

.kerstkaart { margin:20px 20px 0 0; }

span.prijs { width:80px; display:block; float:left; font-weight:bold; }


/* 18. Kalender NAVIGATIE
---------------------------------------------------------------------------------------------------------------------------------------*/
#actiecontainer, #bedanktcontainer { background:#e7e2df url(../img/content/background_fotoactie.jpg) no-repeat; padding:40px; width:404px; }

*html #actiecontainer { padding-right:0px; } 

#actiecontainer h3, #bedanktcontainer h3 { color:#ffed00; font-size:26px; line-height:22px; margin-bottom:8px; }

#actiecontainer h4 { color:#333333; margin-bottom:8px; }

#actiecontainer .tableForm { width:440px; }

#actiecontainer .tdName { width:115px; }

#actiecontainer .tdField { width:325px; }

#actiecontainer .frmField, #actiecontainer .frmTxt { width:275px; margin-bottom:4px; }

#actiecontainer .frmBtn { text-indent:-9999px; background:url(../img/content/stemaktie/verzenden_button.jpg) no-repeat; display:block; width:106px; height:35px; padding:0; }

#actiecontainer .frmBtn:hover { background-position:0 -35px; }

#startcontainer { background:#e7e2df url(../img/content/background_startactie.jpg) no-repeat; padding:476px 40px 40px 40px; width:404px; height:197px;  } 

#startcontainer a:hover, #actiecontainer a:hover { color:#E60004; text-decoration:underline;  }

.white { color:#FFF; margin-bottom:170px; font-size:16px; line-height:22px; }

#bedanktcontainer .white { margin-bottom:16px; }

#bedanktcontainer a { font-size:16px; color:#ffed00; }

#bedanktcontainer a:hover { text-decoration:underline; }

a.buttonzend { width:133px; height:35px; background:url(../img/content/stemaktie/inzenden_button.jpg) no-repeat 0 0; text-indent:-9999px; display:block; }

a.buttonzend:hover { background-position:0 -35px; }

p.letop { font-size:12px; margin:5px 0 0 115px; }

#actiecontainer .day { width:25px; margin-right:5px; }

#actiecontainer .year { width:40px; margin-right:5px; }

#actiecontainer .postcode { width:55px; margin-right:5px; }



/* 19. Van der Most Winnaars
---------------------------------------------------------------------------------------------------------------------------------------*/

#mostwinnaar {clear:both; width:661px; height:174; margin-bottom:90px;}

#mostwinnaar img {float:left; margin-right:33px;}

#mostwinnaar h3 {font-size:24px;}

#mostwinnaar h2 {font-size:18px; color:#4e4e4e; margin-bottom:5px;}

#mostwinnaar p {font-size:14px;}


/* 19. Verzekeringen
---------------------------------------------------------------------------------------------------------------------------------------*/

#verzekeringen #text { float:left; width:378px; }

#verzekeringen #img { float: left; widht:296px; }

#verzekeringen ul.lijst { font-weight:bold; margin-top:15px; }

#verzekeringen form { margin-top:20px; }

#verzekeringen iframe { height:800px; }

#verzekeringen .fl { float:left; margin-right:15px; }

#verzekeringen .fr { float:right; }

#verzekeringen .cb { line-height:25px; clear:both; font-size:10px; }

#verzekeringen #buttons { float:left; width:670px; }

#verzekeringen #buttons .frmBtn { width:175px; }