/* $Id: custom.css,v 1.1 2010/06/24 23:08:18 jmburnz Exp $ */

/**********************************************************
 *                 Custom Styles
 **********************************************************/
/**
 * Here you can add custom stles for your theme that do not fit
 * into one if the modular stylesheets.
 */

/* Workaround for Admin menu bar shadow 

html body.admin-menu {
  margin-top:45px !important;
}*/

#admin-menu-wrapper {
    font-size: 11px;
}

.i18n-en li.menu-693 {
    display: none !important;
}

.front #header {
	display:none;
}

.front #secondary-menu-wrapper, .front #main-menu-wrapper {
    left: -9999px;
    position: absolute;
}

/********************************************************** Generell */

body {
	font-family: "filson-pro",sans-serif;
	font-size:130%;
	padding:0;
	font-weight:300;
}

.breadcrumb {
	position:absolute;
	left:-9999px;
}

.front #header {
    padding-bottom: 20px;
}

#container {
	width:100%;
	background:#003F81;
}

.content-inner {
    width: 62%;
}

#sidebar-second {
    margin-left: -35% !important;
    padding-right: 1%;
    width: 34% !important;
}

#columns-wrapper {
	background:#fff;
	padding: 30px 0;
}

.region-columns-wrapper .block {
    margin: 0 0 0 1px;
}

.secondary-menu-inner, #header, .main-menu-inner, #cwrap {
	width:1110px;
	margin:0 auto;
	float:none;
}

#cwrap {
    margin-top: -30px;
	display:block;
}

.region-columns-wrapper {
	margin:0 10px;
}

#block-locale-language, #block-block-2, #block-block-5 {
    float: right;
	clear:none;
	height: 80px;
    margin-bottom: 20px;
}

#columns {
	margin:0 auto;
	width:1110px;
	display:block;
}

#main-content {
	padding:0 10px;
}

.front h1#page-title {
    left: -9999px;
    position: absolute;
}

.front svg {
    height: 65%;
    left: 5%;
    position: fixed;
}

#footer {
    display: none;
}

hr {
    border-color: #ddd;
    border-image: none;
    border-width: 1px 0 0;
}

.node-content .field-item {
    display: inline-block;
}

.group-anb-right .field-item {
    display: block !important;
}

.view-zentralstellen {
    margin-top: 20px;
}

.view-zentralstellen .views-row {
    border-top: 1px solid;
    padding-bottom: 30px;
}

.views-field.views-field-field-logo {
    margin: 20px 20px 0;
}

#block-block-6 svg {
    float: right;
    height: 270px;
    margin-left: 30px;
}

.view-einblicke .views-row {
    border-bottom: 1px solid;
    margin-bottom: 20px;
}

.page-taxonomy .node-article {
    border-bottom: 1px solid;
    padding-bottom: 30px;
}

.field-name-field-tags {
    margin-top: 20px;
}

.field-name-field-tags h3 {
    left: -9999px;
    position: absolute;
}

.field-name-field-tags li {
    float: left;
    margin-right: 5px;
}

.field-name-field-tags a {
    background: #EBF5FE;
    color: #003F81;
    font-size: 0.85em;
    padding: 5px 10px;
	text-decoration:none !important;
}

.tagclouds-term {
    margin-right: 10px;
}

.tagclouds.level2 {
	font-size:1.1em;
}

.tagclouds.level3 {
	font-size:1.2em;
}

.tagclouds.level4 {
	font-size:1.33em;
}

.tagclouds.level5 {
	font-size:1.46em;
}

.tagclouds.level6 {
	font-size:1.6em;
}

.views-widget .description {
    display: none;
}



.section-hashtag .content-inner, .section-freiefahrt .content-inner {
	width: 100%;
}

.juicer-feed .feed-item {
	border:1px solid #ccc !important;
}

.juicer-feed p {
	font-size: 0.9em;
	line-height: 1.3em;
	color: #000;
}

.j-message {
	font-size: 1.2em;
	font-family: "filson-pro",sans-serif !important;
	line-height: 1.5em;
}

