/* This file will hold styles that are loaded using the same media query as the narrow grid. */

/* BODY */
body,
body.front{
	background: url('hintergrund-karte.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


body{
	-ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

p {
	font-size: 14px;
}


h1{
	font-size: 40px;
}

/* BASIC PAGE */

.node-type-page h1,
h1 {
    font-size: 40px;
}

.node-type-page #region-content .region-inner {
	padding: 20px;
}

.view-podcast .views-field-title{
	font-size: 26px;
}

.view-podcast .view-header,
.page-podcast h1#page-title{
	padding: 0px;
}

.section-header{
	height: 100px;
	background: white;
	margin-bottom: 10px;
	padding-top: 0px;
	position: relative;
	z-index: 99;
}

#region-branding{
	width: auto;
}

#region-branding .region-inner{
	position: absolute;
	bottom: -41px;
	left:-60px;
	width: 280px;
}

#region-header-second{
	height: 100px;
	position:relative;
	float: right;
	width: 400px;
}

#region-header-second .region-inner {
    padding-bottom: 10px;
    position: absolute;
padding-top: 20px;
}

#region-header-second .region-inner{
	position: absolute;
	top: 0px;
	padding-bottom: 10px;
	height: 10px;
}

.block-locale ul{
	float: right;
	background: white;
	margin-left: 15px;
	padding-top: 2px;
}

#region-header-second .block-nice-menus{
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 0px;
	height: 30px;
	margin-top: 10px;
}


#region-header-second .block-locale{
	width: auto;
	float: right;
	margin-bottom: 0px;
	clear: none;
}

#region-header-second .block-search{
	width: auto;
	float: right;
	margin-bottom: 0px;
	clear: none;
}


/* WYSIWYG */

img.rechts{
	float: right;
	margin-left: 20px;
}


img.links{
	float: left;
	margin-right: 20px;
	width: auto !important;
}

p {
	font-size: 16px;
}

#region-content .region-inner{
	padding: 20px;
}



/* ARTIKEL */

.node-type-article h1{
	font-size: 30px;
}

.node-type-article .field-name-field-image{
	padding-left: 80px;
	padding-right: 80px;
	margin-bottom: 20px;
}

/* TERMIN */
#terminmeta{
	float: right;
	padding-left: 0px;
}

.node-type-termin h1
{
	font-size: 30px;
}

.node-type-termin h2{
	font-size: 24px;
	margin-bottom: 20px;
}

/* PROFIL */

#profilmeta{
	float: right;
	padding-left: 0px;
	font-size: inherit;
}

#profilmeta .field-name-field-kontaktinfos{
	padding-top: 30px;
}

.node-type-termin #region-content .field-name-field-datum .field-item,
.node-type-termin #region-content .field-name-field-veranstaltungsort .field-item,
.node-type-termin #region-content .field-name-field-adresse .field-item{
	display: block;
	float: left;
	padding-right: 0px;
	width: 100%;
}



#block-block-11,
#block-block-12{
	padding: 20px;
}

/* STARTSEITE */


.blogteaser-startseite .bild img{
	width: 100%;
	height: auto;
}


#zone-row-one.container-12 .grid-3{
	width: 340px;
}

#zone-row-one.container-12 .region-kachel-fifth{
	width: 700px;
}


#zone-row-one .region,
#zone-row-two .region,
#zone-row-three .region{
	background: white;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top;
	float: none;
}

/* HEADER */

.section-header{
	position: relative;
	z-index: 99;
}

#section-content {
	background: none;
	padding-top: 60px;
}

/* FOOTER */
#region-footer-second{
	position: fixed;
	background:rgba(255,38,0,0.5);
	right: 10px;
	bottom: 10px;
	width: 110px;
	height: 35px;
}

#region-footer-second:hover{
	background:rgba(255,38,0,1);

}

#region-footer-second .block-inner{
	padding: 4px;
	text-align: center;
}

#region-footer-second a{
	text-decoration: none;
	color: white;
	text-transform: uppercase;
	font-size: 18px;
}

/* BLOG-ÜBERSICHT */
.teaserimage .field img{
	float: right;
	width: 100%;
}

.teaserimage .field{
	padding-left: 0px;
}

.view-blog.view-display-id-page .teaser{
	float: left;
}

.view-blog.view-display-id-page .teaserimage{
	float: right;
}

.node-type-profil #region-content .grid-4 .node-type-termin #region-content .grid-4, 
.page-blog #region-content .grid-4, 
.page-neuigkeiten #region-content .grid-4 {
    width: 180px;
}

