/*===============================================================================================================
|
|	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: 				#83817d;
	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;
	margin-bottom: 	-79px;
	}
div.de {
	background: 		url(../gfx/l/de/bg-header.png) no-repeat left top;
	}
div.en {
	background: 		url(../gfx/l/en/bg-header.png) no-repeat left top;
	}
div.bg {
	background: 		url(../gfx/l/bg/bg-header.png) no-repeat left top;
	}
#content {
	padding: 			0 37px;
	overflow: 			hidden;
	}
#column-main {
	width: 				549px;
	float: 				left;
	font-size: 			0.9em;
	}
#column-home {
    clear:              both;
    width:              850px;
    font-size:          14px;
    }
#home3cols {
    border-top:         1px solid #cfccc4;
    margin:             20px 0;
    padding:            20px 0 0 0;
    overflow:           hidden;
}
.home3col {
    float:              left;
    margin:             0 20px 0 0;
    width:              270px;
}
.home-last {
    margin:             0px;
}
.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-full-width {
	width: 				549px;
	clear: 				both;
	overflow:			hidden;
	margin: 			0 0 20px 0;
	}
.column-box {
	background: 		#f4eee9;
	width: 				195px;
	margin: 				10px 50px 40px 0;
	padding: 			7px;
	
	}
.content-clear {
	overflow:			hidden;
	clear: 				both;
	}
.info-box,
.foto-box {
	background:			#F4EEE9;
	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:		 		79px 0 0 21px;
	width: 				280px;
	float: 				left;
	}
#footer-bg {
	height: 				160px;
	background: 		transparent url(../gfx/bg-body-bottom.png) repeat-x left bottom;
	}
#footer {
	width: 				850px;
	height:				160px;
	padding: 			0 37px;
	background: 		transparent url(../gfx/bg-footer.png) 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 {
	width: 				195px;
	height:				52px;
	margin: 				3px 0 0 0;
	padding: 			15px 0 0 85px;
	background: 		url(../gfx/bg-lang.png) no-repeat left top;
	}

/* 
|
|	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: #F4EEE9;
	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;
	}
.shout-box ul {
	padding:				0 0 0 22px !important;
	}
.shout-box 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;
	}
.sidebar-item .form-line {
	margin: 			0 0 5px 0;
	}
.form-line 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 {
	font-size: 			0.9em;
	line-height: 		1.1em !important;
	color: 				#a8a6a0;
	}
.mute h6 {
	font-size: 			0.9em;
	font-weight: 		bold;
	color: 				#83817D;
	}
.rollover {
	display: 			block;
	height: 				0px !important;
	overflow: 			hidden;
	}
#header h1 {
	display:				inline;
	}
#header h1 a {
	position: 			absolute;
	top: 					0px;
	right:				37px;
	width: 				280px;
	padding-top: 		306px;
	}
#content h2 {
	background: 		#cf5504;
	color: 				#FFF;
	font-size: 			1.6em;
	font-variant:		small-caps;
	height:				60px;
	line-height: 		1em;
	text-align: 		center;
	font-family: 		Georgia, "Times New Roman", Times, serif;
	margin: 				0 0 40px 0;
	clear: 				both;
	width: 				549px;
	height: 				60px;
	line-height: 		60px;
	overflow: 			hidden;
	}
#content h3 {
	color: 				#CF5504;
	font-variant:		small-caps;
	font-family: 		Georgia, "Times New Roman", Times, serif;
	margin: 				0 0 10px 0;
	border-bottom: 	1px solid #cfccc4;
	font-size:			1.3em;
	padding: 			10px 0 4px 0;
	}
#content h3.headline-home {
    font-size:          24px;
    color:              #504f4e;
    font-family:        Verdana, Arial, Helvetica, sans-serif;
    font-weight:        bold;
    line-height:        28px;
    font-variant:       normal;
    border:             none;
}
#content h3#headline-home {
    border-top:         1px solid #cfccc4;
    border-bottom:      1px solid #cfccc4;
    padding:            15px 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;
	}
#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 #f4eee9;
	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: 		#F4EEE9 !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;
	}
#lang-select a {
	width: 				59px;
	padding-top:		39px;
	float: 				left;
	}
#lang-select a#lang-de {
	background:			url(../gfx/lang-select.png) no-repeat 0px 0px;
	}
#lang-select a#lang-de:hover {
	background:			url(../gfx/lang-select.png) no-repeat 0px -39px;
	}
#lang-select a.active#lang-de {
	background:			url(../gfx/lang-select.png) no-repeat 0px -78px;
	}
#lang-select a#lang-en {
	background:			url(../gfx/lang-select.png) no-repeat -59px 0px;
	}
#lang-select a#lang-en:hover {
	background:			url(../gfx/lang-select.png) no-repeat -59px -39px;
	}
#lang-select a.active#lang-en {
	background:			url(../gfx/lang-select.png) no-repeat -59px -78px;
	}
#lang-select a#lang-bg {
	background:			url(../gfx/lang-select.png) no-repeat -118px 0px;
	}
#lang-select a#lang-bg:hover {
	background:			url(../gfx/lang-select.png) no-repeat -118px -39px;
	}
#lang-select a.active#lang-bg {
	background:			url(../gfx/lang-select.png) no-repeat -118px -78px;
	}
.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;
	}

/* 
|
|	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-item {
	padding: 			30px 21px 0 21px;
	background: 		#f4eee9 url(../gfx/sidebar-top.png) no-repeat left top;
	color: 				#504f4e;
	font-size: 			0.85em;
	margin: 				20px 0 20px 0;
	overflow: 			hidden;
	}
#sidebar-top + .sidebar-item {
	padding-top: 		0px;
	}
.sidebar-item h4 {
	margin: 				0 0 30px 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 {
	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:         #f4eee9 url(../gfx/sidebar-footer-05.png) no-repeat left bottom;
    margin:                 21px -21px 0 -21px;
    padding:                0 21px 14px 21px;
    }
	
/* 
|
|	4.1	sidebar - sponsors
|
===============================================================================================================*/

