/*===============================================================================================================
|
|	file:			bkh_screen.css
|	site:			www.bulgarische-kinderheime.de
|	descr:		Haupt-Stile (Screen)
|	version:		1.6 - 2008/05/12 14:40
|
|	------------------------------------------------------------------------
|
|	author:		Christoph Sch��ler
|	author url:	http://herr-schuessler.de
|
| ===============================================================================================================
|	
|	Content:
|	
|	1		browser css reset
|	2.1	basic layout - divs (container)
|	2.2	basic layout - tables
|	2.3	basic layout - lists
|	2.4	elements - forms
|	2.5	basic layout - elements
|	3		menu
|	4 		sidebar
|	4.1	sidebar - sponsors
|	5		gallery
|	
|	
===============================================================================================================*/


/* 
|
|	1	browser css reset
|	
===============================================================================================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:				0;
	padding:				0;
	border:				0;
	outline:				0;
	font-weight: 		normal;
	font-style: 		inherit;
	font-size: 			100%;
	font-family: 		inherit;
	vertical-align: 	baseline;
	}
:focus {
	outline: 			0;
	}
ol, ul {
	list-style: 		none;
	}
table {
	border-collapse: 	separate;
	border-spacing: 	0;
	}
caption, th, td {
	text-align: 		left;
	font-weight: 		normal;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: 			"";
	}
blockquote, q {
	quotes: 				"" "";
	}

	
/* 
|
|	2.1	basic layout - divs (container)
|
===============================================================================================================*/

body {
	line-height: 		1em;
	color: 				#575653;
	background: 		#86bfd0 url(../gfx/bg-body-top.png) repeat-x left top;
	font-family: 		Verdana, "Bitstream Vera Sans", sans-serif;
	font-size:			0.8em;
	}
.container {
	position: 			relative;
	margin: 	        0 auto 0 auto;
	width: 				924px;
	background: 		#FFF url(../gfx/bg-content.png) repeat-y left top;
	}
html.* .container { /*ie6-fix bottom-padding*/ 
	padding: 			0 0 79px 0;
	}
div#header {
	width: 				850px;
	padding: 			0 37px;
	height:				324px;
    position:           relative;
	background: 		url(../gfx/bg-header.png) no-repeat left top;
	}
#home div#header {
    background:         url(../gfx/bg-header-home.png) no-repeat left top;
    }
#content {
	padding: 			0 37px;
    position:           relative;
    display:            inline-block;
	}
#column-main {
	width: 				549px;
	float: 				left;
	font-size: 			0.9em;
	}
#column-home {
    width:              850px;
    font-size:          0.9em;
    }
.column-left-wide {
	width: 				259px;
	float: 				left;
	}
.column-left-small {
	width: 				209px;
	float: 				left;
	}
.column-right-wide {
	width: 				290px;
	float: 				left;
	padding: 			0 0 0 50px;
	}
.column-right-float {
	width: 				290px;
	float: 				right;
	padding: 			0 0 0 50px;
	}
.column-right-small {
    width:              290px;
    float:              left;
    }    
.column-full-width {
	width: 				549px;
	clear: 				both;
	overflow:			hidden;
	margin: 			0 0 20px 0;
	}
.column-half-width {
    width:              264px;
    margin:             0 20px 20px 0;
    float:              left;
    }
.column-sidebar-width {
    width:              280px;
    margin:             0 0 20px 0;
    float:              left;
    }
#home-special .column-sidebar-width {
    margin:             0;
    }
.column-box {
	background: 		#f5f2e9;
	width: 				195px;
	margin: 		    10px 50px 40px 0;
	padding: 			7px;
	}
.content-clear {
	overflow:			hidden;
	clear: 				both;
	}
.info-box,
.foto-box {
	background:			#f5f2e9;
	padding: 			20px;
	margin: 		    20px 0;
	overflow: 			hidden;
	}
.foto-box {
    padding:            10px 0  10px 5px;
    }
