* {}
* {
    margin: 0;
    padding: 0;
}
li {
	list-style: none;
}

fieldset {
    border: 0 solid #fff;
}
del {
    font-weight: normal;
}
address {
    font-size: 120%;
    font-style: normal;
}
img {
	display: block;
	border: 0;
}
form textarea {
	height: 140px;
	font-family: arial, helvetica, sans-serif;
	font-size: 120%;
}
h1, h2, h3, h4, h5, h6, table, input, textarea, label {
	font-size: 100%;
}
.print-info {
	display: none;
}
.img-mod-2:before,
.img-mod-2:after,
.input-button:before,
.input-button:after {
	content: ".";
	height: 1px;
	visibility: hidden;
    display: block;
    clear: both;
}

.border-radius-corner-reset {
	padding: 0 !important;
	background-image: none !important;
}
html > body .chart-labels,
html > body #quickentry,
html > body #charts,
html > body .bar-colum,
html > body form.special-search {
	background-color: transparent;
}
body { /* font: default 16px to 10px */
    font: 62.5% arial, helvetica, sans-serif;
	background: #eaeaea;
	color: #000;
}

h1,
.js-on #charts table.chart {
	display: block;
	position: absolute;
	left: -9999em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.gallery .long-description,
#nav span,
.aural,
h6,
#site-tools h4,
#nav-global span,
.search-constrain dt span,
.ui-helper-hidden-accessible {
	display: block;
	position: absolute !important;
	left: -9999em !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}
a.target {
	background: none !important;
	padding: 0 !important;
	border: none !important;
}
a.activate-table,
a.skip { 
	display: block;
	position: absolute;
	z-index: 999;
	left: -9999em;
	top: -999px;
	font-size: 150%;
}
a.skip:focus,
a.skip:active {
	top: 2px;
	left: 100px;
}
a.activate-table:focus,
a.activate-table:active {
	top: 2px;
	left: 0;
	width: 240px;
	background: #000;
	font-size: 120%;
}
/* underline */
#nav-meta a:hover,
#nav-meta ul a:focus,
#nav-meta ul a:active,

#nav a:hover,
#nav a:focus,
#nav a:active,

#siteinfo a:hover,
#siteinfo a:focus,
#siteinfo a:active,

.top a:hover,
.top a:focus,
.top a:active,

.links a:hover,
.links a:focus,
.links a:active,

.link a:hover,
.link a:focus,
.link a:active,

a.link:hover,
a.link:focus,
a.link:active {
	text-decoration: underline;
	border: none;
}
/* END common */

/* structure */
#wrapper {
	margin: auto;
	padding: 3px 20px;
	width: 940px;
	background: #fff;
}
#nav-meta-wrapper {
	overflow: hidden;
	margin: 5px 0 20px;
	height: 1%;
}
#nav-meta {
	float: right;
	font-size: 110%;
}
#nav-meta ul{
	float: left;
	margin-right: 10px;
}
#nav-meta li {
	float: left;
	padding: 1px 2px;
}
#nav-meta li.nav-lang {
	margin-right: 10px;
}
#nav-meta li a {
	display: block;
	border: none;
	padding: 2px 5px;
	font-weight: normal;
	color: #777;
	background: none;
}
#nav-meta .fontsizer a {
	padding: 0;
	width: 18px;
	height: 18px;
	background: url(../img/sprites.png) 0 -890px;
	text-indent: -999em;	
}
#nav-meta .fontsizer .big-fontsize {
	background-position: 0 -920px;
}
#nav-meta .fontsizer .huge-fontsize {
	background-position: 0 -950px;
}
#nav-meta .fontsizer a:hover,
#nav-meta .fontsizer a:focus,
#nav-meta .fontsizer a:active,
#nav-meta .fontsizer .active a {
	background-position: -33px -890px;
}
#nav-meta .fontsizer .big-fontsize:hover,
#nav-meta .fontsizer .big-fontsize:active,
#nav-meta .fontsizer .big-fontsize:focus,
#nav-meta .fontsizer .active .big-fontsize {
	background-position: -33px -920px;
}
#nav-meta .fontsizer .huge-fontsize:hover,
#nav-meta .fontsizer .huge-fontsize:focus,
#nav-meta .fontsizer .huge-fontsize:active,
#nav-meta .fontsizer .active .huge-fontsize {
	background-position: -33px -950px;
}
/* Suche */
#nav-meta .search {
	float: left;
}
#nav-meta label {
	color: #777;
}

#nav-meta .input-button .submit {
	width: 15px;
	height: 1.1em;
	background: transparent url(../img/sprites.png) 0 -544px no-repeat;
}
#nav-meta .input-button .submit:focus,
#nav-meta .input-button .submit:hover {
	background-position: -37px -544px;
}
#nav-meta .input-button .text {
	padding: .09em;
	padding-right: 20px;
	width: 100px;
	height: 1.3em;
	font-size: 100%;
}

#search:focus,
#search:active {
	color: #000;
}



/* nav global */
a.logo {
	float: left;
	border: none;
	padding-left: 0;
	background: none;
	font-weight: normal;
	background: none;
}

a.logo img {
	margin: -2px 0 0 -2px;
	border: 2px solid #fff;
}
.diw-logo  {
	position: absolute;
	right: 0;
	top: 20px;
	padding: 7px;
	background: #fff;
	text-decoration: none;
	border: none;
}
.diw-logo img {
	border: none;
	text-decoration: none;
}
.graduate-center-logo  {
	position: absolute;
	left: 0;
	top: 20px;
	padding: 10px;
	background: #fff;
	text-decoration: none;
	border: none;
}
.graduate-center-logo img {
	border: none;
	text-decoration: none;
}

#nav-global {
	overflow: hidden;
	float: right;
	width: 77em;
	max-width: 930px;
	height: 1%;
}

#nav-global ul {
	float: right;
	margin: 5px -5px 10px 5px;
	font-size: 130%;
}

#nav-global li {
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
	width: 10em;
	background: none;
}

#nav-global a,
#nav-global strong {
	display: block;
	padding: 1px 5px;
	border: none;
	border-left: 2px solid #00786b;
	height: 2.5em;
	background: #fff; 
	color: #000;
}

#nav-global a:hover,
#nav-global a:focus,
#nav-global a:active,
#nav-global a.in,
#nav-global strong {
	text-decoration: none;
	background: #00786b;
	color: #fff;
}

/* Branding */
.layout-promo #branding {
	height: 36.5em;
}
#branding {
	position: relative;
	clear: both;
	overflow: hidden;
	height: 266px;
	background: #d9d9d9 url(../img/mood_start.jpg) 0 0 no-repeat;
}

.alt-style #branding {
	height: 266px !important;
	background-color: #9e1310;
	background-image: url(../img/soep-branding.jpg);
}

/* Branding Extensions */
.js-on #atrium {
	position: absolute;
	left: 170px;
	padding: 20px;
	width: 460px;
	background-color: #fff;
	
	font-size: 120%;
}
.js-on #atrium {
	background: #fff;
}
html.js-on > body #atrium {
	background: transparent url(../img/atrium.png) 0 0;
}
.atrium h1,
#atrium h1 {
	font-size: 180%;
	position: static;
	width: auto;
	height: auto;
}
.atrium {
	position: absolute;
	left: 30px;
	bottom: 20px;
	width: 460px;
	color: #fff;
	font-size: 120%;
}
#quickentry {
	position: absolute;
	bottom: 0;
	left: 10px;
	padding: 0 0 5px;
	width: 400px; /*396px;*/
	height: 29em;
	background: #2E2E2E url(../img/branding-gradient.png) 0 2.5em;
	font-size: 120%;
}

#quickentry li {
	height: 1%;
}
#quickentry h4 {
	margin: 0;
}
#quickentry h5 {
	margin: 0 0 10px;
	border: none;
	padding: 0;
	cursor: pointer;
	background: url(../img/quickentry-labels.png);
}
#quickentry h5:hover,
#quickentry .qegroup-active h5 {
	background: url(../img/branding-gradient.png) 0 0;
}
#quickentry h5 span {
	display: block;
	margin: 0;
	padding: .5em 10px .5em 30px;
	font-size: 77.7778%;
	color: #fff;
	background: url(../img/quickentry-icons.png) no-repeat 10px -90px;
}
#quickentry .qegroup-active h5 span {
	background-position: 10px -190px;
}
.quickentry-box {
	position: relative;
}
.quickentry-box .qe-group {
	position: absolute;
	left: 0;
	width: 50%;
}
.quickentry-box .qe-group.last-child {
	left: auto;
	right: 0;
}
#quickentry,
#quickentry a {
	color: #fff;
}
#quickentry a {
	border: none;
	color: #fff;
}
#quickentry ul.hfeed {
	position: absolute;
	left: -999em;
	margin: 0;
	padding: 0 0 0 10px;
	width: 190px; /*188px;*/
}
#quickentry .last-child ul.hfeed {
	padding: 0 10px 0 0;
}
.js-off #quickentry .quickentry-box :hover ul.hfeed,
#quickentry .qegroup-active ul.hfeed {
	left: 0;
}