.j-message a {
	color: #003f81;
	padding: 0 !important;
}

.j-message a:hover {
	color: #003f81 !important;
	background: none !important;
	text-decoration: underline !important;
}



.field-name-body img {
    margin: 1em 1em 1em 0 !important;
}

/********************************************************** Leichte Sprache Seiten */

#ls_page_icon {
    margin-right: -110px;
    margin-top: -100px;
}

.field-name-field-text-linke-seite- {
    float: left;
}

.node_ls {
    font-size: 1.1em;
    line-height: 1.7em;
	position: relative;
}

.node_ls h2 {
    margin-top: 20px;
}

.node_ls p {
	margin-bottom:0;
}

.node_ls img {
    position: absolute;
    right: -50px;
    width: auto;
}


/********************************************************** Header */

.logo-site-name {
    padding: 20px 10px 0;
    width: 220px;
}

/********************************************************** Navi */

#main-menu, #secondary-menu {
	background:none;
}

#main-menu-wrapper {
    margin:0;
}

#main-menu li {
	margin:0;
}

#main-menu a {
	color:#fff;
	font-weight:normal;
	font-size:1.2em;
	padding:10px;
	display:inline-block;
}

#main-menu a:hover, #main-menu a:focus, #main-menu a.active-trail {
    background: #fff;
    color:#003F81;
}

#secondary-menu-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    margin: 0;
	padding:4px 0 8px;
}

#secondary-menu a {
	color:#fff;
	font-weight:normal;
	font-size:0.9em;
}

/********************************************************** Books */

.book-navigation .menu {
	display:none;
}

#block-book-navigation li, #block-book-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
	text-align:right;
}

#block-book-navigation .menu a {
	padding:0.8em 1.3em;
	margin-bottom:3px;
	background:#EBF5FE;
	display:inline-block;
}

#block-book-navigation .menu a.active-trail {
	background:#003F81;
	color:#fff;
	text-decoration:none;
}

.book-navigation .page-links {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-top: 40px;
    padding:0.5em 0 0.8em;
    text-align: center;
}

.book-navigation a {
    font-size: 0.8em;
    padding: 3px 10px;
    width: auto !important;
}

.book-navigation .page-up {
	display:none;
}

/********************************************************** Typo */

h1, h2, h1 a, h2 a {
    color: rgb(0, 63, 129);
    font-weight: 700;
    margin: 0 0 20px;
    text-decoration: none;
	line-height:normal;
}

h1 {
    font-size: 2.3em;
}

h2 {
    font-size: 1.7em;
}

h3 {
    color: rgb(0, 63, 129);
    font-size: 1.35em;
    font-weight: 300;
    line-height: 1.4em;
    margin: 30px 0 5px 0;
}

ul {
    list-style-type: square;
    margin: 0 0 0 1em;
}

ul ul {
	list-style:circle !important;
	padding-left:1em;
}

.node-links li.node-readmore {
    border-top: 1px solid;
    display: inline-block;
    margin-top: 20px;
    padding: 0;
}

a, .leaflet-container a, .alert-info a {
    color: rgb(0, 63, 129);
    transition: all 0.2s ease 0s;
	font-weight:500;
}

#columns p a {
	padding:3px 10px;
	margin-right:3px;
}

#columns a:hover, #columns a:focus {
    background-color: #003f81;
    color: #fff;
    text-decoration: none;
}

.views-field-field-logo a:hover {
	background:none !important;
}

span.lexicon-term {
    border: medium none;
    color: #358be0;
    cursor: default;
    text-decoration: none;
}

.blau {
	color:#358be0;
}

.p_source {
    font-size: 0.7em;
}

/********************************************************** Form */

.form-select, input {
    font-family: inherit;
    font-size: inherit;
    padding: 5px 8px !important;
}

.form-submit {
    background: #003f81;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    padding: 5px 10px 7px !important;
	font-size:0.9em;
	transition:all 0.2s ease;
}

.form-submit:hover, .form-submit:focus {
	background: #EBF5FE;
	color:#003f81;
}