.shout-box, 
.rules-box {
	background:			#F5F5F5;
	padding: 			20px 10px 10px 10px;
	margin: 				20px 0;
	color: 				#83817D;
	overflow: 			hidden;
	}
#column-sidebar {
	margin:		 		0 0 0 21px;
	width: 				280px;
	float: 				left;
	}
#footer-bg {
	height: 				160px;
	background: 		transparent url(../gfx/bg-body-bottom.png) repeat-x left bottom;
    clear:              both;
	}
#footer {
	width: 				850px;
	height:				160px;
	padding: 			0 37px;
	background: 		transparent url(../gfx/bg-footer.jpg) no-repeat left top;
	clear: 				both;
	}
.footer-container {
	position: 			relative;
	margin: 				0 auto 0 auto;
	width: 				924px;
	background: 		#FFF url(../gfx/bg-content.png) repeat-y left top;
	}
#lang-select {
    position:           absolute;
    bottom:             0;
    right:              -19px;
	width: 				45px;
	height:				90px;
    padding:            30px 0 0 0;
	background: 		url(../gfx/bg-header.png) no-repeat right bottom;
	}
#home #lang-select {
    background:         url(../gfx/bg-header-home.png) no-repeat right bottom;
    }
.pr-titlebox {
    width:              258px;
    border:             3px solid #f5f2e9;
    margin:             0 20px 20px 0;
    float:              left;
}
#home .pr-titlebox {
    border:             3px solid #a0ca6c;
    margin:             0 0 10px 0;
    float:              none;
}
.pr-visual {
    display:            block;
    background-repeat:  no-repeat;
    background-color:   #f5f2e9;
    height:             166px;
}
.pr-title {
    display:            block;
    background:         #cf5504 url(../gfx/bg-pr-title.png) repeat-x;
    height:             42px;
    padding:            10px 10px 0 10px;
}
#content .pr-title h3 {
    font-family:        Verdana, "Bitstream Vera Sans", sans-serif;
    font-size:          1.167em;
    font-weight:        bold;
    color:              #fff;
    border:             0;
    margin:             0;
    padding:            0;
    line-height:        1.2em;
    font-variant:       normal;
}
#content a:hover .pr-title h3  {
    text-decoration:    underline;
}
.pr-meta-wrap {
    background:         url(../gfx/dashed.png) repeat-x;
    padding:            1px  0 0 0;
    clear:              both;
}
.pr-meta {
    background:         #f5f2e9 url(../gfx/shade.png) no-repeat left bottom;
    padding:            10px 10px 15px 10px;
    overflow:           hidden;
    margin:             0 0 40px 0;
}
.pr-meta .barometer {
    width:              254px;
    float:              left;
}
#column-main .pr-meta form {
    width:              234px;
    float:              left;
    margin:             5px 0 0 20px;
}
.pr-meta form a,
.car-item form a {
    margin:             0 0 0 20px;
}
#column-main .meta-info {
    float:              left;
    margin:             0 20px 0 0;
}
#home .meta-info {
    float:              left;
    margin:             0 10px 0 0;
}
#column-sidebar .meta-info {
    margin:              0 0 10px 0;
    overflow:           hidden;
    clear:              both;
}
.meta-info img {
    float:              left;
    margin:             4px 5px 0 0;
}
.meta-info div {
    float:              left;
}
.meta-info span {
    color:              #83817d;
    font-size:          0.9em;
}
.car-item .meta-info strong {
    font-size:          0.9em;
}
.barometer {
    border-radius:          6px;
    -moz-border-radius:     6px;
    -webkit-border-radius:  6px;
    background:         #fff;
    border:             1px solid #cfccc4;
    height:             31px;
    position:           relative;
    color:              #504f4e;
    font-size:          1.167em;
    line-height:        1.2em;
    overflow:           hidden;
    margin:             0 0 10px 0;
}
#home .barometer {
    border:             1px solid #a0ca6c;
}
.barometer-fill {
    background:         #9dc868 url(../gfx/fill.png) repeat-x;
    height:             31px;
    border-radius:          5px 0 0 5px;
    -moz-border-radius:     5px 0 0 5px;
    -webkit-border-radius:  5px 0 0 5px;
}
.barometer-text {
    position:           absolute;
    top:                0;
    left:               25px;
    right:              25px;
    height:             31px;
    text-align:         center;
    line-height:        31px;
    font-weight:        bold;
}
.barometer-cur {
    position:           absolute;
    top:                0;
    left:               10px;
    height:             31px;
    line-height:        31px;
    font-weight:        bold;
    color:              #4e7f0f;
    font-size:          2em;
}
#home-special {
    background:         #fff url(../gfx/bg-home-special.png) repeat-x;
    margin:             0 -21px;
    padding:            0 21px;
    position:           relative;
    display:            inline-block;
    width:              850px;
}
#carousel {
    overflow:           hidden;
    width:              549px;
    height:             450px;
    margin:             0 20px 20px 0;
    position:           relative;
    top:                -30px;
    float:              left;
}
#carousel .car-item {
    width:              264px;
    padding:            0 20px 0 0;
    float:              left;
    background:         url(../gfx/dashedv.png) repeat-y 274px top;
    overflow:           hidden;
}
#carousel .car-item:last-child {
    padding:            0;
}
#carousel .car-item p {
    margin:             0 0 10px 0;
    height:         81px;
    overflow:           hidden;
}
#car-next {
    position:           absolute;
    top:                50px;
    right:              300px;
    z-index:            200;
    width:              42px;
    padding-top:        44px;
    background:         url(../gfx/nav-r.png) no-repeat left top;
}
#car-next:hover {
    background:         url(../gfx/nav-r.png) no-repeat left -44px;
}
#car-prev {
    position:           absolute;
    top:                50px;
    right:              845px;
    z-index:            200;
    width:              42px;
    padding-top:        44px;
    background:         url(../gfx/nav-l.png) no-repeat left top;
}
#car-prev:hover {
    background:         url(../gfx/nav-l.png) no-repeat left -44px;
}
/* 
|
|	2.2	basic layout - table
|
===============================================================================================================*/

