/* Zusätzliche CSS-Stilvorlagen für rem-Startseite */


/* Cover */

#cover_hg {
  z-index:999;
  position:fixed; top:0px; left:0px;
  width:100%; height:100%;
  background-color:#666;  
  opacity:0.80; /* W3C-Standard */
  filter:Alpha(opacity=80); /* für IE<=7 */
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /* für IE ab 8 */
  -moz-opacity:0.80; /* Mozilla alt */
  -khtml-opacity:0.80; /* Safari bis 2 */
  }

/* Browserweiche für IE6, damit Transparenz funktioniert */
* html #cover_hg { position:absolute; top:0px; left:0px; }

#cover_inhalt {
  z-index:1000;
  position:absolute; top:0px; left:0px;
  width:100%; height:100%;
  }
#cover_inhalt a {
  position:absolute; top:0px; left:0px;
  display: block;
  width:100%; height:100%;
  }  
  

h3 { /* Überschriften der Boxen */
  padding-left:15px;
  font-family:Arial, Helvetica, sans-serif; font-weight:normal;
  font-size:12px; line-height:15px;
  color:#999;
  border-bottom:1px solid #999;
  padding-bottom:2px;
  }



/* Boxen */
.startbox {
  float:left;
  width:235px;
  background:url(../bilder/hg_startbox.gif) top left repeat-x;
  margin:0px; margin-bottom:10px;
  padding-right:0px; padding-top:5px;
  }  
.startbox img {
  padding-left:15px;
  }
.startbox h2 {
  padding-left:15px;
  margin-bottom:5px;
  margin-top:0px !important;
  }
.startbox h3 {
  margin-top:0px;
  padding-left:15px; padding-top:5px;
  }
.startbox p {
  margin-top:0px;
  padding-left:15px;
  }
  

/* Box für aktuelle Meldung */
.newsbox {
  float:left;
  width:510px;
  background:url(../bilder/hg_startbox.gif) top left repeat-x;
  margin-bottom:10px;
  padding-top:5px;
  }  
.newsbox img {
  margin-left:5px;
  float:right;
  padding-right:10px;
  }
.newsbox h2 {
  padding-left:10px;
  margin-bottom:5px;
  }
.newsbox h3 {
  margin-top:0px;
  padding-left:10px;
  }
.newsbox p {
  margin-top:0px;
  padding-left:10px;
  }
.newsbox div a { /* wie p a */
  margin-left:10px;
  padding-left:13px; padding-right:4px; padding-top:1px; padding-bottom:1px;
  background:url(../bilder/link-pfeil.gif) bottom left no-repeat;
  /* wie p */
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px; line-height:17px;
  color:#f09;
  }
.newsbox div a:hover { /* wie p a:hover */
  padding-left:12px; padding-right:3px;
  border:1px solid #f09;
  background:url(../bilder/link-pfeil_over.gif) bottom left no-repeat;
  }    
hr.clearer {
  border:none;
  display:none;
  }
.news-list-morelink {
  display:block;
  }
.news-list-browse {
  display:none;
  }
.news-list-browse .tx-ttnews-browsebox {
  display:none;
  }
.newsbox .news-list-date {
  display:none;
  }


/* linke Spalte */

#spalte_links {
  float:left;
  width:235px;
  }
#spalte_links p {
  padding-left:15px;
  }
#spalte_links .csc-textpic {
  margin:0px; padding:0px;
  }
#spalte_links .csc-textpic img {
  padding-left:15px;
  }


h2.kids {
  font-family:Comic Sans MS, Arial, Helvetica, sans-serif; font-weight:bold; 
  color:#039; 
  padding-left:15px;
  margin-top:5px; margin-bottom:3px;
  }  
  


  
/* Hauptspalte */

#spalte_haupt {
  float:right;
  width:515px;
  padding-top:10px; padding-right:15px;
  }
#spalte_haupt h3 {
  padding-left:0px;
  }


#spalte_haupt .startbox { /* breite Box für rem aktuell */
  float:right;
  width:510px;
  }
#spalte_haupt .startbox h2 {
  padding-left:10px;
  }
#spalte_haupt .startbox h3 {
  padding-left:10px;
  }
#spalte_haupt .startbox p {
  padding-left:10px;
  }
#spalte_haupt .startbox img {
  padding-top:5px;
  }
  


/* Ausstellungen */
#ausstellungen {
  float:left;
  width:530px;
  padding:0px;
  margin-bottom:10px; margin-left:5px;
  }

#ausstellungen .csc-textpic {
  float:left;
  width:255px;
  margin:0px; padding:0px;
  margin-right:5px;
  }
    
#ausstellungen dd.csc-textpic-caption {
  width:235px;
  margin:0px; margin-right:5px;
  padding:5px; padding-left:10px;
  background:url(../bilder/hg_startbox.gif) top left repeat-x;
  /* wie p */
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px; line-height:17px;
  color:#333;
  }
#ausstellungen dd.csc-textpic-caption a {
  background:url(../bilder/link-button.gif) bottom right no-repeat;
  border:none;
  margin:0px; padding:0px;
  color:#333;
  display:block;
  }
