/*
	HMTH Relaunch 2010
	CSS-Anpassungen für Redesign

	WICHTIG:
	Diese Datei sollte *nach* allen vom Template standardmäßig eingebundenen CSS geladen werden.

	Niels Heidenreich
	20100110, -11, -14, -17
	20100202, -08, -12..14, 16..17
	20100222
*/



body {
	background-image: url(/img/redesign/hintergrund-verlauf-neu.jpg);
}

/*
	Centers the page content
*/
#container {
	width: 980px;
	margin: 0 auto;
}



.mittlerespalte h2 { color:#000000; }

/*
	==================================================
	Page top (common to all pages)
	Logo, functional navigation, main navigation (tabs)
	==================================================
*/


/*
	Contains logo and search form
*/
#header {
	background: #fff;
	/*overflow: hidden;*/
}

/*
	Logo image as background of H1 (for SEO!)
	Actual Link text is hidden on page but indexable by search robots
*/
#header {
	padding: 15px 20px 20px 20px;
}
#header h1 {
	float: left;
	margin-top: 0px;
}
#header h1 a {
	display: block;
	background: url(/img/redesign/hmtmh-logo-new.gif) 9px 0 no-repeat;
	width: 166px;
	height: 69px;
}
#header h1 span {
	display: none;
}


/*
	Contains search and functional navigation
*/
#search-functional-nav {
	float: right;
}
#search-functional-nav a {
	background: url(/img/redesign/link-arrow.gif) 0 3px no-repeat;
	padding-left: 9px;
	margin-left: 10px;
}
#select-english,
#select-german {
	display: block;
	float: left;
	background-position: 0 0 !important;
	background-repeat: no-repeat;
	height: 16px;
/*	width: 22px;
	border: 1px solid rgb(234, 235, 240);	*/
	padding: 4px 0 0 30px !important;
}
#select-english {
	background-image: url(/img/redesign/flag-en.gif) !important;
}
#select-german {
	background-image: url(/img/redesign/flag-de.gif) !important;
}
#select-english span,
#select-german span {
	display: none;
}

#facebook {
	display: block;
	float: left;
	background-position: 0 0 !important;
	background-repeat: no-repeat;
	height: 16px;
	padding: 4px 0 0 24px !important;
	background-image: url(/img/facebook_logo.gif) !important;
}

#instagram {
	display: block;
	float: left;
	background-position: 0 0 !important;
	background-repeat: no-repeat;
	height: 16px;
	padding: 4px 0 0 24px !important;
	background-image: url(/img/instagram.png) !important;
}

#googleplus {
	display: block;
	float: left;
	background-position: 0 0 !important;
	background-repeat: no-repeat;
	height: 16px;
	padding: 4px 0 0 24px !important;
	background-image: url(/img/googleplus.gif) !important;
}

#linkedin {
	display: block;
	float: left;
	background-position: 0 0 !important;
	background-repeat: no-repeat;
	height: 16px;
	padding: 4px 0 0 24px !important;
	background-image: url(/img/logo-linked-in.png) !important;
}

#twitterx {
	display: block;
	float: left;
	background-position: 0 0 !important;
	background-repeat: no-repeat;
	height: 16px;
	padding: 4px 0 0 24px !important;
	background-image: url(/img/logo-x.png) !important;
}



/*
	Search form in page header
*/
input {
	font-family: Verdana, sans-serif;
}
#suche input[type=text] {
	width: 170px;
	height: 15px;
	border: 1px solid rgb(123, 123, 153);
	border-right-color: rgb(231, 231, 238);
	border-bottom-color: rgb(231, 231, 238);
	padding: 2px 0 0 8px;
	color: #999;
	margin: 0 10px;
}
#suche input[type=submit] {
	background: url(/img/redesign/link-arrow.gif) 0 3px no-repeat;
	font-size: 11px !important;
	padding: 0 0 0 9px;
	border: 0;
	margin: 0;
	cursor: pointer;
	color: rgb(236, 0, 139);
}
#suche input[type=submit]:hover {
	text-decoration: underline;
}


/*
	Main navigation (Tabs) as list
*/
#main-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 980px;
	background: rgb(236, 0, 139);
	border-top: 1px solid rgb(236, 0, 139);
	overflow: hidden;
}
#main-nav a {
	border-right: 1px solid #fff;
	display: block;
	float: left;
	text-align: center;
	color: #fff;
	line-height: 20px;
	width: 162px;
}
.items-5 a {
	width: 195px !important;
}
.items-6 a {
	width: 162px !important;
}
.items-7 a {
	width: 139px !important;
}
.items-8 a {
	width: 121px !important;
}

