/*******************************/
/*** CSS-Anpassungen für MED ***/
/*******************************/


/************ Header ***********/

#header_sitetitle {
        display: flex;
        /* Fallback für alte Browser */
        width: 10px;
        -webkit-box-flex: 2;
        -moz-box-flex: 2;
        -webkit-flex: 2 1 0%;
        -ms-flex: 2 1 0%;
       flex: 2 1 0%;
}

#service_navi a:focus, 
#service_navi a:hover, 
#service_navi a:active {
	background-color: #002D5C;
}

#service_navi_label:focus,
#service_navi_label:hover, 
#service_navi_label:active {
	border-color: #002D5C;
}

#service_navi_min a:focus,
#service_navi_min a:hover,
#service_navi_min a:active {
	color: #002D5C;
}

#lang_sel a ing:focus, 
#lang_sel a img:hover, 
#lang_sel a img:active {
	border-color: #002D5C;
}

.flat a, 
.flat a:after, 
.flat a.active, 
.flat a.active:after {
	background: #002D5C;
}
.flat a:hover, 
.flat a:hover:after,
.flat a:focus, 
.flat a:focus:after {
	background: #002D5C;
}

#service_navi_webinfo_liste a:hover {
	background-color: #002D5C;
	color: white;
}

/************ Navigation ************/

#primaer_nav,
#primaer_nav_direktlinks_liste {
	background-color: #78B6C5;
}

#primaer_nav a:focus, 
#primaer_nav a:hover, 
#primaer_nav a:active {
	color: #002D5C;
}

#sekundaer_nav_links a:focus, 
#sekundaer_nav_links a:hover, 
#sekundaer_nav_links a:active,
#sekundaer_nav_links_add a:focus, 
#sekundaer_nav_links_add a:hover, 
#sekundaer_nav_links_add a:active {
	color: #002D5C;
}

#strukturbezeichnung {
	background-color: #002D5C;
}

#zielgruppen_nav {
	float: left;
	box-sizing: border-box;
	display: table;
	width: 100%;
	font-family: 'InfoTextWeb-Regular','Lucida Grande','Lucida Sans Unicode','Lucida Sans',sans-serif;
	font-size: 1.2rem;
	text-transform: uppercase;
	letter-spacing: 0.06rem;
	line-height: 2.2rem;
	color: black;
	position: relative;
}

#zielgruppen_nav li:last-of-type {
	line-height: 2.0rem;
	margin: 0;
}

#zielgruppen_nav a {
	display: block;
	text-decoration: none;
	color: #fff;
}

#zielgruppen_nav a:focus, 
#zielgruppen_nav a:hover, 
#zielgruppen_nav a:active {
	color: #002D5C !important;
}

#zielgruppen_links {
	display: table-cell;
	background-color: #78B6C5;
	padding: 1rem;
	border-top-right-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem;
	width: 76.5%;
}

#zielgruppen_links ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: nowrap;
}
    
#zielgruppen_links li {
	flex: 1 1 auto;
	text-align: center;
	margin: 0;
	padding: 0 1rem;
}

#zielgruppen_links li:nth-of-type(1),
#zielgruppen_links li:nth-of-type(2),
#zielgruppen_links li:nth-of-type(3),
#zielgruppen_links li:nth-of-type(4),
#zielgruppen_links li:nth-of-type(5),
#zielgruppen_links li:nth-of-type(6) {
	display: block;
	border-right: 1px solid #fff;
}
	
#zielgruppen_links li:first-of-type {
	padding-left: 0;
}
	    
#zielgruppen_links li:last-of-type {
	border-right: none;
}
				
#weitere_zielgruppen_links {
	display: table-cell;
	vertical-align: top;
	background-color: #78B6C5;
	width: 23.5%;
	border-top-right-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem;
	padding: 0 0 0 0.75rem;
}
				    
#wzg_title {
	text-align: center;
	padding: 1rem 0.5rem;
	color: #fff;
}
				    
#wzg_liste {
	position: absolute;
	right: 5000px;
	background-color: #78B6C5;
	min-width: 23.5%;
	border-bottom-left-radius: 0.2rem;
	border-bottom-right-radius: 0.2rem;
	z-index: 99999;
}

#wzg_liste li {
	border-top: solid 1px white;
	padding: 1rem 0.75rem;
}

#prev_next_nav a:active,
#prev_next_nav a:hover,
#prev_next_nav a:focus {
	background-color: #002D5C;
}

/************ Galerien *************/

.header_galerie_info,
.bx-wrapper .bx-caption {
	background-color: #002D5C !important;
}

.panorama_einzelelement_caption {
	background-color: #002D5C !important;
}

.contentgalerie_item:focus,
.contentgalerie_item:hover,
.contentgalerie_item:active {
	border: 3px solid #002D5C;
}