#user-login-form .form-text {
    width: 50%;
}

.form-text:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

/*********************************************************************************************************** Profile */

.node-type-anbieter .content-inner {
    width: 100%;
}

.group-anb-left {
    float: left;
    width: 65%;
	clear:both;
}

.group-anb-right {
	width:33%;
    float: right;
    margin: -20px 0 0;
}

.node-anbieter .field {
	margin-bottom:5px;
}

.group-logo-links {
    float: left;
	margin-bottom:15px;
}

.field-name-field-geocode {
    clear: both;
    padding-top: 20px !important;
}

.node-anbieter .field-label {
    min-width: 170px;
	font-size:1em;
	margin:0;
}

.node-anbieter .content .field {
	margin-bottom:10px;
}

.node-anbieter .content {
    display: inline-block;
    width: 100%;
}

.node-anbieter .links.list-inline {
    border-top: 1px solid;
    clear: both;
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    position: relative;
}

/*.field-name-field-ansprechpartner .field-label {
    visibility: hidden;
    width: 110px;
}*/

.field-name-field-zentralstelle {
    border-top: 1px solid;
    margin-top: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.node-anbieter .node-links {
    border-top: 1px solid;
    clear: both;
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    position: relative;
	width:65%;
}

.field-name-field-adresse .field-label {
    border-bottom: 1px solid;
    float: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.field-name-field-adresse .field-item {
    border-bottom: 1px solid;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.field-name-field-bundesland .field-item {
    margin-right: 10px;
}

/*********************************************************************************************************** Karte */

#karte path, #karte2 path {
	transition: all 0.5s ease;
}

#karte g:hover path, #karte2 g:hover path, #karte g:focus path, #karte2 g:focus path {
	fill:#003F81;
}

#container[class*="0-1-"] #bw path, body[class*="-1-2"] #bw path, .field-bundesland-0-0-0-0-0-0-0-0-0-0-0-0-0-0-0-0-1 #bw path,
#container[class*="-2"] #bayern path,
#container[class*="-3"] #berlin path,
#container[class*="-4"] #brb path,
#container[class*="-5"] #bremen path,
#container[class*="-6"] #hh path,
#container[class*="-7"] #hess path,
#container[class*="-8"] #mv path,
#container[class*="-9"] #ns path,
#container[class*="-10"] #nrw path,
#container[class*="-11"] #rlp path,
#container[class*="-12"] #saar path,
#container[class*="-13"] #sa path,
#container[class*="-14"] #lsa path,
#container[class*="-15"] #sh path,
#container[class*="-16"] #thuer path
{
   fill:#003F81;
}

#block-global_filter-global_filter_1 {
    margin-bottom: 10px;
}

#global-filter-1 {
    margin-bottom: 0;
}

.global-filter label, .views-exposed-form a, .views-exposed-form label {
	font-weight:bold;
	text-decoration:none;
	transition:all 0.2s ease;
}

.global-filter label, .view-anbieter-liste label, #views-exposed-form-anbieter-liste-page-1 label {
	cursor:pointer;
	color:#003F81;
}

.form-control label, .form-item label {
	font-size:0.8em !important;
}

.global-filter input, .bef-checkboxes input {
	position:absolute;
	left:-9999px;
}

.global-filter .form-item label, .view-anbieter-liste .form-item label, .views-exposed-form a, #views-exposed-form-anbieter-liste-page-1 .form-item label {
	padding:4px 10px;
	background:#EBF5FE;
	display: inline-block;
}

.view-anbieter-liste .highlight label, 
.global-filter input[type=checkbox]:checked + label, 
.views-exposed-form a.active, 
#views-exposed-form-anbieter-liste-page-1 .highlight label,
label.option:hover,
label.option:focus {
	background:#003F81 !important;
	color:#fff !important;
}

.view-anbieter-liste .views-widget .form-item {
	float:left;
	margin: 0 5px 5px 0;
}

#edit-field-bundesland .form-item {
	margin: 0 0 5px;
}

