@import url("fonts.css");

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
	margin: 0;
	padding: 0;
}

div#page {
	padding: 0;
	min-height: 100%;
	position: relative;
	width: 990px;
	background-color: #ffffff;
}

/* IE6 Hack */
* html div#page {
	height: 100%;
}

div#head {
	height: 74px;
	width: 990px;
}

div#head div#logo {
	float: left;
	width: 200px;
	height: 74px;
}

div#head div#stabnavigation {
	float: right;
	width: auto;
	padding: 7px 15px 4px 0;
	border-bottom: 1px solid #b3b5b4;
}

div#mainnavigation {
	color: #b3b5b4;
	float: left;
	width: auto;
	height: 16px;
	padding: 11px 0px 11px 19px;
}

/* START Farbwechsel Layout:  
	Orange: background: url(../../../images/bg.gif) repeat-y #ffffff;
	Rot:    background: url(../../../images/bg_rot.gif) repeat-y #ffffff;
	Grün:   background: url(../../../images/bg_gruen.gif) repeat-y #ffffff;
	Blau:   background: url(../../../images/bg_blau.gif) repeat-y #ffffff;
*/

div#mainwrapper{
	width: 990px;
	margin-bottom: 20px;
	overflow:hidden;
	background:transparent url(../../../images/bg_gruen_type3.gif) no-repeat bottom;
	padding-bottom: 1px;
}
	
div#main {
	float: left;
	width: 990px;
	background: url(../../../images/bg_gruen_type2.gif) repeat-y #ffffff;
}

div#main div#left {
	width: 206px;
	float: left;

}

div#main div#left div#subnavigation {
	width: 186px;
	float: left;
	height: auto;
}

div#main div#content {
	float: left;
	padding: 12px 14px 0 19px;
	width: 545px;
	border-top: #b3b5b4 solid 1px;
	height: auto;
}
	
div#teaser {
	width: 206px;
	float: left;
}

div#teaser div#spenden {
	margin: 0;
	padding: 10px;
	float: left;
	height: 80px;
	width: 186px;
	background:#a5cd58;
	border-bottom: 4px solid #ffffff;
}

div#teaser div#news {
	width: 184px;
	/*height: 392px;*/
	height:auto;
	float: left;
	border-top: 1px solid #b3b5b4;
	/*border: 1px solid #b3b5b4;*/
	background-color: #ffffff;
	padding: 15px 10px 10px 10px;
	margin:0 0 0 1px;
}

div#teaser div#zitatbox {
	display: block;
	float: left;	
	width: 100%;
	height: 96px;
	border-top: 4px solid #ffffff;
}

div.clear {
	clear: left;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

div#zitat {	
	float: left;
	width: 958px;
	border-top: #bcbaba 1px solid;
	border-bottom: #bcbaba 1px solid;
	color: #989998;
	padding: 11px 16px 15px 16px;
	margin: 0;
}

div#zitat p {	
	font-size: 86%; 
	margin: 0;
}

div#zitat .gross {	
	color: #989998;
	font-size: 135%; 
	letter-spacing: 1px;
}

div#copyright {
	float: right;
	width: 300px;
	height: 20px;
	text-align: right;
	padding-bottom: 5px;	
}

div#copyright a {
	color: #919aa1;
	font-size: 10px; 
	text-decoration: none;
}

div#copyright a:hover {
	color: #666666;
	text-decoration: underline;
}
.socialiconsextra {
    float: right;
    height: 16px;
    margin-top: 20px;
    width: 70px;
}
a.facebook {
    background: url("/_local/templates/standard/images/socialicons.gif") no-repeat scroll 0 0 transparent;
}
a.twitter {
    background: url("/_local/templates/standard/images/socialicons.gif") no-repeat scroll -20px 0 transparent;
}
a.facebook, a.twitter, a.linkedin {
    display: block;
    float: left;
    height: 16px;
    margin-right: 4px;
    width: 16px;
}