/*
 Main stylesheet:
*/

html, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #46626D;
}

body {
	margin: 0px;
	background: #ffffff;
}

p, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

/*Hochstellen*/
sup,sub{
	line-height: 1em;
	font-size:0.7em !important ;
	vertical-align:bottom;
}

p, ul {
	line-height: 16px;
}

form {
	margin: 0px;
}

input, select, textarea {
	padding: 1px 0px;
	border: dashed 1px #A2B5BC;
}

a {
	text-decoration: none;
	color: #BE0038;
}

a:hover {
	color: #002369;
}


/*
 Static objects: Logo, header, frames
*/

#logo {
	position: absolute;
	left: 45px;
	top: 132px;  /* marius@gosign: achtung, dieser Wert wird in hhla125-alles.css ueberschrieben */
	border: none;
}

#header {
	position: absolute;
	top: 0px;
	border: none;
}

#main {
	position: absolute;
	top: 216px;
	width: 960px;
}

#left, #content, #right {
	float: left;
	overflow: hidden;
}

#right {
    /*overflow: visible;*/
    width: 100px;
}

/*
 Static objects: Contact, Language, Search, Footer
*/

#contact, #language, #search, #footer {
	font-size: 10px;
	color: #91A9B3;
}

#contact a, #language a, #search a, #footer a {
	color: #91A9B3;
	padding-right: 12px;
}

#language a.current {
	color: #002369;
}

#contact a:hover, #language a:hover, #search a:hover, #footer a:hover {
	color: #BE0038;
}

#contact {
	position: absolute;
	left: 45px;
	top: 11px;
}

#language {
	position: absolute;
	left: 45px;
	top: 107px; /* marius@gosign: achtung, dieser Wert wird in hhla125-alles.css ueberschrieben */
}

#language .active, #language .active a {
	color: #002369;
}

#search {
	clear: left;
	width: 146px;
	padding: 17px 0px 25px 45px;
}

#search input {
	margin: 2px 0px;
	width: 142px;
}

#search form {
	margin: 0px;
}

#footer {
	clear: both;
	padding-top: 0px;
}

#footer_navi {
	margin: 0px 0px 8px 45px;
}

#copy {
	background: #ffffff url('../pic/basic/hori_line.gif') repeat-x left top;
	height: 60px;
	padding-left:45px; padding-right:0px; padding-top:8px; padding-bottom:0px
}


/*
 Menu:
*/

#menu {
	font-size: 10px;
	font-weight: bold;
	padding-left: 45px;
}

#menu span.slash {
	padding-right: 4px;
}

#menu ul {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}

#menu li {
	list-style-type: none;
	display: inline;
}

#menu a {
	display: block;
}

#menu li.level1_NO a, #menu li.level1_NO_first a, #menu li.level1_CUR a, #menu li.level1_CUR_first a {
	clear: left;
	width: 146px;
	height: 13px;
	padding-top: 14px;
	padding-bottom: 3px;
	background: #ffffff url('../pic/navi/hori_line_bottom.gif') repeat-x left bottom;
	color: #426163
}

#menu li.level1_NO_first a, #menu li.level1_CUR_first a {
	padding-top: 1px;
	padding-bottom: 5px;
}

#menu li.level1_NO a:hover, #menu li.level1_NO_first a:hover, #menu li.level1_CUR a, #menu li.level1_CUR a:hover, #menu li.level1_CUR_first a, #menu li.level1_CUR_first a:hover {
	color: #bd0039;
}

#menu li.level2_NO a, #menu li.level2_ACT a {
	clear: left;
	width: 136px;
	height: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background: #ffffff url('../pic/navi/hori_line_top_bottom.gif') repeat-x left bottom;
	color: #64858E
}

#menu li.level2_NO a:hover, #menu li.level2_ACT a, #menu li.level2_ACT a:hover {
	color: #ffffff;
	background-image: url('../pic/navi/hori_line_hover.gif');
}

#menu li.level2_ACT a {
	float: left;
}

#menu li.level2_ACT ul {
	float: right;
	position: relative;
	top: -1px;
}

