@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
.align-right{
	text-align: right;
}
.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
}

body {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	line-height: 20px;
	color: #4F5052;
	background: url(../_img/body_bg.gif) top left repeat-y #FFF;
}

#teaser {
	background: url(../_img/_teaser/uk_essen_1.jpg) top left no-repeat #FFF;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 14px;
	line-height: 20px;
	/*margin: 0 0 10px 0;*/
	color: #114580;
}
h2 {font-size:13px}
h3 {font-size:12px}
h4 {font-size:11px;}
h5 {font-size:10px}
h6 {font-size: 9px}

h1.align-center,
h2.align-center,
h3.align-center,
h4.align-center,
h5.align-center,
h6.align-center,
p.align-center {
	text-align:center;
}
.news-latest-morelink{
	padding-bottom: 5px;
}
a {
	color: #114580;
}

.logo-wzi {
margin-left: -90px;
margin-top: 10px;
float: left;
height: 30px;
width: 85px;
}
.unilogo-wzi {
margin-left: 5px;
}

a:hover {
	background-color: #D2E3F1;
	text-decoration: none;
}
div#header a {
	background-color:transparent;
	color:white;
}
div#header h1 {
	font-size:0;
}
#sidebar div.news_content_fliess p {
padding:0;
}
a img {
	border: none;
}

p {
	/*padding: 0 0 20px;*/
}

#page {
	height: 265px;
	width: 881px;
	border-top: 47px solid #FFF;
	padding: 20px 0 0 0;
	background-color: #b6cee7;
	overflow: visible;
}

#header {
	width: 771px;
	height: 47px;
	padding: 0 0 0 110px;
	background-color: #FFF;
	/*position: relative;*/
}

#header ul {
/*
	position: absolute;
	top: 17px;
	left: 330px;
*/

	list-style: none outside none;
	margin-left: 312px;
	margin-top: -30px;
	/* IE */
	/*top: 18px\9*/
}

#header ul li {
	float: left;
	border-left: 1px solid #A7A9AC;
	line-height: 12px;
	padding: 0 6px;
}

#header ul li:first-child {
	border-left: none;
}

#header ul li a {
	text-decoration: none;
	font-size: 10px;
	color: #4F5052;
}

#header ul li a:hover {
	color: #000;
}

#header .formfieldsearch_button {
/*	background:url("../_img/suchen.gif") no-repeat scroll 4px 4px #FFFFFF; */
	color:#114580;
	cursor:pointer;
	height:17px;
	left: 780px;
	padding-bottom: 14px;
	/*position:absolute;*/
	top:15px;
	width:43px;
}

#header #lang_select {
	margin-left: 718px;
	margin-top: -24px;
	position: absolute;
}

div.search_head {
	display:none;
}
div.tx-macinasearchbox-pi1 {
	position: absolute;
	margin-left: 563px;
	margin-top: -24px;
}
#header input {
	font-size: 10px;
	line-height: 12px;
	height: 14px;
	width: 102px;
	padding: 1px 0px 0px 1px;
	border: 1px solid #93B4DC;
}

#content {
	width: 660px;
	float: left;
	padding: 0 0 100px;
	background-color:white;
}

#content #teaser {
	height: 195px;
	background-color: #999;
	overflow: hidden;
	/*position: relative;*/
}

#content #main {
	padding: 30px 15px 30px 135px;
	width:510px;
}

/* Erste Ebene */
#content #mainnav {
	height: 23px;
	list-style: none;
	/*position: relative;*/
}

#content #mainnav li,
.subnav li {
	height: 33px;
}

#content #mainnav li,
#content #mainnav li a,

.subnav li a {
	float: left;
	width: 110px;
	line-height: 23px;
	text-align: center;
	display: block;
	text-decoration: none;
	color: #FFF;
	background: url(../_img/mainnav.jpg) top left no-repeat #1A5197;
}
/*.subnav li*/
#content #mainnav li.act,
#content #mainnav li.act a,
.subnav li.act,
.subnav li.act a {
	background: url(../_img/mainnav_act.jpg) top left no-repeat #689ED4;
}

#content #mainnav li.act a,
.subnav li.act a {
	cursor: default !important;
}

#content #mainnav li.act ul a,
.subnav li.act ul a {
	cursor: pointer !important;
}

#content #mainnav li.hover a,
.subnav li.hover a {
	border-bottom: 10px solid #F8B914;
}

#content #mainnav li.act a span {
	opacity: 0.5 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
	filter: alpha(opacity=50) !important;
	cursor: default !important;
}

#content #mainnav li.hover a span {
	opacity: 0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

#content #mainnav li a span {
	display: block;
	height: 195px;
	width: 110px;
	position: absolute;
	top: -195px;
	left: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	background-color: #6e9ed0;
	cursor:pointer;
}

#content #mainnav li a,
.subnav li a {
	height: 23px;
	border-bottom: 10px solid #FFF;
	position: relative;
}

