/* INHALT */

/* 01 Grundeinstellungen */
/* 02 Box-Modell */
/* 03 Header */
/* 04 Navigation */
/* 05 Suche */
/* 06 Breadcrump */
/* 07 Boxensystem */
/* 08 Footer */
/* 09 Specials in Factsheetansicht */


/* -------------
 01 Grundeinstellungen
 ------------- */

body {
	margin: 0;
	padding: 0;
	border: none;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../img/body_verlauf.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: #fdfcfc;
}


p, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	border: none;
    color: #666;
}

/* Links im Text */
a:link, a:active, a:visited {
	text-decoration: none;
	color: #c33;
}

a:focus, a:hover {
	text-decoration: underline;
	color: #c33;
}


li, dt, dd  {
	list-style-type: none;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

.reset {
	width: 100%;
	clear: both;
	float: none;
	}

hr {
	border-bottom: 1px dotted #999999;
	border-top: none;
	margin: 10px 0;
}


/* -------
 02 Box-Modell
-------- */

#background {
	margin: 0;
	width: 100%;
	height: 660px;
	border: none;
	background-image: url(../img/overflow_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#box {
	margin: 0px auto;
	width: 987px;
	border: none;
}

#inside {
	clear: left;
	float: left;
	height: auto;
	padding: 0 !important;
	margin: 0 !important;
	width: 959px;
}


/* -------
 03 Header
 -------- */

#header {
	width: 939px;
	height: 197px;
	margin: 0 0 15px 0;
	border: none;
}

#metanavigation {
	float: right;
	width: 348px;
	padding: 6px 38px 0 0;
	color: #fff;
}

#metanavigation a{
	color: #fff;
	text-decoration: none;
}

#metanavigation a:hover {
	text-decoration: underline;
}

#metanavigation img {
	float: right;
	margin: 0 0 0 10px;
}

#metanavigation ul {
float: right;
}

#metanavigation li {
	float: left;
	margin: 0 0 0 10px;
	font-size: 11px;
	text-transform: uppercase;
}

#home {
	border: none;
	width: 280px;
	height: 80px;
	position: absolute;
	top: 75px;
}

#home a:link,#home a:hover,#home a:visited {
	text-decoration: none;
}

#homelink {
	width: 230px;
	height: 100%;
	position: absolute;
	left: 55px;
	background-color: transparent;
	text-decoration: none;
}


/* -------
04 Navigation
------- */

#navigation-box {
	clear: both;
	float: right;
    height: 49px;
    overflow: visible;
	margin: 25px 0 0 0;
    padding: 0 20px 0  0;
}

#menu {
    width: 100%;
    float: right;
 }

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

#menu a, #menu h2 {
    display: block;
    font-weight: normal;
    }

#menu h2 {
    padding: 8px 14px 8px 14px;
    font-size: 12px;
	color: #7d7466;
    background-image: url(../img/navigation_ebene1_verlauf.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
    border-bottom: 1px solid #e5e6e6;
    border-top: 1px solid #e5e6e6;
    
}
/* KLASSE SCHREIBEN WEIL IE KEIN FIRST CHILD KANN */
#menu:first-child {
    border-left: 1px solid #e5e6e6;
}

/* KLASSE SCHREIBEN WEIL IE KEIN LAST CHILD KANN */
#menu:last-child {
    border-right: 1px solid #e5e6e6;
}


#menu a {
	color: #7d7466;
	text-decoration: none;
}

#menu a:hover {
	color: #c32222;
}

#menu li {
    position: relative;
}

#menu ul ul {
    position: absolute;
    z-index: 500;
}

#menu ul ul ul { 
   position: absolute;
   top: 0;
   left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
   display: none;
 }

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {
    display: block;
}

div#menu ul li:hover ul {
	border-left: 1px solid #e5e6e6;
	border-right: 1px solid #e5e6e6;
	border-bottom: 1px solid #e5e6e6;
    background-color: #fff;
}

* html div#menu ul li:hover ul li {
    display: inline;
    padding: 0 !important;
    margin: 0 !important;
    height: 18px !important;
}

div#menu ul li:hover ul li a:link, div#menu ul li:hover ul li a:hover, div#menu ul li:hover ul li a:active, div#menu ul li:hover ul li a:visited {
	display: block;
    width: 165px;
    font-size: 12px;
	border-top: 1px dashed #e5e6e6;
    padding: 0 10px 0 10px;
    margin: 0;
	}