#quickentry li h4 a {
	position: relative;
	display: block;
	padding: 5px 15px;
	font-size: 84.6154%;
	background: url(../img/quickentry-highlight.png) no-repeat -190px 0;
}
#quickentry .last-child h4 a {
	background-position: 190px 0;
}
.js-off #quickentry li:hover h4 a {
	background-position: 0 0;
}


.quickentry-box .hentry {
	position: absolute;
	overflow: hidden;
	width: 0;
	top: 0;
	left: 200px; /*198px;*/
}
.quickentry-box .last-child .hentry {
	right: 200px; /*198px;*/
	left: auto;
}

.js-off .quickentry-box li:hover .hentry {
	width: 190px;
}


.quickentry-box .hentry div {
	width: 170px;
	height: 23.5em;
	padding: 10px;
	background: url(../img/quickentry-highlight.png) 0 0;
}


.js-off .quickentry-box li:hover div.hentry,
.js-on .quickentry-box li.over div.hentry {
	
}
.quickentry-box .hentry img {
	margin: 0 0 10px;
}
.quickentry-box .hentry a {
	background: url(../img/quickentry-icons.png) no-repeat 0 3px;
	font-weight: bold;
}
.quickentry-box .hentry a:focus,
.quickentry-box .hentry a:active,
.quickentry-box .hentry a:hover {
	text-decoration: underline;
}

#charts {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 10px;
	width: 250px;
	background: #2E2E2E url(../img/branding-gradient.png) 0 0;
	color: #fff;
	max-height: 39em;
}
.hcm #charts,
.js-off #charts {
	overflow: auto;
	width: 265px;
	max-height: 34em;
}
#charts h5 {
	margin: 0 0 10px;
	color: #fff;
}
#charts .row-summary {
	margin: 0 0 15px;
	font-size: 120%;
}
#charts a,
#charts caption {
	color: #fff;
}
#charts .row-summary a {
	color: #fff;
	background: url(../img/quickentry-icons.png) no-repeat 0 3px;
}

.chart-labels {
	margin: -1px 0 5px;
	background: #999 url(../img/chart-sprites.png) 0 -40px;
	font-size: 120%;
	color: #fff;
}
.chart-labels span {
	display: inline-block;
	padding: 3px 0;
	width: 60px;
	text-align: center;
}
.data-chart {
	position: relative;
	padding: 20px;
	width: 200px;
	height: 80px;
	background: url(../img/chart-bg.png) 0 0;
}
.data-line-chart {
	position: relative;
	padding: 10px 0 2px;
	width: 240px;
	height: 108px;
	background: url(../img/chart-bg.png) 0 0;
}

.data-chart .canvas {
	position: relative;
}
.chart-point {
	position: absolute;
	display: block;
	border: none;
	margin: -6px 0 0 -6px;
	padding: 0;
	width: 12px;
	height: 12px;
	text-indent: -999em;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	background: url(../img/chart-sprites.png) no-repeat 0 0;
}
.chart-point.noclick-point {
	cursor: default;
}
.inactive-chart {
	position: absolute;
	left: -9999em;
	width: 240px;
}
html >/**/ body .charts-ready .inactive-chart {
	display: none;
}
.charts-ready d.inactive-chart {
	position: absolute;
	left: -99999em;
}
.data-chart .chart-point:focus,
.data-chart .chart-point:active,
.data-chart .chart-point:hover {
	border: none;
	text-decoration: none;
	background-position: 0 -20px;
	text-indent: 0;
}
.data-chart .chart-point em {
	position: relative;
	top: -2em;
	left: -999em;
	display: block;
	margin-top: -7px;
	padding: 0 0 7px 0;
	width: 3.5em;
	font-style: normal;
	background: url(../img/chart-sprites.png) no-repeat 80% 100%;
	color: #000;
}
.data-chart .chart-point span {
	display: block;
	padding: 0.2em 3px .1em 3px;
	background: #fff;
}
.data-chart .chart-point:focus em,
.data-chart .chart-point:active em,
.data-chart .chart-point:hover em {
	left: -1.5em;
}
.barometer {
	position: absolute;
	left: 2px;
	color: #999;
}
.max {
	top: 3px;
}
.min {
	bottom: 3px;
}
.bar-colum {
	position: absolute;
	margin-left: 25px;
	width: 30px;
	height: 10px;
	background: #096A42 url(../img/bar-chart.png) 0 0;
}
.bar-colum-alt {
	background: #999 url(../img/bar-chart.png) -40px 0;
}
.bar-colum span {
	display: block;
	padding: 4px 2px 0;
	text-align: center;
	font-size: 110%;
}
.bar-colum a {
	display: block;
	border: none;
	padding: 0;
	color: #fff;
	cursor: pointer;
}
.bar-colum a:focus,
.bar-colum a:active {
	border: none;
	text-decoration: underline;
}
.chart-toolbar {
	float: right;
	clear: both;
	margin: 0 0 10px;
	font-size: 110%;
	color: #fff;
}
.chart-toolbar a {
	display: inline-block;
	border: none;
	padding: 0;
	width: 13px;
	height: 12px;
	background: url(../img/chart-sprites.png) no-repeat 0 -170px;
}
.chart-toolbar a {
	display: inline-block;
	border: none;
	padding: 0;
	width: 13px;
	height: 12px;
	background: url(../img/chart-sprites.png) no-repeat 0 -170px;
	text-indent: -9999em;
}
.chart-toolbar a.next {
	background-position: 0 -190px;
}
.chart-toolbar a.next:hover,
.chart-toolbar a.next:focus,
.chart-toolbar a.next:active {
	border: none;
	background-position: 0 -150px;
}
.chart-toolbar a.prev:hover,
.chart-toolbar a.prev:focus,
.chart-toolbar a.prev:active {
	border: none;
	background-position: 0 -130px;
}

#charts table {
	font-size: 120%;
	background: url(../img/innovation-table.png);
}
.js-on.hcm #charts table,
.js-on #charts .keyboard table {
	position: static;
	height: auto;
	width: auto;
}
.js-on.hcm #charts div.chart,
.js-on #charts .keyboard div.chart,
.js-on.hcm #charts .chart-toolbar,
.js-on #charts .keyboard .chart-toolbar {
	display: none;
}
#charts table tbody tr:nth-child(2n+1) {
	background: url(../img/innovation-table.png);
}
#charts table tbody tr.nth-child-2n-1 {
	background: url(../img/innovation-table.png);
}
#charts table tbody tr {
	border-bottom-color: rgba(155, 155, 155, 0.3);
}
#charts table tbody tr:last-child {
	border: none;
}

#charts td {
	border-right: 1px dotted rgba(155, 155, 155, 0.3);
}

div.innovation-indicator {
	margin: 0 0 15px;
	height: 180px;
	overflow: auto;
	
}

.innovation-indicator thead {
	position: absolute;
	left: -9999em;
}
#charts td.trend {
	border-right: none;
	width: 12px;
	text-indent: -9999em;
	background: url(../img/innovation-indicator.png) no-repeat 3px -44px;
}

#charts td.trend.increasing {
	background-position: 3px 6px;
}
#charts td.trend.decreasing {
	background-position: 3px -94px;
}
#charts td.default-td {
	width: 1%;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #6c7073;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
span.jScrollArrowDown,
span.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	border: none;
	padding: 0;
	height: 14px;
	width: 12px;
	cursor: pointer;
	background: url(../img/innovation-indicator.png) no-repeat 0 -200px;
}
span.jScrollArrowUp {
	top: 0;
}

span.jScrollArrowDown {
	bottom: 0;
	background-position: 0 -216px;
}
/* left col */
#nav,
#constrain-search {
	display: inline;
	float: left;
	margin-left: -190px;
}
/* nav */

