/*  
Theme Name: Dierenambulance DH
Theme URI: http://www.bitfactory.nl
Description: Thema voor Dierenambulance Den Haag
Version: 1.0
Author: Bitfactory & Rick Verheyen
Author URI: http://www.bitfactory.nl
*/



/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Headings
  Content Styles
  Forms
  Clear
  Footer



/* ---------- @ HTML Elements -----------*/

* { 
	margin: 0;
	padding: 0;
	} 

body,html {
	min-height:101%; /*Firefox scrollbar fix*/
	}
	
body {	
	color:#000;
	background:#FFF;
	padding-bottom:38px;
	}

body, select, textarea, input {	
	font: 12pt Arial, Helvetica, sans-serif;
	}

p {	
	margin: 0 0 15px 0;
	line-height:145%;
	display: table;
	clear:both;
	}
		
a, a:visited {	
	color: #ec681d;
	text-decoration:none;
	border-bottom: 1px dotted #ec681d;
}

a:hover, a:active {
	border-bottom: 1px solid #ec681d;
	cursor: pointer;
}

#masthead a,#masthead a:visited,#masthead a:active,#masthead a:hover {
	border: none;	
}

*:focus { 
	outline: none;
}

ol {
	margin: 15px 15px 15px 35px;
	}
	
li a:hover, li a:active {
	text-decoration:none
	}

a img {
	border:none;
	text-decoration: none;
}	
		
	

/* ---------- @ Page Structure -----------*/

.wrapper {
	margin: 0 auto;
	font-size: 0.7em;
	width: 960px;
	}
	   
#masthead {
	/*background: url(images/header.jpg);*/
	background: url(images/header05.jpg);
	height: 84px;
	padding:93px 0 0 25px;
}

#branding {
	width: 214px;	
	height: 137px;
	margin-left:-25px;
	margin-top:-70px;
}

#branding img {
	border: none;
}

#headtext{
	color: #FFF;
	font-size: 13px;
	letter-spacing: 1px;
	height: 30px;
	width: 652px;
	margin-top:-3px;
	margin-left: -15px;
	}
.headstreep{
vertical-align: text-top;
}

.left, .alignleft {	
	float:left;
	}

.right, .alignright {	
	float:right
	}
	
#content {
	width: 573px;
	float:left;
	padding: 0 27px 0 15px;
}

#sidebar {
	width:307px;
	margin: 12px 13px;
	/*padding: 12px 13px;*/
}

#sidebar #banners img {
	margin-bottom: 14px;
	border: none;
	cursor: pointer;
	clear: right;
}

#sidebar img {
	border: none;
}

table.maincontent {
	width: 960px;
	padding: 0px;
	margin: 0px;
}

table.maincontent td {
	border-bottom:none;
	padding:0;
}

table.maincontent td.content {
	height: 100%;
	/*border-right: 1px solid #ec681d;*/
	width: 623px;
	_width: 623px;
	/*_border: 1px solid black;*/
}

table.maincontent td.seperator {
	height: 100%;
	width: 2px;
	border-right: 1px solid #ec681d;
	border-left: 1px solid #ec681d;
}

table.maincontent td.sidebar {
	background: #ededed;
	height: 100%;
	width: 333px;
	/*border-left: 1px solid #ec681d;*/
	/*_border: 1px solid black;*/
}

#sidebar #banners {
	margin-bottom: 10px;
	display: table;
	clear:right;
}

#sidebar #banners img {
	margin-bottom: 14px;
	border: none;
	cursor: pointer;
	clear: right;
}
#sidebar #banners a {
	border: none;
}

#sidebar #nieuws {
	margin-bottom: 25px;
	display: table;
	clear:right;
	width: 100%;
}

#sidebar .widget {
	margin-bottom: 25px;
	display: table;
	clear:right;
	width: 100%;
}

#sidebar #beelden {
	margin-bottom: 25px;
	display: table;
	clear:right;
	width: 100%;
}

#sidebar #beelden #beelden_cont {
	display: table;
	clear: right;
	margin: 13px -10px 11px 0;
}

#sidebar #beelden img {
	width: 69px;
	height:53px;
	float:left;
	margin: 5px 10px 0 0;
}

#sidebar #widget-bottom {
	background: url(images/nieuws_bottom.gif) repeat-x;
	width: 100%;
	height: 7px;
}
/* ---------- @ Headings -----------*/