div#menu ul li:hover ul li a.firstLiElementHauptmenue {
    margin-top: -1px;
    border-top: 1px solid #e5e6e6;
    }
   
* html div#menu ul li:hover ul li a {
    display: block;
    width: 165px;
    font-size: 12px;
	border-top: 1px dashed #e5e6e6;
    padding: 0 10px 0 10px;
    margin: 0;
}

* html div#menu ul li:hover ul li a:hover ul li a {
    display: block;
    width: 165px;
    font-size: 12px;
	border-top: 1px dashed #e5e6e6;
    background-color: #fff;
    padding: 0;
    margin: 0;
}

div#menu ul li:hover ul li a span.linkText {
    display: block;
    width: 165px;
    font-size: 12px;
    padding: 8px 0 8px 0;
    margin: 0;
    cursor: pointer;
}

div#menu ul li ul li a.hovereffekt:link span.linkText, div#menu ul li ul li a.hovereffekt:active span.linkText, div#menu ul li ul li a.hovereffekt:visited span.linkText {
	background-image: url(../img/menu_pfeil_link.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

div#menu ul li ul li a.hovereffekt:hover span.linkText {
	background-image: url(../img/menu_pfeil_hover.gif);
	background-repeat: no-repeat;
	background-position: center right;
}


/* end: 04 Navigation */



/*---------
05 Suche 
-------- */

#suche {
	clear: both;
	float: right;
	margin: 70px 0 0 0;
	padding:0 20px 0 0;
}

#suche form {
	width: auto;
	float: right;
}

#suche form input {
	width: 136px;
	float: left;
	margin: 0 0 0 10px;
}

/* end: 05Suche */

/* end: 03Header */


/* ---------
 05 Breadcrump
 ---------- */

 #breadcrump {
	margin: 0 0 15px 0;
	padding: 0 0 0 29px;
	border: none;
 }

 /*  end: 05Breadcrump */



 /* -----------
  06 Boxensystem
  ------------ */

#boxensystem-background {
	width: 949px;
	clear: left;
	float: left;
	height: auto;
	background-image: url(.../img/background.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #e1e0df;
	padding: 0 0 0 9px;
	border: none;
}

#boxensystem {
	width: 921px;
	clear: left;
	float: left;
	height: auto;
	background-color: #fff;
	padding: 0 0 15px 19px;
	margin: 0 !important;
	border-bottom: 10px solid #e1e1e0;
}

#boxen-left {
	clear: both;
	float: left;
	border: none;
	/*position:relative;
	bottom:0px;*/
    z-index:1;
}

#boxen-right {
	float: left;
	margin: 0 0 0 16px;
	width: 265px;
	border: none;
    z-index: -1;
}

#boxen-right .addbox {
	margin: 0 0 20px 0;
}

.addbox {
	clear: both;
	float: left;
	width: 100%;
	background-image: url(../img/box-content_verlauf.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	border: 1px solid #e4e3e1;
    z-index:0;
}

.addbox p {
	font-size: 11px;
	line-height: 15px;
}

.addbox h1, .addbox h2 {
	padding: 8px 0 7px 20px;
	font-size: 14px;
	color: #7d8084;
	border-bottom: 1px solid #e4e3e1;
	font-weight: normal;
	text-transform: uppercase;
}

/* Ueberschrift bei in der addbox muss in disem Fall buendig mit der oberen Kante der Hi-Media-Channel sein */
.addbox h2.premiumsites {
 padding-top: 0!important;
}

#box-content div.addbox h1, #boxen-right div.addbox h2 {
	background-image: url(../img/heading_verlauf.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#action-boxen div.addbox h2 {
	padding: 8px 0 7px 0;
	margin: 0 0 20px 0;
	width: 179px;
}

#news-boxen div.addbox h2 {
	padding: 8px 0 7px 0;
	margin: 0 0 20px 0;
	width: 341px;
}

#box-content {
	clear: left;
	float: left;
	margin: 0 0 25px 0;
	width: 618px;
	border: none;
}

#box-content div.addbox h2, #box-content div.addbox h3, #box-content div.addbox h4, #box-content div.addbox h5, #box-content div.addbox h6{
	border: none;
}