.contentgalerie_box_prev:focus span,
.contentgalerie_box_prev:hover span,
.contentgalerie_box_prev:active span,
.contentgalerie_box_next:focus span,
.contentgalerie_box_next:hover span,
.contentgalerie_box_next:active span,
.contentgalerie_box_prev:focus .pfeil,
.contentgalerie_box_prev:hover .pfeil,
.contentgalerie_box_prev:active .pfeil,
.contentgalerie_box_next:focus .pfeil,
.contentgalerie_box_next:hover .pfeil,
.contentgalerie_box_next:active .pfeil {
	color: #002D5C;
}

.contentgalerie_plus + label:before {
	content:url(img/lupe_plus.png);
}

.contentgalerie_plus:checked + label:before {
	content:url(img/lupe_minus.png);
}

/********** Seitentyp Galerie **********/

.galleryCell img:focus,
.galleryCell img:hover,
.galleryCell img:active {
	border: 3px solid #002D5C !important;
}

.gallery_pages a:focus,
.gallery_pages a:hover,
.gallery_pages a:active,
.gallery_pages a:focus b,
.gallery_pages a:hover b,
.gallery_pages a:active b {
	background-color: #002D5C !important;
}

/********** Überschriften **********/

h2,
h2 a,
#page-title { 
	color: #002D5C;
	background-color:#fff;
}

h3 {
	background-color:#002D5C;
}

h4,
h4 a {
	color:#002D5C;
}

h2 a:hover, 
h2 a:focus, 
h2 a:active,
h4 a:hover, 
h4 a:focus, 
h4 a:active,
h5 a:hover, 
h5 a:focus, 
h5 a:active,
h6 a:hover, 
h6 a:focus, 
h6 a:active {
	color:#002D5C;
	border-bottom: 1px dotted #002D5C;
}

/********** Elemente **********/

p a,
a.link,
td a,
ul li a, 
ol li a,  
dl li a {
	border-bottom: 1px dotted #002D5C;
}

strong,
b,
p a:before,
td a:before,
ul li:before,
ol li a:before,
dl li a:before,
a.link:before,
a.mailto:before {
	color: #002D5C;
}

p a:hover, 
p a:focus, 
p a:active,
td a:hover, 
td a:focus, 
td a:active,
em a:hover, 
em a:focus, 
em a:active,
strong a:hover, 
strong a:focus, 
strong a:active,
a:hover em, 
a:focus em, 
a:active em,
a:hover strong, 
a:focus strong, 
a:active strong,
a.link:hover, 
a.link:focus, 
a.link:active,
#content ul li a:hover, 
#content ul li a:focus, 
#content ul li a:active,
.textbox ul li a:hover, 
.textbox ul li a:focus, 
.textbox ul li a:active,
#content ol li a:hover, 
#content ol li a:focus, 
#content ol li a:active,
.textbox ol li a:hover, 
.textbox ol li a:focus, 
.textbox ol li a:active,
#content dl li a:hover, 
#content dl li a:focus, 
#content dl li a:active,
.textbox dl li a:hover, 
.textbox dl li a:focus, 
.textbox dl li a:active {
	background-color: #002D5C;
}

.bild_link:focus img, 
.bild_link:hover img,
.bild_link:active img {
	border: 1px solid #002D5C;
}

/********** Uebersichtsseite **********/

.ubox:focus,
.ubox:hover,
.ubox:active {
	border: 1px #002D5C solid;
}

.ubox:focus > a.ubox_head,
.ubox:hover > a.ubox_head,
.ubox:active > a.ubox_head,
.ubox:focus > div.ubox_head,
.ubox:hover > div.ubox_head,
.ubox:active > div.ubox_head {
	background-color: #002D5C;
}

a.ubox_head_color,
div.ubox_head_color {
	background-color: #002D5C !important;
}

.mbox_weiter a,
.mbox_link1 a,
.mbox_link2 a {
	border-bottom: dotted 1px #002D5C;
}

.mbox_weiter a:focus, 
.mbox_weiter a:hover, 
.mbox_weiter a:active ,
.mbox_link1 a:focus, 
.mbox_link1 a:hover, 
.mbox_link1 a:active, 
.mbox_link2 a:focus, 
.mbox_link2 a:hover, 
.mbox_link2 a:active {
	background-color: #002D5C;
}

.mbox_news b a {
	color: #002D5C;
}

.ubox_linkblock a:focus, 
.ubox_linkblock a:hover, 
.ubox_linkblock a:active {
	background-color: #002D5C;
	border-bottom: dotted 1px #002D5C;
}

.mbox_bildblock_layer_farbe {
	background: hsla(211,100%,18%,0.9);
}

.mbox_bildblock:focus .mbox_bildblock_layer_farbe, 
.mbox_bildblock:hover .mbox_bildblock_layer_farbe, 
.mbox_bildblock:active .mbox_bildblock_layer_farbe {
	background: hsla(211,100%,18%,0.8);
}