h1 {
	font:2.0em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #ec681d;
	line-height: 90%;
	background: #FFF;
	width: 573px;
	background: url(images/h1_bg.jpg) repeat-x;
	margin-bottom: 15px;
}

h1 .heading {
	background: #FFF;
	padding: 0 10px 0 0;
	margin: 0 0 0 0;
	color: #ec681d;
	line-height: 80%;
	font-weight:bold;
	text-transform:uppercase;
}

h1 .datum {
	float: right;
	color:#ec681d;
	line-height: 120%;
	font-size: 0.7em;
	margin-right: 5px;
	_margin-top: -22px;
}

h1 a, h1 a:visited, h1 a:hover, h1 a:active {
	border: none;
	cursor: pointer;
	text-decoration: none;
}

h2 {	
	font-weight:bold;
	color: #000;
	font-size: 1.2em;
	line-height: 110%;
	margin: 0 0 15px 0;
}

h3 {	/* KOPJES SIDEBAR */
	font: 1.3em Arial, Helvetica, sans-serif;
	color:#ec681d;
	font-weight:bold;
	line-height:110%;
	width: 100%;
	border-bottom: 1px solid #ec681d;
}

h4 {
	font-size: 15px;
	font-weight: bold;
	color: #ec681d;
}

h5 {
	font: 2.2em Arial, Helvetica, sans-serif;
	color:#ec681d;
	font-weight:bold;
	line-height:110%;
	width: 573px;
	border-bottom: 1px solid #ec681d;
	margin-bottom: 20px;
}

h6 {
	display: none; /* FORUM COMMENT */
}
	
.meernieuws {
	float: right;
	font: 0.7em Verdana, Geneva, sans-serif;
	color: #7d7d7d;
	line-height:140%;
	
}

.zoekh3 {	
	font: 1.5em Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	line-height:110%;
	float:left;
	margin-top:-5px;
}
	


/* ---------- @ Content Styles -----------*/


.commentcount {
	background:url(images/bubble.gif) no-repeat 0 2px;
	padding-left:17px;
	font:11px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial;
	margin-left:9px;
	}

.commentcount a, .commentcount a:visited {
	color:#9cbff3;
	}

.col.left {
	width:65%;
	}

.col.right {
	width:35%;
	}
	
.nieuwstable {
	border: none;
	margin: 13px 0 11px 0;
}

.nieuwstable td {
	font: Verdana, Geneva, sans-serif;
	color:#000;
	text-align:left;
	padding-bottom: 4px;
	border: none;
}

a.nieuwslink,a.nieuwslink:active,a.nieuwslink:visited{
	font-family: Verdana, Geneva, sans-serif;
	border: none;
	color:#000;
}

a.nieuwslink:hover {
	border-bottom: 1px dotted #000;	
}

.nieuwstable td.date {
	width: 40px;
	color: #7d7d7d;
	padding-bottom: 4px;
}
/*Post Styles*/ 

.post {
	width: 573px;
	display: table;
}

.entry {
	padding-bottom:20px;
	width: 573px;
	display: table;
	clear: right;
	margin-bottom: 30px;
}
#latest, #latest p {
	font-size: 12px;	
}
.entry table {
	width: 573px;
}

.entry table tr, .entry table tr td, .entry table td {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

.entry ul, .entry ol {
	padding:0 15px 10px 10px;
	}		

.entry ul li {
	margin-left:35px;
	list-style:square;
	padding:2px 0;
	}

.entry blockquote {
	margin:15px 35px 25px 35px;
	border-left:5px solid #fec855;
	padding-left:15px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#c1cddd;
	line-height:140%;
	}			

.entry img {
	margin:0px 8px 6px 0;
	border: none;
	background: url(images/foto_bg.jpg);
	/*padding: 3px;*//* Add padding for border around images*/
	padding: 0px;
}

#page-in-actie img, #page-over-ons img, #page-pleeggezin img, #page-archief img {
	padding: 0px;
}

.entry #wpf-wrapper img {
	margin:0px;
	border: none;
	background: none;
	padding: 0px;	
}

.entry #wpf-wrapper table {
	margin: 0px;
}

.entry a img {
	border: none;	
}

.postmetadata {
	text-transform:uppercase;
	font-size: 0.9em;
	color: #6e93b2;
	border-bottom:1px solid #376291;
	border-top:1px solid #376291;
	padding:3px 0;
	}