#box-content div.addbox p {
	margin: 0 0 15px 0;
	font-size: 11px;
	line-height: 16px;
	}

#box-content div.addbox p img {
	float: right;
	margin: 0 0 10px 13px;
}

#box-content div.addbox ul, dl {
	margin: 0 0 35px 0;
	font-size: 1.1em;
	width: 540px;
}

#box-content div.addbox ul li,#box-content div.addbox dl dd {
	margin: 5px 0 5px 16px;
	padding:  0 0 0 15px;
	background-image: url(../img/content_li_button.jpg);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

#box-content div.addbox ul h3, #box-content div.addbox dl dt {
	font-size: 12px;
	font-weight: bold;
	border: none;
	padding: 0;
	margin: 0;
}

#action-boxen {
	clear: both;
	float: left;
	width: 227px;
	margin: 0 28px 0 0;
	border: none;
}

* html #action-boxen {
	margin: 0 20px 0 0 !important;
}

#action-boxen div.addbox {
	padding: 10px;
	width: 207px;
	border: 1px solid #f4f2ee;
	background-image: none;
}

#action-boxen div.addbox div.background {
	padding: 15px;
	font-size: 11px;
	line-height: 16px;
	background-color: #f4f2ee;
}

#action-boxen div.addbox div.background img {
    float: left;
    margin: 0 0 5px 0;
}


#action-boxen div.addbox ul li {
	background-image: url(../img/li.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding: 0 0 0 20px;
}

#action-boxen div.addbox {
	margin: 0 0 20px 0;
}

#news-boxen {
	width: 348px;
	float: left;
	border: none;
}


#news-boxen div.addbox {
	background-image: none;
	margin: 0 0 20px 0;
	border: none;
}

#news-boxen div.addbox div.premium {
	clear: both;
	float: left;
	margin: 0 0 20px 0;
	width: 348px;
	border: none;
	line-height: 1.6em;
}

#hiSpecials {
   
   width: 100%;
   height: 350px;
   z-index: 1;
}

#hiSpecials div  {
    clear: both;
    float: none;
    z-index: -1;
    width: 100%;
}


/* Premiumsites aus dem Hi-Media Portfolio */

div.premium img {
    width: 100px;
    height: 100px;
	float: left;
	margin: 0 15px 0 0;
	padding: 10px;
	border: 1px solid #e5e6e6;
}

div.premium h3 {
	font-size: 12px;
	margin: 0 0 10px 0;
}

#boxen-right div.addbox img {
	padding: 10px;
}

#boxen-right div.addbox h3 {
	color: #cc3333;
	font-size: 12px;
	width: 208px;
	margin: 0 0 10px 28px;
}

#boxen-right div.addbox p {
	width: 208px;
	margin: 0 0 10px 28px;
}

#boxen-right div.addbox hr {
    clear: left;
    float: left;
	border: 1px dashed #e5e6e6;
	width: 208px;
    margin: 10px 0 10px 28px;
	/*margin: 0px auto;*/
}

#boxen-right div.addbox ul.special {
	padding: 10px 0 0 2px;
	margin: 10px 0 10px 24px;
	width: 214px;
	height: 31px;
	background-image: url(../img/hintergrund_navi_specials.jpg);
	background-repeat: no-repeat;
    background-position: 0 10px;
	font-size: 12px;
    border-top: 1px dashed #e5e6e6;;
}

#boxen-right div.addbox ul.special li {
	padding: 10px 0 0 0;
	height: 29px;
	width: 138px;
	border: none;
	float: left;
	border: none;
    text-align: center;
    line-height: 12px;
}

#boxen-right div.addbox ul.special li img {
	padding: 0 !important;
	margin: 2px 0 0 0 !important;
	height: 26px;
	width: 25px;
}

#boxen-right div.addbox ul.special li.button {
    margin: 0 !important;
	padding: 0 !important;
	width: 35px;
	height: 26px;
    border: none;
}

ul.presse {
	padding: 0;
    margin: 1px 0 0 1px;
	float: left;
    width: 230px; /* Breite ohne padding 262px */
    padding: 16px 16px 0 16px; /* Innenabstand rechts und links - als Textbrenzung */
	background-image: none; 
}

ul.presse li {
	width: 230px;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px dashed #e5e6e6;;
}