#menu li.level2_ACT ul a {
	float: none;
}

#menu li.level3_NO_first a, #menu li.level3_ACT_first a {
	padding-top: 1px;
}

#menu li.level3_NO a, #menu li.level3_NO_first a, #menu li.level3_ACT a, #menu li.level3_ACT_first a {
	background: #ffffff url('../pic/navi/hori_line_top_bottom.gif') repeat-x left bottom;
	color: #64858E
}

#menu li.level3_NO a:hover, #menu li.level3_NO_first a:hover, #menu li.level3_ACT a, #menu li.level3_ACT a:hover, #menu li.level3_ACT_first a, #menu li.level3_ACT_first a:hover {
	color: #ffffff;
	background-image: url('../pic/navi/hori_line_hover.gif');
}


/*
 Right menu:
*/

#right .spacer {
	height: 18px;
	font-size: 1px;
	background: #ffffff;
}

#right .image {
	background: #ffffff;
	padding-bottom: 20px;
}

#right .box {
	background: url('../pic/basic/hori_line.gif') repeat-x left top;
	padding-left:27px; padding-right:13px; padding-top:0px; padding-bottom:16px
}


#right .box .title {
	padding-top: 13px;
	padding-bottom: 4px;
	font-size: 10px;
	color: #91a9b3;
	text-transform: uppercase;
}

#right .box .headline {
	padding-bottom: 5px;
	color: #46626D;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	text-transform: uppercase;
}

#right .box .text {
	line-height: 16px;
}

#right .box .links {
	line-height: 12px;
}

#right .box .contact {
	font-size: 11px;
	color: #BE0038;
	line-height: 16px;
}


#right .box2 {
	background: url('../pic/basic/hori_line.gif') repeat-x left top;
	padding-left:1px;
	padding-top:1px
}

#right div.strich {
	background: url('../pic/basic/hori_line.gif') repeat-x left top;
	line-height:1px;
	padding:0px;
	margin:0px;
	height:1px;
	font-size:1px
}

/*
 Rootline:
*/

#rootline {
	background: url('../pic/basic/hori_line.gif') repeat-x left bottom;
	font-size: 10px;
	padding-top: 1px;
	padding-bottom: 5px;
	margin-bottom: 11px; /* eigentlich 15px; Text selbst serzeugt selbst 4px leere Pixel nach unten*/
	color: #BE0038;
	line-height: 13px
}

#rootline .slash {
	padding-right: 5px;
}

#rootline a {
	color: #BE0038;
	padding-right: 5px;
}

#rootline a:hover {
	color: #002369;
}

#rootline a#print {
	float: right;
	color: #91A9B3;
	padding-right: 0px;
}

#rootline a#print:hover {
	color: #BE0038;
}

#print img {
	border: none;
}

#backbutton {
	background: url('../pic/basic/hori_line.gif') repeat-x left bottom;
	padding-bottom: 7px;
	position: relative;
	top: -5px;
	margin-bottom: 10px;
	font-size: 0px
}

#backbutton img {
	border: none;
}


/*
 Content:
*/

.links {
	padding-top: 6px;
	font-size: 10px;
	line-height: 14px;
}

.links a {
	text-transform: uppercase;
}



.content_text p,
.news-list-item p, 
.content_textpic p,
.newsteaser_single_item p,
.category_box p,
.news_container p,
.newsteaser_list_item p {
	padding-bottom: 0px; /* 9x*//* original: 13px; Marius*/
}

.content_text p + p,
.news-list-item p + p, 
.content_textpic p + p,
.newsteaser_single_item p + p,
.category_box p + p,
.news_container p + p,
.newsteaser_list_item p + p {
	padding-top: 5px; 
}


/* Der Abstand zwischen "Headline"-Headline und p scheint ok zu sein
h2 + p, h3 + p {
	padding-top: 5px;
} */

/* Das hier ist eine schweinerei. Es geht um freistehende Überschriften */
.content_header + a + div > div > img + h2, 
.content_header + a + div > div > img + h3, 
.content_header + a + div > div > h2, 
.content_header + a + div > div > h3, 
.content_header + a + div > h2, 
.content_header + a + div > h3 {
    margin-top: 0px;
} 
/* und es hat eine Nebenwirkung, die ich hier mit einem Spezialfall kille*/
.user-newsteaser-pi1 > .newsteaser_list_item + .newsteaser_list_item h2 {
    margin-top:20px;
}