#nav {
	width: 170px;
}
#nav ul {
	overflow: hidden;
	margin: 0;
	zoom: 1;
}
#nav li {
	float: left;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #d9d9d9;
	background: none;
}
#nav strong,
#nav a {
	display: block;
	padding: 5px 3px;
	border: none;
	text-indent: 0;
	background: #fff none;
	color: #000;
	font-weight: normal;
}
/* 2. Ebene */
#nav li li {
	border-bottom: none;
}
#nav li ul,
#nav li ul a {
	background-color: #d9d9d9;
}
#nav em {
	font-weight: bold;
	font-style: normal;
}
#nav .active-parent strong.child,
#nav .active-parent a.child { /* IE 6 */
	background: #999 url(../img/sprites.png) repeat-x 0 0;
	color: #fff;
	font-weight: bold;
}

#nav .active-parent > strong,
#nav .active-parent > a {
	background: #777 url(../img/sprites.png) repeat-x 0 0;
	color: #fff;
	font-weight: bold;
}
#nav li li strong,
#nav li li a {
	padding-left: 10px;
}
/* 3. Ebene */

#nav li li ul,
#nav li li ul a {
	background: #2e2e2e;
}
#nav li li li strong,
#nav li li li a {
	padding-left: 20px;
	color: #fff;
}
#nav li li li li strong,
#nav li li li li a {
	padding-left: 30px;
	color: #fff;
}
#nav li .active-parent > strong,
#nav li .active-parent > a {
	background-image: none;
	background-color: #00786b;
}
#nav li .active-parent strong.child,
#nav li .active-parent a.child { /* IE 6 */
	background-image: none;
	background-color: #00786b;
}
#nav a,
#nav a:hover,
#nav a:focus,
#nav a:active {
	text-decoration: none;
}
#nav li a:hover,
#nav li a:focus,
#nav li a:active,
#nav li a.in {
	color: #fff;
	background-color: #00786b;
}
/* sterbende navigation */
#nav h5 {
	font-size: 100%;
	border-bottom-width: 1px;
	font-weight: normal;
	padding: 0;
}
#nav .collapsed-nav ul {
	margin: 0 0 15px;	
}
#nav h5 a {
	padding: 2px 0 4px 20px;
	background: url(../img/color-a-sprites.png) no-repeat 0 -1838px;
}
#nav h5 a:focus,
#nav h5 a:active {
	text-decoration: underline;	
}
#nav h5 a.ui-active {
	background-position: 0 -1898px;	
}
#nav .collapsed-nav em {
	font-weight: normal;
}
/* main */

#main-content {
	float: left;
	width: 100%;
	min-height: 500px;
}
/*
.layout-a #main-content {
	padding: 0;
	width: 670px;
}
.layout-b #main-content {
	padding: 0;
	width: 750px;
}*/

#main-wrapper {
	position: relative;
	float: left;
	min-height: 300px;
	padding: 0 270px 0 190px;
	font-size: 120%;
	width: 480px;
}
.layout-a #main-wrapper {
	padding-left: 0;
	padding-right: 250px;
	width: 670px;
}
.layout-b #main-wrapper {
	padding-right: 0;
	width: 750px;
}
#breadcrumb {
	padding: .5em 0 2em 0;
	width: 480px;
	color: #777;
	font-size: 91.6667%; /* 11px */
}
#breadcrumb ul {
	overflow: hidden;
	height: 1%;
}
#breadcrumb li {
	float: left;
	padding-right: 5px;
}
#breadcrumb a {
	border: none;
	padding-left: 0;
	background: none;
	font-weight: normal;
	color: #777;
	text-decoration: underline;
}

#breadcrumb a:focus,
#breadcrumb a:active,
#breadcrumb a:hover {
	color: #000;
}

#breadcrumb strong {
	font-weight: normal;
}
.layout-promo #sidebar {
	margin-top: 0;
}
#sidebar {
	position: relative;
	right: -20px;
	float: right;
	display: inline;
	margin: -3.4em -250px 0 0;
	padding: 30px 15px 30px 10px;
	width: 225px;
	background: #f0f0f0 url(../img/default-gradient.png) 0 bottom repeat-x;
}

#sidebar a img {
	border-color: #f2f2f2;
}

/* Sidebar modifikationen */


/* siteinfo */
#siteinfo {
	clear: both;
	border-top: 4px solid #D9D9D9;
	padding: 15px 0 30px 0;
	height: 1%;
}
#siteinfo ul {
	height: 1%;
	float: left;
	font-size: 110%;
}
#siteinfo li {
	float: left;
	padding-right: 5px;
}
#siteinfo a {
	border: none;
	padding: 0;
	background: none;
	font-weight: normal;
	color: #000;
}
#siteinfo p {
	clear: both;
	color: #777;
}
#site-tools,
#diw-websites,
#social-bookmarks {
	float: left;
	margin: 0 20px 0 0;
}
#site-tools {
	margin-right: 10px;
}
#diw-websites,
#social-bookmarks {
	padding-right: 10px;
	border-right: 2px dotted #D9D9D9;
}
#diw-websites h4,
#social-bookmarks h4 {
	float: left;
	margin: 3px 10px 0 0;
} 
#site-tools li a,
#diw-websites li a,
#social-bookmarks li a {
	height: 20px;
	width: 20px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	float: left;
}
#site-tools li,
#diw-websites li,
#social-bookmarks li {
	display: block;
	height: 20px;
	width: 20px;
	text-indent: -9999px;
}
#site-tools li {
	border-right: 2px dotted #D9D9D9;
	margin-right: 10px;
	padding-right: 10px;
}
#siteinfo li {
	background: url(../img/color-a-sprites.png) 0px -2020px no-repeat; 
}
/* background-position mit icon-send-a-friend gewechselt, war vertauscht */
#siteinfo .icon-print {
	background-position: 0px -2200px;  
}
/* send-a-friend und comment auch noch mal getauscht ... */
#siteinfo .icon-comment {

	background-position: 0px -2100px; 
}
/* background-position mit icon-print gewechselt, war vertauscht */
#siteinfo .icon-send-a-friend {

	background-position: 0px -2000px; 
}
#siteinfo .icon-rss {
	background-position: 0px -2300px; 
}
div#diw-websites li,
div#social-bookmarks li {
	background: url(../img/social-sprites.png) no-repeat;
}
#siteinfo .icon-facebook {
	background-position: 0px -500px; 
}
#siteinfo .icon-twitter {
	background-position: 0px -900px; 
}
#siteinfo .icon-vz {
	background-position: 0px -100px; 
}
#siteinfo .icon-youtube {
	background-position: 0px -200px; 
}
#siteinfo .icon-myspace {
	background-position: 0px -1000px; 
}
#siteinfo .icon-xing {
	background-position: 0px -300px; 
}
#siteinfo .icon-flickr {
	background-position: 0px 0px; 
}
#siteinfo .icon-mrwong {
	background-position: 0px -600px; 
}
#siteinfo .icon-linkarena {
	background-position: 0px -700px; 
}
#siteinfo .icon-google {
	background-position: 0px -800px; 
}
#siteinfo .icon-delicious {
	background-position: 0px -400px; 
}


ul#main-nav-end {
	clear: both;
	float: left;
	margin: 15px 0;
	border-top: 1px solid #ccc;
	padding: 10px 0;
	width: 100%;
}
#siteinfo ul#main-nav-end li {
	padding-right: 20px;
	background: transparent;
}



/* END structure */

/* Module */

h1 {
	font-size: 180%; /* 18px; */
	margin-bottom: 15px; 
}
.teaser-list-b .teaser-wrapper h2,
h5,
h2 {
	font-size: 150%; /* 18px; */
	
	margin-bottom: 10px;
}
#sidebar h2,
#sidebar h5,
h3 {
	font-size: 125%; /* 15px; */
	margin-bottom: 10px;
}
.teaser-wrapper h2,
.teaser-wrapper h3,
.publications h3,
h4 {
	font-size: 108.3333%; /* 13px; */
}
h4 {
	margin: 0 0 10px;
}
h2 span,
h3 span,
h4 span,
h5 span {
	display: block;
	margin: 2px 0;
	color: #666;
	font-weight: normal;
	font-size: 11px; /* ToDo */
}

p {
	margin-bottom: 20px;	
}
a {
	outline: none;
	border-bottom: 1px dotted #9a9a9a;
	padding-left: 15px;
	font-weight: bold;
	background: url(../img/color-a-sprites.png) 0px -197px no-repeat; 
	color: #000;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	text-decoration: none;
	border-bottom: 1px solid #00786b;
}