.entry pre, .entry code {
	font: 1em "Courier New", Courier, monospace;
	overflow:auto;
	padding:14px;
	background:#103064;
	display:block;
	width:100%;
	}

.entry pre	{
	padding:20px 20px 40px 20px;
	}

table {
	width:100%;
	border-collapse:collapse;
	margin:15px 0;
}

td, th {
	border-bottom:1px solid black; /*#416597;*/
	padding:4px 8px;
	/*background: #ffdead;*/ /*#103064;*/
	}

th {
	font-weight:normal;
	text-align:left;
	width:35%;
	}

ul.children {
	list-style: none;
	margin-bottom: 20px;
}
ul.children li {
	display:inline;
	margin: 0 5px 0 0;
}
ul.children li a {

}
	
	
/*Comments*/

#commentarea {
	background:url(images/divider2.gif) top center no-repeat;
	padding-top:35px;
	}

.commentlist {
	margin:25px 0 0 0;
	padding:0 0 30px 0;
	}

.commentlist li {
	margin: 15px 0 3px 22px;
	padding: 8px 15px 10px 15px;
	background: url(images/bg_comment.gif);
	}

#commentarea small {
	font-size:1.1em;
	}

.commentlist cite {
	font-style:normal;
	font-weight:bold;
	font-size:1.2em;
	}	

.gravatar {
	float:left;
	border:1px solid #2d578a;
	}
	
.commentinfo {
	width:765px;
	float:right;
	padding-top:5px;
	}

.commentlist li.my_comment {
	background:#254f89;
	border-bottom:1px solid #36639b;
	border-top:1px solid #36639b;
	}

li.my_comment cite {
	font-size:1.5em;
	}	
	
/* ---------- @ Forms -----------*/

#zoeken {
	float: right;
	margin-right: 12px;
	height: 11px;
	padding: 8px 0;
	vertical-align:middle;
}

.zoek {
	color: #717171;
	font-size: 13px;
	height: 20px;
	float:left;
	padding: 3px 12px 0 0;
}

#searchform {
	float:right;
	height: 23px;
	padding:0;
}

.zoekveld {
	background:#adadad;
	color:#000;
	border: none;
	padding: 4px 2px 2px 4px;
	height:17px;
	float:left;
	font: 0.9em Arial, Helvetica, sans-serif;
}

/*
#s {
	background:#adadad;
	border:none;
	color:#000;
	padding: 2px 2px 2px 4px;
	width:127px;
	height: 19px;
	float: left;
}
*/

.zoekpijl {
	background: url(images/zoeken_pijl.jpg) no-repeat left;
	width: 16px;
	height: 23px;
	float:left;
	border: none;
	cursor: pointer;
}

.field {
	background:#FFF;
	border:none;
	padding:4px;
	border:none;
	}

.field:focus {
	background:#e8ebf0;
	}
	
#searchsubmit {
	background:#295ba0;
	border:none;
	margin: 1px 0 0 3px;
	font-size:0.9em;
	color:#b5dbf3;
	padding:2px;
	}
	
	

/* ---------- @ Float Clearing -----------*/

.clearfloat:after, .clearfloat2:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block;
	}

.clearfloat {
	display:block;
	
	}
.clearfloat2 {
	display: table;
}


/* ---------- @ Footer -----------*/

			
#footer {
	padding: 12px;
	color:#FFF;
	margin-top:30px;
	text-align:center;
	background: url(images/footer_bg.jpg) no-repeat;	
}

#footer a, #foot a:visited {
	color:#FFF;
	border: none;
}

#footer a:hover, #footer a:active {
	border-bottom: 1px dotted #FFF;
}

a#cat4 {
	display:block;
	width:30px;
	height:24px;
	float:right;
	background-image:url(images/cat4.gif);
	text-indent:-9000px;
	margin: 8px 15px 0 0;
	}

/* ---------- @ Footerlinks -----------*/

#footerlinks {
	padding: 12px;
	color:#697d98;
	/*background:#151d3b;*/
	background:#ffdead;
	margin-top:5px;
	text-align:center;
	height:12px;
}

#footerlinks, #footerlinks ul {
	list-style: none;
	line-height: 1;
	text-align:center;
	padding-left: 35px;
}
	
