/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {f
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
    font-family: 'DroidSans';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-webfont.woff') format('woff'),
         url('../fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('../fonts/DroidSans-Bold-webfont.eot');
    src: url('../fonts/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-Bold-webfont.woff') format('woff'),
         url('../fonts/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSerif';
    src: url('../fonts/DroidSerif-Regular-webfont.eot');
    src: url('../fonts/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-Regular-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-Regular-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-Regular-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSerifItalic';
    src: url('../fonts/DroidSerif-Italic-webfont.eot');
    src: url('../fonts/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-Italic-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-Italic-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-Italic-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body, html {
	font-family: 'DroidSans', sans-serif;
	font-weight: 400;
	font-size: 13px;
}

a {
	color: #435e76;
	text-decoration: none;
	cursor: pointer;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

	h3 a,
	h2 a {
		color: #222222;
	}

ul {
	margin: 0;
	padding: 0;
}

.field-name-body ul {
	margin: 0 0 15px 0;
    padding: 0 0 0 15px;
}

p {
	margin: 0 0 1em 0;
}

ul li.expanded, ul li.collapsed, ul li.leaf {
	margin: 0;
	padding: 0;
}


h1, h2, h3, h4, h5, h6 {
	font-family: DroidSansBold, sans-serif;
	font-weight: normal;
}

h2 {
	font-size: 32px;
	margin: 0 0 20px 0;
}

h3 {
	font-size: 24px;
	margin: 10px 0 10px 0;
}

h2.results {
	font-family: 'DroidSans',sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 10px 0;
}

h2.results strong {
	color: #8D8D8D;
	font-weight: normal;
}

h6.break {
	background: #FFFFFF none no-repeat 0 0;
	display: block;
	font-family: 'DroidSans',sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: -9px 0 0 0;
	padding: 0 5px 0 0;
	text-transform: uppercase;
	position: absolute;
}

strong, b {
	font-weight: normal;
	font-family: DroidSansBold, sans-serif;
}

em, i {
	font-style: normal;
	font-family: DroidSerifItalic;
}

blockquote {
	font-family: DroidSerifItalic, serif;
	text-align: center;
}

blockquote:after { content: "“"; }
blockquote:before { content: "„"; }

.more-link { text-align: left; }

#block-views-termine-block .more-link { font-weight: bold; }

#outer-wrapper {
	margin: 0 ;
	/* Vorher :	width: 1158px;*/
	width: 1200px;
	overflow: hidden;
}

#outer-wrapper .maincontent {
	float: left;
	width: 970px;
	padding: 5px 20px 0;
}

#content-wrapper {
	position: relative;
	margin: 0 0 50px 0;
	padding: 29px 0 0 0;
}

.start #content-wrapper {
	padding: 40px 0 0;
}

.start.image #content-wrapper {
	padding: 0;
	 min-height: 1595px;
	// min-height: 2900px;
}

/* .toolbar-drawer .start.image #content-wrapper { min-height: 3100px; } */

.node-unpublished { background-color: #FFE0E0; }

.position { background-color: #E8E8E8; }

/* @group Ads */

.region-ads-leaderboard { overflow: hidden; }

.region-ads-leaderboard-2 { width: 970px; margin-top: 370px; margin: 240px 0 40px 0; position: relative; z-index:999; }

.region-ads-leaderboard img {
	display: block;
    float: left;
}

.region-ads-skyscraper { float: right; }

#block-views-ads-skyscraper1 { margin: 0 0 30px 0; }

/* @end */

/* @group Header */

#header {
	border-bottom: 4px solid #55647d;
	position: relative; /* setzt den Header als Bezugselement für das absolut positionierte .sub-Untermenü */
}

.has-slideshow #header { border-bottom: 0 none; }

	/* @group language switch */

	.meta.navigation .language-switcher-locale-url {
		list-style-type: none;
		padding-left: 25px;
		padding-top: 3px;
	}

	.meta.navigation .language-switcher-locale-url li { margin: 0; }

	.meta.navigation .language-switcher-locale-url li a {
		display: block;
		height: 16px;
		overflow: hidden;
		padding: 0;
		text-decoration: none;
		text-indent: -999em;
		width: 22px;
	}

	.meta.navigation .language-switcher-locale-url li.de a { background: transparent url("../img/icons-language.png") no-repeat 0 1px; }
	.meta.navigation .language-switcher-locale-url li.en a {	background: transparent url("../img/icons-language.png") no-repeat 0 -24px; }

	/* @group Meta Navigation */

	.meta.navigation {
		padding: 0 0 7px;
		background: url('../img/meta_border.png') no-repeat right bottom;
		overflow: hidden;
		height: 20px;
	}

	.meta.navigation ul {
		float: right;
	}

		.meta.navigation li  {
			margin: 0 0 0 15px;
			padding: 0;
		}

		.meta.navigation li:first-child {
			margin: 0;
		}

			.meta.navigation a {
				padding: 0;
			}

			.meta.navigation .language a {
				font-size: 0;
				color: transparent;
				width: 22px;
				height: 15px;
				background: url('../img/language_german.png') no-repeat 4px 5px;
			}

			.meta.navigation .language.german a {
				background-image: url('../img/language_german.png');
			}

			.meta.navigation .language.english a {
				background-image: url('../img/language_english.png');
			}

	/* @end Meta Navigation */

	/* @group Logo */

	#logo {
		display: block;
		width: 260px;
		float: left;
	}

	/* @end Logo */

	/* @group Search */

	/* Suchformular funktioniert wie auf http://mypass.espresso.aws.cmp.io/ in der Tablet-Ansicht */

	.search-block {
		position: absolute;
		right: -10px;
		top: 52px;
		z-index: 100;
	}

	.search-block .indicator-search {
		background: url("../img/search.png") no-repeat scroll center 11px #FFFFFF;
		border-left: 1px solid transparent;
		border-right: 1px solid transparent;
		border-top: 1px solid transparent;
		cursor: pointer;
		display: block;
		height: 47px;
		position: absolute;
		right: 0;
		top: 0;
		width: 40px;
		z-index: 102;
	}

	.search-block.active .indicator-search {
		border-top: 1px solid #c6c6c6;
		border-left: 1px solid #c6c6c6;
		border-right: 1px solid #c6c6c6;
		transition: border 0.4s ease-in-out 0s;
		height: 51px;
	}

	.search-block .search-form {
		background: none repeat scroll 0 0 #fff;
		border: 1px solid #c6c6c6;
		display: none;
		height: 0;
		opacity: 0;
		overflow: hidden;
		position: absolute;
		right: 0;
		top: 51px;
		-o-transition: opacity 0.4s ease-in-out 0s;
		-webkit-transition: opacity 0.4s ease-in-out 0s;
		-moz-transition: opacity 0.4s ease-in-out 0s;
		transition: opacity 0.4s ease-in-out 0s;
		z-index: 101;
		-webkit-box-shadow: 0 0.25rem 0.25rem -0.25rem #cacaca;
		-moz-box-shadow: 0 0.25rem 0.25rem -0.25rem #cacaca;
		box-shadow: 0 0.25rem 0.25rem -0.25rem #cacaca;
		margin: 0;
		padding: 10px;
		*width: 522px;
	}

	.search-block.active .search-form {
		display: block;
		height: auto;
		opacity: 1;
	}

	.search-block .search-form .form-text { width: 510px; }

	/* @end Search */

	/* @group Main Navigation */

	#block-system-main-menu.contextual-links-region {
		outline: medium none;
		position: inherit;
	}

	.main.navigation {
		float: right;
		margin: 35px 50px 0 0;
	}

		.main.navigation .block-menu > ul {
			font-size: 18px;
		}

			.main.navigation .block-menu > ul > li {
				margin: 0 0 0 37px;
				padding: 0;
			}

			.main.navigation .block-menu > ul > li:first-child {
				margin: 0;
			}

				.main.navigation .block-menu > ul > li > a {
					padding: 0 0 20px;
					position: relative;
				}

				.main.navigation .block-menu > ul > li.expanded > a:after,
				.main.navigation .block-menu > ul > li.active-trail > a:after {
					border-color: #fff #fff #e3cc86; /* Fallbackfarbe, falls nichts im BE gesetzt wird */
					border-style: solid;
					border-width: 10px;
					content: "";
					position: absolute;
					left: 50%;
					bottom: 0;
					width: 0;
					height: 0;
					margin-left: -10px;
					display: none;
				}

				.main.navigation .block-menu > ul > li.expanded.opinion-menu-item > a:after, .main.navigation .block-menu > ul > li.active-trail.opinion-menu-item > a:after {
					border-color: #fff #fff #7D5591; /* Fallbackfarbe, falls nichts im BE gesetzt wird */
				}

				.main.navigation a:hover {
					text-decoration: none;
					color: #000;
				}

				.main.navigation .block-menu > ul > li.hover > a:after,
				.main.navigation .block-menu > ul > li.active-trail > a:after {
					display: block;
				}

				/* @group Subnavigation */

				.main.navigation .sub {
					display: none;
					position: absolute;
					left: 0;
					width: 558px;
					padding: 0 0 0 412px;/* Eigentlich 367px. Da aber der erste Link in .sub ein nach links gerichtetes Offset von 14px hat, nur 354px */
					color: #fff;
					font-size: 14px;
					background: #e3cc86; /* Fallbackfarbe, falls nichts im BE gesetzt wird */
					z-index: 1;
				}
				.main.navigation .opinion-menu-item .sub {
					background: #7D5591;
				}

				.main.navigation .hover .sub { z-index: 25; }

				.main.navigation .hover .sub,
				.main.navigation .active-trail .sub {
					display: block;
				}

					.main.navigation .hover .sub ul,
					.main.navigation .active-trail .sub ul{
						letter-spacing: -4px;
					}

						.main.navigation .hover .sub ul > *,
						.main.navigation .active-trail .sub ul > * {
							letter-spacing: 0;
						}

						.main.navigation .sub li {
							display: inline-block;
						}

						.lt-ie8 .main.navigation .sub li {
							display: inline;
							zoom: 1;
						}

							.main.navigation .sub a {
								display: block;
								padding: 7px 14px 6px;
								color: #fff;
							}

							.main.navigation .sub a:hover,
							.main.navigation .sub a:focus,
							.main.navigation .sub a.active {
								background: #b3a16a;
							}
							.main.navigation .opinion-menu-item .sub a:hover,
							.main.navigation .opinion-menu-item .sub a:focus,
							.main.navigation .opinion-menu-item .sub a.active {
								background: #5d3f6c;
							}

				/* @end Subnavigation */

	/* @end */