/* narff schweinerei */
div.headline_4_lightblue_line + div.category > div > div.category_content_box > div + div.text > h2 {
    margin-top: -3px;
}





.content_text .links,
.news-list-item .links, 
.content_textpic .links,
.newsteaser_single_item .links,
.category_box .links,
.news_container .links,
.newsteaser_list_item .links {
	position: relative;
	top: 0px;
	padding-top: 6px;
	padding-bottom: 0px;
}

/*
 * @Author: Usman Ahmad @ Gosign media. GmbH
 * @Desc: Korrektur wegen doppelten Links untereinander
 */
#content .content_textpic p.links{
	float:none;
}



.csc-textpic-intext-left .links{
	float:left;
}



/*
 Headlines:
*/

.headline_1_big {
	font-size: 36px;
	line-height: 37px;
	padding-bottom: 8px; /* eigentlich 10px; Text selbst serzeugt selbst 2px leere Pixel nach unten*/
	font-weight: bold;
	color: #46626D;
	text-transform: uppercase;
}

.headline_1_middle {
	font-size: 30px;
	line-height: 31px;
	padding-bottom: 8px;
	font-weight: bold;
	color: #46626D;
	text-transform: uppercase;
}

.headline_1_small {
	font-size: 24px;
	line-height: 25px;
	padding-bottom: 8px;
	font-weight: bold;
	color: #46626D;
	text-transform: uppercase;
}

.headline_2_blue, p.csc-subheader {
	font-size: 15px;
	line-height: 16px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #46626d;
}

.headline_2_red {
	font-size: 13px;
	line-height: 16px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #be0038;
	text-transform: uppercase;
}

.headline_3_blue {
	font-size: 13px;
	line-height: 14px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #46626d;
	text-transform: uppercase;
}

.headline_3_red {
	font-size: 13px;
	line-height: 14px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #BE0038;
	text-transform: uppercase;
}

.title {
	font-size: 10px;
	color: #91a9b3;
	text-transform: uppercase;
}

.headline_4_red {
	font-size: 10px;
	padding-bottom: 3px;
	color: #be0038;
	text-transform: uppercase;
}

.headline_4_lightblue {
	font-size: 10px;
	padding-bottom: 3px;
	color: #a2b5bc;
	text-transform: uppercase;
}
/* wir brauchen eine Ausnahme: Für die News */
.news-list-item .headline_4_lightblue {
      font-weight:normal;
}
.headline_4_red_line { /* urspr. 5px */
	font-size: 10px;
	padding-bottom: 4px;
	margin-bottom: 20px;
	color: #be0038;
	text-transform: uppercase;
	background: #ffffff url('../pic/basic/hori_line.gif') repeat-x left bottom;
}

.headline_4_lightblue_line {
	font-size: 10px;
	padding-bottom: 4px; /* urspr. 5px */
	margin-bottom: 20px; /* und nun doch 20 */ /* urspr. 15px */
	color: #91A9B3;
	text-transform: uppercase;
	background: #FFFFFF url(../pic/basic/hori_line.gif) repeat-x scroll left bottom;
}



/*.csc-textpic { Marius sagt: weg damit
	padding-bottom: 6px;
}*/

ul {
	list-style-image: url('../pic/basic/icon_list_grey.gif');
	margin: 0;
	line-height: 16px;
	padding-left: 16px; padding-right:0; padding-top:0; padding-bottom:0
}

li {
	margin: 0px;
	padding: 0px;
}

.pagebrowser a {
	font-size: 11px;
	position: relative;
	bottom: 0;
	text-transform: uppercase;
}

.pagebrowser a img {
	border: none;
}

.pagebrowser {
	font-size: 11px;
	color: #91A9B3;
}

