body, html {
	padding: 0;
	margin: 0;
	font: normal 13px/20px arial;
}

#wrap {
	display: block;
}

a, img {
	border: 0;
	outline: 0;
}

a {
	text-decoration: none;
	color: #acca57;
}

a:hover {
	color: #222;
}

p {
	margin: 0;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
}

hr {
	margin: 20px 0;
	border: none;
	border-top: dashed 1px #c3c3c3;
	outline: none;
	height: 1px;
	background-color: #fff;
}

h1 {
	font: bold 26px/26px arial, verdana, sans-serif;
	color:#acca57;
	text-transform: lowercase;
	margin: 0;
	padding: 0;
	padding-bottom: 25px;
}
#maginalcontent h1 {
	padding-bottom: 0;
}

h2 {
	font: bold 22px/26px arial;
	color:#acca57;
	text-transform: lowercase;
}

h3 {
	font: bold 18px/20px arial, verdana, sans-serif;
	color:#5f7017;
	text-transform: lowercase;
	margin: 0;
	padding: 0;
	padding-bottom: 4px;
}

b {
	color: #676767;
}

.curved {
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	-khtml-border-radius:11px;
	border-radius: 11px;
	behavior:url(fileadmin/templates/border-radius.htc);
}

* html .curved{
	behavior: none;
}

#wrap {
	width: 980px;
	position: absolute;
	left: 50%;
	margin-left: -490px;
	height: 100%;
}

#Logo {
	position: relative;
	left: 5px;
	margin: 15px 0 13px 0;
}

#head {
	background-color: #f2f1ed;
	position: absolute;
	z-index:20;
	height: 382px;
	top: 118px;
	width: 980px;
	margin: 0 0 0 0;
}

#headcontent_main {
	position: absolute;
	left: 15px;
	top: 51px;
	height: 315px;
	width: 758px;
}

#headcontent_side_1 {
	position: absolute;
	right: 15px;
	top: 51px;
	height: 151px;
	width: 179px;
}

#headcontent_side_2 {
	position: absolute;
	right: 15px;
	top: 215px;
	height: 151px;
	width: 179px;
}

/* NAVIGATION */

#navigation {
	position: absolute;
	width: 500px;
	right: 32px;
	height: 70px;
	top: 50px;
}

#navigation ul{
	position: absolute;
	right: 0;
	list-style: none;
	height: 70px;
}

#navigation ul li{
	float: left;
	padding: 0;
	margin: 0 0 0 0;
	background-color: #acca57;
}

#navigation a{
	font: bold 17px/90px arial;
	color: #fff;
	text-decoration: none;
	height: 70px;
	display: block;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	z-index: 10;
	text-transform: lowercase;
}

#navigation a.gesund {
	background: url(img/nav/btn_gesund.jpg);
	width: 176px;	
}

#navigation a.gesund.active, #navigation a.gesund:hover  {
	background: url(img/nav/btn_gesund_active.jpg);
}

#navigation a.schnauze {
	background: url(img/nav/btn_schnauze.jpg);
	width: 140px;
}

#navigation a.schnauze.active, #navigation a.schnauze:hover  {
	background: url(img/nav/btn_schnauze_active.jpg);
}

#navigation a.felle {
	background: url(img/nav/btn_felle.jpg);
	width: 140px;
}

#navigation a.felle.active, #navigation a.felle:hover  {
	background: url(img/nav/btn_felle_active.jpg);
}

#navigation a.active, #navigation a:hover{
	font: bold 17px/70px arial;
}


/* SUBNAVIGATION */

#subnavigation {
	position: relative;
	width: 935px;
	font: bold 16px/30px arial;
	color: #676767;
}

#subnavigation ul{
	position: relative;
	height: 30px;
	width: 905px;
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	list-style: none;
}

#subnavigation ul li {
	height: 30px;
	float: left;
	margin: 0 0 0 0;	
}

#subnavigation a{
	font: bold 16px/30px arial;
	color: #9c9e9f;
	text-decoration: none;
	display: block;
	padding: 0 15px;
	text-transform: lowercase;
}

#subnavigation a:hover , #subnavigation a.active{
	color: #676767;
	background: url(img/arrow_sub_active.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

/* CONTENT */

#contentwrap {
	position: absolute;
	top: 500px;
}

#page {
	position: relative;
	width: 980px;
	overflow: hidden;
	height: auto;
	display: block;
	padding: 0;
	margin: 0;
}