#main-nav a.last-tab {
	border: none;
}
#main-nav a.aktiv {
	background: #fff;
	color: #000;
}
#main-nav a:hover {
	background-color: rgb(212, 0, 123);
	text-decoration: none;
}
#main-nav a.aktiv:hover {
	background: #fff;
}




/*
	==================================================
	Elements common to all pages
	==================================================
*/


/*
	Main content wrapper. This contains all normal page content
*/
#content {
	background: #fff;
	padding: 20px;
	overflow: hidden;
}

/*
	Wrapper to clear floats for multi-column layouts
*/
.column-wrapper {
	overflow: hidden;
}


/*
	Margin to separate the next content below
*/
.bottom-margin {
	margin-bottom: 15px;
}


.mail-link {
	background: url(/img/icon_letter.gif) 0 2px no-repeat;
}


h2, h2 strong,
h3 strong {
	font-weight: normal !important;
}


/*
	List of news teasers/events etc. for asides (far right column)
*/
.aside-list {
	width: 240px;
	float: left;
	margin-bottom: 11px;
}
.aside-list h3 {
	background: rgb(149, 149, 168);
/*	line-height: 20px;	*/
	line-height: 16px;
	padding: 2px 10px 2px 20px;
	color: #fff;
	font-weight: normal;
	overflow: hidden;
}
.aside-list h3 span {
	float: left;
	width: 60%;
}
.aside-list h3 a {
	float: right;
	color: #fff;
	font-weight: normal;
	background: url(/img/redesign/link-arrow-white.gif) 0 6px no-repeat;
	padding-left: 9px;
}
.aside-list h4 {
	font-weight: bold;
}
.aside-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.aside-list li,
.aside-list > p, .aside-list > div > p, .aside-list > div > .csc-textpic, .aside-list > div > .csc-textpic-text {
	border-bottom: 1px solid #fff;
	background-color: rgb(232, 232, 237);
	padding: 10px 20px;
}
.aside-list li.last {
	border-color: rgb(232, 232, 237);
}
.aside-list p,
.aside-list li h4 {
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-weight: normal;
}
	
.aside-list .csc-textpic-imagerow.csc-textpic-imagerow-last:after { content: ""; display: block; clear: both; }

/*
.aside-list-text p {
	margin-bottom: 16px;
}
*/





/*
	==================================================
	Page footer (common to all pages)
	==================================================
*/


#footer {
	color: #fff;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 30px;
}
#footer a {
	color: #fff;
}


noscript img {
	display: none;
}






/*
	==================================================
	Elements used on front page only
	==================================================
*/


/*
	Large frontpage headline with image (3 columns)
*/
h2.frontpage {
	width: 900px;
	height: 145px;
	margin-bottom: 15px;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 20px;
	font-size: 22px;
	line-height: 35px;
	color: #fff;
}
#flashcontent {
	margin-bottom: 15px;
	width: 940px;
	height: 185px;
}
h2.frontpage span {
	background: rgb(236, 0, 139);
}


/*
	List of large teasers (boxes with headline, image, copy; 2 rows by 2 columns)
*/
.frontpage-teasers {
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 630px;
}
.frontpage-teasers li {
	background-color: rgb(232, 232, 237);
	width: 300px;
	height: 230px;
	float: left;
	margin-right: 15px;
	font: 11px/15px Verdana,sans-serif;
}
.frontpage-teasers h3 {
	height: 60px;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 20px;
	position: relative;
	font-size: 13px;
	line-height: 21px;
	color: #fff;
}
.frontpage-teasers h3 img,
.frontpage-teasers h3 strong {
	position: absolute;
	bottom: 20px;
}
.frontpage-teasers h3 span {
	background: rgb(236, 0, 139);
	font-weight: normal !important;
}
.frontpage-teasers p {
	margin: 15px 20px 10px 20px;
}
.frontpage-teasers a {
	display: block;
	margin: 0 20px;
	background: url(/img/redesign/link-arrow.gif) 0 4px no-repeat;
	padding-left: 9px;
}

/*
	Variation of aside list
*/
.aside-list-frontpage {
	width: 310px;
	margin-bottom: 0;
}
.aside-list-frontpage li {
	/*height: 70.5px;*/
}
.aside-list-events {
	/*margin-bottom: 15px;*/
}
.aside-list-events h3 {
	background: rgb(236, 0, 139);
}

.aside-list-frontpage div p { padding-bottom: 15px; }

#hmtmh-start .aside-list { min-height: 190px; }

/*
	==================================================
	Elements used on standard pages only
	==================================================
*/


