body {margin: 0px; padding: 0px; font: 62.5%/1.2em  'Lucida Grande', trebuchet ms, Arial,Helvetica, sans-serif;}

.wrapper {position: relative; width: 900px; margin: 0px auto;}

ul, li, h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px;}
h1 {color: #000; font-size: 1.6em; margin-bottom: 20px;}
h2 {color: #554938; font-size: 1.1em;}
h3 {color: #9f9c7f; font-size: 1.7em; margin: 0 0 10px 0;}

h4 {color: #9f9c7f; font-size: 1.7em;}
.home h2 a {color: #554938; font-size: 1em; margin: 10px 0 10px 0; text-decoration: none; display: block;}


a {color: #7B4902; outline: none;}

#topbar {width:100%; height: 117px; background: url(/themes/site_themes/dierenasiel/images/top_bg.jpg) repeat-x; float: left;}
#logo {height: 117px; width: 200px; background: url(/themes/site_themes/dierenasiel/images/logo.jpg) repeat-x; float: left;}

#openingstijden {height:214px; width: 212px; background: url(/themes/site_themes/dierenasiel/images/openingstijden.jpg) no-repeat; padding-top: 40px;}
#openingstijden ul {list-style: none; width: 192px; margin: 0 auto;}
#openingstijden ul li {color: #fff; position: relative; width: 100%; line-height: 18px;}
#openingstijden ul li span {position: absolute; right: 0;}

.contentcontainer {width:100%; margin: 20px 0; float: left;}

#col_narrow {width: 200px; font-size: 1.1em;}
#col_wide {width: 680px; font-size: 1.1em;}
#col_full {width: 900px; font-size: 1.1em;}

.home .col_wide {width: 660px; font-size: 1.1em;}
.home .col_narrow {width: 200px; font-size: 1.1em;}

p {line-height: 1.8em; color: #5F5F5F; margin-bottom: 10px;}
.right {float: right;}
.left {float: left;}

a.rss {line-height: 40px; margin:0 20px 0 0; padding: 4px 0 4px 20px; background: url(/themes/site_themes/dierenasiel/images/rss.png) 0 3px no-repeat; text-decoration: none; color: #000;}
a.rssfooter {padding-left: 20px; background: url(/themes/site_themes/dierenasiel/images/rss_footer.jpg) 0 3px no-repeat; text-decoration: none;}
a.rssfooter:hover {background: url(/themes/site_themes/dierenasiel/images/rss_footer_hover.jpg) 0 3px no-repeat;}

#footer {width:100%; background: #7D4802 url(/themes/site_themes/dierenasiel/images/footer_bg.jpg) repeat-x; float: left;}
#contactinfo {margin: 20px 0; border-top: 1px solid #8e5509; padding-top: 10px; float: left; width: 100%; color: #b48546;}
#contactinfo span {margin-right: 35px;}
#contactinfo a, #contactinfo a:link, #contactinfo a:visited {color: #d3aa73; text-decoration: none;}
#contactinfo a:hover {color: #fff;}

.spotlight {float: right; width: 80px; height: 100px; float: right; cursor: pointer; margin: 0 0 10px 10px; top:0; right: 0;}
.spotlight .border {position: relative; height: 100px; width: 80px; background: transparent url(/themes/site_themes/dierenasiel/images/spotlight_rounded.png) no-repeat;}
.bar {position: absolute; background: #000; width: 80px; height: 20px; /* for IE */
  filter:alpha(opacity=30);
  /* CSS3 standard */
  opacity:0.3;
  bottom: 5px;
  color: #fff;
}
.txt {position: absolute; width: 80px; height: 20px; bottom: 6px; overflow: hidden;}
.txt span {font-weight: bold; margin: 5px 5px 0 4px; display: block;}
.txt span a:link, .txt span a:visited, .txt span a:hover {color: #fff; text-decoration: none; font-size: 1em;}

#spotlighttxt {float: right; background: url(/themes/site_themes/dierenasiel/images/spotlight_txt_bg.jpg) no-repeat; height: 80px; width: 350px; color: #fff;}
#spotlighttxt ul {list-style: none; padding: 10px; margin: 0;}
#spotlighttxt p {color: #a6a6a6; line-height: 11px;}
#spotlighttxt span {font-weight: bold; display: block; margin-bottom: 4px; font-size: 1.1em;}

#sidenav {list-style: none; height: 400px; width: 200px; background: url(/themes/site_themes/dierenasiel/images/sidebar_bg.gif) right no-repeat; border-top: 1px solid #CED3D5;}
#sidenav li {line-height: 27px; border-bottom: 1px solid #CED3D5;}
#sidenav li a {color: #7B4902; text-decoration: none; display: block;}
#sidenav li a:hover, #sidenav .current {background: #fff;}

.footerlist {width: 180px; float: left; margin: 20px 0 10px 0;}
.footerlist ul {list-style: none; margin: 0; padding: 0;}
.footerlist li {line-height: 16px;}
.footerlist li a {color: #b48546; text-decoration: none; display:inline-block; text-decoration: underline;}
.footerlist li a:hover {color: #fff;}
.footerlist h1 {color: #fff; font-size: 1.4em; margin: 0 0 15px 0;}

.animal {margin: 0 10px 10px 0; border: 1px solid #ccc; background: #eee; padding: 4px; height: 95px; width: 145px; float: left; cursor: pointer;}
.animal a {text-decoration: none; float:left; margin: 2px; width: 60px;}
.animal .photo {margin: 4px; padding: 2px; border: 1px solid #999; background: #eee; height: 80px; width: 60px; float:left;}

a.thickbox {float: left; display:block;}
a.thickbox img {background: #eee; border: 1px solid #ccc; padding: 4px; margin: 0 10px 10px 0;}

/* blog and news */
#article ul {margin: 10px 20px; line-height: 2em;}
#article img {border: 1px solid #ccc; padding: 4px; background: #eee;}

.title {border-bottom: 1px solid #eee; position: relative; height: 30px; margin-bottom: 10px;}
.title span {position: absolute; right:0; top: 0;}
.title h1 a {text-decoration: none;}
.summary p {font-weight: bold; color: #444;}

#fotoserie ul {list-style: none;}
#fotoserie ul li {float:left;}

.personeelslid {float: left; margin: 0 10px 10px 0;}
.personeelslid ul {float: left; list-style: none; width: 100px;}

/* ################################## */

#navbar {
	float:right;
position: absolute;
	top: 60px;
right: 0;
}

#navbar ul {
	float: right;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#navbar li {
	float: left;
	line-height: 35px;
	margin: 10px;
	color: #000;
	font-size: 1.1em;
}

#navbar li a {
	color: #444;
	text-decoration: none;
}

#navbar .current {margin: 9px 0px 0px 5px;}
#navbar .current,
#navbar .current span {
  background: transparent url("/themes/site_themes/dierenasiel/images/menuitem_bg.jpg") no-repeat 0 -20px;
  color: #fff;
  clear: both;
  float: left;
  display: inline;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
}

#navbar .current span {
  background-position: 100% -20px;
  position: relative;
  right: -15px;
  padding-right: 15px;
}

#navbar .item {margin: 9px 0px 0px 5px;}
#navbar .item,
#navbar .item span {
  clear: both;
  float: left;
  display: inline;
  height: 20px;
  line-height: 20px;
}

#navbar .item span {
  position: relative;
  right: -15px;
  padding-right: 15px;
}

#navbar .item:hover {
  background: transparent url("/themes/site_themes/dierenasiel/images/menuitem_bg.jpg") no-repeat 0 0;
  text-decoration: none;
  cursor: pointer;
}

#navbar .item:hover span {
  background: transparent url("/themes/site_themes/dierenasiel/images/menuitem_bg.jpg") no-repeat 100% 0;
  cursor: pointer;
}

ul.summary {width: 200px; list-style: none; margin: 10px 10px 0 0;}
.summary li {color:#777; display: inline; }
.summary li a {background: url("/themes/site_themes/dierenasiel/images/bullet.jpg") no-repeat 1px 5px; font-weight: normal; display: block; color: #a2a2a2; text-decoration: none; padding: 5px 0 5px 20px; border-top: 1px solid #ececec; line-height: 1.5em; width: 200px; }
.summary li a:hover { background: url("/themes/site_themes/dierenasiel/images/bullet_hover.jpg") no-repeat 1px 5px; color: #554938; }
.summary li a:hover em { color: #999; }

#form p, #form fieldset {float: left; width: 100%;}
#form p .text {border: 1px solid #ccc; background: #eee;}
#form p label {width: 250px; float:left; cursor: pointer;}
#form p input {margin-right: 5px;}
#form .submit {display: block;}

#comments {border-top:1px solid #dfdfdf; padding-top: 8px; display: block; float:left;}
#comments h2 {font-size: 1.4em; font-weight: normal; color: #333; margin-bottom: 10px;}
#comments .bold {font-weight: bold; color: #666;}
#comments .text {border:1px solid #dfdfdf; background: #efefef;}
#comments label {width: 75px; float:left; margin: 0 0 5px 0; font-weight: bold; cursor: pointer;}
#comments .commententry {border-top:1px solid #dfdfdf; padding-top: 8px;}

 .pagination {
float: left;
width: 100%;
	margin:             6px 0;
	border-top:         1px solid #D3D9DC;
	text-align:         right;
	padding-top:        8px;
	}
	
.pagination b{
       border:              1px solid #7D4802;
       padding:             1px 4px;
       background-color:    #d3aa73;
       color:               #7D4802;
       }
	
.pagination a {
	font-size:			12px;
	padding:			0 2px;
	}