* html ul.presse li {
    width: 189px;
}

ul.presse li.firstLiPresse {
    border-top: none !important;
}

ul.presse li img {
    float: left;
    margin: 0 !important;
    padding: 15px 0 0 0 !important;
}


ul.presse li h3 {
    float: left;   
    width: 179px !important;  /* wenn im important nicht gesezt ist, greift das CSS aus Line 6464*/
	padding: 15px 0 0 10px !important; /* wenn im important nicht gesezt ist, greift das CSS aus Line 6464*/
	margin: 0 !important; /* wenn im important nicht gesezt ist, greift das CSS aus Line 6464*/
    font-size: 11px;
}

* html ul.presse li h3 {  
    width: 150px;
    margin: -40px 0 0 15px !important;
}

ul.presse li span {
	display: block;
	clear: left;
	margin: 3px 0 0 45px;
	padding: 0;
    border: none;
    width: 100% !important;
}

ul.presse li p {
	clear: left;
    width: 189px !important;/* wenn im important nicht gesezt ist, greift das CSS aus Line 6464*/
	margin: 6px 0 14px 45px !important; /* wenn im important nicht gesezt ist, greift das CSS aus Line 6464*/
    padding: 0 !important; /* wenn im important nicht gesezt ist, greift das CSS aus Line 6464*/
}

ul.presse li p.lastElement {
	border: none;
}

ul.presse li p a {
	display: block;
	clear: left;
    width: 189px;
    margin: 0;
    padding: 0;
}

div.pressemeldung {
    clear: left;
    float: left;
    margin: 0;
    padding: 30px 0 0 0;
    border-top: 1px dashed #666;
    width: 100%;
}

div.presse_seitenauswahl {
    clear: both;
    margin: 0 0 10px 0;
    float: right;
    display: block;
    text-align: right;
}

div.presse_seitenauswahl span {
    display: block;
    float: left;
    margin: 0 3px 0 0;
}

div.presse_seitenauswahl a:link, div.presse_seitenauswahl a:visited, div.presse_seitenauswahl a:hover, div.presse_seitenauswahl a:active, div.presse_seitenauswahl a:focus  {
    background-color: #fff;
    border: 1px solid #E4E3E1;
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    text-align: center;
    margin: 0 3px 0 0;
}

div.presse_seitenauswahl a.seitenauswahlAktiv:link, div.presse_seitenauswahl a.seitenauswahlAktiv:hover, div.presse_seitenauswahl a.seitenauswahlAktiv:visited, div.presse_seitenauswahl a.seitenauswahlAktiv:focus, div.presse_seitenauswahl a.seitenauswahlAktiv:active {
    background-color: #cc3333;
    color: #fff;
}


/* IE 6.0 */

* html div.pressemeldung {
    float: none;
}

div.pressemeldung.erstePressemeldung {
    border-top: none;
    margin-top: 0px !important;
    padding-top: 0px;
}


div.pressemeldungText {
    float: left;
    border: none;
    width: 515px;
}

div.pressemeldungText h2 {
    margin: 0 !important;
    padding: 0 !important;
}

div.pressemeldungText p {
    font-size: 12px !important;
    margin: 25px 0 30px 0 !important;
}
* + html div.pressemeldungText p {
    margin: 25px 0 15px 0 !important;
}


div.pressemeldungIcon {
    width: 44px;
    float: left;
}


/* ------------
08 Footer
----------- */

#footer {
	font-size: 9px;
	text-align: center;
	clear: left;
	float: left;
	margin: 15px 0 15px 0 !important;
	padding:0;
	width: 960px;
}

#footer p {
	margin: 0 0 10px 0 !important;
}

#footer p a {
	margin: 0 0 0 15px;
}

#footer p#footerAdresse a {
	margin: 0;
}

#footer a img {
	margin: 0 0 0 15px;
}

/* ------------
09 Specials in Factsheetansicht
----------- */

div.special img {
	float: left;
	margin: 0 15px 0 0;
	padding: 10px;
	border: 1px solid #e5e6e6;
}

div.special h3 {
	font-size: 12px;
	margin: 0 0 10px 0;
}

div.buchstabe {
	display: inline-block;
	width: 150px;
	float: right;
	height: 150px;
	margin-right: 10px;
}