/*
	Standard page headline 445 px wide
*/
h2 {
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 29px;
	color: #fff;
}
h2 span {
	background: rgb(236, 0, 139);
}

/*
	Page headline with background image, 720 px wide
	(Spanning 2 columns)
*/
h2.bgimage {
	width: 680px;
	height: 145px;
	margin-bottom: 20px;
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 20px;
	position: relative;
	font-size: 18px;
	line-height: 29px;
	color: #fff;
}
h2.bgimage-wide {
	width: 940px;
}
h2.bgimage img,
h2.bgimage strong {
	position: absolute;
	bottom: 1px;
	left: 0px;
	max-width:550px;
}

h2.bgimage span {
	background: rgb(236, 0, 139);
	display: inline-block !important;
	margin-top: 3px;
	padding: 0 0 0 5px !important;
}

h2.bgimage span:nth-child(2) {
	display: inline-block !important;
}

h2.headline {
	color: #fff;
}


/*
	Page sub-navigation and page tools (print page, send per e-mail)
*/

#sub-navigation-and-page-tools {
	width: 200px;
	float: left;
	margin-right: 20px;
}
.sub-navigation,
.sub-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sub-navigation {
	border-bottom: 1px dotted rgb(123, 123, 153);
	margin-bottom: 30px;
}
.sub-navigation ul a {
	padding-left: 20px;
}
.sub-navigation ul ul a {
	padding-left: 30px;
}
.sub-navigation ul ul ul a {
	padding-left: 40px;
}
.sub-navigation a {
	display: block;
	text-decoration: none;
	border-top: 1px dotted rgb(123, 123, 153);
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
/*	line-height: 20px;	*/
}
.sub-navigation a:hover {
	background-color: rgb(231, 231, 238);
}
.sub-navigation a.aktiv {
	background: rgb(231, 231, 238) url(/img/redesign/link-arrow.gif) 0px 6px no-repeat;
}
.sub-navigation ul a.aktiv {
	background-position: 10px 6px;
}
.sub-navigation ul ul a.aktiv {
	background-position: 20px 6px;
}
.sub-navigation ul ul ul a.aktiv {
	background-position: 30px 6px;
}
.sub-navigation a.rootline {
	background: url(/img/redesign/down-arrow.gif) 0px 8px no-repeat;
}
.sub-navigation ul a.rootline {
	background-position: 10px 8px;
}
.sub-navigation ul ul a.rootline {
	background-position: 20px 8px;
}
.sub-navigation ul ul ul a.rootline {
	background-position: 30px 8px;
}
.page-tools {
	list-style: none;
	border-bottom: 1px dotted rgb(123, 123, 153);
	border-top: 1px dotted rgb(123, 123, 153);
	padding: 10px;
}
#page-tools-print {
	background: url(/img/icon_printer.gif) 0 0 no-repeat;
	padding-left: 25px;
}
#page-tools-send {
	background: url(/img/icon_letter.gif) 0 0 no-repeat;
	padding-left: 25px;
}


/*
	Main content column for 1-, 2- and 3-column layouts
*/

.mittlerespalte {
	line-height: 16px;
}
.mittlerespalte p {
	margin-bottom: 15px;
}
.mittlerespalte strong {
	font-weight: bold;
/*	font-weight: normal;
	background: rgb(234, 235, 240);
	padding: 1px 0;	*/
}
.mittlerespalte h3 {
/*	background: rgb(149, 149, 168);	*/
	background: rgb(231, 231, 238);
/*	line-height: 20px;	*/
	padding: 2px 5px 2px 8px;
/*	color: #fff;	*/
	color: #000;
/*	font-weight: normal;	*/
	margin-bottom: 10px;
}
.mittlerespalte h3 a {
/*	color: white;	*/
}
.mittlerespalte ol, ul {
	line-height: 16px;
	padding: 0;
}
.mittlerespalte ol {
	margin: 0 0 0 25px;
}
.mittlerespalte ol li {
	margin-bottom: 15px;
}
.mittlerespalte ul {
	list-style-image: url(/img/redesign/link-arrow.gif);
	margin: 0 0 20px 12px;
}
.mittlerespalte ul li {
	margin: 0 0 5px 0;
	padding: 0;
}

.copy-1-col {
	width: 940px;
	float: none;
	margin: 0;
}
.copy-2-col {
	width: 665px;
	float: left;
	margin: 0 35px 0 0;
}
.copy-2-col-last {
	width: 720px;
	float: left;
	margin: 0;
}
.copy-3-col {
	width: 445px;
	float: left;
	margin: 0 35px 0 0;
}