table {
	width:				100%;
	line-height: 		1.4em;
	}
table.list-table,
table.download-table {
	margin: 				20px 0 20px 0;
	}
td, th	{
	vertical-align: 	top;
	}
th {
	font-weight: 		bold;
	}
td.right {
	font-weight: 		bold;
	}
td.amount,
th.amount {
	text-align: 		right;
	white-space: 		nowrap;
	}
td.title {
	font-style: 		italic;
	}
td.source {
	font-variant: 		small-caps;
	}
#column-main td,
#column-main th {
	padding: 			0 0 10px 0;
	}
#column-main .column-box  td {
	padding: 			0px !important;
	}
table.list-table td,
table.list-table th,
table.download-table th {
	padding: 			5px !important;
	}
table.download-table td
 {
	padding: 			10px 5px !important;
	}
table.list-table tr.odd td,
table.download-table tr.odd td {
	background-color: #F5F5F5;
	}
table.list-table tr.even td,
table.download-table tr.even td {
	background-color: #FFF;
	}
table.list-table tr:hover td,
table.download-table tr:hover td {
	background-color: #f5f2e9;
	color: 				#504F4E;
	}
table.gallery td.right {
	width: 				238px;
	font-size: 			0.9em;
	}



/* 
|
|	2.3	basic layout - lists
|
===============================================================================================================*/

#column-main ol,
#column-main ul {
	list-style:			decimal;
	padding:				0 0 0 32px;
	line-height: 		1.4em;
	margin: 				0 0 20px 0;
	}
#column-main ol ol,
#column-main ol ul {
	list-style:			lower-alpha !important;
	padding:				0.6em 0 0 20px;
	line-height: 		1.4em;
	margin: 				0px !important;
	}
#column-main ul,
#column-main ol ul {
	list-style: 		square;
	}
