html {overflow-y: scroll} /* always show vertical scrollbar (for Moz) */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, span, table, td, form, img, li, a {
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, sans-serif;
	color: #333333;
}
body {
	background-image:  url("image/bg.jpg");
	background-attachment: fixed;
	background-color: #D4BD93;
	background-repeat: repeat-x;
}
img {
	border: 0px;}
strong {
	font-weight: bold;}
p {	
	margin: 0px 0px 10px 0px;
	padding: 0px;}
.bodytext p {
	margin: 0px;
	padding: 0px;
}

#box {
	width: 900px;
	min-height: 600px; 
	margin: 0px auto 0px auto;
	background-color: #F6F0DE;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 10px;
}
* html #box { /*FÜR IE*/
  height: 600px; 
}
#box_navigation {
	width: 860px;
	height: 30px;
	margin: -58px 20px 25px 20px;
	}
#box_links_mitte {
	float: left;
	width: 680px;
	margin: 0px;
	padding: 0px;
	}
#box_zweispalter {
	float:right;
	width: 650px;
	margin: 0px 20px 10px 0px;
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
	display: inline; /* FÜR IE !!!*/
	}
#spalte_links {
	float: left;
	width: 180px;
	margin: 20px;
	padding: 0px;
	background-color: #F1E6C5;
	font-size: 11px;
	line-height: 15px;
	overflow: hidden;
	display: inline; /* FÜR IE !!!*/
	}
#spalte_mitte {
	width: 450px;
	margin: 0px 0px 10px 0px;
	padding: 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
	float: right;
}
#box_mitte_linie {
	width: 450px;
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid;
	border-bottom-color: #E4D9AF;
}
#spalte_rechts {
	width: 180px;
	margin: 20px;
	padding: 0px;
	background-color: #F1E6C5;
	font-size: 11px;
	line-height: 15px;
	overflow: hidden;
	float: right;
	display: inline; /* FÜR IE !!!*/
}
#spalte_rechts h1, .marginalspalteninhalt h1 {
    font-family: Arial, Helvetica, sans-serif;
	margin: -10px -10px 10px -10px;
	font-size: 12px;
	letter-spacing: 0em;
	background-image: url(image/bg_marginalkopf.jpg);
	padding: 6px 10px 4px 10px;
	border-bottom: 1px solid #D2BD78;
	color: #000000;
	background-repeat: no-repeat;
}
#footer {
	width: 900px;
	height: 50px;
	margin: 10px auto 0px auto;
	font-size: 10px;
	text-align: right;
	}
.clear {
	clear: both;
	}
a {
	color: #CC0000;
	text-decoration: none;
	outline:0; 	-moz-outline:0;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 23px;
	padding: 15px 0px 15px 0px;
	color: #84A400;
	line-height: normal;
	}
h2 {
	font-size: 16px;
	padding: 0px 0px 10px 0px;
	line-height: normal;
	}
h3 {
	font-size: 16px;
	margin: 20px 0px 10px 0px;
	line-height: normal;
	}
.csc-header-n2 h1 {
	line-height: normal;
/* 	color: #333333; */
}

h4 {
	font-size: 14px;
	margin: 10px 0px 10px 0px;
	line-height: normal;
	color: #454545;
	}
h5 /*FÜR SUBNAVIGATION LINKS*/{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	letter-spacing: 0em;
	background-image: url(image/bg_marginalkopf.jpg);
	padding: 6px 10px 4px 10px;
	border-bottom: 1px solid #D2BD78;
	color: #000000;
	background-repeat: no-repeat;	
}
	/*TOP-NAVI ANFANG*/
.LayerMenu {
	color:#688000;
    width: 160px;
    margin: 0px;
    font-size: 11px;
    line-height: 15px;
    overflow: hidden;
    display: inline;
    }
.LayerMenu ul {
    list-style-type: none;
    padding: 0px;
	background-color: #FFFFFF;
	    }
.LayerMenu li{padding: 0px;}
.LayerMenuItem a:link, .LayerMenuItem a:visited {
    color:#688000;
	text-decoration: none;
    padding: 3px 10px 3px 10px;
    display: block;
    width: 160px; /* FÜR IE !!!*/
	border-bottom: 1px solid #D2BD78;
    }
.LayerMenuItem a:hover {
    color: #FFFFFF;
    background-color: #8D9D3D;
    }
	/*TOP-NAVI ENDE*/
	/*SUB-NAVI ANFANG*/
.navigation {
	float: left;
	width: 180px;
	margin: 20px 20px 20px 20px;
	background-color: #F1E6C5;
	font-size: 11px;
	line-height: 15px;
	overflow: hidden;
	display: inline;
}
.navigation ul {
	list-style-type: none;
	padding: 0px;
	}