a img {
	border: 1px solid #fff;
}
a:focus img,
a:active img {
	border-color: #00786b!important;
}
.ui-keyfocus {
	outline: 3px solid #ee3;
}
.submit {

}
.module-wrapper {
	overflow: hidden;
	zoom: 1;
}
/* Listen */
ol,
.text ul {
	margin: 0 0 0;
	clear: both;
}
ol {
	counter-reset: orderedItem orderedSubItem; 
}
ol ol {
	counter-reset: none;
}
.text ol ol,
.text ul ul {
	margin: 5px 0;
}

ul.tab  {
	margin-bottom: 20px;
}


.hcm .text ul {
	margin-left: 15px;
}
.text ul li {
	padding: 3px 0 3px 10px;
	background: url(../img/color-a-sprites.png) no-repeat 0 7px;
}

.hcm .text li {
	list-style: circle;
}
.hcm .text li {
	padding-left: 5px;
	list-style: disc;
	background-image: none;
}

ol li {
	position: relative;
	padding: 3px 0 3px 2em;
	counter-increment: orderedItem;
}
.no-before ol li {
	
}

ol li li {
	counter-increment: orderedSubItem;
}

ol li:before {
	display: inline-block;
	position: absolute;
	float: left;
	left: 0;
	content:  counter(orderedItem) " ";
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 2px 1px;
	min-width: 1.4em;
	line-height: 1em;
	text-align: center;
	background: #c0deda;
	color: #017b4a;
}
ol li span.ol-increment {
	display: block;
	float: left;
	position: relative;
	left: -1.8em;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 2px 1px;
	margin-right: -1.4em;
	min-width: 1.4em;
	line-height: 1em;
	text-align: center;
	background: #c0deda;
	color: #017b4a;
}
* html ol li span.ol-increment {
	width: 1.4em;	
}
.no-before ol li:before {
	display: none;
}
ol li li:before {
	content:  counter(orderedItem) "." counter(orderedSubItem) " ";
}
/* Tabellen */
caption,
th,
td {
	padding: 3px 4px;
	vertical-align: top;
}
table {
    empty-cells: show;
    table-layout: auto;
	margin: 0 0 20px;
	border-collapse: separate;
	border-collapse: collapse;
    border-spacing: 2px;
	width: 100%;
}
.table {
	margin-bottom: 20px;
}
.table table {
	margin-bottom: 0;
}
.table p {
	margin: 10px 0 0;
	font-size: 91.6667%;
}
caption {
	border-bottom: 4px solid #666;
	text-align: left;
	color: #000;
	font-weight: bold;
}
thead tr {
	border-bottom: 2px solid #ccc;
}
tr {
	border-bottom: 1px solid #ccc;
}
thead td,
th,
td.empty-head
 {
	font-weight: bold;
	text-align: left;
}
/*
.js-off tr:hover td,
td.mark-over {
	background: #d2e7df;
}
*/

td {
	 /* 40%*/
}

/* Buttons & hervorgehobene Links */
a.lang-en,
.button,
.links a,
.link a,
a.link {
	position: relative;
	display: inline-block;
	border: none;
	padding: 3px 10px 3px 18px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-weight: normal;
	background-color: #c0deda;
	background-position: 3px -194px;
}

a.lang-en,
.links a,
.link a,
a.link-strong {
	display: block;
	cursor: pointer;
}

a.link-highlight {
	padding: 0;
	width: 140px;
	min-width: 140px;
	margin-left: 4px;
	background-image: none;
}
html > body a.link-highlight {
	width: auto;
}
a.link-highlight strong,
a.link-highlight span {
	display: block;
	padding: 3px 10px;
}
a.link-highlight strong {
	border-bottom: 1px solid #dfeee9;
	text-align: center;
}

a.link-highlight span {
	padding-left: 18px;
	background: url(../img/color-a-sprites.png) 4px -593px no-repeat; 
}

a.link-highlight p {
	padding-left: 18px;
	background: url(../img/color-a-sprites.png) 4px -197px no-repeat;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-right: 3px;
}

/* Icons */
a.link.download,
.links .download a,
dd.link a.download,
a.link-special.download {
	background-position: 4px -593px;
}

a.link.download,
.links .download a,
dd.link a.download,
a.link-special.download span,
a.link-download {
	background-position: 4px -593px;
}

a.link.email,
.links .email a,
.link a.email,
a.link-special.email span {
	background-position: 4px -1194px;
}

a.link.external,
.links .external a,
.link a.external,
a.link-special.external span {
	background-position: 4px -393px;
}

a.link.top,
.links .top a,
.link a.top,
a.link-special.top span {
	background-position: 3px -792px;
}

a.link.back,
.links .back a,
.link a.back,
a.link-special.back span {
	background-position: 3px -1395px;
}
a.download {
	background-position: 2px -597px;
}
a.email {
	background-position: 2px -1197px;
}
a.external {
	background-position: 2px -397px;
}

p.back a,
a.back {
	
	background-position: 0 -1399px;
}
p.top a,
a.top {
	background-position: 0 -796px;
}
p.top a {
	border: none;
}

p.top {
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 15px;
	padding: 3px 0;
	text-align: right;
}

a.lang-en {
	padding-left: 30px; 
	background: #2e2e2e url(../img/lang-en.png) no-repeat 2px 4px;
	color: #fff;
}
/* button */

button,
.button {
	overflow: hidden;
	padding: 0;
	border: none;
	text-indent: -999em;
	border: 1px solid #c0deda;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
form.main-search .button,
.button-mod,
.button {
	border: 1px solid #ccc;
	color: #000;
	background: #dcdcdc url(../img/sprites.png) 0 -355px repeat-x;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 3px 10px;
	text-indent: 0;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
}


fieldset.search-sort .disabled-button,
.standard-form .button,
.button-mod {
	border-color: #000;
	background: #0c0c0c url(../img/sprites.png) 0 -272px repeat-x;
	color: #fff;
	
}
/* wiederholung der vorgenannten Styles */
fieldset.search-sort :disabled {
	border-color: #000;
	background: #0c0c0c url(../img/sprites.png) 0 -272px repeat-x;
	color: #fff;
}
.disabled-button {
	border-color: #000 !important;
}


.js-off .button:focus,
.js-off .button:hover,
.js-on .button.button-in,
.js-on .button.button-mod-in {
	border-color: #00786b;
}

.button:active {
	background: #fdfdfd url(../img/sprites.png) 0 -419px repeat-x;
}

fieldset.search-sort .disabled-button,
.button-mod:active {
	background: #565656 url(../img/sprites.png) 0 -189px repeat-x;
}


.disabled-button {
	cursor: default;
}

/* Bild Modul: ToDo: 
 * Umstellen auf span, feste breiten 
*/
.img {
	display: block;
	float: left;
	clear: left;
	
	position: relative;
	overflow: hidden;
	margin: 0 10px 5px 0;
	border: none;
	padding: 0;
	height: 1%;
	background: none;
}
a.img {
	cursor: pointer;
	border: none;
}
a.img:hover{
	border: none;
}
a.img:focus span,
a.img:active   span {
	text-decoration: underline;
}
.img-fullsize {
	margin: 0 0 10px;
}
.img-mod {
	float: right;
	clear: left;
	margin: 0 0 5px 10px;
}
.divider-module .img {
	margin-bottom: 10px;
}
.img .img-box {
	font-size: 0;
	line-height: 0;
}
.img img {
	border: none;
}
.img .img-byline {
	display: block;
	padding: 6px;
	background: #333;
	color: #fff;
	font-size: 91.6667%;
}
a.img .img-byline {
	padding-right: 22px;
	background: #333;
}

.img .img-byline span {
	display: block;
	padding: 0;	
}
.img .img-byline span.source {
	color: #ccc;
	font-size: 60%
}


/* vcards */
dl.vcard {
	overflow: hidden;
	margin: 0 0 10px;
	padding: 10px;
	width: 210px;
	background: #f2f2f2 url(../img/vcard-corner.png) no-repeat 100% 0; 
	font-size: 96.6667%; /* intentional 11.6px */
}
dl.vcard dt {
	padding: 1px 0 4px;
	margin: 0 0 2px;
	font-weight: bold;
}
dl.vcard dd {
	padding: 1px 0;
	text-align: left;
}
dl.vcard dt,
dl.vcard dd {
	display: block;
}

dl.vcard .link {
	clear: both;
	float: none;
	width: auto;
}

dl.vcard dd.vcard-row-alt-1,
dl.vcard dd span.street-address {
	display: block;
}
dl.vcard dd.vcard-row-alt-2,
dl.vcard dd.mod {
	padding-bottom: 10px;
}
dl.vcard dd.vcard-row-alt-3 {
	padding: 3px 0;
	margin: 2px 0;
}
dl.vcard em {
	font-style: normal;
	font-weight: bold;
}
dl.vcard .type {
	display: none;
}
dl.vcard dd.photo {
	float: left;
	overflow: hidden;
	margin: 2px 0 5px;
	width: 80px;
	min-height: 50px;
}
dl.vcard dd.photo img {
	width: 70px;
	height: auto;
}
/* vcard-mods */
#sidebar dl.vcard {
	margin: 0;
	border: none;
	padding: 0;
	background: transparent none;
}

