

/* css additions and changes to default blueprint styles  */
body {background-color: #fff; background-image:url(../img/E_M_Logo_HG_Website2.jpg); background-repeat:repeat;}
p {font-size: 14px;}
th {background-color: #C9CAC5;}

/* breadcrumb */
.header-breadcrumbs {float:left; w-idth:950px; padding: 2px 20px 0px 0px; b-ackground:rgb(255,0,0);}
.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 2px 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:normal; color:rgb(255,255,255); font-size:100%;}
.header-breadcrumbs ul a {color:rgb(255,255,255); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(255,255,255); text-decoration:underline;}


/* searchform */
.searchform {border: 0px solid red; float:right; height: 24px; w-idth:285px; padding: 0px 0px 0px 0px !important /*Non-IE6*/; padding:0 0px 0px 0px /*IE6*/;}
.searchform form fieldset {float:right; border:none;}
.searchform input.field {width:8.0em; margin-top: 0.1em; padding:0.2em 0 0.2em 0; border:1px solid rgb(150,150,150); font-family:verdana,arial,sans-serif; font-size:12px; }
.searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:12px;}
.searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}


.top-gradient {
  height: 24px; 
  background-image:url(../img/top-gradient.jpg);
  background-repeat:no-repeat;
  background-position:0px 0px;
}

/* --------------------------------------------- */
/* -- Header mainMenue Navigation -- */
/* --------------------------------------------- */

ul, ol      { margin:0; }

/* link definitions */
a.infolink:link, a.infolink:visited, a.infolink:active {
	background-image: url(../img/infolink.gif);
	background-repeat: no-repeat;
	background-position: 2px 7px;
	padding-left:26px;
	text-decoration: none;
	color: #da0909;
	font-size: 18px;
}
a.infolink:hover {
	background-image: url(../img/infolink.gif);
	background-repeat: no-repeat;
	background-position: 2px 7px;
	padding-left:26px;
	text-decoration: underline;
	color: #da0909;
	font-size: 18px;
}

a.infolinksmall:link, a.infolinksmall:visited, a.infolinksmall:active {
	background-image: url(../img/infolinksmall.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left:20px;
	text-decoration: none;
	color: #da0909;
	font-size: 12px;
}
a.infolinksmall:hover {
	background-image: url(../img/infolinksmall.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left:20px;
	text-decoration: underline;
	color: #da0909;
	font-size: 12px;
}

a.linkwhite:link, a.linkwhite:visited, a.linkwhite:active {
	background-image: url(../img/linkwhitesmall.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left:20px;
	text-decoration: none;
	color: #ffffff;
}
a.linkwhite:hover {
	background-image: url(../img/linkwhitesmall.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left:20px;
	text-decoration: underline;
	color: #ffffff;
}

a.linkblack:link, a.linkblack:visited, a.linkblack:active {
	background-image: url(../img/linkblacksmall.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left:16px;
	text-decoration: none;
	color: #000000;
}
a.linkblack:hover {
	background-image: url(../img/linkblacksmall.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left:16px;
	text-decoration: underline;
	color: #000000;
}

.submenue1 {
  /*line-height : normal;*/
  text-align: left;
  overflow:hidden;
	clear:both; 
  border: 0px solid white;
  /*padding-top: 3px;*/
  width: 950px; 
}

.submenue1 ul {
  list-style-type : none;
  margin-right : 0;
  padding : 0;
  margin-top: 0;
  margin-bottom: 0;
  text-align:right;
  display:inline;
}

.submenue1 li {
  display : inline;
  margin : 0;
  padding : 0;
  margin-right : 1px;
}


.submenue1 a, submenue1 a:visited{
  font-size:14px;
  font-weight:normal;
  color: #999;
  text-decoration:none;
  padding: 4px 5px 6px 5px;
  height: 20px;
}

.submenue1 a:active  {
  font-size:14px;
  font-weight:normal;
  color: #999;
  text-decoration:none;
  padding: 4px 5px 6px 5px;
}

.submenue1 a:hover  {
  font-size:14px;
  font-weight:normal;
  color: #999;
  text-decoration:underline;
  padding: 4px 5px 6px 5px;
}

.submenue1Act a  {
  font-size:14px;
  font-weight:normal;
  color: #FF0;
  text-decoration:none;
  padding: 4px 5px 6px 5px;
}

.submenue1Act a:active, .submenue1Act a:hover  {
  font-size:14px;
  font-weight:normal;
  color: #FF00FF;
  text-decoration:none;
  padding: 4px 5px 6px 5px;
}








/* --------------------------------------------- */
/* -- meta Menue Navigation in footer -- */
/* --------------------------------------------- */

ul, ol      { margin:0; }


.metamenue {
  /*line-height : normal;*/
  text-align: right;
  overflow:hidden;
	clear:both; 
  border: 0px solid white;
  /*padding-top: 3px;*/
  width: 950px; 
}

.metamenue ul {
  list-style-type : none;
  margin-right : 0;
  padding : 0;
  margin-top: 0;
  margin-bottom: 0;
  text-align:right;
  display:inline;
}

.metamenue li {
  display : inline;
  margin : 0;
  padding : 0;
  margin-right : 1px;
}


.metamenue a, metamenue a:visited{
  font-size:14px;
  font-weight:normal;
  color: #999;
  text-decoration:none;
  padding: 4px 5px 6px 5px;
  height: 20px;
}

.metamenue a:active  {
  font-size:14px;
  font-weight:normal;
  color: #999;
  text-decoration:none;
  padding: 4px 5px 6px 5px;
}

.metamenue a:hover  {
  font-size:14px;
  font-weight:normal;
  color: #999;
  text-decoration:underline;
  padding: 4px 5px 6px 5px;
}

.metamenueAct a  {
  font-size:14px;
  font-weight:normal;
  color: #FF0;
  text-decoration:none;
  padding: 4px 5px 6px 5px;
}

.metamenueAct a:active, .metamenueAct a:hover  {
  font-size:14px;
  font-weight:normal;
  color: #FF00FF;
  text-decoration:none;
  padding: 4px 5px 6px 5px;
}





/* Layer Menue  */
#nav, #nav ul {
        z-index:99;
		float: left;
        /* width: 680px;*/
        list-style: none;
        line-height: 1;
        background: #626B71;
        font-weight: normal;
        padding: 0;
        border: solid #FFF;
        border-width: 0px 0px;
        margin: 0 0 0px 0;
}

#nav a  {
        display: block;
        width: 10em;
        w\idth: 7em;
        color: #FFF;
        border-left: 1px solid #FFF;
        text-decoration: none;
        padding: 4px 0 4px 10px;
}

#nav a.daddy {
        background: url(rightarrow2.gif) center right no-repeat;
        background-color: #626B71;
        color: #F79C89;
}

#nav li {
        float: left;
        padding: 0;
        /* width: 8.12em; */
		width: 130px; 
}

#nav li ul {
        position: absolute;
        left: -999em;
        height: auto;
        width: 10em;
        w\idth: 10em;
        font-weight: normal;
        border-width: 1px;
        margin: 0;
        /* background-color: #002C56; */
		background-color: #626B71;
}

#nav li li {
        padding-right: 1px;
        width: 10em;
}