.navigation li {padding:0px;}
.navigation a:link, .navigation a:visited {
	color:#688000;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	display: block;
	width: 160px; /* FÜR IE !!!*/
	border-bottom: 1px solid #D2BD78;
	}
.navigation a:hover {
	background-image: url(image/bg_navigation.jpg);
	color: #FFFFFF;
	background-color: #8D9D3D;
	}
.youarehere {
	color:#FFFFFF;
	padding: 5px 10px 5px 10px;
	display: block;
	width: 160px;
	border-bottom: 1px solid #D2BD78;
	font-weight: bold;
	background-image: url(image/bg_navigation.jpg);
	background-color: #8D9D3D;
	}
	/*SUB-NAVI ENDE*/
hr{
	color: #D2BD78;
	background-color: #D2BD78;
	border: none;
	height: 1px;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	clear: both;
	}
*html hr {margin: 5px 0px 5px 0px;}

ol {padding: 0px 0px 20px 24px;}
li {
	padding-bottom: 5px;
	}
ul {
	list-style-type: circle;
	padding: 0px 0px 20px 24px;
	}
.marginalspalteninhalt {
	margin: 10px;
	paddin:0px;
	} 
.marginalspalteninhalt ul {
	list-style-type: none;
	padding: 0px;
	}
.marginalspalteninhalt li {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid;
	border-bottom-color: #D6CCA9;
	}
.news_blk {
	color:#333333;
	font-weight: normal;
	}
a:visited span.news_blk {
	text-decoration: none;
} 
a:hover span.news_blk {
	text-decoration: underline;
	color:#333333;
} 
#willkommen {margin-bottom: 10px;}

/*BILDER ANFANG*/
.news_bild {
	margin-bottom: 5px;
	}
.foto_450 {
	width: 450px;
	overflow: hidden;
	background-color: #F1E6C5;
	margin-bottom: 15px;
	}
.foto_links {
	float: left;
	margin: 5px 10px 2px 0px;
	background-color: #F1E6C5;
	}
.bilduntertitel, .csc-textpic-caption /*  Bildunterschrift */
	{
	font-size:10px;
	padding: 3px 0px;
	line-height: normal;
	}
#tierparkplan {
	float: left;
	margin: 0px 10px 30px 0px;
}
div.csc-textpic-intext-left div.csc-textpic-imagewrap {padding-right: 5px; }
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {margin-bottom: 2px;}
/*BILDER ENDE*/

/*VIDEO*/
.flashvideo, .tx_kuloplayer_pi1-player{
	float: left;
	margin: -5px 10px 10px 0px;
}
.video_download {
	font-size: 11px;
	line-height: 16px;
}
#flvcaption {
	clear:both;
	margin-top: -20px;
}

/* ########################## TABELLEN ############################### */
table {
	border: 3px solid #F1E6C5;
	border-collapse: collapse;
	width: 100%;
	font-size: 11px;
}
td {
	text-align: left;
	vertical-align: top;
	padding: 3px;
	line-height: 16px;
	}
.tr-even{
	background-color: #FFFCF3;
	}
