body {
    /*background-image: url("../img/muster_hellgelb.png");*/
    /*color: #ffbf57;*/
    /* padding-top: 60px; */
    padding-bottom: 0px;
     /* background-color: #000355; */ 
	background-position: left;
	background: url("../img/bg_verlauf.png")  repeat-x;
}

/*
.btn-success {
  background-color: #57a900;
  background-image: -moz-linear-gradient(top, #70d900, #57a900);
  background-image: -ms-linear-gradient(top, #70d900, #57a900);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
  background-image: -webkit-linear-gradient(top, #70d900, #57a900);
  background-image: -o-linear-gradient(top, #70d900, #57a900);
  background-image: linear-gradient(top, #70d900, #57a900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #57a900;
}

.btn-success:active, .btn-success.active {
  background-color: #57a900;
}
*/
div.container a.brand {
    /*background: url("../images/zf2-logo.png") no-repeat scroll 0 10px transparent;*/
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}

div.cardinals {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-image: url("../img/Kardinaele_144.png");
	bottom: 20px;
	right: auto;
	left: auto;
	position: fixed;
	height:210px;
	width:100%;
}

#main-container {
	margin-top: 50px;
	padding-bottom: 35px;
}

#index-yellow {
	margin: 3px;
	margin-top: 20px;
	padding: 10px;
	padding-bottom: 50px;
	background-color: #ffff8a;
	filter:alpha(opacity=90);
	opacity:.9;
	border-radius:10px;
}

#index-yellow-inner {
	filter:alpha(opacity=100);
	opacity:1;
}

#index-yellow p, #index-yellow h1 {
	margin-bottom: 15px;
}

#index-adopt-button{
	position:relative;
	margin-top:-40px;
	z-index:1000;
	width: 345px;
	height: 175px;
	margin-left: auto;
	margin-right: auto;
}

#index-cardinal-wuerl{
	position:relative;
	display: inline;
	width:189px;
	height:216px;
	top: -180px;
	left: 265px;
/*
	margin-top:-180px;
	margin-right:30px;
*/
}

#index-cardinals{
	position:static;
	width:519px;
	height: 210px;
	margin-bottom:0px;
	/*
top:-280px;
	left:-150px;
*/

/* 	bottom:0 !important; */
/*
	margin-top:15px;
	margin-right:200px;
	bottom: !0px;
*/
	/* float:left; */
}

@media (max-width: 979px) {
  #main-container {
	margin-top: -15px;
	margin-bottom: -30px;
	padding-bottom: 0px;
  }
  #index-cardinals {
  	margin-bottom: 9px;
  }
}

@media (max-width: 767px) {
  #index-adopt-button {
	width: 242px;
	height: 123px;
  }
  #index-adopt-button img {
	width: 242px;
	height: 123px;
  }
	#index-cardinal-wuerl img{
		width: 132px;
		height: 151px;

	}
	#index-cardinal-wuerl{
		width: 132px;
		height: 151px;
		top:-130px;
		/* margin-right:10%; */
		left:175px;
	}
	#index-cardinals img{
		width: 363px;
		height: 147px;
	}
	#index-cardinals {
		width: 363px;
		height: 147px;
		margin-left:100px;
/*
		margin-top:-70px;
		margin-right:200px;
*/
	}
}

@media (max-width: 500px) {
	#index-cardinal-wuerl{
		top:-80px;
		/* margin-right:-2%; */
	}
	#index-cardinals img{
		width: 156px;
		height: 63px;
	}
	#index-cardinals {
		width: 156px;
		height: 63px;
		/* margin-top:-10px; */
		margin-left:50px;
	}
}

.danger {
	color: red;
}

td.text-right {
	text-align:right;
}

/* Alles aus dem Beispiel */

#push,
#footer {
height: 40px;
}
#footer {
background-color: #f5f5f5;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
#footer {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
}
.container {
width: auto;
max-width: 680px;
}
.container .credit {
margin: 10px 0;
}

html,
body {
height: 100%;
/* The html and body elements cannot have any padding or margin. */
}

.twitter-btn {
display:inline;
height:22px;
}

.twitter-share-button {
	margin-left: 15px;
}

.fb-send {
display:inline;
}

button.disabled img {
	opacity: 0.7;
}

.lang-buttons {
	margin-top: 8px;
}

div.twitter-btn iframe {
	margin-bottom: -3px;
}

div.lang-buttons a {
	text-decoration: none;
}