#nav li ul a {
        _width: 10em;
        width: 10em;
}

/* 2. Untermenue Ebene */
#nav li ul ul {
        margin: -1.25em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
        left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
        left: auto;
}

#nav li:hover, #nav li.sfhover {
        background: #002C56;
}




/* Artikel Detailseite */
div.articleHomepage {	
	width: 590px;
	height: 460px;
	overflow: hidden;
	float: left;
}
.articleHomepageImage {	
	width: 590px;
	height: 413px;
}
.articleHomepageImageTitle {	
	width: 590px;
	height: 47px;
	background-image: url(../img/article-homepage-brightener.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	-moz-opacity:0.75;
	filter:alpha(opacity=75);
}

div.articleHomepageTextContainer {	
	width: 360px;
	height: 460px;
	background-repeat: repeat;
	background-position: 0px 0px;
	float: right;
	overflow: hidden;
	text-align: left;
}

.articleHomepageText {	
	width: 360px;
	height: 413px;
	background-repeat: repeat;
	background-position: 0px 0px;
}
.articleHomepageLink {	
	width: 360px;
	height: 47px;
	background-image: url(../img/article-homepage-link-brightener.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	-moz-opacity:0.75;
	filter:alpha(opacity=75);
}
.articleHomepageText h3 {
	padding: 10px;
	margin: 0px; 
}
.articleHomepageText p {
	padding: 10px;
	margin: 0px; 
}






/* Artikel Detailseite */
div.article {	
	width: 750px;
	height: 584px;
	overflow: hidden;
}
.articleImage {	
	width: 750px;
	height: 524px;
}
.articleImageTitle {	
	width: 750px;
	height: 60px;
	background-image: url(../img/article-brightener.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	-moz-opacity:0.75;
	filter:alpha(opacity=75);
}
div.articleTextContainer {	
	width: 750px;
	background-repeat: repeat;
	background-position: 0px 0px;
}
.articleTextContainer h3 {
	padding: 10px;
	margin: 0px; 
}
.articleTextContainer p {
	padding: 10px;
	margin: 0px; 
}



/* Teaser */
div.teaser {	
	width: 188px;
	height: 240px;
	float: left;
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	padding-top: 2px;
}
.teasertop {	
	width: 188px;
	height: 24px;
	background-image: url(../img/teasergradient.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-align: center;
}
.teasercontent {	
	width: 188px;
	height: 216px;
	background-image: url(../img/teaser-dsv-lauf.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.teasertopspan {
	width: 188px; 
	height: 130px;
}
.teasertextcontent {	
	width: 188px;
	height: 86px;
	background-image: url(../img/teaser-brightener.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	-moz-opacity:0.75;
	filter:alpha(opacity=75);
}
.teasertextcontent h3 {
	padding: 0px; !important
	margin: 0px; !important 
}
.teasertextcontent p {
	padding: 0px; !important
	margin: 0px; !important 
}

/* MAIN SUBCONTENT */
.subcontent-unit-border {width:183px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px rgb(190,190,190); background:rgb(235,235,235);}
.subcontent-unit-border-green {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(160,214,81); background-color:rgb(217,239,185);}
.subcontent-unit-border-blue  {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(137,170,214); background-color:rgb(213,225,240);}
.subcontent-unit-border-orange {width:183px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border:solid 1px rgb(232,177,13); background-color:rgb(248,224,150);}

.subcontent-unit-noborder {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:rgb(235,235,235);}
.subcontent-unit-noborder-green {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(217,239,185);}
.subcontent-unit-noborder-blue  {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(213,225,240);}
.subcontent-unit-noborder-orange {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248,224,150);}

.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:174px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:175px;}