/* ausgewählte Seite */
.pagebrowser  td.tx-ttnews-browsebox-SCell a, .tx-otoldnewgallery-pi1-active{
   font-size: 11px;
   color: #46626D;
}
.pagebrowser td, .tx-otoldnewgallery-pi1-browser, .tx-otoldnewgallery-pi1-browser a {
   font-size: 11px;
   color: #BE0038;
}



/*
 Tabellen
*/

#content .contenttable td{
	font-size: 11px;
	color: #46636B;
	background: transparent;
	height: 100%;
	border-bottom: none; /*1px dotted #CFDBDB;*/
	padding-left: 10px;

}

#content .contenttable td span.innerHeadline{
	padding-bottom: 0px;
  vertical-align: bottom;
  font-weight: bold;
  float: left;
  width: auto;
}

#content td span.headlineExplain{
  color: #90A8B2;
  float: right;
  width: 150px;
}

#content td span.einheiten{
  white-space:nowrap;
  color: #90A8B2;
}

#content .contenttable td.td-last, #content .contenttable-1 td.td-last{
  text-align: right;
  padding-right: 18px;
}

#content .contenttable td.td-0, #content .contenttable-1 td.td-0{
  text-align: left;
  padding-left: 3px;
}


#content .contenttable tr {
	background: #EDF3F6 url('../pic/basic/hori_line.gif') repeat-x left bottom;
}
#content .contenttable tr.tr-0 {
	background: #FFF url('../pic/basic/hori_line.gif') repeat-x left bottom;
}


#content table.contenttable, #content table.contenttable-1 {
  border-collapse: collapse;
  border-spacing: 0px !important;
}

#content .contenttable tr.tr-1 {
  height: 37px;
  vertical-align: bottom;
}

#content .contenttable .tr-1 td, #content .contenttable .tr-1 td{
  /*border-top:1px dotted #A2B5BC !important;*/
}

#content .contenttable .tr-0 td, #content .contenttable .tr-0 td{
  color: #90A8B2;
/*  background-color: #fff; */
  background: #FFF url('../pic/basic/hori_line.gif') repeat-x left bottom;

}

#content table.contenttable tr td{
  padding-top: 6px;
  padding-bottom: 8px;
  vertical-align: bottom;
  background: #EDF3F6 url('../pic/basic/hori_line.gif') repeat-x left bottom;
}

#content .contenttable tr.tr-last{
  height: 37px;
  vertical-align: top;
}

#content .contenttable .tr-last td, #content .contenttable .tr-last td{
  /* border-bottom:1px dotted #A2B5BC !important; */
  vertical-align: top;
}



.tx-otoldnewgallery-pi1-description {
  padding-top: 8px;  /* zwischen großem Bild und Bildunterschrift: 15px Abstand */
  padding-bottom: 0px;  /* zwischen Bildunterschrift und nächsten Element: 35px Abstand */
  line-height: 140%;
}

/* Für die Bildergalerie, oberer Rand */
.tx-otoldnewgallery-pi1  table {
  padding-top: 0px;
  margin-top: 0px;
  border-top: 0px;
}
/* Abstand zwischen den Bildern */
.tx-otoldnewgallery-pi1  table td{
  padding-bottom: 12px;
}

.tx-otoldnewgallery-pi1 div.download {
/* Caspar meint, das brauchen wir nicht! */
/*  margin-top: -12px; */
  padding-bottom: 29px;
}

/* M.Arius meint: */
/* ein Header soll nach oben den Abstand von 20 extra-pixel erzeugen */
/* denn ein Text ohne Header soll statt 35 px nur 15 px Abstand haben. */
body div#hhla_125_jahre_startseite_content .content_textpic h2,
body .newsteaser_list_item h2, body .newsteaser_list_item h3,
body .newsteaser_single_item h2, body .newsteaser_single_item h3,
body .category h2, body .category h3,
body .news_container h2, body .news_container h3{
	margin-top: 20px;
}
body .content_header {
	margin-top: 18px;
}