.view-anbieter-liste h3 {
    background: #003f81;
    color: #fff;
    margin: 20px 0;
    padding: 5px 15px;
}

.view-anbieter-liste .view-content .views-row {
    border-bottom: 1px solid;
    padding-bottom: 10px;
}

.view-anbieter-liste .views-row {
    margin-bottom: 10px;
}

.view-anbieter-liste .views-field.views-field-title {
    display: block;
    width: 90%;
}

.views-exposed-widget.views-reset-button {
    clear: both;
    margin: -10px 0 10px;
    padding: 0;
}

/********************************************************** Ausland */

#views-exposed-form-info-ausland-block-1 {
    border-bottom: 1px solid;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

/********************************************************** Intern */

.view-intern-blog .node {
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

textarea {
    font-family: inherit;
    font-size: inherit;
    padding: 10px;
}

.comment-title .new {
    color: #fb595e;
}

#comments {
    background: #F9FCFF;
    margin-top: 30px;
    padding: 20px 30px;
}

#comments h2 {
    font-weight: normal;
}

.comment {
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

.comment-submitted, .node-submitted {
    font-size: 0.85em;
    margin: 10px 0;
    opacity: 0.4;
}

/********************************************************** Flags */

a.flag {
	display: block;
    text-indent: -9999px;
	height:30px;
}

a.flag-action {
	background:url(pics/offlist.png) no-repeat;
}

a.flag-action:hover, a.flag-action:focus {
	background:url(pics/offhover.png) no-repeat;
	background-color:transparent !important;
}

a.unflag-action {
	background:url(pics/onlist.png) no-repeat;
	background-color:transparent !important;
}

a.unflag-action:hover, a.unflag-action:focus {
	background:url(pics/deletelist.png) no-repeat;
	background-color:transparent !important;
}

.flag-wrapper {
    clear: left;
    float: left;
    height:30px;
    width: 35px;
}

.flag-message {
	background:#003F81;
	color:#fff;
	padding:8px 10px;
	border:2px solid #fff;
	border-radius:8px;
	z-index:99;
	margin-top:10px;
	margin-left:15px;
	font-size:0.85em;
}

/********************************************************** Merkliste */

.view-merkliste .views-row {
    border-bottom: 1px solid;
    margin-bottom: 20px;
    padding-bottom: 50px;
}

.view-merkliste .views-row-last {
	border:none;
}

.view-merkliste h3 {
    background: #003f81;
    color: #fff;
	padding:5px 15px;
	margin: 20px 0;
}

.view-merkliste .views-field-field-angebot {
    color: #003f81;
    display: block;
    margin-bottom: 10px;
}

.view-merkliste .views-field-field-angebot .field-content {
    font-weight: 700;
}

#back {
    float: right;
}

.view-merkliste .views-field-ops {
	margin-top:10px;
}

.views-field-field-ansprechpartner, .views-field-field-adresse {
    display: block;
    margin-bottom: 10px;
}

.views-field-field-adresse h3 {
	float: left;
}

.field-name-field-adresse .field-item {
    display: block;
    float: none;
}

.addressfield-container-inline.organisation-block, .addressfield-container-inline.locality-block {
    margin-bottom: 10px;
}

/********************************************************** Akkordion */

.ui-accordion {
    font-family: inherit;
    font-size: inherit;
}

.ui-accordion-content p {
	line-height:1.5em;
}

.blaublock {
    border-top: 1px solid;
    margin-top: 30px;
    padding-top: 30px;
}

.ui-accordion-header-active, .ui-accordion-header:hover, .ui-accordion-header:focus {
    background: #003f81 !important;
}

.ui-accordion-header a, .ui-accordion-header a span {
	cursor:pointer;
	color:#003f81;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #003f81;
    text-decoration: none;
}

.ui-accordion-header-active a, .ui-accordion-header:hover a, .ui-accordion-header:focus a {
	color:#fff !important;
	background:none;
}

.ui-accordion-header a {
	background:none !important;
}