/*
	News overview
*/
ul.news-overview {
	list-style-type: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
ul.news-overview li {
	display: block;
	width: 340px;
	float: left;
	margin: 0 20px 25px 0 !important;
	padding: 0 !important;
}
ul.news-overview div {
	height: 100px;
}
ul.news-overview p {
	margin-bottom: 8px;
}
ul.news-overview .news-datum {
	color: rgb(137, 141, 160);
	height: auto;
}
ul.news-overview h3 {
	background: rgb(137, 141, 160);
	font-weight: normal;
}
ul.news-overview a {
	background: url(/img/redesign/link-arrow.gif) 0 3px no-repeat;
	padding-left: 10px;
}
ul.news-overview h3 a {
	background: none;
	color: #fff;
	padding: 0;
}



/*
	News details
*/
.meldung h3 {
	background: rgb(137, 141, 160);
	font-weight: normal;
	color: #fff;
}



/*
	Adjust last column for new layout
*/
.rechtespalte {
	margin: 0;
	width: 240px;
}



/*
	Last modified timestamp; jump to page top
*/

#last-modified-and-goto-top {
	clear: both;
	overflow: hidden;
	padding-top: 15px;
}
#last-modified-and-goto-top p {
	float: left;
}
#last-modified-and-goto-top a {
	display: block;
	text-align: right;
	float: right;
	background: url(/img/pfeil-top.gif) 0 5px no-repeat;
	padding-left: 12px;
}



.download {
	margin-left: 0;
}
.mittlerespalte li.pdf {
	margin-left: 9px;
}



/*
	Various adjustments
*/

.download-link {
	background-position: 2px 0;
}


.tx_hmtaddresses_pi2 {
	list-style-type: none !important;
	margin-left: 0 !important;
}

.tx_hmtaddresses_pi2 h4 {
	margin-bottom: 0 !important;
}
.tx_hmtaddresses_pi2 p,
.a-z-teaser p {
	margin-bottom: 8px !important;
	margin-top: 0 !important;
}

.tx-cal-controller h3 {
	background: none;
	padding: 0;
}
.rechtespalte .tx-cal-controller {
	float: left;
	/*margin-bottom: 20px;*/
}
.rechtespalte .kalenderheadline p {
	float: left;
	width: 198px;
	margin: 0;
	font-weight: normal;
}
.rechtespalte .kalenderheadline p span {
	margin: 0;
	padding: 0;
}
.tx-cal-controller .kalender {
	background-color: rgb(232, 232, 237);
}

div.content-teaser h3,
div.content-teaser p {
	margin: 0
}
div.text-bild-teaser h3 {
	color: rgb(236, 0, 139);
}
div.text-bild-teaser a:hover {
	background-color: rgb(231, 231, 238);
}



/*
	==================================================
	Adjustments for IE7
	==================================================
*/

*+html #suche {
	padding: 0;
	margin: 0;
}
*+html #suche input {
	font-size: 11px;
}
*+html #suche input[type=submit] {
	padding: 0 0 0 1px;
	margin: 0;
}
*+html #main-nav li {
	float: left;
}
*+html .page-tools {
	margin-left: 0;
}
*+html .mittlerespalte ul {
	margin-left: 15px;
}
*+html .sub-navigation a.aktiv {
	background-position-y: 8px;
}
*+html .sub-navigation a.rootline {
	background-position-y: 10px;
}
*+html .aside-list h3 {
	height: 20px;
}
*+html .aside-list-frontpage li {
	width: 270px;
}
*+html .aside-list h3 a {
	background-position-y: 7px;
}
*+html .aside-list h4 {
	font-size: 11px;
}
*+html a.mail-link {
	background-position-y: 3px;
}
*+html .mittlerespalte h4 {
	font-size: 11px !important;
}


/*
	==================================================
	Adjustments for IE6
	==================================================
*/

* html #header,
* html #content {
	width: 940px;
}
* html #suche {
	padding: 0;
	margin: 0;
}
* html #main-nav li {
	float: left;
}
* html .page-tools {
	margin-left: 0;
}
* html .column-wrapper .column-wrapper {
	width: 720px;
	float: left;
}
* html .sub-navigation a {
	text-decoration: none !important;
}
* html .sub-navigation a.aktiv {
	background-position-y: 8px;
}
* html .sub-navigation a.rootline {
	background-position-y: 10px;
}
* html .mittlerespalte ul {
	margin-left: 15px;
}
* html .aside-list-frontpage li {
	width: 270px;
	padding-top: 9px;
}
* html .aside-list h3 {
	width: 210px;
}
* html .aside-list-frontpage h3 {
	width: 280px;
}
* html .aside-list h4 {
	font-size: 11px;
}
* html .aside-list h4 a {
	font-size: 11px;
}
* html a.mail-link {
	background-position-y: 3px;
}
* html .mittlerespalte h4 {
	font-size: 11px !important;
}



        *+html #content { padding-bottom: 20px; }
        * html #content { padding-bottom: 20px; }



