/* styles for www.tierheim-dorf-mecklenburg.de */
/*                                             */
/* media:	screen                             */
/* use:		on every page                      */
/* author:	click solutions GmbH               */
/*          Holger Blüthmann                   */
/*                                             */

* {
	padding: 0; margin: 0; font-weight: normal; }

strong {
	font-weight: bold; }

img {
	border: none; }

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; background-image: url(../images/body_bg.gif); background-repeat: repeat-x; background-color: #43943d; }

/*                                   */
/* main divs                         */
/*                                   */

div#logo {
	position: absolute; top: 0px; left: 0px; height: 133px; width: 309px; }

div#sitenavi {
	position: absolute; top: 0px; left: 310px; height: 25px; width: 621px; }

div#mainnavi {
	position: absolute; top: 134px; left: 0px; width: 309px; z-index: 1; }

div#content {
	position: absolute; top: 67px; left: 0px; width: 100%; }

div#text {
	position: absolute; top: 135px; left: 310px; width: 406px; }

div#sidenotes {
	position: absolute; top: 63px; left: 716px; width: 215px; }

div#sidenotestext {
	min-height: 272px; padding-top: 87px; background-image: url(../images/sidenotes_bg.gif); background-repeat: repeat-y; }

div#footer {
	clear: both; display: none; width: 100%; height: 250px; min-width: 931px; background-image: url(../images/footer_bg.gif); background-repeat: repeat-x; }

div#footercols {
	width: 930px; float: none; }

/*                                   */
/* sitenavi classes                  */
/*                                   */

div#sitenavi ul {
	list-style-type: none; }

div#sitenavi ul li {
	margin: 4px 0px 0px 20px; float: right; text-transform: uppercase; font-size: 12px; }

div#sitenavi ul li a {
	color: #add78a; text-decoration: none; }

div#sitenavi ul li a:hover {
	color: #ffffff; }

/*                                   */
/* mainnavi classes                  */
/*                                   */

div#mainnavi ul {
	margin: 25px 44px 0px 0px; list-style-type: none; }

div#mainnavi ul li {
	margin: 15px 0px 0px 0px; text-transform: uppercase; font-size: 18px; line-height: 18px; }

div#mainnavi ul li a {
	display: block; padding: 6px 10px 5px 40px; color: #ffffff; text-decoration: none; background-image: url(../images/blank.gif); }

div#mainnavi ul li a:hover {
	color: #ffffff; background-image: url(../images/mainnavi_lihover_bg.png); background-repeat: repeat-y; }

div#mainnavi ul li.selected a {
	color: #ffffff; background-image: url(../images/mainnavi_lihover_bg.png); background-repeat: repeat-y; }

div#mainnavi ul li.selected ul {
	margin: 5px 0px 0px 55px; list-style-type: none; }

div#mainnavi ul li.selected ul li {
	margin: 5px 0px 0px 0px; text-transform: none; font-size: 15px; line-height: 15px; }

div#mainnavi ul li.selected ul li a {
	display: block; padding: 4px 10px 4px 5px; color: #ffffff; background: none; background-image: url(../images/blank.gif); text-decoration: none; }

div#mainnavi ul li.selected ul li a:hover {
	color: #ffffff; background-image: url(../images/mainnavi_lilihover_bg.png); background-repeat: repeat-y; }

div#mainnavi ul li.selected ul li.selected a {
	color: #ffffff; background-image: url(../images/mainnavi_lilihover_bg.png); background-repeat: repeat-y; }

div#mainnavi ul li.selected ul li ul {
	margin: 5px 0px 0px 15px; list-style-type: none; }


div#mainnavi ul li.selected ul li.selected ul li a {
	background-image: url(../images/blank.gif); }


div#mainnavi ul li.selected ul li ul li.selected a, div#mainnavi ul li.selected ul li ul li a:hover {
	background-image: url(../images/mainnavi_lilihover_bg.png); }


/*                                   */
/* text classes                      */
/*                                   */

div#text h1 {
	padding: 26px 20px 5px 10px; text-transform: uppercase; color: #FFFFFF; font-size: 22px; line-height: 25px; }

div#text h2 {
	padding: 10px 20px 0px 10px; text-transform: uppercase; color: #183823; font-size: 18px; line-height: 20px; }

div#text h1 + h2 {
	padding-top: 0px; }

div#text h3 {
	padding: 10px 20px 0px 10px; color: #183823; font-size: 15px; line-height: 17px; }

div#text h1 a, div#text h2 a, div#text h3 a, div#text h4 a {
	color: #183823; text-decoration: none; }

div#text h1 a:hover, div#text h2 a:hover, div#text h3 a:hover, div#text h4 a:hover {
	color: #183823; text-decoration: underline; }