.vcard-list {
	margin: 0 0 20px;
}

.vcard-wrapper {
	margin: 10px 0 20px;
	padding: 10px 0;
	border: 1px solid #d9d9d9;
	border-left: none;
	border-right: none;
}
.vcard-wrapper dl.vcard {
	margin: 0;
}
.vcard-list dl.vcard {
	display: inline;
	float: left;
	margin: 0 0 0 20px;
}
.vcard-list .module-wrapper {
	margin-bottom: 20px;
}
.vcard-list dl.vcard:first-child {
	margin-left: 0;
}
.vcard-list dl.vcard.first-child {
	margin-left: 0;
}
.vcard-list-mod dl.vcard,
dl.vcard-mod {
	position: relative;
	width: auto;
	height: 1%;
}

.vcard-list-mod dl.vcard dd,
.vcard-list-mod dl.vcard dd.link,
.vcard-mod dd,
.vcard-mod dd.link {
	clear: none;
	float: left;
	width: 180px;
	margin: 0 10px 2px 0;
}
.vcard-list-mod dl.vcard-mod-nophoto dd,
.vcard-list-mod dl.vcard-mod-nophoto dd.link,
.vcard-mod-nophoto dd,
.vcard-mod-nophoto dd.link{
	width: 220px;
}
.vcard-list-mod dl.vcard dd.role,
.vcard-list-mod dl.vcard dd.org,
.vcard-list-mod dl.vcard dd.note,
.vcard-list-mod dl.vcard dd.title,
.vcard-list-mod dl.vcard dd.extra,
.vcard-list-mod dl.vcard dd.vcard-row-alt-4,
dl.vcard-mod dd.role,
dl.vcard-mod dd.org,
dl.vcard-mod dd.note,
dl.vcard-mod dd.title,
dl.vcard-mod dd.extra,
dl.vcard-mod dd.vcard-row-alt-4,
.vcard-list-mod dl.vcard .vcard-row-alt-5,
dl.vcard-mod .vcard-row-alt-5 {
	float: none;
	width: auto;
	margin: 2px 10px 4px 0;
}
dl.vcard-mod .vcard-row-alt-4,
.vcard-list-mod dl.vcard .vcard-row-alt-4 {
	overflow: hidden;
}
dl.vcard-mod .vcard-row-alt-5,
.vcard-list-mod dl.vcard .vcard-row-alt-5 {
	clear: both;
}
/* vcard im profil bereich */
div.vcard-entries {
	overflow: hidden;
}
div.vcard dl {
	margin: 0 0 5px 10px;
	border-top: 1px solid #d9d9d9;
	padding: 5px 0;
}
div.vcard dl:first-child {
	border-top: none;
}
div.vcard dl.first-child {
	border-top: none;
}
div.vcard dt {
	margin-bottom: 2px;
	color: #666;
}
div.vcard dd {
	font-weight: bold;
}

/* Events */
.vevent {
	margin: 0 0 10px;
	border-top: 1px solid #d9d9d9;
	padding: 10px 0 0 85px;
}
.first-event {
	border-top: none;
	padding-top: 0;
}
.date-sheet {
	float: left;
	margin: 0 5px 2px 0;
	background: #f9f1e4 url(../img/date-sheet.png) repeat-x 0 100%;
}
.vevent .date-sheet {
	display: inline;
	margin-left: -85px;
}
.date-sheet-body {
	padding: 15px 5px 5px;
	width: 4em;
	max-width: 75px;
	background: url(../img/date-sheet.png) no-repeat 100% 0;
	text-align: center;
	font-weight: bold;
	font-size: 125%;
}
.date-sheet-body > span {
	display: block;
	margin: 2px 0;
}
.date-num abbr {
	display: none !important;
	visibility: hidden;
	speak: none;
}
.vevent dl {
	overflow: hidden;
	margin: 0 0 5px;
	border-top: 1px dotted #dbdbdb; 
	padding: 5px 0 0;
	width: 100%;
}
.vevent dt {
	float: left;
	padding: 2px 0 3px 25px;
	width: 30%;
	min-height: 16px;
	background: url(../img/event-icons.png) no-repeat 0 0;
}
.vevent .time-box dt {
	background-position: 0 -100px;
}
.vevent .location-box dt {
	background-position: 0 -200px;
}
.vevent .oragnizer-box dt {
	background-position: 0 -300px;
}
.vevent .further-info-box dt {
	background-position: 0 -400px;
}
.vevent .joinin-box dt {
	background-position: 0 -500px;
}
.vevent dd {
	float: right;
	width: 60%;
}
.vevent .location span {
	display: block;
}
.vevent ul {
	margin-bottom: 0;
}
blockquote {
	margin: 0 0 20px;
	border: 1px solid #d9d9d9;
	border-left: none;
	border-right: none;
	padding: 10px 0 5px 90px;
	background: url(../img/blockquote.png) no-repeat 0 10px;
}

/* Formulare */

textarea,
input.text,
select {
	border: 1px solid #b6b6b6;
	padding: .1em;
	font-size: 116.6667%;
	font-family: arial,helvetica,sans-serif;
	background: #fff url(../img/input.png)  no-repeat;
}
.focused-input-button input.text,
.focused-input-button input.submit,
input.text:focus,
textarea:focus {
	background-color: #fffdc8;
}
input.text {
	height: 1.4em;
}
form.main-search fieldset,
form fieldset.form-row,
fieldset {
	margin: 0 0 20px;
}
/* input-button */
.input-button {
	position: relative;
	zoom: 1;
	float: left;
	clear: both;
}
.focused-input-button {
	
}
.input-button input.text {
	width: 260px;
	padding-right: 28px;
}
.input-button .submit {
	display: block;
	position: absolute;
	top: 0.2em;
	right: 1px;
	border: none;
	width: 24px;
	height: 1.4em;
	font-size: 116.6667%;
	line-height: 0;
	text-indent: -9999em;
	background: transparent url(../img/sprites.png) no-repeat 0 -512px;
	cursor: pointer;
}
.input-button .submit:focus,
.input-button .submit:active {
	background-position: -31px -512px;
}
.hcm .input-button {
	padding-right: 0 !important;
}
.hcm .input-button .submit,
.hcm .input-button .text {
	width: auto !important;
	height: auto !important;
	border-right-style: solid;
	border-left-style: solid;
	display: inline-block;
	position: static;
	text-indent: 0;
	line-height: normal;
}

/* select-filter */
.form-row {
	overflow: hidden;
	margin: 0 0 10px;
	zoom: 1;
}
select {
	padding: 0.1em;
}
select option {
	padding-right: 25px;
} 
/* komplexere Module */
.main-search label {
	display: block;
	margin: 0 0 2px;
	font-weight: bolder;
	clear: both;
	zoom: 1;
}
.error-message {
	color: #900;
}
.filter-selects {
	margin: 0 0 20px;
	padding: 10px;
	background: url(../img/default-gradient.png) repeat-x 0 0;
}
.filter-selects h4 {
	margin: 0 0 4px;
	font-weight: normal;
}
.filter-selects select {
	position: relative;
	float: left;
	margin-right: 10px;
	width: 220px;
}
.filter-selects select:last-child {
	margin-right: 0;
}
.filter-selects select.last-child {
	margin-right: 0;
}
.standard-form fieldset {
	margin: 0;
}
.standard-form .form-row {
	margin: 0 0 10px;
	padding: 0 0 10px;	
}

.standard-form .form-row-alt {
	margin: 0 0 15px;
	padding: 0 0 15px;	
	border-bottom: 1px solid #ccc;	
}