.teaserimage .field{
	padding-left: 20px;
	padding-top: 20px;
	padding-right: 20px;
}

.view-blog.view-display-id-page .views-row{
	border-bottom: solid 1px #ff2600;
}


/* NEWS */
.view-neuigkeiten .node-termin h2{
	font-size: 28px;
	line-height: 1.3em;
	padding-right: 40px;
}

.view-neuigkeiten .node-termin .field-name-field-subtitle
{
	font-size: 28px;
	padding-top: 0px;
	line-height: 1.3em;
	padding-right: 40px;
}

.page-neuigkeiten #region-content .block-inner .content{
	padding-bottom: 0px;
}

/* PROFIL */

#profilmeta img{
	width: 90%;
	height: auto;
}

#profilmeta {
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.node-type-profil #region-content .field-name-field-image img{
	height: auto;
	width: 100%;
}

.node-type-profil h1{
	font-size: 40px;
	padding: 20px;
}

.node-type-profil #region-content .grid-7 .field-items,
.node-type-profil #region-content .grid-7 .field-label,
.node-type-profil #region-content .field-name-field-image{	
	padding-left: 20px;
	padding-right: 20px;
}

.node-type-profil #region-content .region-inner .grid-3{
	padding-top: 20px;
}

#region-footer-second{
 display: none;
}

/* PORTAL */

.context-portal #region-preface-first {
	position: fixed;
	left: 30px;
	bottom: 10px;
	background: none;
	width: 250px;
}

#openlayers-geosearch-searchform .form-item, #openlayers-geosearch-searchform .form-actions {
	width: 160px;
}

#openlayersgeosearchresults {
	bottom: 44px;
}

.context-portal .views-exposed-form .views-reset-button {
    position: relative;
    margin-left: 10px;
    margin-top: 10px;
}

.olControlPanZoomBar{
	bottom: 420px !important;
	top: auto !important;
	display: blocK !important;
}

#views-exposed-form-portal-page{
	left: 0;
	right: 0;
	margin-top: 10px;
}

#block-openlayers-geosearch-search-form-results{
	background: white;
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}

#openlayers-geosearch-searchform{
	padding: 5px;
}

#block-views-exp-portal-page{
	width: 100%;
	}
	
#block-views-exp-portal-page h2{
	padding: 10px;
	font-size: 14px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#views-exposed-form-portal-page .form-item.form-item-field-geofield-distance-unit{
	margin: 0;
	padding-right: 20px;
}

#edit-field-geofield-distance-origin{
	width: 150px;
	background: none;
	border: none;
	border-bottom: solid 1px #ff2600;
	color: #ff2600;
	text-align: center;
}

#edit-field-geofield-distance-distance{
	width: 50px;
	background: none;
	border: none;
	border-bottom: solid 1px #ff2600;
	color: #ff2600;
	text-align: center;
	float: left;
	display: none;
}


#views-exposed-form-portal-page #edit-field-geofield-distance .form-item.form-type-select{
	background: none;
	float: left;
	width: 130px;
	padding: 0;
	display: none;
}

#views-exposed-form-portal-page #edit-field-geofield-distance select{
	width: 120px;
	float: right;
}

#edit-field-geofield-distance-wrapper select{
	width: 200px;
}


#views-exposed-form-portal-page label{
	display: none;
}

#views-exposed-form-portal-page #edit-field-schlagworte-tid{
	width: 100%;
	border: none;
	border-bottom: solid 1px #ff2600;
}

#edit-field-kategorie-tid-i18n-wrapper,
#edit-field-schlagworte-tid-i18n-wrapper,
#edit-field-themenfeld-tid-i18n-wrapper{
	background: white;
	width: 100%;
	margin-bottom: 5px;
	padding: 0;
}

#edit-field-schlagworte-tid-i18n-wrapper{
}

#edit-field-schlagworte-tid-i18n-wrapper .custom-combobox{
	margin: 0px;
	background: white;
	border-bottom: solid 1px #ff2600;
	color: #ff2600;
	text-transform: uppercase;
	display: block;
	float: left;
}

.custom-combobox-input{
	padding: 4px;
	background: white;
	color: #ff2600;
	font-size: 14px;
	text-transform: uppercase;
	width: 210px;
}

  .ui-autocomplete {
    max-height: 370px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    font-size: 12px;
	color: #ff2600;
	text-transform: uppercase;
  }