.tr-0 {
	background-color: #F1E6C5;
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	}
.Fuetterungen {margin: 20px 0px 20px 0px;}
.Fuetterungen td {padding: 4px;}
.Fuetterungen .td-0 {font-weight: bold;}
table.Preise {margin-bottom: 20px;}
.Preise .tr-0 .td-0 {font-weight: bold;}
.Preise .td-last {width: 60px; text-align: right;}
.Gutscheine {margin: 20px 0px 20px 0px;}
.Gutscheine  .td-last {text-align: right;}
.veranstaltungen td {padding: 8px;}
.veranstaltungen .td-1 {font-weight:bold;	color: #4A4A4A;}
.veranstaltungen .tr-0 .td-last {color:#333333;}
.patenschaft .tr-0 {font-size: 11px;} 
.patenschaft .td-0 {width: 100px;}

/*TABELLEN ENDE*/
	
/*NEWS Anfang*/
.newsliste {
	margin-bottom: 0px;
	border-top: 5px solid #F1E6C5;
	padding-bottom: 10px;
	font-size: 11px;
	line-height: 16px;
			}
.newsliste H3 {
	font-size: 14px;
	margin: 0;
	padding: 2px 0px 2px 0px;
	line-height: normal;
	}
H3 a:link, H3 a:visited {
	color: #333333;
	text-decoration: none;
	}
H3 a:hover {
	color: #CC0000;
	text-decoration: none;
}
.newsliste H4 {
	font-size:10px;
	padding: 5px 0px 0px 0px;
	margin: 0;
	}
.newsliste img {
	float: right;
	margin: -5px 0px 5px 10px;
}
.newsliste p {
	margin:0px;
	padding: 0px;
	}
.news {
	margin-bottom: 15px;
	border-bottom: 1px solid #D2BD78;}
.new_single H3 {
	font-size: 14px;
	line-height: 20px;
	margin-top: -10px;
}
.news_date {
	float: right;
	margin-top: 15px;
	font-size: 11px;
}
.news-single-img {
	float: left;
	margin: 0px 12px 0px 0px;
}
.news-single-imgcaption {
	font-size: 10px;
	line-height: normal;
	margin: -3px 0px;
	padding: 5px 0px 7px 0px;
	/* OLD width: 280px;*/
}
.tx-ttnews-browsebox {
	border-top: 0px solid #F1E6C5;
	text-align: center;
	margin-top: 20px;
	}
.tx-ttnews-browsebox p {margin: 0px; padding: 0px;}
.tx-ttnews-browsebox table {
	border: none 0px;
	font-weight: bold;
	width: auto;
	margin: 0 auto 0 auto;
}
.tx-ttnews-browsebox-SCell {
	font-size: 16px;
	color: #000000;
}
.tx-ttnews-browsebox-strong {font-weight: bold;}
		/*Newsletter*/
.eingabe {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	width: 330px;
	border: 1px solid #D8D2C2;
	padding: 3px;
}
.button {
	font-family: Arial, Helvetica, sans-serif;
}
	/*NEWS Ende*/
	
	/*ZOO CAM*/
#refresh {margin-top: 10px;}
	
	/*TIERPARKPLAN Anfang */
#box_links_mitte_plan {
	float: left;
	width: 760px;
	margin: 0px;
	padding: 0px;
	}
#spalte_mitte_plan {
	width: 530px;
	margin: 0px 0px 20px 0px;
	padding: 5px;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
	float: right;
	}
#spalte_rechts_plan {
	width: 130px;
	margin: 170px 10px 20px 0px;
	padding: 0px;
	font-size: 11px;
	line-height: 15px;
	float: right;
	display: inline; /* FÜR IE !!!*/
	}
#spalte_rechts_plan ol {
	padding-left: 30px;
			}
#spalte_rechts_plan li {
	margin: 0px;
	padding: 0px;
		}
	/* TIERPARKPLAN ENDE */
	
	/* MAIL-FORMULAR */
.csc-mailform {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 12px;
	}
.csc-mailform-submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
#mailformname, #mailformemail, #mailformbetreff, #mailformnachricht {
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	width: 330px;
	margin-bottom: 5px;
	padding: 3px;
	display: block;
	border: 1px solid #D8D2C2;
	}
#mailformnachricht {
	height: 120px;
	}
	/* MAIL-FORMULAR ENDE */
	
	/*VOICEREADER*/
.voicereader {border-top: 1px solid #D6CCA9; padding-top: 10px; margin: 10px;}




/*NEU: ANGEPASSTE TOPNAVI*/
#header {
	position:relative;
	left:0;
	top:0;
	width:900px;
	height:225px;
	margin:0;
	padding:0;
	z-index:10;
}	

	#headerimage {
		position:relative;
		left:0;
		top:0;
		width: 900px;
		height:201px;
		z-index:20;
	}
	#topnav {
		position:absolute;
		left:0;
		top:171px;
		height:54px;
		width:900px;
		background-image: url(templates/template_menu/images/bgnavi.png);
		background-repeat: no-repeat;
		background-position: left top;
		z-index:30;
	}
	*html #topnav {
		background-image: url(templates/template_menu/images/bgnavi.gif);
	}
	#toplogo {
		position:absolute;
		left:21px;
		top:0;
		height:72px;
		width:152px;
		background-image: url(templates/template_menu/images/vign.png);
		background-repeat: no-repeat;
		background-position: left top;
		z-index:30;
		padding: 0 15px;
	
	}
	*html #toplogo {
		background-image: url(templates/template_menu/images/vign.gif);
	}
	