.standard-form .form-row label {
	display: block;
	float: left;
	padding: 1px 5px 0 0;
	width: 120px;	
	font-weight: bold;
}
.form-notice,
.standard-form .checkbox-radio-row {
	padding-left: 125px;	
}
.standard-form .checkbox-radio-row input.checkbox-radio {
	float: left;
}
.standard-form .checkbox-radio-row label {
	margin: -0.12em 0 0;
	width: auto;
	padding: 0 0 0 4px;
	font-weight: normal;
}
.standard-form .form-row input.text,
.standard-form .form-row textarea {
	width: 345px;	
}
/* Spezial-css für SOEP-Datenbestellformulare de,en */
.standard-form .form-row input.text2 {
	width: 260px;
}

.ui-invalid input.text,
.ui-invalid textarea,
.ui-invalid select {
	border-color: #900;
	background-color: #f5e5e5;
}
.ui-invalid label {
	color: #900;	
}
.standard-form select {
	min-width: 160px;
}
fieldset.radio-group {
	position: relative;
	margin: 0;	
}
fieldset.radio-group legend {
	display: block;
	font-weight: bold;
	margin: 0 0 -1.15em;
}
.form-notice {
	margin: 0 0 20px;
	min-height: 60px;
	height: 60px;
}
html > body .form-notice {
	height: auto;
}
.security-notice {
	background: url(../img/security.png) 20px 5px no-repeat;	
}
.form-footer, .form-footer-error {
	overflow: hidden;
	height: 1%;
	border-top: 3px solid #ccc;
	padding: 10px 0 20px;	
}
.form-footer-error-bottom , .form-footer-error-top{
 background: none repeat scroll 0 0 #999999;
    border: 3px solid #990000;
    color: #990000;
    height: 3%;
    padding: 20px;
    position: absolute;
    width: 40%;
}

.form-footer-error-top {
    top: 2px;
}


.form-footer .submit {
	float: right;	
}
.invalid-alert {
	position: absolute;
	margin: -5px 0 0;
	display: block;
	padding: 0 0 10px;
	float: left;
	background: url(../img/form-alert.png) 5px 100% no-repeat;
	z-index: 99;	
}
.invalid-alert .invalid-alert-box {
	display: block;
	
	padding: 7px 4px 7px 30px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	width: 300px;
	background: #900 url(../img/form-alert.png) 5px 5px no-repeat;
	color: #fff;
	font-size: 110%;
}
/* Link-Modul */

.text .links li,
.links li {
	padding: 1px 0;
	background: none;
}
/* Direct modul*/
#direct-switch {
	position: absolute;
	overflow: auto;
	bottom: 0;
	left: 10px;
	height: 360px;
	width: 40em;
	color: #fff;
	background: url(../img/branding-gradient.png) repeat-x 0 0;
}
#direct-switch a {
	color: #fff;
}
.direct-tab {
	overflow: hidden;
	zoom: 1;
}
.direct-tab li {
	float: left;
	width: 20em;
}
.direct-tab a,
.direct-tab span {
	display: block;
}
.direct-tab a {
	border: none;
	padding: 0;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	background: none;
}
.direct-tab span {
	padding: 10px 10px 10px 25px;
	background: url(../img/sprites.png) no-repeat 5px -679px;
}

#direct-switch .tabpanel {
	position: relative;
}

.js-on .direct-submenu,
.js-on .direct-submenu .teaser {
	position: absolute;
	top: 0;
	left: 0;
	width: 20em;
}
.js-on .direct-submenu .teaser {
	right: -19em;
	left: auto;
}

.js-on #direct-switch {
	overflow: hidden;
}
.js-on .direct-submenu .teaser {
	display: none;
}
.js-on .direct-submenu .active .teaser {
	display: block;
}
/* gallery */
.gallery ul {
	margin: 0 0 5px;
	width: 500px;
}
.gallery ul ul {
	margin: 0 0 20px;
	width: auto;
}
.gallery li {
	overflow: hidden;
	display: inline-block;
	margin: 0 12px 12px 0;
	border-bottom: 1px solid #ccc;
	width: 150px;
	vertical-align: top;
}
.gallery li li {
	display: block;
	border: none;
	margin: 0 0 2px;
	width: auto;
}
.gallery .img {
	float: none;
	width: 150px;
	background: #f1f1f1;
}
.gallery .img img {
	display: block;
	margin: 0 auto;
}

/* form-special im Branding */
form.special-search {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 10px;
	width: 230px;
	background: #000 url(../img/branding-gradient.png) repeat-x 0 40%;
}

.special-search label {
	display: block;
	font-size: 150%;
	font-weight: bold;
	color: #fff;
}

.special-search label {
	display: block;
	margin-bottom: 10px;
	font-size: 150%;
	font-weight: bold;
	color: #fff;
}

.special-search input.text {
	float: left;
	border: 1px solid #cacaca;
	border-bottom-color: #efefef;
	border-right-color: #efefef;
	padding: 1px 4px 2px;
	width: 180px;
	height: 1.5em;
	color: #fff;
	background: #999 url(../img/strong-input.png) no-repeat 0 0;
}
.special-search .submit {
	margin: 0 0 0 2px;
	position: static;
	float: left;
	border: none;
	margin-top: 1px;
	width: 36px;
	height: 20px;
	background: url(../img/sprites.png) no-repeat 0 -480px;
}
.special-search .submit:hover,
.special-search .submit:focus {
	background: url(../img/color-a-sprites.png) no-repeat 0 -1549px;
}
.special-search .submit:active {
	background: url(../img/color-a-sprites.png) no-repeat 0 -1571px;
}

/* toc */
#toc {
	position: relative;
	margin-bottom: 10px;
	padding: 10px;
	height: 1%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #f0f0f0 url(../img/default-gradient.png) 0 bottom repeat-x;
}
#toc h5 {
	margin-bottom: 2px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d9d9d9;
	font-size: 125%;
}
#toc li {
	padding: 0;
	height: 1%;
	background: none;
}
#toc li a {
	display: block;
	border: none;
	padding: 3px 0 3px 15px;
	background-position: 0 -995px;
	font-weight: normal;
}
#toc li a:hover,
#toc li a:focus,
#toc li a:active {
	text-decoration: underline;
	border: none;
}

/* Tab und Searchfilter */

/* Tabs */
.tab-panel {
	overflow: hidden;
	position: relative;
}
.tab-panel .tab-box {
	position: relative;
}
/* Searchfilter */
.search-filter .ui-radio {
	display: none !important;
}

.js-on .search-filter input {
	position: absolute;
	left: -9999em;
}
.js-on .search-filter input.ui-keyfocus {
	position: static;
}
.hcm .search-filter input {
	position: static;
	left: auto;
}


ul.tab {
        display:block;
        float:left;
        clear: both;
	#overflow: hidden;
	height: 1%;
	border-bottom: 4px solid #313131;
}


ul.tab li,
.text ul.tab li {
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 0;
	height: 1%;
	background: none;
}
ul.tab-alt {
	margin-bottom: 20px;
}
.tab li:last-child {
	margin-right: 0;
}

.tab li.last-child {
	margin-right: 0;
}

ul.tab a,
.text ul.tab a {
	display: block;
	display: inline-block;
	border: none;
	padding: 0;
	background: none;
	position: relative;
	text-align: center;
	cursor: pointer;
}

.tab em {
	display: block;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-webkit-border-radius-topleft: 2px;
	-webkit-border-radius-topright: 2px;
	border-radius-topleft: 2px;
	border-radius-topright: 2px;
	margin : 0 0 1px;
	padding: 5px 10px 4px;
	width: 75px;
	min-width: 75px;
	font-style: normal;
	background: #d9d9d9;
}
html > body .tab em {
	width: auto;
}
.tab .on em {
	margin-bottom: 0;
	padding-bottom: 5px;
}

.tab a:hover,
.tab a:focus,
.tab a:active  {
	border: none;
}

.tab .on em,
.tab a:hover em,
.tab a:focus em,
.tab a:active em {
	text-decoration: none;
	border: none;
	background: #313131 url(../img/sprites.png) 0 -50px;
	color: #fff;
}

/* Publikationen */
.issue-teaser {
	overflow: hidden;
	height: 1%;
	margin-bottom: 15px;
	border-bottom: 4px solid #d9d9d9;
	padding: 10px 10px 15px;
	background: #f2f2f2;
	
}
.issue-teaser h2 {
	float: left;
	width: 380px;
	padding-right: 20px;
}
.issue-teaser h2 span {
	display: block;
	font-size: 66.66%; /* 12px */
	font-weight: normal;
}
.issue-teaser .link-highlight {
	float: left;
}
.issue-teaser .link-highlight:last-child {
	float: right;
	cursor: pointer;
}
.issue-teaser .link-highlight.last-child {
	float: right;
	clear: right;
	margin-bottom: 5px;
}
	