#column-main ol li {
	padding: 			0 0 0.6em 0;
	}
.content-clear ul,
.foto-box ul {
	list-style: none !important;
    margin:     0 !important;
    padding:    0 !important;
	}
ul.alist {
	padding:		    0 0 0 18px !important;
    line-height:        1.4em;
	}
.alist li {
	padding: 			4px 0;
	list-style: 		url(../gfx/li-shoutbox.png);
	}
.foto-box li {
    float:            left;
    margin:     0 !important;
    padding:    0 5px !important;
    }
/* 
|
|	2.4	elements - forms
|
===============================================================================================================*/
.form-line {
	margin: 			0 0 10px 0;
	overflow: 		hidden;
	}
.form-item {
	float: 			left;
	}
.form-item.left {
	margin: 			0 21px 0 0;
	}
.form-text {
	padding: 		14px 0 0 0;
	}
.form-text p {
	color: 			#504F4E;
	}
.form-important {
	clear: 			both;
	margin: 			20px 0 10px 0;
	}
.form-extra {
    clear:          both;
    margin:         15px 0 5px 0;
    border-top:     1px solid #e3e0d7;
    padding:        7px 0;
    overflow:       hidden;
    }
.sidebar-item .form-line {
	margin: 			0 0 5px 0;
	}
.form-line p,
.form-extra p {
	margin: 			0 0 3px 0 !important;
	}
.req label {
	font-weight: 	bold;
	}
#systemResponse {
	position: 		absolute;
	top: 				-50px;
	left: 			0px;
	right:			0px;
	bottom:			0px;
	z-index: 		1000;
	height: 			100%;
	overflow: 		hidden;
	background: 	transparent url(../gfx/bg-opac-70.png);
	padding-top: 	50px;
	}
#systemResponse div {
	padding: 		0 20px 20px 20px;
	background: 	#F5F5F5;
	margin: 			30px;
}
.systemResponseStart {
	border:			1px solid #CFCCC4;
	}
.pos, .check {	
	border:			1px solid #A0CA6C;
	border-top:		26px solid #A0CA6C;
	}
.neg {
	border:			1px solid #CF5504;
	border-top:		26px solid #CF5504;
	}
div.check-table {
	overflow: 		auto;
	height: 			124px;
	background: 	#FFF;
	padding: 		0px !important;
	margin: 			0 0 20px 0 !important;
	font-size: 		0.9em;
}
div.check-table div {
	margin: 			0px !important;
	padding: 		5px !important;
}
div.check-table div.odd {
	background-color: #F5F5F5 !important;
}
div.check-table div.even  {
	background-color: #FFF !important;
}
div.check-table div span {
	display: 		block;
}
div.check-table div span.checkName{
	font-weight: 	bold;
	font-size: 		1.1em;
	line-height: 	1.1em;
}
div.check-table div span.checkValue{
	padding: 		5px 0 0 0;
}
#ajaxForm {
	position:		relative;
	overflow:		hidden;
	}
.ajax-loading {
	text-align: 	center;
}
.ajax-loading img {
	margin-top: 	50px;
}
input.button-link {
	font-size: 			1em;
	line-height: 		2em;
	height: 				2em;
	width: 				100%;
	text-align: 		center;
	color: 				#CF5504;
	background: 		#FFF;
	border: 				1px solid #CFCCC4;
	color:				#78B32E;
	cursor: 				pointer;
	}
	
/* 
|
|	2.5	basic layout - elements
|
===============================================================================================================*/

a {
	color: 				#CF5504;
	text-decoration:	none;
	}
a:hover {
	color: 				#CF5504;
	text-decoration:	underline;
	}
hr {
	border:				0px;
	color: 				#CFCCC4;
	background: 		#CFCCC4;
	height: 				1px;
	}
sup {
	vertical-align: 	super;
	font-size: 			0.9em;
}
.mute p,
p.mute {
	font-size: 			0.9em;
	line-height: 		1.1em !important;
	color: 				#6E6D69;
	}