#footerlinks li {
	float:left;
	padding: 0 16px;
}

#footerlinks a, #footerlinks a:visited {
	display:block;
	color: #000;
	font: 95% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial
}

#footerlinks a:hover, #footerlinks a:active, 
#footerlinks li.current-cat a, #footerlinks li.current-cat a:visited {
	border-bottom:1px solid #000;
}

#lightbox a, 
#lightbox a:active, 
#lightbox a:visited, 
#lightbox a:hover,
#stimuli_lightbox a, 
#stimuli_lightbox a:active, 
#stimuli_lightbox a:visited, 
#stimuli_lightbox a:hover {
	border: none;
}

/* ------------ Pagina meedoen ---------------*/

#meedoen, #meedoen input, #meedoen select, #meedoen a, #meedoen table, #meedoen tr, #meedoen td, #meedoen textarea {
	font-size: 100%;
}

#meedoen #head {
	margin: 15px 0 5px 0;
	color: #ec681d;
	font-weight:bold;
	font-size: 16px;
	line-height: 130%;
}

#meedoen input, #meedoen select {
	height: 16px;
	border:1px solid #D8E2DD;
	float:left;
	padding: 2px;
}
#meedoen textarea {
	border:1px solid #D8E2DD;
	float:left;
}
#meedoen input.submit {
	height: 30px;
	width: 116px;
	padding: 6px;
	color:#000;
	background-color:#FFF;
	cursor: pointer;
}
#radio0 input, #radio1 input { /* radiobuttons */
	margin-right: 3px;
	border: none;
}

#meedoen select {
	height: 22px;
}

#betalen {
	margin-top: 5px;
	margin-bottom: 10px;
	display: table;
}

#meedoen1, #meedoen2 {
	display:table;
	clear:both;
	margin-bottom: 4px;
}

#meedoen1 {
	background-color: #ededed;
}
#meedoen2 {
	background-color: #f0f4f2;
}

#label {
	display: block;
	float: left;
	width: 128px;
	padding: 6px 4px 6px 8px;
}

#label.wide {
	width: 561px;
}

#meedoen_input {
	display: block;
	float: left;
	width:425px;
	padding: 4px;
	clear: right;
}

.note {
	font-size: 10px;
	font-style:italic;
}

#meedoen_input span.aanhef {
	display:block;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 80px;
}

.S {
	display: block;
	float: left;
	width: 58px;
	margin-right: 8px;
}
input.S, select.S {
	margin-right: 5px;
}
.M {
	display: block;
	float: left;
	width: 142px;
	margin-right: 5px;
}
input.M, select.M {
	width: 136px;
	margin-right: 5px;
}
.L {
	display: block;
	float: left;
	width: 210px;
	margin-right: 8px;
}
input.L, select.L {
	width: 206px;
	margin-right: 5px;
}
.XL {
	display: block;
	float: left;
	width: 418px;
	margin-right: 5px;
}
.XLtop {
	display: block;
	float: left;
	width: 418px;
	margin-right: 5px;
	margin-top: 4px;
}
.wpcf7-form-control-wrap {
	float:left;
}
.error_required{
	background-color:#FCC;
}
.floatleft {
	float: left;
	margin-right: 5px;
	height: 20px;
/*	clear: none;*/
	display:block;
}
.floatleft #radio0, .floatleft #radio1 {
	float: left;
	margin-right: 5px;	
}
.floatclear {
	clear:both;
	margin-bottom: 5px;
}
.floatclear span.wpcf7-list-item {
	display:block;
	clear:both;
	margin-bottom: 4px;
}

#vraagenantwoord {
	font-size: 16px;	
}

#vraagenantwoord li {
	cursor: pointer;
	margin-bottom: 10px;
	color: #ec681d;
}

#vraagenantwoord li .antwoord {
	display: none;
	cursor:default;
	color:#000;
	font-size: 14px;
	font-weight: bold;
}
#decode {
	margin: 0px;
}
.readonly {
	background-color:#F5F5F5;
	color:#C5C5C5;
	cursor:inherit;
}

.wpcf7-list-item p {
	display: none;
	margin: 0px;
	clear:none;
	padding: 0px;
	line-height: 0px;
}

.wp-caption-text {
	color:#7E7E7E;
	font-size:11px;
	margin-top: -6px;
	text-align:center;
}

.blogs .entry p{
	font-size: 12px;
}