/* @end */

/* @group Content */

#content {
	width: 630px;
	clear: both;
	float: left;
	font-size: 14px;
	line-height: 1.55;
}

#content-wrapper a:hover {
	text-decoration: none;
	color: #27586f;
}

#content.full {
	width: 100%;
}

	#content-wrapper .topcontent {
		overflow: hidden;
		clear: both;
	}

	#content-wrapper .topcontent img { display: none; }

	#content-wrapper .topcontent.has-img img {
		display: block;
		width: 100%;
	}

	#content-wrapper .topcontent h2 {
		line-height: 1;
		padding: 40px 0 0;
	}

	#content-wrapper .topcontent.with-subheader h2 {
		padding: 0;
	}

	#content-wrapper .topcontent h5 {
		font-family: 'DroidSerif',serif;
		font-size: 19px;
		font-weight: normal;
		margin: 0 0 5px 0;
		padding: 40px 0 0 0;
	}

	#content-wrapper .topcontent.has-img h2 {
		position: relative;
		top: -47px;
		background: white;
		padding: 25px 0 0px;
		margin-bottom: 0;
		height: 24px;
		width: 640px;
	}


	.topteaser .wrapper {
		position: relative;
		font-size: 19px;
		font-family: 'DroidSerif', serif;
	}

		.topteaser .wrapper.image {
			top: -80px;
			margin-bottom: -55px;
			width: 630px;
			*width: 631px;
			z-index: 100;
		}

		.topteaser .wrapper .content {
			background: #FFFFFF none repeat 0 0;
			margin: 0 0 20px;
			padding: 0;
		}

		.topteaser .wrapper .content p { margin: 0 0 0.5em 0; }

		.topteaser .wrapper.image .content {
			padding: 20px 20px 0 0;
			margin: 0;
			width: 630px;
		}

	/* @group Teaserwrapper */

	#content .teaserwrapper {
		padding: 20px 0;
		margin: 0;
		line-height: 1.55;

	}

	#content .teaserwrapper .cell .content { padding: 0 0 10px; }

	#content .teaserwrapper .cell.category-opinion .content,
	#content .teaserwrapper .cell.category-people .content,
	#content .teaserwrapper .cell.category-economy .content,
	#content .teaserwrapper .cell.category-science .content,
	#content .teaserwrapper .cell.category-service .content,
	#content .teaserwrapper .cell.category-politics .content { padding: 0 10px 10px; }

	#content .teaserwrapper.first {
		margin-top: 0;
		padding-top: 0;
		border-bottom: 1px solid #e3e3e3;
	}

	.teaserarticle,
	.grid.teaserarticle {
		margin: 0 0 29px 0;
	}

	.teaserarticle.first {
		padding-bottom: 22px; /* sieht sonst komisch aus, optischer Ausgleich */
		border-bottom: 1px solid #C8C8C8;
	}
	.teaserarticle.no-qoute {
		padding-top: 22px; /* sieht sonst komisch aus, optischer Ausgleich */
		border-top: 1px solid #C8C8C8;
	}

	#block-views-topteaser-block-2 .teaserarticle {
		border-top: 1px solid #C8C8C8;
		border-bottom: 0 none;
		margin: 0 0 29px 0;
		padding: 29px 0 0 0;
	}

	.teaserarticle .content {
		font-family: DroidSerif, serif;
	}

		.teaserarticle .content h2 {
			font-size: 24px;
			line-height: 30px;
			margin: 0 0 5px;
		}

		.teaserarticle .content p { margin: 0 0 0.5em 0; }

	.region-content-bottom {
		letter-spacing: -4px;
	}

		.region-content-bottom > * {
			letter-spacing: 0;
		}

	.start .region-content-bottom {
		border-bottom: 0 none;
		border-top: 1px solid #C8C8C8;
		margin: 0;
		padding: 29px 0;
	}

	.view-themenblock {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		vertical-align: top;
		width: 305px;
		background: #ebebeb; /* Fallbackfarbe */
	}

	.view-themenblock:nth-child(odd) {
		margin: 0 10px 25px 0;
	}

	.view-themenblock:nth-child(even) {
		margin: 0 0 25px 10px;
	}

	#content-wrapper .view-themenblock .archive-link a,
	#content-wrapper .view-themenblock .archive-link a:hover { color: #fff; }

	/* ie fallback */
	.view-themenblock.category-politics {
		margin: 0 10px 25px 0\9;
	}
	.view-themenblock.category-economy {
		margin: 0 0 25px 10px\9;
	}

		.view-themenblock .category {
			width: 285px;
		}

		.view-themenblock .content {
			margin: 0 0 18px;
			padding: 18px;
			font-family: DroidSerif, serif;
			font-size: 14px;
			line-height: 21px;
			border-bottom: 1px solid #e0e1e2;
		}

			.view-themenblock .views-field-title {
				margin: 0 0 10px;
			}

				.view-themenblock .views-field-title a {
					font-family: DroidSansBold, sans-serif;
					font-size: 24px;
					line-height: 30px;
					color: #000;
				}

			.view-themenblock .content p:last-child {
				margin: 0;
			}

	/* @group quote */
	#content .quote,
	.view-zitat-des-tages.view-display-id-block_2,
	.view-zitat-des-tages.view-display-id-block_1 {
		position: relative;
		border-top: 1px solid #C8C8C8;
		border-bottom: 1px solid #C8C8C8;
	}

	#block-views-zitat-des-tages-block-1.quote,
	.view-zitat-des-tages.view-display-id-block_2,
	.view-zitat-des-tages.view-display-id-block_1 {
		line-height: 1.55;
		margin: 0 0 29px 0;
		padding: 20px 0;
	}

		#content .quote h5,
		.view-zitat-des-tages.view-display-id-block_2 h5,
		.view-zitat-des-tages.view-display-id-block_1 h5{
			position: absolute;
			top: -1px;
		}

		#content .quote blockquote,
		.view-zitat-des-tages.view-display-id-block_2 blockquote,
		.view-zitat-des-tages.view-display-id-block_1 blockquote {
			font-size: 32px;
			margin: 25px 40px;
		}

		#content .quote .author,
		.view-zitat-des-tages.view-display-id-block_2 .author,
		.view-zitat-des-tages.view-display-id-block_1 .author {
			text-align: center;
			color: #737373;
			font-size: 12px;
		}

	/* @end */

	/* @group Teasercategory */
	#content .teasercategory .content {
		margin: 20px 20px 10px 20px;
		padding-bottom: 15px;
		border-bottom: 1px solid #dddede;
	}

		#content .teasercategory h5 {
			margin: 0;
			display: block;
		}



	/* @end */


	/* Archiv Header */

	.archiv-header .nav li { margin: 0 20px 0 0; }

		.archiv-header .nav li a {
			font-size: 14px;
			color: #848484;
		}

		.archiv-header .nav li.active a,
		.archiv-header .nav li a:hover {
			color: #000;
			text-decoration: none;
		}

	.archiv-header .subnav-wrapper {
		clear: both;
		padding: 5px;
		background: #f8f8f8;
		margin-bottom: 15px;
		border-top: 1px solid #e3e3e3;
	}

		.archiv-header .sort-by-date {
			float: right;
			color: #848484;
			padding-right: 15px;
			background: url('../img/sort-by.png') no-repeat right -16px;
		}

		.archiv-header .sort-by-date.up {
			background-position: right 5px;
		}

	/* @group slideshow */

	.slideshow {
		margin: 0 0 30px 0;
		padding: 0;
		position: relative;
	}

	.topteaser .slideshow { margin: -40px 0 30px 0; }

	.topteaser .views-row .slideshow { margin: 0; }

	.slideshow .category {
		position: absolute;
		top: 0;
		left: 0;
	}

	.slideshow .caption {
		color: #FFFFFF;
		font-size: 12px;
		left: 65px;
		position: absolute;
		top: 55px;
		width: 477px;
		text-shadow: -1px -1px 1px #222222;
	}

	.slideshow .caption a,
	.slideshow .caption a:hover { color: #FFFFFF !important; }

	.slideshow .caption.dark,
	.slideshow .caption.dark a,
	.slideshow .caption.dark a:hover {
		color: #222222 !important;
		text-shadow: 0 0 0 transparent;
	}

		.slideshow .caption p {	margin: 0 0 15px 0;	}

		.slideshow .caption p.headline {
			text-transform: uppercase;
			border-bottom: 1px solid #DDDDDD;
			-webkit-box-shadow:  0px 1px 0 0px #777777;
			box-shadow:  0px 1px 0 0px #777777;
		}

		.slideshow .caption.dark p.headline {
			border-bottom: 1px solid #222222;
			-webkit-box-shadow:  0 0 0 0 transparent;
			box-shadow:  0 0 0 0 transparent;
		}

		.slideshow .caption .quote {
			font-size: 32px;
			font-family: DroidSerifItalic,serif;
			margin: 0 0 5px 0;
			text-align: left;
		}

		.slideshow .caption p.quote-headline { padding: 0 0 0 3px; }

		.slideshow .quote h5,
		.view-zitat-des-tages.view-display-id-block_2 blockquote h5 {
			position: absolute;
			top: -1px;
		}

		#content .quote blockquote,
		.view-zitat-des-tages.view-display-id-block_2 blockquote {
			font-size: 32px;
			margin: 25px 40px;
		}

		#content .quote .author,
		.view-zitat-des-tages.view-display-id-block_2 .author {
			text-align: center;
			color: #737373;
			font-size: 12px;
		}

	.slideshow .views-slideshow-controls-bottom.active {
		background: rgba(0, 0, 0, 0.6) none repeat 0 0;
		background: transparent url("../img/slider_pager_bg.png") repeat 0 0\9;
		bottom: 15px;
		-webkit-border-radius: 9px;
		border-radius: 9px;
		font-size: 0;
		position: absolute;
		padding: 3px 5px;
		right: 15px;
		overflow: hidden;
		z-index: 101;
	}

		.slideshow .views-slideshow-controls-bottom .views-slideshow-pager-field-item {
			background: transparent url("../img/point.png") no-repeat center center;
			cursor: pointer;
			float: left;
			width: 17px;
			height: 14px;
			text-indent: -999em;
		}

		.slideshow .views-slideshow-controls-bottom .views-slideshow-pager-field-item:hover,
		.slideshow .views-slideshow-controls-bottom .views-slideshow-pager-field-item.active {
			background: transparent url("../img/point_active.png") no-repeat center center;
		}

	/* @end */

	/* @group gallery */

	#galleriffic {
		margin: 0 0 29px 0;
		width: 630px;
	}

	#galleriffic #gallery { position: relative; }

	#galleriffic #gallery #slideshow-container {
		overflow: hidden;
		float: none;
		padding: 0;
		position: relative;
		width: auto;
	}

	#galleriffic #gallery #slideshow-container .loader {
		background-position: center center;
		background-repeat: no-repeat;
		position: absolute;
		width: 630px;
	}

	#galleriffic #gallery #caption {
		float: none;
		left: 0;
		margin: 0;
		position: absolute;
		top: 0;
		width: 630px;
	}

	#galleriffic #gallery #caption span.image-caption {
		display: block;
		left: auto;
		position: relative;
		top: auto;
		height: 354px;
	}

	#galleriffic #gallery #caption span.image-caption .caption {
		padding: 0;
		margin: 0;
		position: absolute;
	}

	#galleriffic #gallery #caption span.image-caption .caption.expandable {
		background: transparent url("../img/gallery-overlay-button.png") no-repeat 0 0;
		bottom: 10px;
		display: block;
		height: 22px;
		position: absolute;
		right: 9px;
		text-indent: -999em;
		width: 23px;
	}

	#galleriffic #gallery #caption span.image-caption .caption.title .image-title {
		font-size: 14px;
		text-transform: uppercase;
		color: #fff;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		margin: 0;
		line-height: 1;
		font-family: 'DroidSans', sans-serif;
		padding: 8px 10px 6px;
		background: #81959f;
		font-weight: normal;
	}

	#galleriffic #gallery #caption span.image-caption .caption.title .image-title p { margin: 0; }

	#galleriffic #gallery #caption span.image-caption .caption.title .image { display: none; }

	#galleriffic #gallery #caption span.image-caption .caption.overlay {
		background-color: rgba(255, 255, 255, 0.8);
		background-color: #fff\9;
		bottom: 0;
		left: 0;
		padding: 16px 18px;
		width: 594px;
		display: none;
	}

	#galleriffic #gallery #caption span.image-caption .caption.overlay .hide {
		background: transparent url("../img/gallery-overlay-hide.png") no-repeat 0 0;
		top: 10px;
		display: block;
		height: 22px;
		position: absolute;
		right: 9px;
		text-indent: -999em;
		width: 11px;
	}

	#galleriffic #gallery #caption span.image-caption .caption.overlay .title {
		font-family: DroidSansBold,sans-serif;
		font-size: 14px;
		margin: 0;
	}

	#galleriffic #gallery #caption span.image-caption .caption.overlay .text {
		font-size: 12px;
		margin: 9px 0 0 0;
	}

  #galleriffic #gallery #caption span.image-caption .caption.overlay ol,
  #galleriffic #gallery #caption span.image-caption .caption.overlay ul {
    margin: 0 0 1em 0;
    padding: 0 0 0 1.25em;
  }
  #galleriffic #gallery #caption span.image-caption .caption.overlay a {
    color: #435e76;
    text-decoration: none;
    cursor: pointer;
    outline: none;
  }

	#galleriffic #thumbs {
		background-color: #E8E8E8;
		float: none;
		height: 69px;
		margin: 0;
		overflow: hidden;
		padding: 4px 0 4px 4px;
		position: relative;
		width: 626px;
	}

	#galleriffic #thumbs a.pageLink.prev {
		background-image: url("../img/slider_prev.png");
		background-position: 7px center;
		left: 4px;
	}

	#galleriffic #thumbs a.pageLink.next {
		background-image: url("../img/slider_next.png");
		background-position: 33px center;
		right: 5px;
	}

	#galleriffic #thumbs a.pageLink {
		background-color: rgba(0, 0, 0, 0.6);
		background-color: #333333\9;
		background-repeat: no-repeat;
		display: block;
		float: none;
		height: 43px;
		margin: 0;
		position: absolute;
		top: 17px;
		width: 60px;
		z-index: 100;
	}

	#galleriffic #thumbs .thumbs li {
		float: left;
		margin: 0 4px 20px 0;
		list-style: none outside none;
		padding: 0;
	}

	#galleriffic #thumbs .thumbs li a.thumb {
		background: transparent none no-repeat scroll 0 0;
		border: 0 none;
		display: block;
		padding: 0;
		color: #435E76;
		text-decoration: none;
	}

	#galleriffic #thumbs .thumbs li a.thumb img {
		border: 0 none;
		display: block;
	}

	/*
	#galleriffic #thumbs .thumbs li a.selected,
	#galleriffic #thumbs .thumbs li a:hover {
		background: url('../img/arr_slider.png') no-repeat center top;
	}*/

	/* @group Pagination */
	#galleriffic .pagination {
		border-top: 1px solid #C8C8C8;
		clear: both;
		margin: 10px 0;
		overflow: hidden;
		padding: 10px 0;
		text-align: left;
	}
		#galleriffic .pagination a:first-child{ display: none; }

		#galleriffic .pagination span.current {
			background: #e8e8e8;
			color: #000;
			display: inline-block;
			*display: inline;
			*zoom: 1;
			padding: 3px 9px;
			font-weight: normal;
		}

			#galleriffic .pagination a {
				padding: 3px 9px;
				display: inline-block;
				*display: inline;
				*zoom: 1;
				color: #6b6b6b;
			}

			#galleriffic .pagination a:hover {
				color: #000;
				text-decoration: none;
			}

		/* @end */

	/* @end */

	/* @group Slider */

	#content #slider {
		position: relative;
		height: 432px;
		background: #ddd;
		overflow: hidden;
	}

		#content #slider .close {
			position: absolute;
			right: 5px;
			top: 5px;
			background: url('../img/closer.png') no-repeat center center;
			width: 15px;
			height: 15px;
			font-size: 0;
			color: transparent;
		}

		#content #slider h5 {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}

		#content #slider .stage {
			position: relative;
			overflow: hidden;
		}


			#content #slider .stage img {
				width: 630px;
			}

			#content #slider .stage h4 {
				font-size: 14px;
				margin: 0 0 10px 0;
			}

			#content #slider .stage .description {
				position: absolute;
				bottom: 0; left: 0;
				background: #fff;
				padding: 10px 10px 0 10px;
				background: #f6f6f6;
				background: rgba(255,255,255,0.7);
				width: 610px;
				box-shadow: inset 0px 0px 6px #666;
				-webkit-box-shadow: inset 0px 0px 6px #666;
				-moz-box-shadow: inset 0px 0px 6px #666;
			}

		#content #slider .caroufredsel_wrapper {
			width: 630px !important;
			top: -16px !important;
		}

		#content #slider ul {
			padding: 13px 0;

			position: relative;
			overflow: hidden;
		}

		#content #slider ul li {
			float: left;
			list-style: none;
			margin: 2px;
		}

			#content #slider ul li a {
				display: block;
				height: 70px;
				top: -15px;
				padding: 21px 0 0 0;
				position: relative;
				z-index: 1;
				outline: none;
			}

			#content #slider ul li a.active,
			#content #slider ul li a:hover {
				background: url('../img/arr_slider.png') no-repeat center top;
			}


			#content #slider .slide {
				position: absolute;
				left: 2px;
				height: 42px;
				width: 60px;
				background: url('../img/slider_prev.png') no-repeat rgba(0, 0, 0, 0.6) 20% 50%;
				bottom: 15px;
				display: none;
				z-index: 2;
			}

			#content #slider .slide.next {
				background: url('../img/slider_next.png') no-repeat rgba(0, 0, 0, 0.6) 80% 50%;
				left: auto; right: 2px;
			}

		/* @end */



	#content .to-archive {
		border-top: 1px solid #e3e3e3;
		padding: 10px 0;
	}

		#content .to-archive a {
			color: #435e76;
			font-size: 13px;
			font-family: DroidSansBold, sans-serif;
		}

	#content .advertising { padding: 20px 0; 	}

	#content .searchlist h3 { font-size: 20px; }

	.searchlist li {
		list-style: none;
		border-top: 1px solid #C8C8C8;
		padding-bottom: 15px;
	}

	.searchlist.opinion li {
		padding-top: 20px;
	}

	.searchlist li {
		list-style: none;
		border-top: 1px solid #C8C8C8;
		padding-bottom: 15px;
	}

	.searchlist li .content {
		font-family: 'DroidSerif', serif;
		margin-bottom: 10px;
	}

	/* @group  Detail-Seite */


	#content .teasertext {
		font-family: DroidSansBold, sans-serif;
		margin: 20px 0 35px;
		font-size: 16px;
		overflow: hidden;
	}

	#content .detail-content {
		font-size: 16px;
		margin-bottom: 15px;
		font-family: 'DroidSerif', serif;
	}

	#content .detail-content ul,
	#content .detail-content ol { margin: 0 0 13px 15px; }

	#content .more-links {
		background: #f4f4f4;
		padding: 10px 10px;
		width: 160px;
		float: left;
		margin: 0 15px 15px 0;
	}

		#content .more-links h4 {
			font-size: 12px;
			margin: 0 0 10px 0;
		}

		#content .more-links  .field-name-field-link div.field-item {
			list-style: none;
			font-size: 12px;
			padding: 5px 0;
			border-bottom: 1px solid #d1d1d1;
		}

		#content .more-links  li.last,
		#content .more-links  li.views-row-last{
			border-bottom: none;
		}

		/* Comments */

		#comments {
			clear: both;
			margin: 15px 0;
		}

		#comments .topcontent {
			margin: 10px 0;
		}

			#comments .topcontent h3 {
				display: inline-block;
				*display: inline;
				*zoom: 1;
				margin: 0;
			}

			#comments .topcontent span { color: #6b6b6b; }

			#comments .topcontent a {
				float: right;
				margin: 7px 0;
				font-family: DroidSansBold, sans-serif;

			}

		#comments ul.borderlist li {
			border-color: #e5e5e5;
			line-height: 1.5;
		}

		#comments ul.borderlist li.last,
		#comments ul.borderlist li.views-row-last{
			border-bottom: none;
		}

			#comments ul.borderlist li .meta {
				margin-bottom: 10px;
			}

		#comments form {
			border: 1px solid #e5e5e5;
			padding: 20px 27px;
			margin: 15px 0;
			font-size: 13px;
		}

			#comments form .field {
				margin-bottom: 15px;
			}

				#comments form label{
					display: block;
					margin-bottom: 5px;
				}

				#comments form strong { color: #f12222; }

				form input[type=text], form textarea, form input[type=email] {
					background: #f8f8f8;
					width: 260px;
					padding: 5px;
					border: 1px solid #c6c6c6;
					-webkit-box-shadow: inset 0px 2px 6px #E5E5E5;
					-moz-box-shadow: inset 0px 2px 6px #E5E5E5;
					box-shadow: inset 0px 2px 6px #E5E5E5;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
				}

				#print-mail-form .form-item-txt-to-addrs .form-textarea-wrapper textarea {
					width: 72.3%;
				}

				form input[type=text]:focus, form textarea:focus, form input[type=email]:focus {
					outline: none;
					background: #fbfbfb;
				}

				#comments form textarea{ width: 560px; height: 200px; }

	/* @end */

	/* @group Borderlist */
	.borderlist li {
		list-style: none;
		overflow: hidden;
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #d8d5c8;
	}

	.borderlist li.last,
	.borderlist li.views-row-last {
		border-bottom: none;
	}
	/* @end Ü/

	/* @group Positionen */

		.positions.borderlist li {
			border-color: #e5e5e5;
		}

		.positions.borderlist li .image-wrapper {
			float: left;
			margin-right: 10px;
		}

			.positions.borderlist li .image-wrapper  img {
				border: 1px solid #ddd;
				box-shadow: 0px 1px 3px #e5e5e5;
				padding: 2px;
			}

		.positions.borderlist li h4 {
			margin: 0 0 10px 0;
			font-size: 19px;
		}

		.positions.borderlist li .more {
			font-family: DroidSansBold, sans-serif;
		}

	/* @end */

	/* @group Partner */

		.partnerlist {
			overflow: hidden;
			border-bottom: 1px solid #e6e6e6;
			padding: 10px 0 20px;

		}

			.partnerlist li {
				list-style: none;
				float: left;
				width: 18%;
				margin: 0 0.8%;
				height: 100px;
				opacity: 0.6;
			}


			.partnerlist li.active,
			.partnerlist li:hover {
				background: url('../img/partner_bottombg.png') no-repeat bottom left;
				opacity: 1;
			}

				.partnerlist li a {
					display: block;
					border: 1px solid #fff;
				}

				.partnerlist li.active a,
				.partnerlist li:hover a { border: 1px solid #e8e8e8; }



		.partner.tabcontent .top {
			padding: 30px 0 15px;
			background: url('../img/boxshadow.png') repeat-x top left;
		}

			.partner.tabcontent .top h3 {
				margin: 0;
				display: inline-block;
				*display: inline;
				*zoom: 1;
			}

			.partner.tabcontent .top a {
				font-family: DroidSansBold, sans-serif;
				float: right;

			}

		.partner.tabcontent .quote { margin-bottom: 25px; }

		.partner.tabcontent .content {
			font-family: 'DroidSerif', serif;
			font-size: 14px;
		}

			.partner.tabcontent .content p { margin-bottom: 15px; }
	/* @end */

	/* Tabs */
	.tabcontent { display: none; }
	.tabcontent.active { display: block; }

	/* @group content type booklet (magazin) */
	.node-booklet .field-name-field-teasertext .field-item {
		font-family: DroidSansBold, sans-serif;
		margin-bottom:10px;
		margin-top:10px;
	}

	.node-booklet .field-name-field-date-booklet {
		font-size: 16px;
		font-family: DroidSansBold, sans-serif;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.active-magazine .buch-info {
		font-size: 12px;
		color: #8d8d8d;
		margin: 0 0 8px;
	}

	.active-magazine .buch-format-preis {
		font-family: DroidSansBold, sans-serif;
		color: #27586f;
		font-size: 17px;
		margin: 0 0 20px;
	}

	.active-magazine .buch-info div,
	.active-magazine .buch-format-preis div {
		display:inline;
	}



	/* @group Archive */

		.magazine-slider {
			float: left;
			position: relative;
			text-align: center;
			font-size: 12px;
			color: #8d8d8d;
			width: 165px;
			height: 840px;
		}

			.magazine-slider > .view-content {
				background: url('../img/archive_slider_bg_full.png') no-repeat;
			}

			.magazine-slider .jcarousel-container-vertical {
				padding: 30px 0px;
				position: relative;
			}

				.magazine-slider .jcarousel-clip-vertical {
					width: 165px;
					height: 780px;
					overflow: hidden;
				}

					.magazine-slider ul {
						margin: 0;
						padding: 0;
					}

						.magazine-slider li {
							list-style: none;
							text-align: left;
							width: 110px;
							height: 175px;
							padding: 14px 35px 14px 20px;
							color: #969696;
						}

						.magazine-slider li:hover,
						.magazine-slider li:focus {
							background: url('../img/archive_slider_hover.png') no-repeat;
						}

						.magazine-slider li.active {
							background: url('../img/archive_slider_active.png') no-repeat;
						}

							.magazine-slider li a {
								display: block;
							}

								.magazine-slider li img {
									display: block;
									margin: 0 auto 5px;
								}

								.magazine-slider li p {
									margin: 0;
								}

				.magazine-slider .jcarousel-prev-disabled-vertical,
				.magazine-slider .jcarousel-next-disabled-vertical {
					opacity: .2;
				}

				.magazine-slider .jcarousel-prev-vertical,
				.magazine-slider .jcarousel-next-vertical {
					width: 150px;
					height: 20px;
					position: absolute;
					left: 0;
					z-index: 10;
					color: transparent;
					font-size: 0;
					line-height: 0;
				}

				.magazine-slider .jcarousel-prev-vertical {
					top: 0;
					background: url('../img/archive_slider_top.png') no-repeat center center;
				}

				.magazine-slider .jcarousel-next-vertical {
					background: url('../img/archive_slider_bottom.png') no-repeat center center;
					bottom: 0;
				}



		.active-magazine {
			float: right;
			width: 80%;
			font-size: 16px;
		}


			.active-magazine .abonnement {
				padding-top: 15px;
				border-top: 1px solid #E3E3E3;
				margin-top: 20px;
				clear: both;
				background-position: 0 20px;
			}

			.active-magazine .meta { margin-bottom: 15px; }

			.active-magazine .magimgs {
				overflow: hidden;
				margin: 0 0 20px;
				position: relative;
			}

			.active-magazine .magimgs.image .field-name-field-pdf-toc {
				bottom: 0;
				left: 270px;
				position: absolute;
			}

			.active-magazine h3 {
				margin-bottom: 16px;
				font-family: 'DroidSerif', serif;
				font-weight: normal;
				font-size: 36px;
				clear: both;
			}

			.active-magazine p { font-family: 'DroidSerif', serif; 	}

			.active-magazine li,
			.similar-article li {
				list-style: none;
				font-family: DroidSansBold, sans-serif;
				font-size: 16px;
				color: #000;
				padding-left: 15px;
				background: url('../img/raquo_blue.png') no-repeat 0 8px;
			}

			.similar-article li {
				margin: 0 0 10px 0;
				border-bottom: 1px solid #D1D1D1;
				padding-bottom: 10px;
			}

			.similar-article li.last,
			.similar-article li.views-row-last {
				border: none;
				margin: 0;
				padding-bottom: 0;
			}

			.similar-article li a {
				color: #000;
				font-size: 13px;
			}

	/* @end */

	/* @group Article Archive */

		/* @group Filter on Article Archive */

		/* zu finden auf der Archiv-Seite: [domain.tld]/archiv */
		#block-views-exp-topteaser-page-2,
		#block-views-exp-topteaser-archiv-opinion {
			background: #f9f9f9;
			border-top: 1px solid #e3e3e3;
			margin: 0 0 30px;
			padding: 10px;
		}

		/* @end Filter on Article Archive */

	.article-archive .searchlist li {
		overflow: hidden;
		margin: 0 0 15px;
	}

	.article-archive .searchlist li:last-child {
		margin: 0;
	}

		.article-archive .searchlist li > .category {
			margin: 0 0 20px;
		}

		.article-archive .item-content-wrapper {
			overflow: hidden;
		}

			.article-archive .item-content-wrapper .image {
				float: left;
				width: 190px;
			}

			.article-archive .item-content-wrapper .content {
				margin: 0;
			}

			.article-archive .item-content-wrapper > .image + .content {
				float: right;
				width: 440px;
			}

				.article-archive h2 {
					font-size: 20px;
					line-height: 1.5;
					margin: 0 0 10px;
				}

	/* @end Article Archive */


	/* @group Pagination */
	.item-list .pager {
		border-top: 1px solid #C8C8C8;
		clear: both;
		margin: 10px 0;
		overflow: hidden;
		padding: 10px 0;
		text-align: left;
	}

		.item-list .pager li {
			border: 0 none;
			float: left;
			list-style: none;
			margin: 0 5px 0 0;
			font-size: 12px;
			padding: 0px;
		}

		.item-list .pager li.pager-current {
			background: #e8e8e8;
	 		color: #000;
			padding: 3px 9px;
			font-weight: normal;
		}

			.item-list .pager li a {
				padding: 3px 9px;
				display: block;
				color: #6b6b6b;
			}

			.item-list .pager li a:hover {
				color: #000;
				text-decoration: none;
			}

		.item-list .pager .more {
			float: right;
			border: none;
			padding: 0 ;
			font-family: DroidSansBold, sans-serif;
		}
		/* @end */


	/* @end */

/* @group Sidebar */


.real-content-wrapper {
  position: relative;
}

#sd {
	float: right;
	width: 300px;
}