/* Zweite Ebene */
#content .subnav,
#content #subnav {
	overflow:hidden;
	height: auto;
	list-style: none;
	position: absolute;
	left: 0;
	top: 332px;
	padding: 20px 0 100px 0;
}

#content .subnav li,
#content .subnav ul li {
	overflow: hidden;
	float: none;
	width: 110px;
	height: auto;
	line-height: 23px;
	text-align: left;
	background: none;
}

#content .subnav li a {
	float: none;
	width: 96px;
	height: auto;
	margin: 0 0 0 15px;
	line-height: 13px;
	text-align: left;
	color: #6D6E71;
	background: none;
	border-bottom: 1px solid #5D8EBA;
	padding: 6px 0;
	overflow-x: hidden;
}

#content .subnav li.act a {
	font-weight: bold;
	color: #114580;
}

#content .subnav li.act li a {
	font-weight: normal;
	color:#679BCF;
}

/* Dritte Ebene */
#content .subnav ul {
	overflow:hidden;
	height: auto;
	list-style: none;
	position: relative;
	border-top: none;
	left: 0;
	top: 0;
	margin: 0 10px 0;
	padding: 0;
}


#content .subnav ul li a {
	overflow:hidden;
	font-weight: normal;
	color: #679BCF;
	line-height: 12px;
	padding: 5px 0 5px 0;
	border-bottom: none;
	width:80px;
}

#content .subnav ul li.act a {
	text-decoration: underline;
	font-weight: normal;
	color: #114580;
}

#content .subnav ul li a:hover {
	color: #114580;
}

#sidebar {
	width: 221px;
	overflow: hidden;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	float: left;
	background-color: #D2E3F1;
}

#sidebar h2 {
	height: 23px;
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
	line-height: 23px;
	color: #FFF;
	font-weight: bold;
	background: url(../_img/sidebar_headline.jpg) top left no-repeat #689ED4;
	text-transform: uppercase;
}

#sidebar h3 {
	font-weight: normal;
}

#sidebar .news-latest-container h3,
#sidebar .news-latest-container h4,
.news-latest-item {
	color: #679BCF;
	font-size: 11px;
	line-height: 16px;
	margin: 0;
	padding: 0 15px;
}
#sidebar .tx-avakeventmanager-pi1 h3,
#sidebar .tx-avakeventmanager-pi1 h3,
#sidebar .tx-avakeventmanager-pi1 .news_content_fliess p {
	color: #679BCF;
	font-size: 11px;
	line-height: 16px;
	margin: 0;
}

.termine_datetime_short {
	font-weight: bold;
}

.news-latest-item,
.termine_text_short {
	margin-bottom:15px ;
}

#sidebar span p {
	padding: 0 15px 15px 15px;
	line-height: 16px;
	color: #679BCF;
	border-top:2px solid;
}

#sidebar p strong{
	width:190px;
}

#sidebar p.bodytext {
	padding-left: 15px;
}

#sidebar p {
	/*padding: 0 15px 0;*/
	line-height: 16px;
	width:190px;
}
#sidebar a, h3.tx-avakeventmanager-pi1-listrowField-evt-title a {
	text-decoration: none;
	line-height: 16px;
	color: #679BCF;
}
#sidebar > a {line-height:8px;}

#sidebar a:hover {
	color: #114580;
}

#sidebar .news_list_latesttitle a, h3.tx-avakeventmanager-pi1-listrowField-evt-title a{
	font-weight: bold;
	/*color:black;*/
}

.latest_headline {
	/*display: none;*/
	font-size: 1.3em;
	font-weight:bolder;
}

.formfieldsearch_button {
	/*display: none;*/
}
.imgtext-nowrap a img,
.imgtext-nowrap img
{
background:#fff;
padding-bottom:10px;
}
table.imgtext-table {
	margin-right:5px;
}
span.filetext {
	padding-left:5px;
}
div#main table.imgtext-nowrap td p.bodytext {
	margin-bottom:10px;
	margin-top:-5px;
}
td.image_tt-news {
	padding-right:5px;
}
ul.subnav div.submenuhome {
	padding-right:10px;
}

div#sidebar div table.imgtext-table tr td img {
	margin-left:15px;
}

div.LanguageSelect div.inactiv {
	border:1px solid white;
	display:inline;
	padding:1px;
}

div.LanguageSelect div.activ {
	border:1px solid black;
	display:inline;
	float: left;
	margin-right:5px;
	margin-top:-2px;
	padding:1px;
}
#sidebar h5 {
background:url("../_img/sidebar_headline.jpg") no-repeat scroll left top #689ED4;
color:#FFFFFF;
height:23px;
line-height:23px;
margin:0 0 15px;
padding:0 0 0 15px;
text-transform:uppercase;
font-weight:inherit;
}
p.roter_text {
	color:red;
}

.csc-header{
	margin-top:17px;
}
.csc-header-n1 {
	margin-top:0;
}