/*
	Paddings for Cufon-rendered headlines on pink backgrounds
	(Cufon renders "h2 span, .frontpage-teasers h3 span")

	Needs to be adjusted for each browser individually
	because of small variations in font rendering!
*/

/*	Firefox Win (default)	*/
h2.frontpage span			{padding: 0 8px 4px 7px}
h2 span						{padding: 0 8px 3px 7px}
h2.bgimage span				{padding: 0 8px 3px 7px}
.frontpage-teasers h3 span	{padding: 0 6px 3px 5px}

/*	IE6	*/
* html h2.frontpage span			{padding: 3px 8px 4px 7px}
* html h2 span						{padding: 3px 9px 4px 7px}
* html h2.bgimage span				{padding: 3px 9px 4px 7px}
* html .frontpage-teasers h3 span	{padding: 2px 6px 4px 5px}

/*	IE7	*/
*+html h2.frontpage span			{padding: 3px 8px 4px 7px}
*+html h2 span						{padding: 3px 9px 4px 7px}
*+html h2.bgimage span				{padding: 3px 9px 4px 7px}
*+html .frontpage-teasers h3 span	{padding: 2px 6px 4px 5px}

span.headl { display: none; }
h2 span.headl { display: inline; }

/*.contenttable { border-spacing: 0; }
tr.tr-even { background: rgb(231, 231, 238); border: none; }
tr.tr-even.tr-0 { font-weight: bold; background: none;  }
tr.tr-even.tr-0 td { border-bottom: 1px solid rgb(231, 231, 238); }
TABLE.contenttable TD { vertical-align: middle; padding: .5em; }*/

.a-z-teaser-body { display: none; }
.a-z-teaser-head { cursor: pointer; position: relative; }
.a-z-teaser-head p, .a-z-teaser-body p { max-width: 95%; }
.mod-no-content .a-z-teaser-head { cursor: initial; position: static; }
.mod-no-content .a-z-teaser-head:after { display: none; position: static; }
.a-z-teaser-head:after { content: '\f107'; font-family: 'FontAwesome'; position: absolute; top: .5em; right: .5em; font-size: 1.5em; }
.a-z-teaser { border-bottom: 1px solid #7b7b99; width: auto; transition: all .5s; }
.a-z-teaser.open, .a-z-teaser:hover { background: #feebf6; padding: 10px; }
.a-z-teaser.open .a-z-teaser-head:hover { background: transparent; }
.a-z-teaser.open .a-z-teaser-head:after { content: '\f106'; }
.mod-no-content.a-z-teaser:hover { background: transparent; padding: 10px 0 0 0; }
.a-z-letter-content {  margin-bottom: 1em;}
#a-z-filterform { margin-bottom: 1.5em; display: block; margin-top: 1.5em; }
.a-z-teaser-head p { margin-top: 5px !important; } 
.a-z-input { display: inline-block; width: 80%; }
.a-z-select { -moz-appearance: none;
	width: 100%;
    background-color: white;
    border: 1px solid #7a7b99;
    color: #7a7b99;
    font-size: 11px;
    margin-bottom: 0;
    margin-right: -2px;
    outline: medium none;
    padding: 5px;
}

.a-z-submit {
	text-indent: -9999px;
    line-height: 20px;
    width: 68px;
    height: 27px;
    padding: 0;
    float: right;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 0;
    background: url(/img/button-suchen.png) no-repeat left top;
    border: none;
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
    display: inline-block;
}

.a-z-input {
	-moz-appearance: none;
	    background-color: white;
	    border: 1px solid #7a7b99;
	    color: #7a7b99;
	    font-size: 11px;
	    margin-bottom: 0;
	    margin-right: -2px;
	    outline: medium none;
	    padding: 5px;
	    padding-bottom: 6px;
}

.tx-pxc-addresses div.selectWrap:after {
    color: #7a7b99;
    content: "";
    font-family: FontAwesome;
    font-size: 1.125em;
    right: 5px;
    position: absolute;
    top: 5px;
}
.tx-pxc-addresses div.selectWrap {
	 display: inline-block;
	 position: relative;
	 width: 48%;
    margin-right: -9px;
}

.a-z SPAN { font-size: 9pt; }

a.more-link img { margin-left: 2px; }

.formular.a-z { padding: 9px; }

.vorlesung-disclaimer {
   border: solid 1px #be0000;
   padding: 3px;
}