/* @override http://biene.stiftung-lebenshilfe-duisburg.de/css/main.css */

article, aside, footer, header, hgroup, nav, section {
	display: block;
	}

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, font, img, ins, kbd, q, s, samp,
small, strike, 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: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	}

table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

address {
	font-style: normal;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}

img {
	vertical-align: bottom;
	}

a, 
#sidebar article a.email_link, 
#sidebar article a.internal_link {
	color: #3f6f94;
	background-color: #eaeff7;
	text-decoration: underline;
	}
#sidebar article a,
#sidebar article a:hover,
#sidebar article a:visited {
	text-decoration: none;
	}

a:visited, 
#sidebar article a.email_link:visited, 
#sidebar article a.internal_link:visited {
	color: #3f6f94;
	background-color: #fff;
	text-decoration: underline;
	}

a:hover, #sidebar article a.email_link:hover,
#sidebar article a.internal_link:hover,
a:focus, #sidebar article a.email_link:focus,
#sidebar article a.internal_link:focus {
	color: #fff;
	background-color: #3f6f94 !important;
	text-decoration: underline;
	}

#sidebar article a.email_link img {
	background-color: #fff;
	}

p.meldung {
	color: #f00;
	}

html {
	background-color: #eaeff7;
	}

* {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	}

body {
	margin: 0 auto;
	min-width: 750px;
	max-width: 950px;
	padding: 0 10px;
	font: 87.5% Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.5;
	color: #3f6f94;
	}

#container {
	position: relative;
	float: left;
	width: 100%;
	min-width: 750px;
	max-width: 970px;
	padding: 0 0 40px 0;
	background: url(../lay/bg-header.jpg) no-repeat top right;
	background-color: #fff;
	border-right: 10px solid #fff;
	}

ul#skip {
	position: absolute;
	top: -6000px;
	left: -6000px;
	height: 1px;
	width: 1px;
	}

ul#skip a:hover,
ul#skip a:focus,
ul#skip a:active {
	display: block;
	position: absolute;
	left: 6000px;
	top: 6000px;
	color: #fff;
	background-color: #73c82c;
	height: auto;
	width: 220px;
	z-index: 100;
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
	}

header {
	display: block;
	min-height: 316px;
	}

header h1 {
	display: block;
	width: 207px;
	margin: 0 0 0 23px;
	padding-top: 25px;
	}

header h1 a {
	display: block;
	width: 207px;
	height: 117px;
	margin: 0 0 20px 0;
	background: url(../lay/stiftung-lebenshilfe-duisburg.png) no-repeat bottom;
	text-indent: -1000em;
	position: relative;
	}

.js header h1 a {
	background-image: url(../lay/logo/bglogo.png);
	}

header h1 a:focus,
header h1 a:hover,
header h1 a:active {
	background-color: #fff !important;
	}

header h1 a:focus,
header h1 a:hover {
	overflow: hidden;
	}

header h1 a:focus {
	outline: 1px solid #3f6f94;
	}

header h1 span {
	display: block;
	margin-right: -2px;
	padding: 2px;
	text-align: right;
	line-height: 1.2;
	background: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

h1 .d {
	width: 20px;
	height: 19px;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	background-image: url(../lay/logo/orangedot.png);
	left: 7px;
	top: 39px;
	display: block;
	}

h1 .rdt {
	background-image: url(../lay/logo/reddot.png);
	left: 58px;
	top: 15px;
	}

h1 .ydt {
	background-image: url(../lay/logo/yellowdot.png);
	left: 121px;
	top: 19px;
	}

h1 .gdt {
	background-image: url(../lay/logo/greendot.png);
	left: 173px;
	top: 42px;
	}

#spende {
	display: none;
	width: 132px;
	margin: 40px;
	background: url() no-repeat;
	}

#suche {
	position: absolute;
	top: 257px;
	right: 0;
	width: 310px;
	padding: 5px;
	background: #f49e00;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-left-radius: 9px;
	border-bottom-left-radius: 9px;
	}