/* ABER: DER IE 6 sollte das lieber nicht machen, sondern nur 14px IE6 HACK */
* html div#hhla_125_jahre_startseite_content .content_textpic h2,
* html .newsteaser_list_item h2, * html .newsteaser_list_item h3,
* html .newsteaser_single_item h2, * html .newsteaser_single_item h3,
* html .category h2, * html .category h3,
* html .news_container h2, * html .news_container h3{
	margin-top: 14px;
}
* html .content_header {
	margin-top: 14px;
}

/* DER IE7 genauso,deshalb der IE7 Starhack */
*:first-child+html div#hhla_125_jahre_startseite_content .content_textpic h2,
*:first-child+html .newsteaser_list_item h2, *:first-child+html .newsteaser_list_item h3,
*:first-child+html .newsteaser_single_item h2, *:first-child+html .newsteaser_single_item h3,
*:first-child+html .category h2, *:first-child+html .category h3,
*:first-child+html .news_container h2, *:first-child+html .news_container h3
{
	margin-top: 14px;
}
*:first-child+html .content_header {
	margin-top: 12px;
}

/* Caspar meint: */
/* ein Header neben einem Bild (.csc-textpic-intext-left / right) soll keine Abstand nach oben haben */
.csc-textpic-intext-left h2, .csc-textpic-intext-left h3, .csc-textpic-intext-right h2, .csc-textpic-intext-right h3 
.csc-textpic-intext-left-nowrap h2, .csc-textpic-intext-left-nowrap h3, .csc-textpic-intext-right-nowrap h2, .csc-textpic-intext-right-nowrap h3 
{
	margin-top: 0px !important;
}




div.content_header, div.headline_4_red_line, #headline_top{ /* damit der margin-bottom auch eingehalten wird ... */
   border-bottom: 0.1px solid white;
}

#headline_top {
   padding-top:6px;
}

#content {
	margin-top: 0px;
	padding-top: 0px !important;
}

.content_textpic .spacer,
.newsteaser_single_item .spacer,
.category_box .spacer,
.news_container .spacer,
.newsteaser_list_item .spacer {
   /* height: 22px; */
    clear: both;
    height: 1px; /* vorher 10px. somit habe ich 10px unten gespart*/
    line-height: 1px;
    font-size: 1px;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

/* jetzt brauchen wir von JEDEM content-Element, das eine Überschrift haben kann, nochmal 10px*/

.user-newsteaser-pi1 {
  margin-top: -2px; /* hierin gibt es immer eine Überschrift: 20px. Also 5px abzieehen */
}

.newsteaser_single_item { /* Marius*/
  padding-bottom: 12px; /* eigentlich 15px */
}
.newsteaser_list_item  {
  padding-bottom: 10px;  /* eigentlich 15px */
}

.news_container {
 padding-bottom: 10px; /* statt 10px*/
}



.news-list-item {
	padding-bottom: 22px;
    padding-bottom: 29px; /* statt 35px */
    padding-bottom: 12px; /* statt 35px */
    padding-top: 16px; /* statt 35px */
}

.news-list-item table tbody tr td img{
	margin-right:10px;
}

.content_text, 
.content_textpic{
	display: block;
	padding-bottom: 32px; 
	overflow: hidden;
}

div#hhla_125_jahre_startseite_content .content_textpic{
	padding-bottom:12px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0px;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
    margin-bottom: 0px;
}


/* jetzt kommt nur noch fitzelkrams */
/* dies hier: nicht für den IE6 */
html>body .tx-narftreeviewhhla-pi3 .headline_4_lightblue_line, html>body .tx-narftreeviewhhla-pi3 .headline_4_red_line{
	background: #FFFFFF url(../pic/basic/hori_line.gif) repeat-x scroll left bottom;
	margin-top: 20px;
}
html>body .tx-narftreeviewhhla-pi3 h2.headline_2_red {
	margin-top: 17px; /* statt 20px; 3px LEERE Pixel werden durch die Schrift erzeugt */
}
.category_box {
	margin-bottom: 12px; /*statt 5px*/
}
/* der IE6 bekommt lieber das hier*/
* html .tx-narftreeviewhhla-pi3 .headline_4_lightblue_line, * html .tx-narftreeviewhhla-pi3 .headline_4_red_line{
	background: #FFFFFF url(../pic/basic/hori_line.gif) repeat-x scroll left bottom;
	margin-top: 17px; /*3*/
}
* html .tx-narftreeviewhhla-pi3 h2.headline_2_red {
    margin-top: 0px; /*0*/
}
/* der IE7 bekommt lieber das hier*/
*:first-child+html .tx-narftreeviewhhla-pi3 .headline_4_lightblue_line, *:first-child+html .tx-narftreeviewhhla-pi3 .headline_4_red_line{
	background: #FFFFFF url(../pic/basic/hori_line.gif) repeat-x scroll left bottom;
	margin-top: 16px; /*6*/
}
*:first-child+html .tx-narftreeviewhhla-pi3 h2.headline_2_red {
	margin-top: 3px; /*3*/
}


