a .mute {
    color:              #6E6D69;
    }
.mute h6 {
	font-size: 			0.9em;
	font-weight: 		bold;
	color: 				#83817D;
	}
.rollover {
	display: 			block;
	height: 				0px !important;
	overflow: 			hidden;
	}
.breadcrumbs {
    font-size:          0.91em;
    position:           absolute;
    top:                -50px;
    left:               37px;
}
#header h1 {
	display:				inline;
	}
#header h1 a {
	position: 			absolute;
	top: 					0px;
	right:				37px;
	width: 				280px;
	padding-top: 		306px;
	}
#content h2 {
	color: 				#4f7f13;
	font-size: 			1.6em;
	height:				50px;
	line-height: 		1em;
	clear: 				both;
	width: 				549px;
	line-height: 		50px;
	overflow: 			hidden;
    position:           absolute;
    top:                -80px;
    left:               37px;
	}
#content h3 {
	color: 				#CF5504;
	margin: 			0 0 10px 0;
	border-bottom: 	    1px solid #cfccc4;
    font-weight:        bold;
	font-size:			1.3em;
    line-height:        1.2em;
	padding: 			10px 0 4px 0;
	}
#column-main h4 {
	color: 				#504f4e;
	font-weight: 		bold;
	font-size: 			1.1em;
	line-height: 		1.3em;
	margin: 				20px 0 10px 0;
	}
.rules-box h4 {
	margin: 				0 0 10px 0 !important;
}
#column-main h4.loud {
	margin: 				32px 0;
	}
#column-main .column-box h4 {
	font-size: 			1.2em !important;
	margin: 				0 0 7px 0 !important;
	}
.centered {
	text-align: 		center;
	}
#content p {
	line-height: 		1.4em;
	margin: 				0 0 20px 0;
	}
#home .home-news p {
    line-height:        1.2em;
    margin:             0 0 5px 0;
}
#content ul {
	margin: 				0 0 20px 0;
	}
#content strong {
	font-weight: 		bold;
	}
#content em {
	font-style: 		italic;
	}
p.author,
p.copy {
	font-variant: 		small-caps;
	font-size: 			0.9em;
	}
p.juror,
p.copy {
	text-align: 		right;
	}
.foto-box p {
    clear:              both;
    margin:             0 5px !important;
    padding:            8px 0 0 0 !important;
    font-size:          0.9em;
}
p.pagination a,
.foto-box p a {
	padding: 			2px 4px;
	border: 				1px solid #FFF;
	line-height: 		2em;
}
p.pagination a:hover,
.foto-box p a:hover {
	background: 		#FFF;
	text-decoration:	none;
}
p.pagination a.active,
.foto-box p a.active {
	color: 				#83817D;
	background:			 #FFF;
}
span.initial {
	font-family: 		Gerogia, "Times New Roman", Times, serif;
	font-size: 			3em;
	float: 				left;
	padding: 			5px 7px 5px 0;
	color: 				#A8A6A0 !important;
}
img.framed {
	border: 				3px solid #f5f2e9;
	margin: 				20px 0 20px 0;
	vertical-align: 	top;
	}
.sidebar-item img.framed {
	border: 				3px solid #FFF;
	margin: 				0px;
	}
.sidebar-item a:hover img.framed {
	border: 				3px solid #F5F5F5;
	margin: 				0px;
	}
img.left {
	margin:		 		20px 27px 0 0;
	}
img.right {
	margin:		 		20px 0 0 0;
	}
img.caption,
p.caption {
	margin-top:			0px !important;
	}
img.quote {
	float: 				left;
	margin: 				0 0 0 -10px;
	padding: 			0 10px 2px 0;
	}
img.quote2 {
	float: 				left;
	padding: 			0 10px 2px 0;
	}
img.inline {
	float: 				left;
	padding: 			0 10px 10px 0;
	}
img.icon {
	margin-top: 		-8px;
	}
.column-box img {
	margin: 				0 0 10px 0;
	}
