/*
	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;
}





/*
	==================================================
	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;
}





/*
	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: 15px;
}
.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 {
	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 li p,
.aside-list li h4 {
	margin: 0;
	padding: 0;
	line-height: 16px;
	font-weight: normal;
}
/*
.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: 63px;
}
.aside-list-events {
	margin-bottom: 15px;
}
.aside-list-events h3 {
	background: rgb(236, 0, 139);
}




/*
	==================================================
	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 img,
h2.bgimage strong {
	position: absolute;
	bottom: 20px;
}
h2.bgimage span {
	background: rgb(236, 0, 139);
}



/*
	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}