/********** Footer **********/

#footer2 { 
	background-color: #002D5C;
}

#footer2 a:focus, 
#footer2 a:hover, 
#footer2 a:active {
	color: #002D5C !important;
	background-color: white;
	border-bottom: none;
}

#footer2 a:focus:before, 
#footer2 a:hover:before, 
#footer2 a:active:before {
	color: #002D5C !important;
}

.icon_social a:focus, 
.icon_social a:hover, 
.icon_social a:active {
	background-image: url('img/social_icons.png');
}

.permalink_overlay,
.permalink_popup {
	background: #002D5C;
}

/********** Marginalboxem **********/

.bildtextbox_text {
	background-color: #002D5C !important;
}

.bildtextbox_text a:focus,
.bildtextbox_text a:hover,
.bildtextbox_text a:active,
.bildtextbox_text a:focus:before,
.bildtextbox_text a:hover:before,
.bildtextbox_text a:active:before {
	color: #002D5C !important;
	background-color: white !important;
}

.aktuelles_daten h4 a:focus,
.aktuelles_daten h4 a:hover,
.aktuelles_daten h4 a:active {
	color: #002D5C !important;
	border-bottom: 1px dotted #002D5C !important;
}

.vkal_eintrag_link a {
	color: #002D5C !important;
}

.vkal_eintrag_link a:focus, 
.vkal_eintrag_link a:hover, 
.vkal_eintrag_link a:active, 
.vkal_mehr a:focus,
.vkal_mehr a:hover,
.vkal_mehr a:active {
	border-bottom: 1px dotted #002D5C !important;
}

.person {
	color:  #002D5C !important;
}

.sub_sitemap_titel {
	color: #002D5C;
}

.sub_sitemap_titel a {
	color: #002D5C;
}

.sub_sitemap a:focus,
.sub_sitemap a:hover,
.sub_sitemap a:active {
	background-color: #002D5C;
}

.secondary_content_news_box .box_farbe {
	background-color: #002D5C !important;
}

/********** Seitentypen **********/

#einstiegsblock a:focus,
#einstiegsblock a:hover,
#einstiegsblock a:active {
	color: #002D5C !important;
}

h2#portrait-title { 
	color:#002D5C !important;
}

.jquery_tabs ul.tabs-list li a:focus, 
.jquery_tabs ul.tabs-list li a:hover, 
.jquery_tabs ul.tabs-list li a:active {
	background: #ddd !important;
	color: #000 !important;
}

.jquery_tabs ul.tabs-list li.current a,
.jquery_tabs ul.tabs-list li.current a:focus,
.jquery_tabs ul.tabs-list li.current a:hover,
.jquery_tabs ul.tabs-list li.current a:active {
	background: #ccc !important;;
	color: #000 !important;;
}

#visitenkarte_tel_fax a,
#visitenkarte_tel_fax2 a {
	border-bottom: 1px dotted #002D5C !important;
}

#visitenkarte_tel_fax a:focus,
#visitenkarte_tel_fax a:hover,
#visitenkarte_tel_fax a:active,
#visitenkarte_tel_fax2 a:focus,
#visitenkarte_tel_fax2 a:hover,
#visitenkarte_tel_fax2 a:active {
	background-color: #002D5C !important;
}

.url_website,
.url_vcard {
	border-bottom: dotted 1px #002D5C !important;
}

.url_website:focus,
.url_website:hover,
.url_website:active,
.url_vcard:focus,
.url_vcard:hover,
.url_vcard:active {
	background-color: #002D5C !important;
	color: white;
}

a.url_website:before,
a.url_vcard:before {
	color: #002D5C;
}

#visitenkarte_social svg:focus,
#visitenkarte_social svg:hover,
#visitenkarte_social svg:active {
	background: #002D5C none repeat scroll 0 0 !important;
}

#studiengang-title {
	color:#002D5C !important;
}

.faq_fragen a {
	color: #002D5C !important; 
}

.faq_fragen a:focus,
.faq_fragen a:hover,
.faq_fragen a:active {
	color: #ffffff !important; 
}

.faq_toplink {
	border-bottom: dotted 1px #002D5C !important;
}

.faq_toplink:focus,
.faq_toplink:hover,
.faq_toplink:active {
	background-color: #002D5C !important;
}

.person_daten a[href^="mailto:"],
.person_daten a[href^="tel:"] {
	border-bottom-color: #002D5C !important;
}

.person_daten a:focus,
.person_daten a:hover,
.person_daten a:active {
	background-color: #002D5C !important;
	color: white;
}

.veranstaltungshinweis td:nth-of-type(odd) {
	color: #002D5C !important;
}

/* === SA- Styling ================================== */

.sa_result_label h2{
	color: #000;
}

/* === For phones =================================== */

@media (max-width: 400px) {
	
#breadcrumb_nav {
	background-color: #002D5C;
}

}