div#text h4 {
	padding: 5px 20px 0px 10px; color: #183823; font-size: 13px; line-height: 17px; }

div#text p {
	padding: 5px 20px 5px 10px; color: #ffffff; font-size: 13px; line-height: 18px; }

div#text p.petview img {
	float: right; border: 1px solid #add78a; }

div#text p.pettext {
	clear: both; }

div#text p.newsdate, div#text p.newsteaser {
	padding: 5px 20px 0px 10px; }

div#text p.newsdate a, div#text p.newsteaser a {
	text-decoration: none; color: #FFFFFF; }

div#text p.newsdate a {
	font-weight: bold; }

div#text p.newsteaser a span {
	text-decoration: underline; color: #bde59f; }

div#text p.newsimage img {
	border: 1px solid #add78a; }

div#text ul, ol {
	padding: 5px 20px 0px 30px; color: #ffffff; font-size: 13px; line-height: 18px; }

div#text a {
	color: #bde59f; text-decoration: underline; }

div#text a:hover {
	color: #ffffff; text-decoration: underline; }

div#text p.animal {
	margin: 20px 0px 0px 0px; padding: 0px 20px 0px 10px; line-height: 20px; }

div#text p.animal img {
	float: left; border: 1px solid #add78a; margin: 0px 10px 0px 0px; }

div#text p.animal a {
	display: block; color: #FFFFFF; text-decoration: none; background-image: url(../images/blank.gif); }

div#text p.animal a:hover {
	background-image: url(../images/list_linkhover_bg.png); background-repeat: repeat-y; }}

div#text p.animal a span {
	display: block; margin: 9px 0px 0px 0px; }

div#text p.animal a span span {
	display: inline; margin: 0px 0px 0px 0px; padding: 1px 6px 1px 6px; color: #4c943d; text-transform: uppercase; text-decoration: none; background-color: #FFFFFF; }

div#text p.animal a:hover span span {
	color: #ffffff; background-color: #265639; }

div#text p.animal a:hover img {
	border: 1px solid #265639; }

div#text p.news {
	margin: 20px 0px 0px 0px; padding: 0px 20px 0px 10px; line-height: 20px; }

div.itembox a{
	display: block; color: #FFFFFF; text-decoration: none; background-image: url(../images/blank.gif); }

div.itembox a:hover {
	background-image: url(../images/list_linkhover_bg.png); background-repeat: repeat-y; }


/*                                   */
/* sidenotes classes                 */
/*                                   */

div#sidenotes h3 {
	padding: 10px 20px 0px 20px; text-transform: uppercase; color: #FFFFFF; font-size: 18px; line-height: 20px; }

div#sidenotes p {
	margin: 10px 0px 10px 0px; padding: 10px 20px 10px 20px; color: #FFFFFF; font-size: 12px; line-height: 15px; background-color: #265639; }

div#sidenotes p a {
	display: block; margin: 8px 0px 0px 0px; padding: 4px 4px 2px 4px; color: #265639; font-size: 12px; line-height: 15px; text-transform: uppercase; text-decoration: none; background-color: #75b63f; }

div#sidenotes p a:hover {
	background-color: #ffffff; }

div#sidenotes img.animal {
	margin-left: 15px; border: 1px solid #ffffff; }

div#sidenotes img.animal:hover {
	 border: 1px solid #265639; }

/*                                   */
/* footer classes                    */
/*                                   */

div#footer div {
	float: left; height: 250px; }

div#footer div#footercol1 {
	width: 341px; background-image: url(../images/footer_left.gif); }

div#footer div#footercol2 {
	width: 315px; }

div#footer h4 {
	padding: 100px 0px 0px 0px; text-transform: uppercase; color: #265639; font-size: 18px; line-height: 20px; }

div#footer p {
	padding: 10px 20px 0px 0px; color: #43943d; font-size: 12px; line-height: 15px; }

div#footer p a {
	color: #43943d; font-size: 12px; text-decoration: none; }

div#footer p a:hover {
	color: #265639; font-size: 12px; text-decoration: underline; }

div#footer div#footercol1 p {
	padding: 211px 20px 0px 40px; color: #add78a; font-size: 12px; }

div#footer div#footercol1 p a {
	color: #add78a; text-decoration: none; }

div#footer div#footercol1 p a:hover {
	color: #ffffff; }

/*                                   */
/* gallery classes                   */
/*                                   */
#fog {
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #43943d; filter:alpha(opacity=80); -moz-opacity: 0.8; display: none; }

#galleryview {
	padding: 15px 5px 25px 5px; background-color: #FFFFFF; position:absolute; border: 5px solid #FFFFFF; }

#galleryview a.close {
	display: block; float: right; padding: 2px 2px 2px 2px; margin-bottom: 2px; border: 1px solid #000000; text-decoration: none; color: #000033; }