#maincontent {
	position: relative;
	width: 591px;
	height: auto;
	background-color: #f2f1ed;
	font: bold 14px/24px arial;
	color: #787878;
	padding: 15px;
	padding-bottom: 35px;
	margin: 19px 22px 0 0;
	float: left;
}

#maincontent p{
	margin-bottom: 24px;
}

#sitecontent ul{
	margin-left: 30px;
	margin-bottom: 20px;
}

#newsbereich, #events {
	position: relative;
	width: 307px;
	background-color: #acca57;
	height: auto;
	overflow: hidden;
	margin: 19px 0 0 0;
	padding: 15px;
	padding-bottom: 25px;
	color: #fff;
	font-weight: bold;
}

* html #newsbereich,* html #events  {
	width: 292px;
}

#newsbereich h1, #events h1{
	color: #fff;
}

#maginal hr {
	height: 1px;
	border: none;
	border-top: dotted 1px #fff;
	line-height: 1px;
	clear: left;
}

.newscontainer a{
	color: #fff;
}



.event_discription {
	display: block;
	padding: 0 0 0 113px;
}

.event_picture img{
	margin: 15px 15px 15px 0;
	/* position: absolute; */
	float: left;
}

.event_date {
	margin: 15px 0 0 0;
}

.event_date, .event_text {
	color: #56700d;
}

.event_text {
	padding: 0 0 10px 0;
}
.event_text a{
	color: #56700D;
}
.event_text a:hover{
	text-decoration: underline !important;
}

/* NEWS */

.news_discription {
	display: block;
	padding: 0 0 0 0;
}

.news_date {
	margin: 15px 0 0 0;
}

.news_date, .event_text {
	color: #56700d;
}

.news_text {
	padding: 0 0 10px 0;
}
.news_text a{
	color: #56700D;
}
.new_text a:hover{
	text-decoration: underline !important;
}

#news {
	position: relative;
	width: 950px;
	color: #607e09;
	margin: 20px 0 0 0;
	padding: 5px 15px;
	background-color: #f2f1ed;
}

#news_title {
	float: left;
	margin-right: 20px;
	color: #acca57;
	position: absolute;
}

#news_text ul{
	list-style: none;
	margin: 2px 0 0 50px;
}

#news_text ul li{
	clear: left;
}

#news a{
	padding: 5px 0;
}

/* FOOTER */

#footer {
	position: relative;
	width: 945px;
	height: 145px;
	border-top: dotted 1px #afafaf;
	margin: 20px 20px 0 20px;
	font: bold 12px/20px arial;
	color: #9c9e9f;
	display: block;
}

#address {
	padding: 20px 0 0 0;
	float: left;
}

#address address{
	font-style: normal
}

#miscnavigation {
	padding: 20px 0 0 0;
	font: bold 12px/20px arial;
	color: #9c9e9f;
	float: left;
}

#miscnavigation a{
	font: bold 12px/20px arial;
	color: #9c9e9f;
	text-decoration: none;
	padding-left: 10px;
	background: url(/fileadmin/templates/img/arrow_misc_passive.jpg);
	background-repeat: no-repeat;
}

#miscnavigation a:hover, #miscnavigation a.active{
	background: url(img/arrow_misc_active.jpg);
	background-repeat: no-repeat;
	color: #676767;
}

#miscnavigation ul {
	padding: 0 0 0 10px;
	list-style: none;
}

#miscnavigation ul li{
	float: left;
	padding: 0 10px;
}


/* SOCIAL */

#social {
	position: absolute;
	right: 0;
	top: 10px;
	padding: 8px 0 0 0;
	height: 30px;
	line-height: 25px;
}

#social ul {
	list-style: none;
}

#social ul li {
	float: left;
	margin-right: 8px;
	height: 25px;
}

#social li.last {
	margin: 0;
}

#social ul li.follow {
	background: url(img/arrow_misc_passive.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0 6px;
}

#social a{
	display: block;
	height: 25px;
	width: 25px;
	text-indent: -3000px;
	
}

#social a.twitter {background: url(img/social_icons.jpg); background-position:0 25px;}
#social a:hover.twitter {background: url(img/social_icons.jpg); background-position:0 0;}
#social a.facebook {background: url(img/social_icons.jpg); background-position:50px 25px;}
#social a:hover.facebook {background: url(img/social_icons.jpg); background-position:50px 0;}
#social a.rss {background: url(img/social_icons.jpg); background-position:25px 25px;}
#social a:hover.rss {background: url(img/social_icons.jpg); background-position:25px 0;}