.column-box p {
	line-height: 		1.2em !important;
	margin: 				0 0 14px 0 !important;
	}
p.button-link {
	margin: 				14px 0 0 0 !important;
	}
p.button-link.fixed {
	width:				180px;
	}
p.button-link a {
	display:				block;
	border: 				1px solid #FFF;
	line-height: 		2em;
	text-align: 		center;
	color: 				#CF5504;
	}
p.button-link a:hover {
	background: 		#FFF;
	text-decoration: 	none;
	color: 				#83817D;
	}
#systemResponse p.button-link a {
	border: 				1px solid #CFCCC4;
	background: 		#FFF;
	}
#systemResponse p.button-link a:hover, input.button-link:hover {
	background: 		#f5f2e9 !important;
	}
p.button-link.button-link-small a {
	width:				110px;
	}
p.button-link.button-link-small {
	float: 				left;
	}
p.button-link.button-link-small.right {
	float: 				right;
	}
div.button-nav {
	clear: 				both;
	}
a.button-donate {
    height:             51px;
    line-height:        51px;
    width:              220px;
    background:         url(../gfx/button-spenden.png) no-repeat left top;
    text-align:         center;
    color:              #fff;
    font-size:          1.8em;
    font-weight:        bold;
    display:            block;
}
a.button-donate:hover {
    background:         url(../gfx/button-spenden.png) no-repeat left bottom;
} 
#lang-select a {
	display:           block;
    margin:             0 0 3px 0;
	}
#lang-select a img {
    display:           block;
    border:             1px solid #f5f2e9;
    }
#lang-select a:hover img {
    border:             1px solid #a8a4a0;
    }
.lang-warn {
	margin: 				0 0 50px 0;
	height: 				59px;
	padding: 			20px 20px 20px 259px;
	color: 				#504F4E;
}
.lang-warn#lang-warn-en {
	background: 		url(../gfx/lang-warn-en.png) no-repeat left top;
}
.lang-warn#lang-warn-bg {
	background: 		url(../gfx/lang-warn-bg.png) no-repeat left top;
}
#footer p#to-top {
	padding: 			66px 0 0 0;
	color: 				#f5f5f5;
	font-size: 			0.8em
	}
#footer p#to-top a {
	width:				547px;
	padding-top: 		28px;
	}
#footer p.de#to-top a {
	background:			url(../gfx/l/de/to-top.png) no-repeat left 0px;
	}
#footer p.en#to-top a {
	background:			url(../gfx/l/en/to-top.png) no-repeat left 0px;
	}
#footer p.bg#to-top a {
	background:			url(../gfx/l/bg/to-top.png) no-repeat left 0px;
	}
#footer p#to-top a:hover {
	background-position:	left -28px !important;
	}
#footer p#imprint {
	padding: 			28px 0 0 40px;
	color: 				#f5f5f5;
	font-size: 			0.8em
	}
#footer p#imprint a {
	color: 				#f5f5f5;
	}
table.list-table td.doc-comment {
    background:         url(../gfx/doc-comment.png) no-repeat left bottom;
    padding:            0 0 30px 0 !important;
}
div.doc-comment {
    background:         url(../gfx/doc-comment.png) no-repeat left top;
    padding:            30px 25px 5px 25px;
    font-size:          11px;
}


/* 
|
|	3	menu
|
===============================================================================================================*/

#header ul li {
	display: 			block;
	float: 				left;
	}
#header ul li span {
	display: 			block;
	width: 				169px;
	height: 				28px;
	overflow: 			hidden;
	color: 				#FFF;
	padding:				21px 0 0 21px; 
	}
#header ul li ul {
	margin-top:			10px;
	}
#header ul li.active span {
	background: 		#026381;
	}
#header ul li.active {
	height: 				216px;
	background: 		#4fa1ba url(../gfx/bg-menu-active.png) no-repeat 0 49px;
	}
#header ul li ul li {
	float: 				none;
	}