.start.image #sd {
   position: absolute;
    right: 0;
    top: 395px;
}

.toolbar-drawer .start.image #sd { top: 425px; }

	#sd .block {
		position: relative;
		margin-bottom: 26px;
		background: #e8e8e8;
	}

		#sd .block .content {
			overflow: hidden;
			clear: both;
			padding: 45px 20px 20px;
		}

		#sd .block blockquote {
			font-size: 22px;
			margin: 20px 0;
		}

		#sd .block h3 { font-size: 18px; }

		#sd .block h4 {
			position: absolute;
			top: 0;
			left: 0;
			margin: 0;
			line-height: 1;
			padding: 7px 7px 5px;
			text-transform: uppercase;
			color: #fff;
			background: #464646;
			font-family: 'DroidSans', sans-serif;
		}

		#sd .block .more {
			display: block;
			margin: 15px 0 0;
			font-family: DroidSansBold, sans-serif;
			font-size: 13px;
		}

	/* @group Quote-Block */

	#sd .block.quote { background: #b199bd; color: #fff; }
		#sd .block.quote h4 { background: #805893; }

		#sd .block.quote .image-wrapper img {
			padding: 4px;
			background: #fff;
			display: block;
			float: left;
		}

		#sd .block.quote .fl-right { width: 58%; }

		#sd .block.quote blockquote {
			font-weight: normal;
			font-size: 19px;
			line-height: 1.6;
			margin: 5px 0;
		}

		#sd .block.quote .author {
			font-size: 12px;
			color: #e8e8e8;
		}

	/* @end */


	/* Magazine Block */
	#sd .block.magazine { background: #e8e8e8; }
		#sd .magazine h4 { background: #464646; }

		#sd .magazine .meta { margin-bottom: 5px; }

		#sd .magazine .info {
			margin: 10px 0;
			border-bottom: 1px solid #c8c8c8;
			padding: 0 0 10px;
		}

			#sd .magazine .info h3 {
				margin: 0 0 5px;
			}

		#sd .magazine a  {
			font-size: 13px;
			font-family: DroidSansBold, sans-serif;
		}

		a.abonnement {
			font-size: 13px;
			font-family: DroidSansBold, sans-serif;
			padding-left: 55px;
			display: inline-block;
			background: url('../img/abonnieren.png') no-repeat left center;
			color: #000;
			text-decoration: none;
		}

		.lt-ie8 a.abonnement {
			display: inline;
			zoom: 1;
		}

		a.abonnement:hover,
		a.abonnement:focus { text-decoration: underline; }

		a.abonnement span {
			display: block;
			color: #435E76;
		}


	#sd .block.co2 .content {
		padding-top: 10px;
	}

	#sd .block.events { background: #f4f2ef; }
	// .start #sd .block.events { background: #f4f2ef; margin-top: 390px; }
		#sd .block.events h4 { background: #b2ab92; }

	#sd .block.advertising {
		padding: 0;
		background: transparent;
	}

	#sd .block.advertising .content {
		padding: 0;
	}

		.advertising h5 {
			font-size: 10px;
			color: #8d8d8d;
			text-transform: uppercase;
			margin: 0 0 5px 0;
			font-family: 'DroidSans', sans-serif;
		}

	#sd .block.partner .content { text-align: center; }


	/* @group Social-Media Block */

	#sd .socialmedia {
		overflow: hidden;
		text-align: center;
	}
		#sd .socialmedia li {
			display: inline-block;
			*display: inline;
			*zoom: 1;
			list-style: none;
			width: 25%;
		}
			#sd .socialmedia li a {
				display: block;
				text-align: center;
				font-size: 12px;
				color: #8d8d8d;
				background: url('../img/sm_sprite.png') no-repeat;
				padding: 40px 0 0 0;
			}

			#sd .socialmedia li a:hover { color: #000; text-decoration: none; }
			#sd .socialmedia li a.twitter { background-position: 12px 0; }
			#sd .socialmedia li a.twitter:hover { background-position: 12px -67px; }
			#sd .socialmedia li a.facebook { background-position: -65px 0; }
			#sd .socialmedia li a.facebook:hover { background-position: -65px -65px; }
			#sd .socialmedia li a.google { background-position: -145px 0; }
			#sd .socialmedia li a.google:hover { background-position: -145px -65px; }
			#sd .socialmedia li a.rss { background-position: -209px 0; }
			#sd .socialmedia li a.rss:hover { background-position: -209px -65px; }

	/* @end */

	/* @group Termine */

			#sd .events .borderlist li.last,
			#sd .events .borderlist li.views-row-last {
				border-bottom: 1px solid #D8D5C8;
			}

			#sd .events .borderlist li strong {
				display: block;
				font-family: DroidSansBold, sans-serif;
				margin: 0 0 15px 0;
				font-size: 14px;
			}

			#sd .events .borderlist li p {
				font-family: 'DroidSerif', serif;
				margin: 0 0 10px 0;
				font-size: 14px;
			}

	.eventlist li {
		list-style: none;
		overflow: hidden;
		margin: 0 0 20px;
		padding: 0;
		border-top: 1px solid #C8C8C8;
	}

	#sd .eventlist li {
		margin: 0 0 20px 0;
		padding:0 0 10px 0;
		border-top: 0 none;
		border-bottom: 1px solid #d8d5c8;
	}

	.eventlist li.last {
		border: none;
	}

		#sd .eventlist li div.meta {
			margin: 0 0 10px 0;
			padding: 0;
		}

		.eventlist li strong {
			display: block;
			margin: 0 0 10px 0;
		}

		/* Wenn es kein .category gibt, dass für einen Abstand vom Rahmen zum Inhalt sorgt, erhält das div ein Padding-Top */
		.eventlist li > div {
			padding: 20px 0 0;
		}

		.eventlist li .has-category {
			padding: 0;
		}

			.eventlist li .category {
				margin: 0 0 20px;
			}

			.eventlist li .event-wrapper {
				overflow: hidden;
				font-size: 14px;
			}

				.eventlist .event-info {
					float: left;
					width: 410px;
				}

					.eventlist .event-info strong {
						margin-bottom: 15px;
						display: block;
					}

					.eventlist .event-info p {  font-family: 'DroidSerif', serif; }

				.eventlist .contact-info {
					float: right;
					width: 206px;
					font-size: 12px;
				}

					.eventlist .contact-info p { margin-bottom: 2px; }

	/* @end Termine */

	/* @group Jobs */

	.row-1-4 {
		overflow: hidden;
	}

	.row-1-4 .first {
		width: 14.5%;
		float: left;
		margin-right: 15px;
	}
	.row-1-4 .last {
		width: 83%;
		float: right;
	}

	.node-company .row-1-4 .first { width: 23%; }
	.node-company .row-1-4 .last { width: 74.5%; }

	.lists h3 {
		background: none no-repeat scroll 0 0 #FFFFFF;
		display: block;
		font-family: 'DroidSans',sans-serif;
		font-size: 12px;
		font-weight: normal;
		margin: -9px 0 0;
		padding: 0 5px 0 0;
		position: absolute;
		text-transform: uppercase;
	}

	.lists li,
	.node-job .header,
	.node-company .header{
		list-style: none;
		overflow: hidden;
		margin: 0 0 20px 0;
		padding: 20px 0 0 0;
		border-top: 1px solid #C8C8C8;
	}

	.view-companys.lists { padding: 10px 0 0 0; }

	.view-companys.lists ul { margin: 0 0 50px 0; }

	.view-companys.lists ul li {
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		border-top: 0 none;
		border-bottom: 1px solid #e3e3e3;
	}

	.view-companys.lists ul li.views-row-last {
		border: 0 none;
		padding: 0;
	}

	.view-companys.lists ul li.views-row-first,
	.view-companys.lists ul li.views-row-first.views-row-last {
		border-top: 1px solid #C8C8C8;
		padding: 20px 0 20px 0;
	}

	.view-filters {
		background: none repeat scroll 0 0 #F9F9F9;
		border-top: 1px solid #E3E3E3;
		margin: 0 0 30px;
		padding: 10px;
	}

	.views-exposed-form .views-exposed-widgets {
		margin: 0;
	}

	.views-exposed-form .views-exposed-widgets .views-exposed-widget {
		float: none;
		padding: 0;
	}

	.views-exposed-form .views-exposed-widgets .views-exposed-widget label {
		float: left;
		margin-right: 5px;
	}

	.lists li img,
	.node-job .header img,
	.node-company .header img { border: 1px solid #ececec; }

	.lists li p,
	.node-job .header p,
	.node-company .header p {
		font-family: 'DroidSerif', serif;
		font-size: 18px;
		margin: 0;
	}

	.node-job .header p,
	.node-company .header p { font-weight: bold; }

	/* @end Jobs */

		/* @group calendar */

		#block-views-calendar-modified-block-1 .contextual-links-wrapper { right: 35px; }

		#block-views-calendar-modified-block-1.block .content { padding: 0; }

		.calendar-calendar .month-view table {
			border: 1px solid #D8D5C8;
			margin: 0;
			padding: 0;
			width: 100%;
		}

		.calendar-calendar table.mini tbody { border: 0 none; }

		.calendar-calendar table.mini th,
		.calendar-calendar table.mini td {
			text-align: center;
		}

		.calendar-calendar table.mini tr {
			background-color: #fff;
			margin: 0;
			padding: 0;
		}

		.calendar-calendar table.mini th.days {
			background-color: #D8D5C8;
			border: 0 none;
			color: #545251;
			font-weight: normal;
			padding: 5px;
		}

		.calendar-calendar table.mini td.mini {
			border: 1px solid #D8D5C8;
			color: #222222;
			padding: 5px;
		}

		.calendar-calendar table.mini tr td.today,
		.calendar-calendar table.mini tr.odd td.today,
		.calendar-calendar table.mini tr.even td.today {
			background-color: #ffffff;
		}

		.calendar-calendar table.mini tr td.selected,
		.calendar-calendar table.mini tr.odd td.selected,
		.calendar-calendar table.mini tr.even td.selected {
			background-color: #D8D5C8;
		}

		.calendar-calendar table.mini tr td.has-events,
		.calendar-calendar table.mini tr.odd td.has-events,
		.calendar-calendar table.mini tr.even td.has-events {
			background-color: #F4F2EF;
		}

		.calendar-calendar table.mini td.mini a {
			font-weight: normal;
			text-decoration: none;
		}

		.calendar-calendar table.mini td.mini a:hover { text-decoration: underline !important; }

		.calendar-calendar div.date-nav { overflow: hidden; }

		.calendar-calendar div.date-nav {
			background-color: #B2AB92;
			border: 0 none;
			color: #FFFFFF;
			padding: 0;
			width: auto;
		}

		.calendar-calendar div.date-nav a {
			color: #fff;
			font-size: 20px;
		}
		.calendar-calendar div.date-nav h3 {
			color: #fff;
			font-size: 14px !important;
			font-family: 'DroidSans',sans-serif;
			font-weight: normal;
			text-transform: uppercase;
		}

		.calendar-calendar div.date-nav div.date-prev {
			float: left;
			text-align: center;
			width: 15%;
		}

		.calendar-calendar div.date-nav div.date-heading {
			float: left;
			text-align: center;
			padding: 4px 0;
			width: 70%;
		}

		.calendar-calendar div.date-nav div.date-next {
			float: right;
			text-align: center;
			width: 15%;
		}

		/* @end */

	/* @end */

/* @end */

/* @group Blocks */

.node-block .field-name-field-nodereference-image { margin: 0 0 10px 0; }

/* @group Footer */

#footer {
	background: #e8e8e8;
	padding: 20px;
	clear: both;
	margin-top: 50px;
	font-size: 12px;
	position: relative;
}

	#footer .address { line-height: 1.8; }
		#footer .address a { color: #435e76; }
		#footer .address h4 { margin: 0 0 5px 0; }


	#footer .to-top {
		background: url('../img/to-top.png') no-repeat right top;
		width: 36px;
		height: 31px;
		position: absolute;
		right: 15px;
		top: 15px;
		color: transparent;
		font-size: 0;
	}

	#footer .nav.main a {
		color: #000;
		font-size: 14px;
		font-family: 'DroidSans', sans-serif;
		font-weight: normal;
		margin: 0 0 5px 0;
		padding: 0;
	}

	#footer .nav.main .sub { background-color: transparent !important;}

	#footer .nav.main {
		float: left;
		width: 75%;
		margin-right: 2%;
		min-height: 120px;
	}

		#footer .nav.main li {
			float: left;
			width: 16.6%;
		}

			#footer .nav.main li ul li {
				float: none;
				clear: both;
				display: block;
				width: 100%;
			}

				#footer .nav.main li ul li a {
					color: #000;
					display: block;
					padding: 2px 0;
					font-size: 12px;
					margin: 0;
				}

	#footer .info {
		clear: both;
		margin: 20px 0 0 0;
		padding: 15px 0;
		border-top: 1px solid #bbb;
		color: #737373;
	}

		#footer .info p { padding: 5px 0; }

		#footer .meta {
			float: left;
			margin-right: 20px;
		}

		#footer .meta li,
		#footer .socialmedia li{
			display: inline;
			float: left;
			list-style: none outside none;
			margin: 0;
			padding: 0;
		}

		#footer .meta li a {
			display: block;
			font-weight: 400;
			padding: 4px 10px;
		}

		#footer .nav.socialmedia { float: right; }

			#footer  .socialmedia li a {
				background: url('../img/sm_sprite_small.png') no-repeat;
				color: transparent;
				display: block;
				font-size: 0;
				height: 20px;
				padding: 0;
				width: 21px;
			}

			#footer .socialmedia li a.twitter { background-position: 3px 3px; }
			#footer .socialmedia li a.twitter:hover { background-position: 3px -31px; }

			#footer .socialmedia li a.facebook { background-position: -36px 3px; }
			#footer .socialmedia li a.facebook:hover { background-position: -36px -29px; }

			#footer .socialmedia li a.google { background-position: -77px 3px; }
			#footer .socialmedia li a.google:hover { background-position: -77px -29px; }

			#footer .socialmedia li a.rss { background-position: -109px 3px; }
			#footer .socialmedia li a.rss:hover { background-position: -109px -29px; }