#suche label {
	position: absolute;
	left: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
	color: #000;
	background: #fff;
	}

#suche input {
	float: left;
	}

#suche input[type=text], #suche input[type=search] {
	width: 225px;
	margin: 0 5px 0 0;
	padding: 2px;
	border: 1px solid #ddd;
	}

#suche input[type=text]:focus, #suche input[type=search]:focus {
	border: 1px solid #3f6f94;
	background: #fff;
	}

#suche input[type=submit] {
	_display: block;
	_width: 65px;
	_height: 20px;
	margin-right: 0;
	padding: 2px 5px 2px 5px;
	border: 0;
	color: #3f6f94;
	background: #fff;
	border: 1px solid #ddd;
	font: 13px/1 Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	overflow: visible;
	cursor: pointer;
	}


#suche input[type=submit]:focus,
#suche input[type=submit]:hover {
	text-decoration: underline;
	}

#wrapper {
	float: left;
	width: 100%;
	}

#wrapper h1 {
	position: absolute;
	left: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
	}

#wrapper nav {
	float: left;
	display: inline;
	width: 25.26%;
	margin: 3px 0 .5em 0;
	}

#wrapper nav img {
	display: block;
	margin: 30px 0 0 70px;
	}

#wrapper nav ul {
	list-style: none none;
	font-weight: bold;
	}

#wrapper nav ul ul {
	font-weight: normal;
	}

#wrapper nav li {
	zoom: 1;
	margin-bottom: 1em;
	}

#wrapper nav li li {
	margin-bottom: 0;
	}

#wrapper nav li a {
	display: block;
	width: 62.5%;
	margin-bottom: 1px;
	padding-left: 37.5%;
	padding-top: 4px;
	padding-bottom: 4px;
	text-decoration: none;
	color: #3f6f94;
	background-repeat: no-repeat;
	background-position: 18.75% 50%;
	background-image: url(../lay/logo/orangedot.png);
	background-color: #fff;
	}

#wrapper nav li:nth-child(4n+2) a {
	background-image: url(../lay/logo/reddot.png);
	}

#wrapper nav li:nth-child(4n+3) a {
	background-image: url(../lay/logo/yellowdot.png);
	}

#wrapper nav li:nth-child(4n+4) a {
	background-image: url(../lay/logo/greendot.png);
	}

#wrapper nav li.current a,
#wrapper nav li a:focus,
#wrapper nav li a:hover {
	width: 62.5%;
	border-right: 10px solid #3f6f94;
	background-color: #eaeff7 !important;
	}

#wrapper nav li li a,
#wrapper nav li.current li a {
	padding-top: 0;
	padding-bottom: 0;
	border-right: 0;
	background-color: #fff !important;
	background-image: none !important;
	}

#wrapper nav li li.current a,
#wrapper nav li.current li a:focus,
#wrapper nav li.current li a:hover,
#wrapper nav li a:focus,
#wrapper nav li a:hover {
	width: 62.5%;
	border-right: 10px solid #3f6f94;
	background-color: #eaeff7 !important;
	}

/* em im Menü aus dem Viewport geschoben / 170510 Wa*/

#wrapper nav li em {
	position: absolute;
	left: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
	}
	
#wrapper nav a>img { padding: 5px; }
#wrapper nav a:hover>img { outline: 1px solid #3f6f94; }
#wrapper nav a:focus>img { outline: 1px solid #3f6f94; }

#nav-context {
	list-style: none none;
	font-size: .917em;
	}

#nav-context a {
	padding-left: 16px;
	color: #3f6f94;
	text-decoration: none;
	background: url(../lay/bg-metanav.gif) no-repeat 0 50%;
	}

#nav-context a:focus,
#nav-context a:hover {
	text-decoration: underline;
	}

#content {
	float: left;
	width: 49.47%;
	padding: 0 4.21% 0 4.21%;
	}

* html #content {
	padding: 0 3%;
	}

#content h2 {
	margin-bottom: .5em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.2;
	font-weight: bold;
	}