#header ul li ul li a {
	display: 			block;
	width: 				157px;
	line-height:		24px;
	padding-left: 		33px;
	background: 		url(../gfx/menu-li-normal.png) no-repeat 21px 9px;
	text-decoration:	none;
	color: 				#026381;
	}
#header ul li ul li a:hover {
	background: 		#4fa1ba url(../gfx/menu-li-hover.png) no-repeat 21px 9px;
	color: 				#FFF;;
	}
#header ul li.active ul li a {
	background: 		url(../gfx/menu-li-hover.png) no-repeat 21px 9px;
	color: 				#FFF;
	}
#header ul li.active ul li a:hover {
	background: 		#026381 url(../gfx/menu-li-active-hover.png) no-repeat 21px 9px;
	color: 				#86bfd0;
	}
#header ul li.active ul li.current a {
	background: 		url(../gfx/menu-li-current.png) no-repeat 21px center;
	color: 				#FFF;
	}
#header ul li.active ul li.current a:hover {
	background: 		#026381 url(../gfx/menu-li-current-hover.png) no-repeat 21px center;
	color: 				#86bfd0;
	}
	
	
/* 
|
|	4 	Sidebar
|
===============================================================================================================*/
.sidebar-column {
    font-size:          0.9em;
    margin:             30px 0 20px 0;
    }
.sidebar-column-content {
    padding:            0 21px 0 21px;
    }
.sidebar-item {
	padding: 			30px 21px 0 21px;
	background: 		#f5f2e9 url(../gfx/sidebar-top.png) no-repeat left top;
	color: 				#504f4e;
	font-size: 			0.85em;
	margin: 				20px 0 20px 0;
	overflow: 			hidden;
	}
#home .sidebar-item {
    background:         #f5f2e9 url(../gfx/sidebar-top-home.png) no-repeat left top;
    margin:             20px 0 10px 0;
    }
#sidebar-top + .sidebar-item {
	padding-top: 		0px;
	}
.sidebar-item h4 {
	margin: 		    0 0 10px 0;
	font-size: 			1.4em;
	font-variant:		small-caps;
	font-family: 		Georgia, "Times New Roman", Times, serif;
	color: 				#78b32e;
	text-align: 		center;
	overflow: 			hidden;
	}
.sidebar-item.adresses h4,
.sidebar-item.donations h4,
.sidebar-item.donator_list h4,
.sidebar-item.gallery h4,
.sidebar-item.news h4,
.sidebar-item.press_doc h4,
.sidebar-item.documentation_project h4,
.sidebar-item.current_projects h4,
.sidebar-item.project_teaser h4,
.sidebar-item.home-news h4 {
	height: 				20px;
	line-height: 		20px;
	}
.sidebar-item.startsocial h4,
.sidebar-item.children h4{
	height: 				36px;
	line-height: 		36px;
	}
.sidebar-item.sponsors h4 {
	height: 				36px;
	line-height: 		36px;
	margin: 				0 0 50px 0;
	}
.sidebar-item h5 {
	font-weight:		bold;
	}
.sidebar-item.adresses h5 {
	margin: 				0 0 1em 0;
	}
.sidebar-item td {
	padding: 			0 0 10px 0;
	}
.sidebar-item p.button-link,
.sidebar-item ul {
	margin: 				14px 0 20px 0 !important;
	}
.sidebar-item ul li a {
	display: 			block;
	padding:				5px;
	line-height: 		1.2em;
	border-bottom: 	1px solid #FFF;
	padding-top: 		10px;
	padding-bottom:	10px;
	}
.sidebar-item ul li.active a {
	color:				#83817D;
	}
.sidebar-item ul li a:hover,
.sidebar-item ul li.active a {
	text-decoration: 	none;
	background: 		#FFF;
	}
.sidebar-footer-01 {
	background:			#a0ca6c;
	height: 				27px;
	margin: 				0 -21px;
	}
.sidebar-footer-02 {
	background:			#a0ca6c;
	height: 				175px;
	margin: 				0 -21px;
	}