#ausstellungen dd.csc-textpic-caption a:hover {
  background:url(../bilder/link-button_over.gif) bottom right no-repeat;
  color:#f09;
  }

/* ergaenzt von zaubzer.de */
#ausstellungen .csc-textpic-clear { clear: none; }


/* Veranstaltungskalender Startseite */

.tx-cal-controller {
  width:235px;
  float:left;
  margin:0px; margin-bottom:10px;
  }
/*.tx-cal-controller h3 {
  padding-left:15px;
  font-family:Arial, Helvetica, sans-serif; font-weight:normal;
  font-size:12px; line-height:15px;
  color:#999;
  background:none;
  border-bottom:1px solid #999;
  }*/
.tx-cal-controller dt { 
  padding-top:5px; padding-left:15px; padding-right:5px; padding-bottom:5px;
  background:url(../bilder/hg_startbox.gif) top left repeat-x;
  border-bottom:1px solid #999;
  /* Datum */
  font-family:Arial, Helvetica, sans-serif; font-weight:normal;
  font-size:11px; line-height:12px;
  color:#999;
  }
.tx-cal-controller dt a {
  margin:0px; padding:0px; padding-top:2px;
  /* Beschreibung wie p */
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px; line-height:15px;
  background:url(../bilder/link-button.gif) bottom right no-repeat;
  color:#333;
  border:none;
  display:block;
  }
.tx-cal-controller dt a:hover {
  background:url(../bilder/link-button_over.gif) bottom right no-repeat;
  color:#f09;
  }
.tx-cal-controller img{
  display:none;
}



/* Web 2.0-Funktionen in der Hauptnavigation */

#web20 {
  float:right;
  width:170px;
  margin-top:70px;
  }

#hauptnavi #rss a {
  background: #777 url(../bilder/hg_rss.gif) right center no-repeat;
  }  
#hauptnavi #rss a:hover {
  background: #f09 url(../bilder/hg_rss_ro.gif) right top no-repeat;
  }
  
#hauptnavi #facebook a {
  background: #777 url(../bilder/hg_facebook.gif) -233px top no-repeat;
  }  
#hauptnavi #facebook a:hover {
  background: #f09 url(../bilder/hg_facebook.gif) -32px top no-repeat;
  }  

/* Bookmarks werden jetzt mit #marks formatiert
#hauptnavi #bookmarks {
  height:20px;
  overflow:hidden;
  background:none;
  }
  */
  
/* #hauptnavi #bookmarks a:hover { */
  /*height:95px;*/
  /*background: #fff url(../bilder/hg_ro_rem.gif) left top repeat-x;*/
  /*border-left:1px solid #f6c;*/
/*  }*/


#hauptnavi #marks {
  z-index:999;
  float:left;
  width:170px; height:75px;
  /*border-left:1px solid #aaa; border-right:1px solid #aaa; border-bottom:1px solid #aaa;*/
  background-color:#eee;
  }  
#hauptnavi #marks a {
  width:20px; height:20px;
  float:right;
  padding:0px;
  margin-left:10px; margin-top:3px;
  background:none;
  }
#hauptnavi #marks a:hover {
  background:none;
  }

#hauptnavi #marks .tx-timtabsociable-pi1 a {
  float:none; margin-top:0px;
  }

#hauptnavi #marks a[id=c464] {
  display:none;
}

/* Navigation Museen und Einrichtungen */

#museen {
  float:left;
  list-style:none;
  margin-top:10px;
  width:972px; height:74px;
  border-right:1px solid #aaa;  /*border-top:1px solid #aaa;*/
  margin-bottom:12px;
  }
#museen li { float:left; }
#museen a {
  width:97px; height:55px;
  display:block;
  padding:5px; padding-top:3px;
  font-family:Arial, Helvetica, sans-serif; font-weight:normal;
  font-size:12px; line-height:14px;
  color:#fff;
  background-color:#777;
  border-left:1px solid #aaa; border-bottom:1px solid #aaa;
  }

#m_zeu a { /* Zeughaus */
  border-top:10px solid #fc0;
  }
#m_zeu a:hover {
  background: #fc0 url(../bilder/hg_ro_m_zeu.gif) bottom right repeat-x;
  width:95px; height:53px;
  padding-top:12px;
  border-top:1px solid #ff6; border-left:1px solid #ff6; border-right:2px solid #fc0; border-bottom:2px solid #fc0;
  color:#333;
  }

#m_sch a { /* Schillerhaus */
  border-top:10px solid #900;
  }  
#m_sch a:hover { 
  background: #900 url(../bilder/hg_ro_m_sch.gif) bottom right repeat-x;
  width:95px; height:53px;
  padding-top:12px;
  border-top:1px solid #c66; border-left:1px solid #c66; border-right:2px solid #900; border-bottom:2px solid #900;
  }
  
#m_fip a { /* FIP */
  border-top:10px solid #f90;
  }  
#m_fip a:hover { 
  background: #fa0 url(../bilder/hg_ro_m_fip.gif) bottom right repeat-x;
  width:95px; height:53px;
  padding-top:12px;
  border-top:1px solid #fc6; border-left:1px solid #fc6; border-right:2px solid #fa0; border-bottom:2px solid #fa0;
  }
  