/*
SLIDER

anythingSlider v1.2

By Chris Coyier: http://css-tricks.com
with major improvements by Doug Neiner: http://pixelgraphics.us/
based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.tx-jfmulticontent-pi1 .anythingSlider {
	width: 680px;
	height: 360px;
	position: relative;
	margin: 0 auto 15px;
}
.tx-jfmulticontent-pi1 .anythingSlider .wrapper {
	width: 600px;
	overflow: auto;
	height: 341px;
	margin: 0 40px;
	position: absolute;
	top: 0;
	left: 0;
}

/* Width below is max for Opera */
.tx-jfmulticontent-pi1 .anythingSlider .wrapper ul {
	width: 32700px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	background: #eee;
	border-top: 3px solid #e0a213;
	border-bottom: 3px solid #e0a213;
	margin: 0;
}
.tx-jfmulticontent-pi1 .anythingSlider ul li {
	display: block;
	float: left;
	padding: 0;
	height: 317px;
	width: 600px;
	margin: 0;
}
.tx-jfmulticontent-pi1 .anythingSlider .arrow {
	display: block;
	height: 200px;
	width: 67px;
	background: url(images/arrows.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	top: 65px;
	cursor: pointer;
}
.tx-jfmulticontent-pi1 .anythingSlider .forward {
	background-position: 0 0;
	right: -20px;
}
.tx-jfmulticontent-pi1 .anythingSlider .back {
	background-position: -67px 0;
	left: -20px;
}
.tx-jfmulticontent-pi1 .anythingSlider .forward:hover {
	background-position: 0 -200px;
}
.tx-jfmulticontent-pi1 .anythingSlider .back:hover {
	background-position: -67px -200px;
}

.tx-jfmulticontent-pi1 #thumbNav {
	position: relative;
	top: 323px;
	text-align: center;
}
.tx-jfmulticontent-pi1 #thumbNav a {
	color: black;
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	background: #c58b04 url(images/cellshade.png) repeat-x;
	text-align: center;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tx-jfmulticontent-pi1 #thumbNav a:hover {
	background-image: none;
}
.tx-jfmulticontent-pi1 #thumbNav a.cur {
	background: #e0a213;
}

.tx-jfmulticontent-pi1 #start-stop {
	display: none;
	background: green;
	background-image: url(images/cellshade.png);
	background-repeat: repeat-x;
	color: white;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	position: absolute;
	right: 45px;
	top: 323px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tx-jfmulticontent-pi1 #start-stop.playing {
	background-color: red;
}
.tx-jfmulticontent-pi1 #start-stop:hover {
	background-image: none;
}

/*
  Prevents
*/
.tx-jfmulticontent-pi1 .anythingSlider .wrapper ul ul {
	position: static;
	margin: 0;
	background: none;
	overflow: visible;
	width: auto;
	border: 0;
}
.tx-jfmulticontent-pi1 .anythingSlider .wrapper ul ul li {
	float: none;
	height: auto;
	width: auto;
	background: none;
}

/* EVENTLISTE */

.news-list-container a{
	position: relative;
	top:0;
	left: 0;
}

.news-list-container h2 a{
	display: block;
	float: none;
	position: relative;
	top:0;
	left: 0;
}

.news-list-item-content {
	position: relative;
	padding: 0 0 20px 30px;
	width: 450px;
	height: 100px;
	left: 30px;
}

.newsimage {
	float: left;
}


/* MAILFORM: */

.csc-mailform {
	border: none;
	padding: 0;
	margin:0;
	
}
.csc-mailform-field label {
	display: block;
	margin-bottom: 2px;
}
.csc-mailform-field textarea {
	width: 400px;
	height: 200px;
	padding: 10px;
	margin-bottom: 16px;
	border: solid 2px #cccccc;
	font: normal 15px/25px Arial, Helvetica, sans-serif;
	color: #595959;
}
.csc-mailform-field input {
	border: solid 2px #cccccc;
	margin-bottom: 16px;
	width: 404px;
	padding: 2px;
	padding-left: 10px;
	font: normal 15px/25px Arial, Helvetica, sans-serif;
	color: #595959;
}

.csc-mailform-submit {
	width: 140px !important;
	padding-left: 0 !important;
}


#spenden a{
	display: block;
	text-indent: -3330px;
	height: 151px;
	width: 179px;
	background-image: url(img/spenden_btn_passive.jpg);
}

#spenden a:hover{
	background-image: url(img/spenden_btn_active.jpg);
}

/* GALLERY: */
#sitecontent .csc-textpic ul{
	margin-left: 0;
}
#sitecontent .csc-textpic ul li{
	margin-right: 5px;
	margin-bottom: 5px;
}