.sidebar-footer-03 {
	background:			#CF5504;
	height: 				27px;
	margin: 				21px -21px 0 -21px;
	}
.sidebar-footer-04 {
	background:			#a0ca6c;
	height: 				27px;
	margin: 				21px -21px 0 -21px;
	}
.sidebar-footer-05 {
    background:         #f5f2e9 url(../gfx/sidebar-footer-05.png) no-repeat left bottom;
    margin:                 21px -21px 0 -21px;
    padding:                0 21px 14px 21px;
    }
	
/* 
|
|	4.1	sidebar - sponsors
|
===============================================================================================================*/
.sponsors {
    clear:              both;
}

.sponsors a.rollover  {
	float:				left;
	margin: 		    0 10px 0 0;
	}
.sponsors p {
	overflow: 			hidden;
    margin:             0 !important;
	}
.logo-s a.rollover  {
    width:              110px;
    padding-top:        110px;
    margin:             0 10px 0 0;
}
.logo-l a.rollover {
    width:              200px;
    padding-top:        55px;
    margin:             0 10px 0 0;
}
.logo-s a:hover {
    background-position:    left -110px !important;
}
.logo-l a:hover {
    background-position:    left -55px !important;
}
a#s-caparol {
	background: 		url(../gfx/s/s-caparol.png) no-repeat left top;
	}
a#s-heidelberg_cement {
	background: 		url(../gfx/s/s-heidelberg_cement.png) no-repeat left top
	}
a#s-henkel {
	background: 		url(../gfx/s/s-henkel.png) no-repeat left top;
	}
a#s-kbe {
	background: 		url(../gfx/s/s-kbe.png) no-repeat left top;
	}
a#s-biomeda {
	background: 		url(../gfx/s/s-biomeda.png) no-repeat left top;
	}
a#s-ytong {
	background: 		url(../gfx/s/s-ytong.png) no-repeat left top;
	}
a#s-ethikbank {
	background: 		url(../gfx/s/s-ethikbank.png) no-repeat left top;
	}
a#s-oeh {
	background: 		url(../gfx/s/s-oeh.png) no-repeat left top;
	}
a#s-magic_hardware {
	background: 		url(../gfx/s/s-magic_hardware.png) no-repeat left top;
	}
a#s-bsw {
	background: 		url(../gfx/s/s-bsw.png) no-repeat left top;
	}
a#s-praktiker {
	background: 		url(../gfx/s/s-praktiker.png) no-repeat left top;
	}
a#s-aktion_mensch {
    background:         url(../gfx/s/s-aktion_mensch.png) no-repeat left top;
    }
a#s-renovabis {
    background:         url(../gfx/s/s-renovabis.png) no-repeat left top;
    }
a#s-winterhalder {
    background:         url(../gfx/s/s-winterhalder.png) no-repeat left top;
    }
a#s-hirnstrom {
    background:         url(../gfx/s/s-hirnstrom.png) no-repeat left top;
    }    
a#s-pirintex {
    background:         url(../gfx/s/s-pirintex.png) no-repeat left top;
    }        
a#s-pari {
	width: 				238px;
	padding-top:		48px;
	background: 		url(../gfx/s/s-pari.png) no-repeat left -48px;
	}
a#s-pari:hover {
	background: 		url(../gfx/s/s-pari.png) no-repeat left 0px;
	}
	
/* 
|
|	5	gallery
|
===============================================================================================================*/

.photo-item {
	float:				left;
	width:				274px;
}
#column-main p.caption {
	font-size: 			0.9em;
	line-height:		1.2em !important;
	background: 		#f5f2e9;
	width: 				249px;
	padding: 			5px;
	margin: 				0 0 40px 0;
}
.photo-item img.framed {
	border: 				3px solid #f5f2e9;
	margin: 				5px 0 0 0;
	}
.photo-item a:hover img.framed {
	border: 				3px solid #CFCCC4;
	}
.photo-line {
	clear:				both;
	}