/* ----Design für die Seitennavigation (top und bottom) bei NEWS und BILDERGALERIE --------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
/* .headline_4_lightblue_line */
.pagebrowser_top .tx-ttnews-browsebox, .pagebrowser_top  .tx_otoldnewgallery_pi1_pagebrowser{
	font-size: 11px;
	color: #91A9B3;
	text-transform: uppercase;
	margin-top: 0px;
//	background-image: url('../pic/basic/hori_line.gif');
//	background-repeat: repeat-x;
//	background-position-y:50%;
//	background: transparent url(../pic/basic/hori_line.gif) repeat-x scroll left top; /* removed by Caspar */
	background: none;
}

.pagebrowser_top .tx-ttnews-browsebox, .pagebrowser_top  .tx_otoldnewgallery_pi1_pagebrowser a{
/*	overflow: visible;*/
/*	width: 10px;*/
	display: inline-block;

}

.pagebrowser_bottom  .tx-ttnews-browsebox, .pagebrowser_bottom  .tx_otoldnewgallery_pi1_pagebrowser{
	font-size: 11px;
	color: #91A9B3;
	text-transform: uppercase;
	margin-top: 0px;
//	background: transparent url(../pic/basic/hori_line.gif) repeat-x scroll left top; /* removed by Caspar */
	background: none;
}
.pagebrowser { /* geht nicht weil HTML dagegen ist */
    text-align: left !important;
}
.pagebrowser .tx_otoldnewgallery_pi1_pagebrowser {
    padding-top: 3px;
    padding-bottom: 3px;
/*    margin-bottom: 13px; */ /* changed by Caspar */
    margin-bottom: 30px;
}



/* ----Speizalregel zum Testen --------------------------- */
/* ----------------------------------------------------------------------------------------------------------- */
.headline_1_big, .headline_1_middle, .headline_1_small {
	margin-top: 0px !important;
}



/* ---- Spezialregel Bildergalerie ---- */
.tx-otoldnewgallery-pi1  td {padding-top: 0px;}
.tx-otoldnewgallery-pi1 .download, .tx-otoldnewgallery-pi1 .browser {
	font-size: 10px;
}
/* Mansoor: Padding auf das a Tag, wenn kein Downloadlink vorhanden, dann auch kein Abstand :-)*/
.tx-otoldnewgallery-pi1 div.download_old{
	padding:0px;
}
.tx-otoldnewgallery-pi1 div.download_old a{
/* Caspar meint: kein p-bottom, dafür p-top */
/*	padding-bottom: 12px; */
	display:block;
	padding-bottom: 0px;
	padding-top: 10px;
}
.tx-otoldnewgallery-pi1 div.download_new {
/* Caspar meint: kein p-bottom, dafür p-top */
/*	padding-bottom: 12px; */
	padding-bottom: 0px;
	padding-top: 10px;
}
.tx-otoldnewgallery-pi1 div.download_hist {
	margin-top: 0px;
	padding-bottom: 32px;
/*	padding-bottom: 12px;*/
}
.tx_otoldnewgallery_pi1_pagebrowser {
	font-size: 11px;
	margin-top: 10px;
}
.tx-otoldnewgallery-pi1-history-image-old, .tx-otoldnewgallery-pi1-history-image-new {
	padding-bottom: 0px;
/*	margin-bottom:-12px; */ /* removed by Caspar */
}