/* Logo des Staatsministerium wird in der linken NAvigation angezeigt. Aber nur im Bereich "Barrierefreiheit" */
#subnavcontainer a.logo-sozialministerium {
	display: none;
}
body.beratungsstelle-barrierefreiheit #subnavcontainer a.logo-sozialministerium {
	display: block;
	padding: 20px 0;
}
body.beratungsstelle-barrierefreiheit #subnavcontainer a.logo-sozialministerium:hover, body.beratungsstelle-barrierefreiheit #subnavcontainer a.logo-sozialministerium:focus {
	background-color: transparent;
}

body.beratungsstelle-barrierefreiheit #subnavcontainer a.logo-sozialministerium span {

	display: block;
	width: 150px;
	height: 100px;

	margin: 0 auto;

	background: url(../../images/logo-sozialministerium.jpg) no-repeat;
	background-size: contain;
}

/* Verhindert das die Menüpunkte der linken Menüleiste nicht angezeigt werden wenn die Auflösung zu klein ist */
.subnav {
  bottom: 0;
  overflow: hidden;
  overflow-y: auto;
}

#navcontainer ul li a:focus {

	outline: none;
	background-color: #FC3;
    color: #1C98C3;
}

#subnavcontainer a:hover, #subnavcontainer a:focus {

	outline: none;
	background-color: #FC3;
}

.subnavlinkmain_aktiv:link, .subnavlinkmain_aktiv:visited, .subnavlinkmain_aktiv:active, .subnavlinkmain_aktiv:hover {

	color: #4D4D4D;
	background: transparent url(../pix/pfeil_nav_inaktiv.gif) no-repeat 0 8px;
	background-color: #FC3;
}

.subnavlink_aktiv:link, .subnavlink_aktiv:visited, .subnavlink_aktiv:active, .subnavlink_aktiv:hover {

	color: #fff;
	background: transparent url(../pix/pfeil_nav_inaktiv.gif) no-repeat 0 8px;
	background-color: #3EA7CC !important;
}
#subnavcontainer ul ul a:hover, #subnavcontainer ul ul a:focus {

	color: #fff;
	background-color: #3EA7CC !important;
}

ul#breadlist {

	float: left;
}

#breadcontainer ul li a:hover, #breadcontainer ul li a:link, #breadcontainer ul li a:visited {

	color: #fff;
}
#breadcontainer ul li a:hover {

	text-decoration: underline;
}

#content.blackwhite {

	background: #fff;
	border-left: solid 1px #1C98C3;
	border-bottom: solid 1px #1C98C3;
}
#content.blackwhite .content_right_column {

	width: 568px;
	border-color: #1C98C3;
}
#content.blackwhite .content-clear {

	border-right: solid 1px #1C98C3;
}

#content.blackwhite * {

	color: #000;
	font-family: verdana;
}

#content.blackwhite .byak_content a {

	color: #000 !important;
}

#content.blackwhite .byak_content h3 {

	color: #000 !important;
}

body.beratungsstelle-barrierefreiheit.kontaktformular #content.blackwhite {

	background: #1C98C3;
	border: none;
}
body.beratungsstelle-barrierefreiheit.kontaktformular #content.blackwhite * {

	color: #fff;
}

/* BREADTOOLS */
#breadtools {

	display: none;
}

/* Die verkleinerung/vergrößerung der Schriftart wird nur in der Rubrik "barrierefreiheit" angezeigt */
body.barrierefreiheit #breadtools, body.beratungsstelle-barrierefreiheit #breadtools {

	display: block;
}

#breadtools ul {

	float: right;
	list-style-type: none;
}

#breadtools ul li {

	float: left;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 18px;
	padding-right: 10px;
}

#breadtools ul li a {

	display: block;
}
#breadtools ul li.blackwhite a {

	width: 17px;
	height: 17px;

	background: url("../../images/icon-blackwhite.svg");
	background-size: cover;
}

#breadtools ul li.readspeaker {

	padding-left: 10px;
}

#breadtools ul li.readspeaker a {

	width: 17px;
	height: 17px;

	background: url("../../images/icon-speaker.svg");
	background-size: cover;
}

/* readspeaker */
#readspeaker-wrapper {

	display: none;

	clear: both;
	padding: 0;
	height: 40px;
}
#readspeaker-wrapper span {

	color: #000;
}

#readspeaker_button1 {
	float: right;
}
#byak_content {
	clear: both;
}

#content .sync_sent_highlighted {
	background-color: transparent !important;
}

#content .sync_word {
	background-color: transparent !important;
}
#content .sync_word_highlighted {
	background-color: #3EA7CC !important;
}

/* Contact-Form */
.form-contact table {
	width: 100%
}

.form-contact table th {
	white-space: nowrap;
	text-align: left;
	padding: 5px 10px 0 0;
	vertical-align: top;
}

.form-contact table td {
	width: 100%
}

.form-contact table td input[type=text], .form-contact table td input[type=email], .form-contact table td textarea {
	box-sizing: border-box;
	padding: 6px 10px;
	width: 100%
}

.form-contact table td input:focus, .form-contact table td textarea:focus {
	outline: none;
}

.form-contact table td textarea {
	height: 100px;
}

.byak_content .form-contact table tr td {
	background-color: #3EA7CC;
}

#content .form-contact button {
	color: #444;
	padding: 5px 10px;
}

/* NEWSLETTER */
.datamints-newsletter {
	clear: both;
}
.datamints-newsletter h2 {
	font-size:12px;
}