/****************************************************/
/* Copyright(c) 2009 Impuls-Netzwerk Sachsen-Anhalt */
/****************************************************/
/* Portal Layout v4.0 / Impuls                      */
/* LAYOUT FOR SCREEN MEDIA (BIG)                    */
/* Date:   2009-08-31                               */
/* Author: Claas Hoyer                              */
/* Date:   2009-08-31                               */
/****************************************************/

/* Volle Höhe */
html, body {
  height: 100%;
}

body {
  /* Keine Ränder */
  margin: 0px;
  padding: 0px;

  width: 100%;
  /* Farben */
  background: white;
}

div#main {
  min-height: 100%;
  margin: auto auto; /* Zentriert */
  
  position: relative;
}

* html div#main {
  height: 100%; /* IE-Hack 100%-ige Höhe */
}


div#main div#top {
  left: 0px;
  top: 0px;
  width: 100%;
  height: 210px;
  background: url(images/top_bg_rp-x.jpg) repeat-x;      
  
  text-align: center; /* Zentrierung für den Internet-Explorer */
}  

div#main div#top div#iaz {
  height: 56px;
  width: 610px;/*geadert am 25082010 org:830px;*/
  margin: 0 auto; /* standardkonforme Zentrierung */
  text-align: left; /* Textausrichtung wieder links */      
  position: relative;
}

div#main div#top div#iaz span#iaz_logo {
  left:546px; /* 25082010 eingefuegt, rueckt header in form*/
  right: 0px;
  width: 172px;
  height: 56px;
  background: url(images/iaz_lg_iaz.jpg) no-repeat; 
  position: absolute;
}


/*********************************************************/
/* Navigationsleiste des Portals (1. von oben)           */
/*********************************************************/
div#main div#top div#iaz div#nav_portal {
  position: absolute;
  margin-top: 16px;
  height: 40px;
  width: 450px;/*geaendert am 25082010 org:650px;*/
}

div#main div#top div#iaz div#nav_portal ul {
  margin: 0;
  height: 40px;
  position: relative;
  padding: 0;
}

div#main div#top div#iaz div#nav_portal ul li {
  list-style: none;
  display: inline;
  height: 40px;
  margin-left: -12px;
  padding: 0;
  float: left;
  position: relative;
}

div#main div#top div#iaz div#nav_portal ul li a {
  
  text-align: center;
  width: 100px;
  
  position: relative;
  height: 20px;
  display: block;
  text-decoration: none;
  color: white;
  font-family: Arial,sans-serif;
  font-size: 12px;
  padding: 12px 0 8px 0;
}

div#main div#top div#iaz div#nav_portal ul li a.active {
  color: #4D4D4D;
  background: url(images/iaz_bt_sel.jpg) no-repeat;
  
}

div#main div#top div#iaz div#nav_portal ul li a:hover {
  color: orange;
}

div#main div#top div#iaz div#nav_portal ul li a.active:hover {
  color: black;
}

div#main div#top div#header {
  width: 824px; /*25082010 geandert org:830px;*/
  height: 89px;
  margin: 0 auto; /* standardkonforme Zentrierung */
  text-align: left; /* Textausrichtung wieder links */      
  position: relative;
}

/*********************************************************/
/* Logo des Projekts                                     */
/*********************************************************/

div#main div#top div#header div#logo {
  width: 247px;
  height: 89px;
  top: 0px;
  left: 0px;
  position: relative;
  float: left;
  background: url(images/hdr_log_eps.jpg) no-repeat;      
}

/*********************************************************/
/* Slogan des Projekts                                   */
/*********************************************************/

div#main div#top div#header div#slogan {
  float: right;
  width: 411px;
  height: 80px;
  right: 0px;
  top: 28px;
  position: relative;
  background: url(images/logo_header_rechts.jpg) no-repeat;      
}

div.nav {
  width: 830px;
  height: 90px;
  margin: 0 auto; /* standardkonforme Zentrierung */
  text-align: right; /* Textausrichtung rechts */      
  position: relative;
}

/*********************************************************/
/* Primärmenü (Hauptlinks des Projekts)                  */
/*********************************************************/

div#main div#top div.nav div#nav_pri {
  height: 40px;
  text-align: right;
  float: right;
}

div#main div#top div.nav div#nav_pri ul {
  margin: 0;      
  text-align: right;
  padding: 0px;
  height: 40px;
  min-width: 500px;
}

div#main div#top div.nav div#nav_pri ul li {
  list-style: none;
  display: inline;
  height: 40px;
  margin-right: 2px;
  padding: 0;
  width: 114px;
}

div#main div#top div.nav div#nav_pri ul li a {
  
  text-align: center;
  display:block;
  border-right: 1px solid navy;
  width: 150px;
  position: relative;
  height: 20px;
  float: left;
  text-decoration: none;
  color: white;
  font-family: Verdana, Arial, sans-serif;
  font-size: 17px;
  padding: 10px 0 8px 0;
  
}