.ui-accordion-header-active a, .ui-accordion-header-active a span, .ui-accordion-header span:hover, .ui-accordion-header span:focus {
	color:#fff !important;
}

.ui-accordion-header {
    background: #EBF5FE;
    border: none;
    border-radius: 0;
    transition: all 0.2s ease 0s;
}

.ui-accordion .ui-accordion-content {
    border: 0 none;
}

/********************************************************** Sprachenwechsler */

ul.language-switcher-locale-url, ul.language-switcher-locale-url li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.language-switcher-locale-url .active {
    display: none;
}

a.language-link {
    background: #003f81;
    color: #fff;
    display: block;
    font-size: 32px;
    font-weight: normal;
    height: 47px;
    padding-top: 23px;
    text-align: center;
    text-decoration: none !important;
    width: 70px;
}

a.language-link:hover, a.language-link:focus {
	color:#FB595E;
}

.locale-untranslated {
    display: none;
}

/********************************************************** Slideshow */

#slideshow_container {
    height: 350px; /* fallback for older browsers */
	height: 56vh;
    margin: 0 auto;
    overflow-x: hidden;
	overflow-y: hidden;
    width: 100%;
	background:#003F81;
}

.views-slideshow-cycle-main-frame, .views-slideshow-cycle-main-frame-row {
    width: 100% !important;
}

.views-slideshow-cycle-main-frame-row img {
	width:100%;
	height:auto;
}

#block-block-15 {
    margin-top: 20px;
    position: absolute;
    width: 100%;
    z-index: 90;
}

#block-block-15 .block-content {
    margin: 30px auto 0;
    width: 1170px;
	font-size:1.2em;
}

.weiss, .weiss a, .weiss h1, .weiss h2, .weiss h3 {
	color:#fff !important;
}

/********************************************************** Text Resize */

#block-text_resize-0 {
	background:#003F81;
	clear: none;
    float: right;
    height: 36px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 34px 8px 0;
}

.block-text-resize h2.block-title {
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    left: -9999px;
    margin: -10px 0 5px;
    position: absolute;
}

a#text_resize_decrease {
	float:left;
	background:url("pics/aSmall.png") no-repeat;
	height:23px;
	width:23px;
	margin:13px 3px 0 0;
	display:none;
}

a#text_resize_reset {
	background:url("pics/aReset.png") no-repeat;
	float: left;
    margin: 4px 4px 0 0;
    width: 20px;
}

a#text_resize_reset:hover, a#text_resize_reset:focus {
	background:url("pics/aResetHover.png") no-repeat;
}

a#text_resize_increase {
	background:url("pics/aBig.png") no-repeat;
	float: left;
    margin: 0;
    width: 29px;
}

a#text_resize_increase:hover, a#text_resize_increase:focus {
	background:url("pics/aBigHover.png") no-repeat;
}

#block-text_resize-0 a {
    text-indent: -9999px;
}

/********************************************************** Sitemap */

.site-map-box-book .description {
    display: none;
}

ul.site-map-menu {
    margin: 0;
}

#site-map h2 {
    border-top: 1px solid;
    margin: 20px 0 0;
    padding-top: 10px;
}

/********************************************************** Admin */

ul.primary {
    margin: 0;
    padding: 0;
}

ul.primary li a {
    color: #aaa;
    font-size: 0.8em;
    height: auto;
    padding: 0 10px 0 0 !important;
    text-decoration: none;
	background:none !important;
	border: none !important;
}

ul.primary li a:hover {
	color:#000 !important;
}

#edit-preview.form-submit {
    margin-left: 10px;
}

#sliding-popup {
	padding:10px 0;
}

#popup-text a {
    background: #003f81;
    color: #fff;
    padding: 0 5px;
}

#popup-buttons .agree-button, #popup-buttons .find-more-button {
    font-family: inherit !important;
	font-size:13px;
	color: #003f81 !important;
}

/********************************************************** Mobile */

@media screen and (max-device-width: 1024px){
	.secondary-menu-inner, #header, .main-menu-inner, #cwrap, #columns {
		width:980px;
	}
}