/* @end */



/* @group Helper */

.infobox {
	background-color: #D8D5C8;
    padding: 5px 10px;
}

.infobox .info {
	background: transparent url("../img/icon-info.png") no-repeat left center;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 11px;
	padding: 0 0 0 18px;
}

.grid {
	clear: both;
	overflow: hidden;
	margin: 15px 0;
}

	.grid .cell {
		float: left;
	}

	.grid .cell.last {
		float: right;
		margin-right: 0;
	}

	.grid-2 .cell {
		width: 48%;
		margin-right: 3.9%;
	}

.fl-left { float: left; }

.fl-right { float: right; }

div.linklist {
  border-top: 1px solid #E0E1E2;
  margin: 5px 0 0 0;
  padding: 5px 0 0 0;
}

div.linklist ul {
	list-style: none;
}

ul.linklist {
	margin: 0 0 0 20px;
	padding: 0 0 20px 0;
	list-style: none;
}

	.linklist li {
		padding-left: 13px;
		background: url('../img/linklist.png') no-repeat 0 9px;
	}

		.linklist li a {
			font-family: DroidSansBold, sans-serif;
			font-weight: normal;
			color: #000;
			font-size: 12px;
		}

    .topteaser .linklist li a {
      font-size: 14px;
    }

.image-wrapper {
	position: relative;
	margin-bottom: 10px;
	min-height: 28px;
}

	.image-wrapper .category {
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.image-wrapper.source-caption .category {
		bottom: auto;
		top: 302px;
	}

.maincontent .image img { margin: 0 0 5px 0; }

.maincontent .image .source {
	color: #8D8D8D;
    font-family: 'DroidSans',sans-serif;
    font-size: 10px;
	text-align: right;
	margin: 0;
}

.maincontent .image .caption {
    font-family: 'DroidSans',sans-serif;
    font-size: 12px;
	margin: 0 0 1em 0;
}

.rotated-image-border {
	display: inline-block !important;
	*display: inline !important;
	*zoom: 1 !important;
}

.rotated-image-border img {
	position: relative;
	z-index: 1;
}

.rotated-image-border .bg {
	background: #9875a3;
	-moz-transform:rotate(10deg); /* Firefox 3.6 Firefox 4 */
	-webkit-transform:rotate(10deg); /* Safari */
	-o-transform:rotate(10deg); /* Opera */
	-ms-transform:rotate(10deg); /* IE9 */
	transform:rotate(10deg); /* W3C */
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 0;
}


.author-wrapper .image {
	float: left;
	padding: 0 25px 0 0;
}

.meta,
.isbn {
	color: #969696;
	font-size: 12px;
	overflow: hidden;
}

	.meta .date { float: right; }

	.meta a { color: #969696; }

	.meta .comments {
		background: url('../img/icon_comments.png') no-repeat center left;
		padding-left: 20px;
		padding: 5px 5px 5px 18px;
		margin-left: 6px;
		color: #8d8d8d;
	}

	.meta.line {
		overflow: hidden;
		background: url('../img/fading_line.png') no-repeat top right;
		padding: 12px 0 0;
	}

	.node-company .meta.line,
	.node-job .meta.line{ padding: 12px 0; }

	.print_html, .print_mail, .print_pdf {
		margin: 0;
	}

	.meta .links .comments,
	.meta .links .mail,
	.meta .links .print {
		background: url('../img/meta_links.png') no-repeat;
		font-size: 0;
		color: transparent;
		height: 20px;
		width: 25px;
		float: left;
		display: block;
		margin: 0 0 0 6px;
	}

	.meta .links .mail { background-position: -40px 0; }
	.meta .links .print { background-position: -76px -2px; }
	.meta .links .comments {
		color: #27586F;
		font-size: 12px;
		font-family: DroidSansBold, sans-serif;
		padding: 5px 0 0 25px;
		width: 16px;
	}

	.meta .links {
		float: right;
	}

/* @group Category */

.category {
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0;
	line-height: 1;
	font-family: 'DroidSans', sans-serif;
	padding: 8px 10px 6px;
	background: #55647d;
	font-weight: normal;
}

/* Politics */
.category.politics,
.category-politics h5  { background: #72858d; }

.category-politics { background: #f2f4f5; }

/* Science */
.category.science,
.category-science h5 { background: #b5c50d; }
.category-science { background: #f7f9e5; }


/* Economy */
.category.economy,
.category-economy h5  { background: #0092b0; }
.category-economy { background: #e5f4f7; }

/* People */
.category.people,
.category-people h5   { background: #9e0923; }
.category-people { background: #f5e6e9; }

/* Opinion */
.category.opinion { background: #7d5591; }
.category-opinion {	background: #f2eef4; }
.category-opinion .content {
	padding-left:10px;
	padding-right: 10px;
}

/* Service */
.category.service { background: #e3cc86; }

.category.termine {
	background: #b2ab92;
	font-size: 15px;
	margin-bottom: 20px;
}

/* @end */

/* @group adress */

.field-type-addressfield {
    background: transparent url("../img/fading_line.png") no-repeat right top;
    color: #969696;
    font-size: 14px;
    margin: 25px 0 0;
    overflow: hidden;
    padding: 20px 0 0;
}

.field-type-addressfield .organisation-name { font-weight: bold; }

.field-type-addressfield .thoroughfare:after { content: ","; }

.contact {
	color: #969696;
    font-size: 14px;
    overflow: hidden;
    margin: 10px 0 0;
}

.contact p { margin: 0; }

/* @end */

/* @group files */

.file img { display: none; }

.file a {
	background: transparent url("../img/arrows.png") no-repeat 0 8px;
    color: #464646;
    display: block;
    font-family: DroidSansBold, sans-serif;
    padding: 0 0 0 15px;
}

/* @end */

/* @group links */

.list-links li {
	border-bottom: 1px solid #D8D5C8;
	font-size: 14px;
    list-style: none outside none;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 15px;
}

.list-links li a {
	background: transparent url("../img/arrows.png") no-repeat 0 6px;
    color: #464646;
    display: block;
    font-family: DroidSansBold, sans-serif;
    padding: 0 0 0 15px;
}

.list-links li.views-row-last {
	margin: 0;
	padding: 0;
	border: 0 none;
}

/* @end */

ul.nav {
	margin: 0;
	padding: 0;
}

ul.nav li {
	display: inline-block;
	list-style: none outside none;
	*display: inline;
	*zoom: 1;
}

ul.nav li a {
	display: block;
	font-weight: 400;

}

.meta.navigation li a {
	font-size: 125%;
}

.button {
	color: #fff;
	background: #33667f;
	border: 1px solid #244e61;
	font-size: 14px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 7px 10px;
	font-family: DroidSansBold, sans-serif;
	box-shadow: inset 0 0 4px #8fb2c3;
}

/*  @end */


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

ul.borderlist li ul li {
	border: none;
}

.webform-container-inline label {
	display: block;
	width: 200px;
	float: left;
}

#edit-submitted-rechnungsadresse-e-mail {
	width: 260px;
}

.view-id-magazin.view-display-id-page_1 .views-row {
	margin-top: 20px;
}

.view-id-magazin.view-display-id-page_1 .views-row-odd {
	float: left;
}

.view-id-magazin.view-display-id-page_1 .views-row-even {
	float: right;
}

.region-ads-fullbanner {
	clear:both;
	// margin-top: 120px;
}

.abonnement {
	margin-top: 10px;
}

.node-booklet .field-name-field-nodereference-image {
	display:inline;
	float:left;
	margin-right: 10px;
}

.region-content-bottom .cell.view-themenblock .content {
  min-height:160px;
}

/* pager */

element.style {
    padding-top: 30px;
}
html body.admin-menu {
    margin-top: 29px !important;
}
html.overlay-open, html.overlay-open body {
    height: 100%;
    overflow: hidden;
}
body.toolbar-drawer {
    padding-top: 5.3em;
}
body.admin-menu {
    margin-top: 20px !important;
}
body, html {
    font-family: 'DroidSans',sans-serif;
    font-size: 13px;
    font-weight: 400;
}
body {
    font-size: 1em;
    line-height: 1.4;
}
body {
    margin: 0;
}
body, html {
    font-family: 'DroidSans',sans-serif;
    font-size: 13px;
    font-weight: 400;
}
html, button, input, select, textarea {
    color: #222222;
}
html, button, input, select, textarea {
    font-family: sans-serif;
}
html {
    font-size: 100%;
}

#sd blockquote a, blockquote a:visited {
  color:#ffffff;
}

#content-wrapper #sd blockquote a:hover {
  color: #E8E8E8;
}

.magimgs .field-name-field-nodereference-image {
	float: left;
	margin-right:10px;
}

.region-content blockquote, #content blockquote {
	color: #435E76;
}

.region-content blockquote a:visited, #content blockquote a:visited{
	color: #435E76;
}

.category-opinion .meta {
	padding-bottom: 10px;
}
.view-themenblock.category-opinion .meta {
	padding-bottom: 0;
}

.opinion-page .category-opinion {
	background: none;
}

#content {
	min-heigth:1000px;
}

.video_overlay > #cboxLoadedContent {
  margin-bottom: 0 !important;
}
/* .video_overlay:after {
    background: url("../img/play_button-overlay.png") no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
} */

.video_overlay {
   position: absolute;
   display: block;
   background: url("../img/play_button-overlay.png");
   height: 40px;
   width: 40px;
   top: 50%;
   left: 50%;
   margin: -20px 0 0 -20px;
}


/*
.playButton {
  opacity: 0;
  position: absolute; z-index: 1;
  top: 0;
  width: 192px; height: 109px;
  background-image: url("../img/play_button-overlay.png");
  background-size: 50px 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: black;
} */

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    /*a,
    a:visited {
        text-decoration: underline;
    }*/

    a[href]:after {
       content: " (" attr(href) ")";
        content: "";
    }

    #header a[href]:after {
    	 content: "";
    }

    abbr[title]:after {
        content: " (" attr(href) ")";
        content: "";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