#m_wel a { /* Museum Weltkulturen */
  border-top:10px solid #f00;
  }  
#m_wel a:hover { 
  background: #f00 url(../bilder/hg_ro_m_wel.gif) bottom right repeat-x;
  width:95px; height:53px;
  padding-top:12px;
  border-top:1px solid #f66; border-left:1px solid #f66; border-right:2px solid #f00; border-bottom:2px solid #f00;
  }
  
#m_bas a { /* Bassermannhaus */
  border-top:10px solid #906;
  }  
#m_bas a:hover { 
  background: #906 url(../bilder/hg_ro_m_bas.gif) bottom right repeat-x;
  width:95px; height:53px;
  padding-top:12px;
  border-top:1px solid #c69; border-left:1px solid #c69; border-right:2px solid #906; border-bottom:2px solid #906;
  }
  
#m_zep a { /* ZEPHYR */
  border-top:10px solid #f80;
  }  
#m_zep a:hover { 
  background: #f80 url(../bilder/hg_ro_m_zep.gif) bottom right repeat-x;
  width:95px; height:53px;
  padding-top:12px;
  border-top:1px solid #fa6; border-left:1px solid #fa6; border-right:2px solid #f80; border-bottom:2px solid #f80;
  }
  
#m_adp a { /* Archäologische Denkmalpflege */
  border-top:10px solid #006;
  }  
#m_adp a:hover { 
  background: #006 url(../bilder/hg_ro_m_adp.gif) bottom right repeat-x;
  width:95px; height:53px;
  padding-top:12px;
  border-top:1px solid #66c; border-left:1px solid #66c; border-right:2px solid #006; border-bottom:2px solid #006;
  }
  
#m_arc a { /* Zentreum Archäometrie */
  border-top:10px solid #099;
  }  
#m_arc a:hover { 
  background: #099 url(../bilder/hg_ro_m_arc.gif) bottom right repeat-x;
  width:95px; height:53px;
  padding-top:12px;
  border-top:1px solid #6cc; border-left:1px solid #6cc; border-right:2px solid #099; border-bottom:2px solid #099;
  }
  
#m_kuk a { /* Zentrum Kunst- und Kulturgeschichte */
  border-top:10px solid #9c3;
  }  
#m_kuk a:hover { 
  background: #9c3 url(../bilder/hg_ro_m_kuk.gif) bottom right repeat-x;
  width:95px; height:53px;
  padding-top:12px;
  border-top:1px solid #cf6; border-left:1px solid #cf6; border-right:2px solid #9c3; border-bottom:2px solid #9c3;
  color:#333;
  }



/*********************************/
/* KUK blau statt grün */

/* CSS zur Ergänzung des KHM Wien */
/* Änderung der Leitfarbe des Zentrums für Kunst- und Kulturwissenschaft von grün #9c3 auf blau #369 */

/***************************************/
/* Navigation Museen und Einrichtungen */

#museen {
  float:left;
  list-style:none;
  margin-top:10px;
  width:980px;
  height:74px;
  border-right:1px solid #aaa;  /*border-top:1px solid #aaa;*/
  margin-bottom:12px;
  }
#museen li { float:left; }
#museen a {
  width:88px; /* statt width:97px; */
  height:55px;
  display:block;
  padding:5px; padding-left: 4px; padding-top:3px;
  font-family:Arial, Helvetica, sans-serif; font-weight:normal;
  font-size:12px; line-height:14px;
  color:#fff;
  background-color:#777;
  border-left:1px solid #aaa; border-bottom:1px solid #aaa;
  }
  
#museen a:hover {
  width:86px; /* statt width:90px; */
  }


/* Zentrum Kunst- und Kulturgeschichte in blau #369 umfärben */
#m_kuk a { 
  border-top:10px solid #369;
  }  
#m_kuk a:hover { 
  background: #369 url(../bilder/hg_ro_m_kuk_369.gif) bottom right repeat-x;
  width:86px; height:53px;
  padding-top:12px;
  border-top:1px solid #69f; border-left:1px solid #69f; border-right:2px solid #369; border-bottom:2px solid #369;
  color:#fff;
  }

/* KHM - hellgrün #9c3 */ 
#m_khm a { 
  border-top:10px solid #9c3;
  }  
#m_khm a:hover { 
  background: #9c3 url(../bilder/hg_ro_m_khm.gif) bottom right repeat-x;
  width:86px; height:53px;
  padding-top:12px;
  border-top:1px solid #cf6; border-left:1px solid #cf6; border-right:2px solid #9c3; border-bottom:2px solid #9c3;
  color:#333;
  }
  
/*********************************/




/* Abweichende Befehle für IE6 */    

*html #spalte_haupt .startbox {
  margin-left:10px;
  }
*html .newsbox {
  width:500px;
  }

*html #ausstellungen dd.csc-textpic-caption {
  width:250px;
  }
*html #museen {
  width:968px; height:74px;
  }
*html #museen a {
  width:107px; height:74px;
  }