.publications li {
	overflow: hidden;
	height: 1%;
	margin-bottom: 5px;
	border-bottom: 1px solid #d9d9d9;
	padding: 5px 0;
	background: none;
}
.publications div {
	float: left;
	width: 50%;
	padding-right: 20px;
}

.publications h3 {
	margin-bottom: 5px;
}
.publications p span {
	display: block;
}
.publications a {
	float: left;
}
.publications a.link-highlight {
	float: right;
}
/* Pagination */
.pagination {
	float: right;
	width: 9em;
}
html > /**/ body .pagination {
	width: auto;
}
.pagination .pagination-controls {
	float: right;
	width: 52px;
	vertical-align: text-bottom;
}
.hcm .pagination .pagination-controls {
	width: 6.5em;
}
html > /**/ body .pagination .pagination-controls {
	padding-left: 8px;
}
.pagination em {
	float: left;
	display: block;
	margin-top: 2px;
	font-style: normal;
}
.pagination span,
.pagination a {
	float: left;
	display: block;
	border: none;
	padding: 0;
	width: 26px;
	height: 19px;
	font-size: 0;
	text-indent: -999em;
	background: url(../img/sprites.png) no-repeat 0 -150px;
}
.hcm .pagination a {
	padding: 0 5px;
	width: auto;
	height: auto;
	font-size: 100%;
	text-indent: 0;
	background: none;
}
.pagination span.next,
.pagination a.next {
	float: right;
	background-position: -25px -150px;
}
.pagination span {
	background-position: 0 -766px;	
}
.pagination span.next {
	background-position: -25px -766px;	
}

.pagination a:hover,
.pagination a:focus {
	background: 0 -807px;
	background: url(../img/color-a-sprites.png) no-repeat 0 -1763px;
	border: none;
}
.pagination a:active {
	background: url(../img/color-a-sprites.png) no-repeat 0 -1791px;
}
.pagination a.next:hover,
.pagination a.next:focus {
	background: url(../img/color-a-sprites.png) no-repeat -25px -1763px;
}

.pagination a.next:active {
	background: url(../img/color-a-sprites.png) no-repeat -25px -1791px;
}
.pagination a.prev:hover, 
.pagination a.prev:focus { 
    background: url(../img/color-a-sprites.png) no-repeat -0 -1763px; 
} 

.pagination a.prev:active { 
    background: url(../img/color-a-sprites.png) no-repeat -0 -1791px; 
} 
.pagination-list,
.pagination-list ul {
	overflow: hidden;
	zoom: 1;
}
.pagination-list ul {
	list-style: none;
}
.pagination-list ul li {
	float: left;
	padding: 0;
	margin: 0 10px 10px 0;
	background: none;
	text-align: center;
}

.pagination-list a {
	display: block;
	padding: 4px;
	min-width: 1.416667em;
	min-height: 1.416667em;
	width: 1.416667em;
	height: 1.416667em;
	border: none;
	background: #c0deda;
	cursor: pointer;
}
html > body .pagination-list a {
	height: auto;
	width: auto;
}
.pagination-list a:hover,
.pagination-list .active a,
.pagination-list a:active,
.pagination-list a:focus {
	background: #00786b;
	color: #fff;
	border: none;
}
/* 
 * zweispaltige Teaser 
 * 
 */

.module-wrapper .hfeed {
	float: left;
	display: inline;
	width: 50%;
}
.module-wrapper .hfeed:last-child {
	margin-right: 0;
}

.module-wrapper .tl-head,
.module-wrapper .teaser-wrapper {
	margin-right: 20px;
}
.layout-promo .hfeed {
	margin-top: 30px;
	margin-bottom: 20px;
}
#sidebar .teaser-list-a {
	width: auto;
	float: none;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
/* Carousel-Erweiterung */
div.teaser-group {
	width: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
}
/* Grauen Streifen */
.teaser-list-b h2,
.vcard-list h5,
div.vcard h2,
h5,
.promo h2,
.tl-head {
	overflow: hidden;
	height: 1%;
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 4px solid #d9d9d9;
}
.tl-footer {
	overflow: hidden;
	margin-bottom: 10px;
	padding-top: 4px;
	border-top: 4px solid #d9d9d9;
}
/* Teaser-Listen */
.hfeed {
	margin-bottom: 20px;
}
.tl-head h5 {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.tl-head h5 {
	float: left;
}
.promo,
.hentry {
	overflow: hidden;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.promo,
.teaser-list-a .hentry {
	border-bottom: 1px solid #d9d9d9;
	width: 100%;
}

.promo,
#sidebar .hentry {
	border: none;
	min-height: 30px;
}

.teaser-list-a .hentry span {
	display: block;
	margin-bottom: 3px;
	font-size: 83.3%; /* 10px */
	color: #666;
}
.teaser-list-a .hentry p span {
	margin-bottom: 0;
}
.teaser-list-b .hentry img,
.teaser-list-a .hentry img {
	margin: 1px 15px 10px 0;
	display: block;
	float: left;
}

.promo h2,
#sidebar .teaser-list-a h2 {
	padding-top: .29em;
	font-size: 125%;
}

.teaser-list-a .hentry h2 a {
	color: #333;
	border-bottom: 1px dashed #999;
}

#sidebar .teaser-list-a .hentry h2 a {
	border-bottom: none;
}

.teaser-list-a .hentry h2 a:hover,
.teaser-list-a .hentry h2 a:active,
.teaser-list-a .hentry h2 a:focus,
.teaser-list-a .hentry h3 a:hover,
.teaser-list-a .hentry h3 a:active,
.teaser-list-a .hentry h3 a:focus {
	border-bottom-color: #00786b;
	border-bottom-style: solid;
	color: #00786b;
	text-decoration: none;
}
.teaser-wrapper .special-entry {
	padding: 10px;
	border: 3px solid #999;
	color: #fff;
	background: #333;
}
.teaser-wrapper .special-entry a {
	color: #fff;
}
.teaser-wrapper .special-entry a:hover,
.teaser-wrapper .special-entry a:active,
.teaser-wrapper .special-entry a:focus {
	border-color: #fff;
}
.teaser-wrapper .special-entry h2 {
	border: none;
	padding: 0;
}
/* search-result erbt von teaser-list-a */
.search-kreyword {
	font-weight: bold;
	background-color: #f3bd43;
}
.search-results .hentry:last-child {
	border: none;
}
.search-results .hentry.last-child {
	border: none;
}
#constrain-search {
	position: absolute;
	top: 3.4em;
	float: left;
	margin-right: 20px;
	padding: 10px 10px 0;
	width: 150px;
	min-height: 200px;
	background: #f2f2f2;
}
.search-constrain {
	overflow: hidden;
	height: 1%;
	margin: 0 0 5px;
	border-bottom: 1px solid #d9d9d9;
	padding: 5px 0;
}
.search-constrain dl {
	margin: 0 0 10px;
}
.search-constrain dt {
	margin: 0 0 2px;
}
.search-constrain dd {
	font-weight: bold;
}
.search-constrain a.button {
	float: right;
}
.checkbox-list {
	width: 300px;
	float: left;
}
.checkbox-list.first {
	margin: 0 15px 0 0;
}
.checkbox-list li {
	margin: 2px 0;
	zoom: 1;
}
.checkbox-list li ul {
	margin: 0 0 3px 20px;
}

.constrain-options {
	padding: 5px;
	background: #eaeaea;
}
.js-on #main-content .constrain-options {
	display: none;
}
/* Division Module */
/* erbt Grauen Streifen von teaser-list-a */
.divider-module {
	overflow: hidden;
	zoom: 1;
	clear: both;
}
.division-module {
	clear: both;
	padding-right: 20px;
}
.division-module ul {
	overflow: hidden;
	height: 1%;
	margin: 5px 0;
}
.text .division-module li,
.division-module li {
	float: left;
	margin-right: 8px;
	padding: 0;
	background: none;
}
.division-module a {
	border: none;
	padding: 0;
	background: none;
}
.division-module img {
	border: 2px solid #fff;
}