.tx-avakeventmanager-pi1-listrowField-evt-image {
	display:none;
}
table.contenttable {
	margin-bottom:24px;
}
table.contenttable tr td {
	vertical-align:top;
}
ul.browsebox {
	list-style: none outside none;
	padding-left: 0 !important;
}
ul.browsebox li {
	float:left;
	padding-right:5px;
}
div.tx-indexedsearch-res {
	clear:both;
}
#content .subnav ul#submenu4 li a{
	width:80px;
}
.news_list_latestdate,p.tx-avakeventmanager-pi1-listrowField-evt-start-date {
	color:#4F5052;
}
#mailformpass{
	margin-left: 25px;
	margin-top: 5px;
}
#mailformsubmit,#mailformuser{
	margin-top: 5px;
}


ol li{
	list-style: decimal;
	padding-bottom: 5px;
}
.align-center{
	text-align: center;
}
td{
	padding-left: 2px;
}
p.align-left {
	text-align: left;
}
span.fn {
	font-weight:bold;
}
div.csc-textpic-text ul li img {
	margin-top:20px;
	padding-top:20px;
}
DIV.csc-textpic DIV.csc-textpic-single-image IMG {
	padding-bottom: 10px;
	margin-bottom:0px;
}
#sidebar div.tx-avakeventmanager-pi1-singleView a img {
	width:185px;
	height:100px;
}
#main p.right {
	//float: right;
	margin-top: 10px;
	position: relative;
	//margin-left: 350px;
}
#page #sidebar div.spende a{
	color: #CC0000;
	font-size: 16px;
	font-weight: bold;
	padding-left: 20px;
	font-family:Verdana;
}
#page #sidebar div.spende a:hover {
	text-decoration:underline;
}
#page #sidebar div.stiftung {
	padding-bottom:25px;
}
#page #sidebar div.kinderklinik a{
	line-height:12px;
}
div.indent {
	margin-left:10px;
}
p.align-justify {
	text-align:justify;
}
.csc-default ul {
	margin-left:15px;
}
#contentWeek table tr td div a {
	text-decoration: none;
	font-size: 10px;
}


#printpage{
	float: right;
	position: relative;
	top: -20px;
}


#size {
	float: right;
	left: -5px;
	position: relative;
	top: -20px;
}
#size ul {
	list-style: none outside none;
}
#size ul li{
	float:left;
}


div.news-single-img {
	padding-bottom: 20px;
}
p.news-single-imgcaption {
	width: 100% !important;
	font-size: 10px;
	line-height: 12px;
}

span#youtubeurl {
	margin-right: 3px;
}
span#youtubeur2 {
	margin-right: 3px;
}

.XMLevents {
	margin-top: 10px;
	margin-left: 15px;
}
A.XMLeventsUK,
.XMLitem {
	margin-bottom: 15px;
}
.XMLitemdate {
	line-height: 100%;
}


/* Popup box BEGIN */
.hover_bkgr_fricc{
	background:rgba(0,0,0,.4);
	cursor:pointer;
	display:none;
	height:100%;
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
	z-index:10000;
}
.hover_bkgr_fricc .helper{
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
.hover_bkgr_fricc > div {
	background-color: #fff;
	box-shadow: 10px 10px 60px #555;
	display: inline-block;
	height: auto;
	max-width: 551px;
	min-height: 100px;
	vertical-align: middle;
	width: 60%;
	position: relative;
	border-radius: 8px;
	padding: 15px 5%;
}
.popupCloseButton {
	background-color: #fff;
	border: 3px solid #999;
	border-radius: 50px;
	cursor: pointer;
	display: inline-block;
	font-family: arial;
	font-weight: bold;
	position: absolute;
	top: -20px;
	right: -20px;
	font-size: 25px;
	line-height: 30px;
	width: 30px;
	height: 30px;
	text-align: center;
}
.popupCloseButton:hover {
	background-color: #ccc;
}
.trigger_popup_fricc {
	cursor: pointer;
	font-size: 20px;
	margin: 20px;
	display: inline-block;
	font-weight: bold;
}
/* Popup box BEGIN */

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	overflow-y:scroll;
	max-height:75%;
	max-width:50%;
}

/* The Close Button */
.close {
	color: orange;
	float: right;
	font-size: 20px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.modal span > strong {
	font-size: 16px;
	display: inline-block;
}

.modal ul {
	margin-left: 15px;
	margin: 15px 0 15px 20px;
	font-size: 1.rem;
}

.modal .modal-content > img {
	margin-bottom:30px;
	margin-top:-10px;
}

.modal ul li {
	font-weight: bold
}

.modal strong {
	font-size: 1rem;
	display: block;
}

.modal p {
	margin-bottom: 10px;
}

.modal hr {
	margin: 20px 0;
	display: block;
}

.modal {
	font-size: 1rem;
}

.modal h2 {
	font-size:1.5rem;
	line-height:1.2em;
	color:orange !important;

}

@media screen and(max-width:768px) {
	.modal-content {
		max-width:80%;
	}
}