#content h3 {
	font-size: 1.1em;
	margin-bottom: .5em;
	font-weight: bold;
	}

#content p,#content ul,#content article aside blockquote p {
	margin-bottom: .75em;
	}

#content ul li {
	margin: 0 0 .3em 14px;
	}

#content article aside p {
	margin-bottom: 0;
	}

#content img {
	margin-bottom: .5em;
	}

#content img.ansprechpartner {
	float: right;
	margin-left: 10px;
	}

#content article.ansprechpartner {
	clear: right;
	}

#content aside {
	display: block;
	margin-bottom: 1em;
	padding: 10px;
	background: no-repeat 10px 10px #eaeff7;
	background-image: url(../lay/gluehbirne_ohne.png);
	clear: both;
	position: relative;
	padding-left: 70px;
	}

#content aside:hover {
	background-image: url(../lay/gluehbirne.png);
}

#content aside.quote:before {
	display: none;
}

#content aside.quote {
	width: 44.68%;
	float: right;
	margin: 5px 0 0 2.12%;
	padding: 10px;
	font-size: .85em;
	background: #eaeff7;
	}

blockquote {
	clear: left;
	}

blockquote p:before {
	content: "„";
	display: block;
	float: left;
	font-size: 9em;
	margin-bottom: -40px;
	margin-top: -.94em;
	font-family: serif;
	}

blockquote p:after {
	content: "“";
	}

article footer {
	padding-top: 0;
	}

article footer p:before {
	content: "– ";
	}

#content ul.gallery {
	float: left;
	margin-bottom: .5em;
	float: left;
	width: 100%;
	list-style: none none;
	}

#content ul.gallery li {
	float: left;
	width: 23.4%;
	margin: 0 2.12% 4px 0;
	overflow: hidden;
	}

#content ul.gallery li:nth-child(4n) {
	margin-right: 0;
	}

#content ul.gallery img {
	max-width: 100%;
	}
	
table {
	width: 100%;
	margin: 1em 0;
	}
caption {
	margin-bottom: .3em;
	font-weight: bold;
	}
th, td {
	border: 1px solid #fff;
	padding: 4px 10px 2px 10px;
	background-color: #eaeff7;
	}
th {
	font-weight: bold;
	}

#spendenbutton {
	position: relative;
	margin-bottom: 36px;
	}

/*#spendenbutton img {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 40px;
	}*/

#spendenbutton img {
	position: absolute;
	top: -20px;
	right: -28px;
	width: 50px;
	}

#spendenbutton a {
	display: block;
	padding: 5px 15px;
	color: #fff;
	background: #e2061a;
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	}

#spendenbutton a:hover,
#spendenbutton a:focus {
	text-decoration: underline;
	}

#sidebar {
	float: right;
	width: 16.84%;
	padding-top: 10px;
	font-size: .857em;
	}

#sidebar article {
	display: block;
	margin-bottom: 3em;
	}

#sidebar article a,
#sidebar article a:visited,
#sidebar article a:hover,
#sidebar article a:focus {
	color: #3f6f94;
	}

#sidebar article a span {
	display: block;
	margin: 0 5px;
	text-decoration: underline;
	}

#sidebar article a:visited span {
	color: #3f6f94;
	background: #fff;
	text-decoration: underline;
	}

#sidebar article a:hover span,
#sidebar article a:focus span {
	color: #fff;
	background: #3f6f94;
	text-decoration: underline;
	}

#sidebar h2 {
	margin-bottom: .5em;
	padding: 0 5px;
	background-color: #eaeff7;
	font-size: 1em;
	font-weight: bold;
	}

#sidebar h3 {
	margin-bottom: .5em;
	padding: 0 5px;
	font-weight: bold;
	}

#sidebar p,
#sidebar ul {
	margin-bottom: .5em;
	padding: 0 5px;
	}

#sidebar article img {
	width: 100%;
	max-width: 160px;
	margin-bottom: .5em;
	}

#sidebar article p img {
	width: auto;
	}

#sidebar li {
	display: block;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 4px;
	background-image: url(../lay/logo/orangedot-small.png);
	}