div#main div#top div.nav div#nav_pri ul li a.active {
  color: #000099;
}

div#main div#top div.nav div#nav_pri ul li a:hover {
  color: navy;
}

div#main div#top div.nav div#nav_pri ul li a.active:hover {
  color: black;
}


/*********************************************************/
/* Channel-Menü (Untergeordnete Links des Primärmenüs)   */
/*********************************************************/

div#main div#top div.nav div#nav_cnl {
  height: 30px;
  text-align: left;
  float: left;
  margin-left: 210px;
}

div#main div#top div.nav div#nav_cnl ul {
  margin: 0;      
  text-align: left;
  padding: 0px;
  height: 30px;
}

div#main div#top div.nav div#nav_cnl ul li {
  list-style: none;
  display: inline;
  height: 30px;
  margin-right: 2px;
  padding: 0;
  width: 130px;
}

div#main div#top div.nav div#nav_cnl ul li a {
  
  text-align: center;
  width: 130px;
  margin-left: -4px;
  position: relative;
  height: 15px;
  float: left;
  text-decoration: none;
  color: #A9A9A9;
  font-family: Helvetica,sans-serif;
  font-size: 15px;
  padding: 6px 0 8px 0;
  
}

div#main div#top div.nav div#nav_cnl ul li a.active {
  color: #5B5B5B;
  
}

div#main div#top div.nav div#nav_cnl ul li a:hover {
  color: #EF8E15;
}

div#main div#top div.nav div#nav_cnl ul li a.active:hover {
  color: black;
}


/*********************************************************/
/* Brotkrumen-Navigation (Aktueller Seitenpfad)          */
/*********************************************************/

div#main div#top div.nav div#nav_brd {
  width: 570px;
  height: 18px;
  position: relative;
  float: left;
  text-align: left;
  padding-left: 10px;
}

div#main div#top div.nav div#nav_brd a {
  color: #A9A9A9;
  font-size: 12px;
  font-family: Arial,sans-serif;
  text-decoration: none;
}

div.breadcrumb {
  padding: none;
}

/*********************************************************/
/* RSS-Link                                              */
/*********************************************************/

div#main div#top div.nav div#nav_rss {
  width: 200px;
  height: 18px;
  position: relative;
  float: right;
  text-align: right;
}

div#main div#top div.nav div#nav_rss a {
  color: #A9A9A9;
  font-size: 12px;
  font-family: Arial,sans-serif;
  text-decoration: none;
}

    
div#main div#content {
  margin: 0 auto 133px auto;
  width: 830px;
  position: relative;   
  text-align: left;
}


/*********************************************************/
/* Fußzeile                                              */
/*********************************************************/

div#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  height: 100px;
  background: #fff url(images/nav_bg_rp-x.jpg) repeat-x top left;
  text-align:center;
}

div#footer div.nav {
  width: 830px;
  height: 45px;
  margin: 0 auto; /* standardkonforme Zentrierung */
  text-align: right; /* Textausrichtung rechts */      
  position: relative;
}

div#footer div.nav div#nav_btm {
  height: 40px;
  float: right;
}

    
div#footer div.nav div#nav_btm ul {
  margin: 0;      
  text-align: right;
  padding: 0px;
  height: 40px;
  min-width: 312px;
}

div#footer div.nav div#nav_btm ul li {
  list-style: none;
  display: inline;
  height: 40px;
  margin-right: 2px;
  padding: 0;
  width: 114px;
}

div#footer div.nav div#nav_btm ul li a {
  
  text-align: center;
  width: 114px;
  margin-right: -12px;
  position: relative;
  height: 22px;
  float: left;
  text-decoration: none;
  color: white;
  font-family: Arial,sans-serif;
  font-size: 15px;
  padding: 10px 0 8px 0;
  
}

div#footer div.nav div#nav_btm ul li a.active {
  color: #5B5B5B;
  background: url(images/nav_bt_sel.jpg) no-repeat;
}

div#footer div.nav div#nav_btm ul li a:hover {
  color: #EF8E15;
}

div#footer div.nav div#nav_btm ul li a.active:hover {
  color: black;
}



div#footer div.nav div#partner {
  height: 56px;
  float: right;
}

    
div#footer div.nav div#partner ul {
  margin: 0;      
  text-align: right;
  padding: 0px;
  height: 56px;
}

div#footer div.nav div#partner ul li {
  list-style: none;
  display: inline;
  height: 56px;
  padding: 0;
}

div#footer div.nav div#partnerul li a {
  text-align: center;
  position: relative;
  float: left;
  text-decoration: none;
}


/*********************************************************/
/* Uni-Logo                                              */
/*********************************************************/

div#footer div#partner span.logo {
  position: relative;
  float: left;
  text-align: left;
  margin: 0 5px;
}

div#footer div#partner span#logo_ww {
  width: 441px;
  height: 89px;
  background: url(images/logo_header_rechts.jpg) no-repeat;
}