ul.member {
	border-top: 2px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 10px 0;
	font-size: 91.7%; /* 11px */
}
ul.member li {
	margin-right: 12px !important; /* 20px */
}
ul.member p {
	float: left;
	width: 13em;
	max-width: 300px;
}
.overlay {
	background: #000;
	width: 100%;
}
.loading-overlay {
	background: #000 url(../img/loading.gif) no-repeat fixed center;
}
.lightbox {
	font-size: 120%;
	color: #fff;
}
.data-box {
	position: absolute;
	top: 0;
	width: 625px;
	padding: 10px;
	color: #000;
	background: #fff;
}
.lb-head {
	overflow: hidden;
	margin: 0 0 10px;
	zoom: 1;
}
.lb-head h4 {
	float: left;
	font-size: 200%;
}
a.data-ok,
.lb-head a {
	display: inline-block;
	float: right;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 5px 5px 23px;
	color: #fff;
	background: #00786b url(../img/lightbox.png) no-repeat 5px -151px;
	cursor: pointer;
}
a.data-ok
.lb-body {
	position: relative;
	overflow: hidden;
	zoom: 1;
	float: left;
}
.lightbox .byline {
	margin: 0 0 10px;
	padding: 4px 5px;
	background: #232323;
}
.lightbox img {
	padding: 5px;
	background: #fff;
}
.description-box {
	float: left;
	width: 235px;
}
.extras-box {
	float: right;
	width: 235px;
}
.lb-controls {
	overflow: hidden;
	margin: 0 auto;
	height: 1%;
	width: 70px;
}
.lb-controls a {
	display: block;
	float: left;
	margin: 0 0 0 2px;
	padding: 0;
	width: 31px;
	height: 31px;
	background: url(../img/lightbox.png) no-repeat 0 0;
	text-indent: -9999px;
	border: none;
}
.lb-controls a.next-img {
	background-position: 0 -80px;
}
.lb-controls a.ui-disabled {
	cursor: default;
}
.lightbox a.link {
	background-color: #fff;
}
.lightbox a.link-strong {
	margin: 0 0 2px;
}
.mask {
	background-color: #000;
	width: 100%;
}
.loading-mask {
	background: #000 url(../img/loading.gif) no-repeat fixed center;
}
/* lightbox*/
#showbox-overlay {
	position: absolute;
	background: #000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0.8;
}
.showbox {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	min-width: 780px;
	padding: 0 0 20px 0;
}
.showbox-head {
	background: #000;
	margin: 0 0 20px;
	padding: 10px;
}
.showbox-title {
	position: absolute;
	left: -999em;
	width: 1px;
	overflow: hidden;
}
.showbox-toolbar {
	display: block;
	margin: auto;
	width: 900px;
	max-width: 90%;
	min-width: 760px;
	overflow: hidden;
	font-size: 120%;
	text-align: center;
}

.showbox-toolbar a {
	display: block;
	float: left;
	margin: 0 0 0 2px;
	padding: 0;
	width: 31px;
	height: 31px;
	background: url(../img/lightbox.png) no-repeat 0 0;
	text-indent: -9999px;
	border: none;
}
.showbox-toolbar a.next {
	background-position: 0 -80px;
}
.showbox-toolbar a.next:hover,
.showbox-toolbar a.next:focus,
.showbox-toolbar a.next:active {
	background-position: -34px -80px;
}
.showbox-toolbar a.prev:hover,
.showbox-toolbar a.prev:focus,
.showbox-toolbar a.prev:active {
	background-position: -34px 0;
}
.showbox-toolbar a.ui-disabled {
	cursor: default;
}
.hcm .showbox-toolbar a {
	color: #fff;
	font-weight: bold;
	text-indent: 0;
	display: inline-block;
	width: auto;
	padding: 2px 2px;
}

.showbox .close-button {
	display: inline-block;
	float: right;
	margin: 0;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 5px 5px 5px 23px;
	width: auto;
	height: auto;
	color: #fff;
	text-indent: 0;
	background: #00786b url(../img/lightbox.png) no-repeat 5px -151px;
}
.showbox .close-button:hover,
.showbox .close-button:focus,
.showbox .close-button:active {
	text-decoration: underline;
}
.showbox .content-box {
	overflow: hidden;
	margin: 0 auto;
	padding: 10px;
	background: #fff;
}
.loading .content-box {
	background: #999 url(../img/loading.gif) no-repeat center;
}
.showbox .multimedia-box {
	overflow: hidden;
}

.showbox .text-content {
	overflow: hidden;
	height: 1%;
	padding: 5px 300px 5px 5px;
}
.showbox h3 {
	margin: 0 0 10px 0;
	width: 100%; //vorher 95%
	float: left;
}
.showbox p {
	margin: 0 0 10px 0;
	font-size: 120%;
	width: 95%;
	float: left;
}
.showbox ul {
	float: right;
	margin-top: -5px;
	margin-right: -295px;
	font-size: 120%;
}
.showbox li {
	padding: 2px 0;
}
#browserupdate {
	display: none;
	overflow: hidden;
	height: 1%;
	padding: 10px;
	background: #ffc;
	font-size: 120%;
}
.browsernotice {
	float: left;
	width: 450px;
}
.browsernotice a {
	background: none;
	padding: 0;
}
.browser-downloads {
	float: right;
	max-width: 400px;
}
#browserupdate span.browser-icon {
	padding: 1px 0 1px 20px;
	background: url(../img/browser.png) 0 0 no-repeat;
}
#browserupdate span.mozilla {
	background-position: 0 -200px;
}
#browserupdate span.opera {
	background-position: 0 -400px;
}
#browserupdate span.safari {
	background-position: 0 -600px;
}
#browserupdate h4 {
	margin: 0 0 10px;
	font-size: 100%;
}
.browser-downloads li {
	margin: 0 3px;
	float: left;
}
.browser-downloads a {
	display: block;
	padding: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999em;
	background: url(../img/browser.png) 0 -100px no-repeat;
}
.browser-downloads a,
.browser-downloads a:hover,
.browser-downloads a:focus,
.browser-downloads a:active {
	border: none;
}
.browser-downloads a.mozilla {
	background-position: 0 -300px;
}
.browser-downloads a.opera {
	background-position: 0 -500px;
}
.browser-downloads a.safari {
	background-position: 0 -700px;
}

.noborderbottom {
	border-bottom-width: 0;
}

/* Spezial-css für die Bildsektion in der Mitarbeitereingabe */
.form-row-label label {
	padding: 0px !important;
	font-style: italic;
}
/* Wird auch bei nachrichten_darstellen_single genutzt */
.nomargin {
	margin: 0px !important;
}
.nopadding {
	padding: 0px !important;
}


/* Spezial-css für die Mediathek */
/* Bildunterschriften */
span.sourceMedia {
	color: #ccc;
	font-size: 100%	
}
/* Play Button Hintergründe entfernen */
/* Hier werden die Hintergründe aller div-Container, deren id '_jwplayer_display_iconBackground' beinhaltet auf leer gesetzt */
div[id*='_jwplayer_display_iconBackground'] {
	background: none !important;
}


/* Spezial-css für diw Startseite */
.untertitel {
	font-size: 83.3%;
	font-weight: normal;
	color: #666666;
}
a.twitterlink {
	background: none;
	padding: 0px;
}
a.twitterlink:focus,
a.twitterlink:hover,
a.twitterlink:active {
	border-bottom-color: #00786b;
    border-bottom-style: solid;
    color: #00786b;
    text-decoration: none;
}


/* css für den Seiten-Footer*/
#social-band li {
	background: none !important;
	height: 25px;
	width: 25px;
}
#social-band li a {
	width: 25px;
	height: 25px;
}
#social-band li a img {
	border: none;
	width: 25px;
	height: 25px;
}


/* Spezial-css für Galleria-Galerien */
.galleria-info-text {
	display: block !important;
	position: absolute !important;
	padding: 6px !important;
	bottom: -302px;
	right: -215px;
	opacity: 0.7;
	background-color: #333333 !important;
}
.galleria-info-close {
	display: none !important;
}
.galleria-info-link {
	display: none !important;
}
.galleria-info-title {
	font-family: arial,helvetica,sans-serif !important;
	font-size: 90% !important;
	margin-bottom: 2px !important;
}
.galleria-info-description {
	font-family: arial,helvetica,sans-serif !important;
	font-size: 70% !important;
	font-style: normal !important;
}


/* Spezial-css für Bildunterschriften (Copyrights) bei Nachrichten und Pressemitteilungen */
.imgcaption {
	clear: both;
	font-size: 80%;
}