/*=NAVIGATION!!*/


		#topnav ul, #box_navigation ul {
			margin:0 0 0 0;
			padding:0;
			list-style-type:none;
			position:relative;
			top:0px;
			left:25px;
			height:24px;
		}
		#topnav > ul, #box_navigation > ul {
			height: 24px;
		}
			#topnav ul li, #box_navigation ul li {
				font-size:13px;
				float:left;
				padding:6px 4px 0 0;
				margin:0;
				position: relative;
				height: 28px;
				background-image:url(templates/template_menu/images/animals.png);
				
				background-repeat: no-repeat;
				
			}
			/**/
			* html #topnav ul li, * html #box_navigation ul li {
				width: 100px;
				padding:0 4px 0 0;
				background-image:url(templates/template_menu/images/animals.gif);

			}
			/*ICONS!!!*/
			#topnav ul li.loewe, 
			#topnav ul li.loewehier,
			#box_navigation ul li.loewe,
			#box_navigation ul li.loewehier {
				padding-left: 35px;
				background-position: left 1px;
				
			}
			#topnav ul li.loewehier {
				background-position: left bottom;
			}
			#topnav ul li.gorilla,
			#topnav ul li.gorillahier,
			#box_navigation ul li.gorilla,
			#box_navigation ul li gorillahier {
				padding-left: 30px;
				background-position: -292px 1px;
			}
			#topnav ul li.gorillahier {
				background-position: -292px bottom;
			}
			#topnav ul li.giraffe,
			#topnav ul li.giraffehier,
			#box_navigation ul li.giraffe,
			#box_navigation ul li.giraffehier {
				padding-left: 24px;
				background-position: -598px 1px;
			}
			#topnav ul li.giraffehier {
				background-position: -598px bottom;
			}
			#topnav ul li.strauss,
			#topnav ul li.strausshier,
			#box_navigation ul li.strauss,
			#box_navigation ul li.strausshier {
				padding-left: 24px;
				background-position: -898px 1px;
			}
			#topnav ul li.strausshier {
				background-position: -898px bottom;
			}
			#topnav ul li.pferd,
			#topnav ul li.pferdhier,
			#box_navigation ul li.pferd,
			#box_navigation ul li.pferdhier {
				padding-left: 38px;
				background-position: -1198px 1px;
			}
			#topnav ul li.pferdhier {
				background-position: -1198px bottom;
			}
			#topnav ul li.kaenguru,
			#topnav ul li.kaenguruhier,
			#box_navigation ul li.kaenguru,
			#box_navigation ul li.kaenguruhier {
				padding-left: 30px;
				background-position: -1498px 1px;
			}
			#topnav ul li.kaenguruhier {
				background-position: -1498px bottom;
			}

				#topnav ul li a, #box_navigation ul li a {
					padding: 4px 4px 10px 0px;
					color:#6d8600;
					text-decoration:none;
					margin:0;
					display:block;
					height: 18px;
					font-family: Georgia,Arial,serif;
					font-size: 12px;
					font-weight:bold;
				}

				#topnav ul li a:hover, 
				#topnav ul li.hier a, 
				#topnav ul li.hiersubs > a,
				#box_navigation ul li a:hover,
				#box_navigation ul li.hier a,
				#box_navigation ul li.hiersubs > a  {
					color:#a4c202;
				}
				
				#topnav ul li ul,
				#box_navigation ul li ul {
					display:none;
					position:absolute;
					height:auto;
				}

				#topnav ul li:hover ul,
				#box_navigation ul li:hover ul {
					display:block;
					position:absolute;
					left:0;
					top:24px;
				}
				#topnav ul.subnav,
				#box_navigation ul.subnav {
					margin:5px 0;
					padding:0;
					width: 163px;
					padding: 3px 10px 3px 0;
					z-index:1000;
				}

					#topnav ul.subnav li,
					#box_navigation ul.subnav li {
						display:block;
						
						padding:0;
						margin:0;
						float:none;
						height: auto;
						background-color:#ffffff;
						margin: 0;
						border-bottom: 1px solid #D2BD78; 
						background-image: none;
					}
						#topnav ul.subnav li a,
						#box_navigation ul.subnav li a {
							font-size:11px;
							font-family:Arial,Helvetica,sans-serif;
							padding: 3px 4px;
							color:#4A5803;
							text-decoration:none;
							display:block;
							border-right:medium none;
							height: auto;
							font-weight:normal;
						}

							#topnav ul.subnav li a:hover, 
							#topnav ul.subnav li.hier a,
							#box_navigation ul.subnav li a:hover,
							#box_navigation ul.subnav li.hier a {
								background-image:none;
								background-color:#8d9d3d;
								color:#ffffff;
							}

	
p.align-justify {
	text-align: justify;
}
p.align-left {
	text-align: left;
}

/* Neue Überschriftendefinition */
h2, h3 {
	color: #84A400;
}

h3 {
	font-size: 14px;
}

.blocksatz {
	text-align: justify;
}

.linksbuendig {
	text-align: left;
}

.rotgross, .kleinundrot {
	font-size: 14px;
	color: red;
}

.kleinundrot {
	font-size: 13px;
}

.navigation p a:link {
	border: 0;
	display: inline;
	padding: 0;
}