.sidebar-item.sponsors a {
	float:				left;
	margin: 				0 0 20px 0;
	}
.sidebar-item.sponsors p {
	overflow: 			hidden;
	}
a#s-caparol {
	width: 				94px;
	padding-top:		85px;
	background: 		url(../gfx/s/s-caparol.png) no-repeat left -85px;
	}
a#s-caparol:hover {
	background: 		url(../gfx/s/s-caparol.png) no-repeat left 0px;
	}
a#s-heidelberg_cement {
	width: 				238px;
	padding-top:		19px;
	background: 		url(../gfx/s/s-heidelberg_cement.png) no-repeat left -19px;
	}
a#s-heidelberg_cement:hover {
	background: 		url(../gfx/s/s-heidelberg_cement.png) no-repeat left 0px;
	}
a#s-henkel {
	width: 				119px;
	padding-top:		72px;
	background: 		url(../gfx/s/s-henkel.png) no-repeat left -72px;
	float: 				right;
	}
a#s-henkel:hover {
	background: 		url(../gfx/s/s-henkel.png) no-repeat left 0px;
	}
a#s-kbe {
	width: 				95px;
	padding-top:		39px;
	background: 		url(../gfx/s/s-kbe.png) no-repeat left -39px;
	float: 				right;
	}
a#s-kbe:hover {
	background: 		url(../gfx/s/s-kbe.png) no-repeat left 0px;
	}
a#s-biomeda {
	width: 				120px;
	padding-top:		24px;
	background: 		url(../gfx/s/s-biomeda.png) no-repeat left -24px;
	}
a#s-biomeda:hover {
	background: 		url(../gfx/s/s-biomeda.png) no-repeat left 0px;
	}
a#s-ytong {
	width: 				94px;
	padding-top:		26px;
	background: 		url(../gfx/s/s-ytong.png) no-repeat left -26px;
	float: 				right;
	}
a#s-ytong:hover {
	background: 		url(../gfx/s/s-ytong.png) no-repeat left 0px;
	}
a#s-ethikbank {
	width: 				238px;
	padding-top:		34px;
	background: 		url(../gfx/s/s-ethikbank.png) no-repeat left -34px;
	}
a#s-ethikbank:hover {
	background: 		url(../gfx/s/s-ethikbank.png) no-repeat left 0px;
	}
a#s-oeh {
	width: 				119px;
	padding-top:		37px;
	background: 		url(../gfx/s/s-oeh.png) no-repeat left -37px;
	}
a#s-oeh:hover {
	background: 		url(../gfx/s/s-oeh.png) no-repeat left 0px;
	}
a#s-magic_hardware {
	width: 				119px;
	padding-top:		26px;
	background: 		url(../gfx/s/s-magic_hardware.png) no-repeat left -26px;
	}
a#s-magic_hardware:hover {
	background: 		url(../gfx/s/s-magic_hardware.png) no-repeat left 0px;
	}
a#s-bsw {
	width: 				114px;
	padding-top:		37px;
	background: 		url(../gfx/s/s-bsw.png) no-repeat left -37px;
	float: 				right;
	}
a#s-bsw:hover {
	background: 		url(../gfx/s/s-bsw.png) no-repeat left 0px;
	}
a#s-praktiker {
	width: 				238px;
	padding-top:		49px;
	background: 		url(../gfx/s/s-praktiker.png) no-repeat left -49px;
	float: 				right;
	}
a#s-praktiker:hover {
	background: 		url(../gfx/s/s-praktiker.png) no-repeat left 0px;
	}
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: 		#F4EEE9;
	width: 				249px;
	padding: 			5px;
	margin: 				0 0 40px 0;
}
.photo-item img.framed {
	border: 				3px solid #f4eee9;
	margin: 				5px 0 0 0;
	}
.photo-item a:hover img.framed {
	border: 				3px solid #CFCCC4;
	}
.photo-line {
	clear:				both;
	}