/*
 * Basis-Style f�r Tablets
 * Gr��en sind orientiert am iPad
 */
 
 
/****************************************************************************/
/* Tablet Landscape															*/
/****************************************************************************/
@media (max-width: 1024px) {

	/* alle .block_center-Elemente gehen �ber die ganze Breite */
	.block_center {
		width: 100%;
		margin: 0;
	}

    .pagination {
        width: 100%;
    }

	/* Rechte Spalte wird ausgeblendet */
	#spalte_rechts {
		display: none;
	}

	/* Aufgrund der fehlenden rechten Spalte, wird der Hauptbereich �ber die ganze Breite gezogen */
	#main_content_breit {
        width: calc(100% - 20px);
        border-right: 0 solid;
        padding-left: 10px;
        padding-right: 10px;
	}

	/* Der Newslister wird "zentriert" dargestellt und erh�lt einen relativen Abstand zum Rand */ 
	/* Brotkrumenpfad wird genauso ausgerichtet */ 
	/* Content Block Links (Content-Bereich der meisten Seiten) wird genauso ausgerichtet */
	.startseite .newslister_startseite,
	.newslister-startseite-begruessung-artikel,
	#navi_pfad,
	#content_block_links {
		padding-left: 10%;
		padding-right: 10%;
		width: 80%;
	}
	#content_block_links {
		border: 0px solid;
	}

	/* Die Navigation links bekommt eine relative Breite */
	#navi_links_container {
		width: 30%;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}

	/* Die Naviliste wird nach ganz links gesetzt */
	#navi_links ul li {
		padding-left: 0;
	}

	/* Der Main-Content bekommt eine relative Breite */
	#main_content {
		border-right: 0px solid;
		width: 68%;
		padding-left: 0;
		padding-right: 0;
		margin-left: 2%;
		margin-right: 0;
	}

	/* Die Breiten des Bildes des Newslister wird relativ ermittelt */
	.newslister_startseite .image_container {
		width: 28%;
		margin-right: 2;
		padding-left: 0;
		padding-right: 0;
	}

	/* die Breite des Textes des Newslisters wird relativ ermittelt */
	.newslister_startseite .news_text_container,
	.newslister_startseite .news_text_container_aktuelles {
		width: 70%;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}

	/* Text unter Bild bei Newsmeldungen mit erstem Bild gro� */
	.mod_newslist .newslister_startseite.erste-meldung-gross.first .news_text_container {
		float: none;
		width: 100%;
		display: inline-block;
	}

	/* Der Link zu den weiteren Meldungen wird links ausgerichtet */
	.newslister_aktuelles_weitere_meldungen  {
		padding-left: 10%;
		padding-right: 10%;
		width: 80%;
	}

	.newslister_aktuelles {
		width: 100%;
	}

	/* Sitemap wird ausgeblendet */
	#sitemap {
		display: none;
	}

	/* Da die Sitemap im Footer ausgeblendet wird, wird die Navigation unten wie diese gestaltet */
	#navi_unten {
		margin-top: 0;
		padding-top: 15px;
		padding-bottom: 15px;
		height: auto;
		background-color: #d4d5d3;
	}
	#navi_unten a, 
	#navi_unten span.active {
		color: #333333 !important;
		font-weight: 700;
		font-size: 12px;
	}

	/* Die Suche wird unterhalb des Headers, rechts neben dem Breadcrumb angezeigt */
	#suche {
		position: absolute;
		top: 227px;
		right: 10%;
		width: 30%;
	}

	#suche .mod_search {
		width: 100%;
		max-width: none;
	}

	/* Der Breadcrumb geht maximal �ber etwas mehr als die H�lfte der Seitenbreite */
	#brotkrumen {
		max-width: 55%;
	}

	/* Die Filterung des Terminlister wird auf 100% vergr��ert */
	.terminlister_filter_menu {
		width: 100%;
		margin-right: 0;
	}

	/* Einblenden des Facebook-Buttons */
	#facebook {
		display: inline-block;
	}

    /* Anpassung der Höhe des Youtube/Vimeo-Iframes */
    .ce_youtube .youtube-iframe {
        height: 30vw;
    }
	.ce_vimeo .vimeo-iframe {
        height: 30vw;
    }

}