#sidebar li:nth-child(2) {
	background-image: url(../lay/logo/reddot-small.png);
	}

#sidebar li:nth-child(3) {
	background-image: url(../lay/logo/yellowdot-small.png);
	}

#sidebar li:nth-child(4) {
	background-image: url(../lay/logo/greendot-small.png);
	}

footer {
	clear: both;
	display: block;
	padding-top: 50px;
	font-size: 85.71%;
	}

footer nav {
	display: block;
	overflow: auto;
	background: url(../lay/footerdots.png) 170px top no-repeat;
	padding: 30px 0 5px 30%;
	}

footer ul {
	list-style: none;
	}

footer li {
	float: left;
	margin-right: 10px;
	padding-left: 10px;
	border-left: 2px solid #75a2c4;
	line-height: 1.3em;
	}

footer ul :first-child {
	border-left: none !important;
	padding-left: 0;
	}

footer address {
	display: block;
	float: left;
	width: 100%;
	}

footer address a {
	float: left;
	width: 26%;
	text-align: right;
	padding-right: 2%;
	border-right: 2px solid #75a2c4;
	margin-right: 2%;
	color: #3f6f94 !important;
	}

footer address a:visited {
	color: #3f6f94;
	}

footer address a:hover,
footer address a:focus {
	color: #fff !important;
	}

/* Autocomplete */

.autocomplete-wrapper {
	position: relative;
	float: left;
	width: 100%;
	}

.autocomplete {
	position: absolute;
	top: 100%;
	left: 3px;
	color: #3f6f94;
	background-color: #fff;
	width: 85%;
	padding: 10px;
	-moz-box-shadow: 0 5px 5px #999;
	-webkit-box-shadow: 0 5px 5px #999;
	box-shadow: 0 5px 5px #999;
	z-index: 1000;
	}

.autocomplete li {
	color: #3f6f94;
	list-style: none;
	border-top: 1px solid #fff;
	}

.autocomplete li:first-child {
	border-top: none;
	}

.autocomplete li a {
	color: #3f6f94;
	}
.autocomplete li a:visited {
	color: #3f6f94;
	}
.autocomplete li a:hover,
.autocomplete li a:focus {
	color: #fff;
	background: #3f6f94;
	}

.esuche label {
	display: block;
	}

.esuche .showhelp {
	display: block;
	float: right;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	border: 2px solid #3f6f94;
	}

.esuche fieldset {
	clear: both;
	}

.esuche fieldset legend {
	margin: 0 10px;
	padding: 3px;
	}

.esuche fieldset div {
	margin: 0 10px;
	padding: 3px;
	clear: both;
	overflow: hidden;
	}

.esuche fieldset label {
	float: left;
	width: 33%;
	}

.esuche fieldset select {
	width: 55%;
	}

.submit {
	text-align: right;
	margin: 20px 0;
	}
/*
.sresult {
	margin-bottom: 1em;
	}

.sresult a h4,
.sresult a p {
	text-decoration: underline;
	padding: 0 5px;
	margin-bottom: .5em;
	}

.sresult a,
.sresult a p {
	text-decoration: none;
	}

.sresult a p {
	font-size: .857em;
	}

.sresult a:hover h4 {
	color: #fff;
	background-color: #3f6f94;
	}

.sresult a:hover p {
	color: #3f6f94 !important;
	background-color: #fff !important;
	}
*/
mark {
	background-color: #eaeff7 !important;
	padding: 0 4px;
	font-weight: bold;
	color: #3f6f94 !important;
	}

/* cms defaults */

.bildrechtsfloat {
	float: right;
	margin: 0 0 0.5em 0.5em;
	}

.bildlinksfloat {
	float: left;
	margin: 0 0.5em 0.5em 0;
	}

.translate_text {
	vertical-align: text-top;
	}

input.autocomplete-loading {
	background-image: url(../lay/autocomplete.gif);
	background-position: center right;
	background-repeat: no-repeat;
	}
	
a.blocklink {
	display: block;
}