#edit-field-schlagworte-tid-i18n-wrapper .form-item,
#edit-field-kategorie-tid-i18n-wrapper .form-item,
#edit-field-themenfeld-tid-i18n-wrapper .form-item{
   width: 90%;
   height: auto;
   overflow: hidden;
   background: url(new_arrow.png) no-repeat right white;
   border: 0px solid #ccc;
   padding: 8px;
   margin-bottom: 0px;
}





#edit-field-themenfeld-tid-i18n-wrapper select,
#edit-field-kategorie-tid-i18n-wrapper select{
   width: 250px;
}

#views-exposed-form-portal-page select {
   background: transparent;
   padding: 3px;
   font-size: 14px;
   line-height: 1.5em;
   border: 0;
   border-bottom: solid 1px #ff2600;
   color: #ff2600;
   text-transform: uppercase;
   border-radius: 0;
   height: 40px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   width: 100%;
}

.context-portal .view-portal .view-content,
.view-portal-geojson .view-content{
	height: 100%;
}

.context-portal .view-portal,
.view-portal-geojson{
	top: 100px;
}

#views-exposed-form-portal-page{
	background: none;
	position: relative;
	bottom: auto;
}

h2.block-title a{
	font-size: 20px;	
}

.block-inner{
	padding: 20px;
}

/* STARTSEITE */

/* ARTIKEL */

.node-type-article h1{
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
}

.node-type-article .pubdate{
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.node-type-article .field-name-field-image img{
	width: 100%;
	height: auto;
}

.node-type-article #region-content .field-name-body,
.node-type-article #region-content .field-name-field-image,
.node-type-article #region-content .field-name-field-schlagworte{
	padding-right: 20px;
	padding-left: 20px;
}


/* SUCHE */

#search-form #edit-basic{
	width: 100%;
	float: left;
	display: block;
}

#search-form .form-item{
	float: left;
}

#search-form #edit-submit{
	float: left;
	font-size: 20px;
    height: 45px;
    margin-left: 5px;
    margin-top: 39px;
}

#search-form label{
	float: left;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 12px;
}

#search-form input.form-text{
	border: solid 1px #ff2600;
	padding: 4px;
	font-size: 24px;
	clear: both;
	float: left;
}

#search-form #edit-advanced{
	width: 100%;
	float: left;
	margin-top: 5px;
	border: solid 1px #ff2600;
}

#search-form #edit-advanced legend{
	margin-left: 10px;
}


#search-form #edit-advanced .fieldset-wrapper{
	padding: 10px;
}

#search-form #edit-advanced .form-item{
	width: 30%;
	margin-right: 5px;
}

#search-form #edit-advanced .form-item.form-item-type,
#search-form #edit-advanced .criterion{
	width: 100%;
	margin: 0;
}

.search-advanced .action input {
	margin-bottom: 10px;
	font-size: 20px;
}

#search-form .form-item {
	margin-bottom: 0;
}

#search-form #edit-advanced .form-item input{
	width: 100%;
	height: 25px;
	font-size: 12px;
}

#search-form #edit-advanced .form-item.form-item-type label {
	float: left;
	width: 100%;
}

#search-form #edit-advanced #edit-type .form-item{
	float: left;
	width: auto;
	margin-right: 15px;
	margin-top: 0;
}

#search-form #edit-advanced #edit-type .form-item input{
	width: auto;
	float: left;
}

#search-form #edit-advanced #edit-type .form-item label{
	float: left;
	padding-left: 4px;
	padding-top: 1px;
	width: auto;
}


#search-form #edit-advanced .form-item.form-item-language label {
	float: left;
	width: 100%;
}

#search-form #edit-advanced #edit-language .form-item{
	float: left;
	width: auto;
	margin-right: 15px;
	margin-top: 0;
}

#search-form #edit-advanced #edit-language .form-item input{
	width: auto;
	float: left;
}

#search-form #edit-advanced #edit-language .form-item label{
	float: left;
	padding-left: 4px;
	padding-top: 1px;
	width: auto;
}


.page-taxonomy #region-content .region-inner{
	padding: 20px;
}

.taxonomy_filter.tf_multi a{
	font-size: 16px;
}


.blogteaser-startseite .text{
	float: left;
	width: 55%;
}

.blogteaser-startseite .bild{
	float: right;
	width: 40%;
}

.blogteaser-startseite .text{
	float: left;
	width: 50%;
}

.blogteaser-startseite .bild{
	float: right;
	width: 45%;
}