/* Main CSS */
/* Projekt : Berlin-Metropolis */
/* 07-12-2010 - 3.5.4 */
/* Bearbeiter: br */
/*      */ 
body {
  color: #11181E;
  font-size: 90%;
  font-family: Georgia, Verdana, Helvetica,Arial, Sans-Serif;
  margin: 0px;
  padding: 0px;
  height: 100%;
  background-image: url(../media/bg_body.jpg);
  float:left;
  width: 1024px;
 }
  
a{
  color: black;
}
ul{
  margin-left: 10px;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-bottom: 0px;
}
li{
  margin-left: 5px;
  padding-left: 5px;
}

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

div#main{
  width: 809px;
  /*position: absolute;*/
  float:left;
  margin: 0;
  padding:0;
  min-height: 100%;
  
}

.is_visible{
  visibility : visible;
}

div#Menue{
  float: left;
  overflow: hidden;
  width: 170px;
  margin: 0px;
  margin-left: 2px;
  margin-top: 5px;
  padding: 0px;
  visibility :visible ;
  /*visibility : hidden;*/   
}

div#Inhalt {
  width: 630px;
  min-height: 486px;
  text-align: left;
  margin: 0px;
  margin-top: 10px;
  margin-left: 5px;
  padding: 0px;
  float: right;
  overflow: visible;
  z-index: 5;
}
/* Nur fuer den IE */
*html
div#Inhalt {
  width: 630px;
  min-height: 486px;
  text-align: left;
  margin: 0px;
  margin-top: 10px;
  margin-left: 5px;
  padding: 0px;
  float: none;
  overflow: visible;
  z-index: 5;
}

div#Inhalt2 {
  width: 791px;
  min-height: 486px;
  text-align: left;
  margin: 0px;
  margin-top: 10px;
  margin-left: 5px;
  padding: 0px;
  float: left;
   overflow: visible;

}

div#Info {
   /* rechte Spalte */
  width: 180px;
  float: right;
  margin: 0px;
  padding: 0px;
  padding-left: 10px;
  
}
.h100{
  height: 100%;
}

div#home{
  float: left;
  overflow: hidden;
  padding: 0px;
}

.more{
  text-align: right;
  padding-right: 3px;
  font-weight: bolder;
}

div#Footer{
  width: 1024px;
  text-align: center;
  margin: 0px;
  padding: 0px;
  /*margin-left: 170px;
  margin-top: 10px;
   overflow: visible;*/
   float:left;
   font-size: 0.75em;
   color: #850000;
   margin-bottom: 20px;
}
/* Nur fuer IE *html */

.left {
  float: left;
}
.right {
  float: right;
}
.red {
  color: red;
}
.yellow {
  
}
.white {
  color: white;
}
.green {
  color: #006400;
}
.bold {
  font-weight: bold;
}
.odd {
background-color: #DDDDDD;
}
.even {
background-color: #FFF9ED;
}
/* Styles fuer Listen z.B. Veranstaltungen */
a.tablehead {
  color: black;
  font-size: 1em;
}
.tablebody {
  font-size: 0.9em;
}
.tablebody2 {
  font-size: 0.75em;
  border-collapse: collapse;
}
.tablebodytd{
  border-top: 1px solid #5388cb;
  border-bottom: 1px solid #5388cb;
}
.bg_grau {
  background-color: #e0e0e0;
}
.border {
  border: 1px solid #b0b0b0;
}
.border_left {
  border-left: 1px solid #b0b0b0;
}
.border_top {
  border-top: 1px solid #b0b0b0;
}
.border_right {
  border-right: 1px solid #b0b0b0;
}
.border_bottom {
  border-bottom: 1px solid #b0b0b0;
}
.margin0 {
  margin: 0px;
}
.padding0 {
  padding: 0px;
}
hr.grau{
  border-top: 0px solid #b0b0b0;
  border-left: 0px solid #b0b0b0;
  border-right: 0px solid #b0b0b0;
  border-bottom: 1px solid #b0b0b0;
}
.nobr{
  white-space : nowrap;
}
.inline{
  display : inline;
}
.block{
  display : block;
}
.mehr{
  text-align : right;
  font-size:0.75em;
  font-weight : bold;
  margin-right: 10px;
  border: 0px solid blue;
  vertical-align : text-bottom;
}

.tableheader-font{
  font-weight : bold;
  color: #ffffff;
}

.g4m_suche{
  border: 1px solid #850000;
  background-color : #FFFFFF;
  border-collapse: collapse;
}

.g4m_suche input,
.g4m_suche select{
  border: 1px solid #000;
  font-family: Georgia, Verdana, Helvetica,Arial, Sans-Serif;
  background-color : #FFFFFF;
}

.g4m_details{
  border: 1px solid black;
  background-color : #FFFFFF;
  border-collapse: collapse;
}
.rubrikfont{
  color: #ed193f;
  font-weight : bold;
}
.locationfont{
  color: #5388cb;
  font-weight : bold;
  font-size: 1.2em;
  text-decoration: none;
}

.weinrot_oben{
  background-color: #850000;
  height: 12px;
  clear: left;
  color: white;
  padding-left: 10px;
  visibility :visible ;
  /* visibility : hidden; */
}

.weinrot_oben a:link,
.weinrot_oben a:hover,
.weinrot_oben a:visited{
  color: white;
}

.weinrot_news{
  background-color: #850000;
  height: 20px;
  clear: left;
  color: white;
  padding-left: 10px;

}

.weinrot_news a:link,
.weinrot_news a:hover,
.weinrot_news a:visited{
  color: white;
}


.grau{
  background-color: #DDDDDD;
  color: black;
  font-family: Georgia;  
  padding: 10px;
  margin-bottom: 10px;
}
.grau_detail{
  background-color: #DDDDDD;
  color: black;
  font-family: Georgia;  
  padding: 3px;
}

.grau2{
  background-color: #DDDDDD;
  padding: 0px;
  padding-left: 5px;
  margin-right: 10px;
  /* color: black;
  padding: 10px;
  font-family: Georgia;  
  padding-top: 10px;
  padding: 10px;
  margin-bottom: 10px; */
}

.grau p{
  margin-bottom: 10px;
  margin-top: 0px;
  padding-left: 10px;
  border-left: 2px solid #850000;
}

.grau p a:link,
.grau p a:hover,
.grau p a:visited{
  margin-bottom: 5px;
  margin-top: 5px;
  display: block;
}

.img_float_left{
  float: left;
  margin-right: 10px;
}

.input_main{
  border: 1px solid #000;
  font-size: 11px;
  margin: 2px;
  width: 120px;
  background-color: #fff;
}

.input_main_small { 
  border: 1px solid #000;
  font-size: 11px;
  margin: 2px;
  width: 30px;
  background-color: #fff;
}

.fieldset_main{
  margin-top: 20px;
  border: 1px solid #850000;
}

.fieldset_main p{
  margin: 5px 0px 5px 5px;
}

h1, h1 a {
  color: #850000;
  font-size: 1em;
}

h2, h2 a {
  color: #850000;
  font-size: 0.8em;
  padding: 0px;
  margin: 0px;
}


p.body{
  font-size: 1em;
  
}

p.subline{
  font-size: 1em;
  font-weight: bold;
  
}

.veranstaltungstabelle{
  width: 600px;
}

.veranstaltungstabelle_td{
  border-left: 2px solid #850000;
  
}
.veranstaltung_detail{
  padding:3px;
}
.veranstaltungstabelle_bottom{
  width: 600px;
  border-bottom: 2px solid #850000;
}

.transp{
  background: #DDDDDD;
}

.transp input,
.transp textarea{
  border: 1px solid #000;
  font-family: Georgia, Verdana, Helvetica,Arial, Sans-Serif;
}

.bmg_description{
  margin: 0 0 0 0;
  
}

.bmg_headline{
  margin: 0 0 0 0;
  font-weight: bold;
}

/* Google */
.google{
  position: absolute;
  left: 820px;
  top: 0px;
  /* visibility : hidden;
  */
}

/* Sprachumschaltung  */
.select_language{
  position : relative;
  top: 12px;
  left: 3px;
}

/* Extranet Einstellungen usw. */

.p_list{
  margin: 0px 0px 0px 0px;
}

.content_edit input{
  border: 1px solid #000;
  font-family: Georgia, Verdana, Helvetica,Arial, Sans-Serif;
  font-size: 0.8em;
}

.content_edit textarea{
  font-family: Georgia, Verdana, Helvetica,Arial, Sans-Serif;
}

.content_edit select{
  font-family: Georgia, Verdana, Helvetica,Arial, Sans-Serif;
  font-size: 0.8em;
}

.error{
  color: red;
  font-weight: bold;
}
/* Sitemap */
.ebene1{
  font-size: 0.8em;
  font-weight: bold;
}
.ebene2{
  font-size: 0.7em;
}

#ortliste{
  display: none;
}

.cms_fields{
  width: 400px;
  font-family: Georgia, Verdana, Helvetica,Arial, Sans-Serif;
}

.cms_fields_small{
  width: 100px;
  font-family: Georgia, Verdana, Helvetica,Arial, Sans-Serif;
}

.submit_kontakt{
  font-family: Georgia, Verdana, Helvetica,Arial, Sans-Serif;  
}

.extranet_login_info{
  margin-left: 5px;
}

.img_historie{
  width: 300px;
  padding-left: 5px;
  float: right;
  font-size: 0.8em;
}
.cms_fields_date{
  width: 50px;
}

.link_aktionen{
  margin-left: 10px;
}

#map{
  width: 300px;
  height: 300px;
  overflow: hidden;
  border: 1px solid black;
}

.headerimage{
  float: left;
  width: 809px;
  height: 129px;
  background-image: url(../media/de/metropolis_titel_2011_10.jpg);
}

.borderkill input{
  border: 0px;
}

.hilfebox{
  display:none;
  z-index: -100;
  padding: 5px;
  border: 1px solid #000;
  -moz-border-radius: 5px;
  position:absolute; 
  background-color:#ffffff;
  width: 400px;
}
.sternchen {
  font-size:10px;
  font-style:italic;
}

.calendar_table {
  width: 200px;
  height: 200px;
  border: 1px solid #850000;
  text-align: center;
}
.calendar_headline{
  font-weight: bold;
}

.helpBox {
  border: 1px solid #000000;
  width: 200px;
  background-color: #FFFFFF;
  position: absolute;
  text-align: left;
  z-index:1;
  visibility: hidden;
  padding: 5px;
  font-size: 0.8em;
}

.hilfeBereich{
  display: block;
  float:left;
}



.classTagCloud{
  float: right;
  width: 200px;
}


.classTagCloud1{
  font-size: 1.2em;
}
.classTagCloud2{
  font-size: 1.4em;
}
.classTagCloud3{
  font-size: 1.6em;
}
.classTagCloud4{
  font-size: 1.8em;
}
.classTagCloud5{
  font-size: 2em;
}
.classTagCloud6{
  font-size: 2.2em;
}
.classTagCloud7{
  font-size: 2.4em;
}
.classTagCloud8{
  font-size: 2.6em;
}
.classTagCloud9{
  font-size: 2.8em;
}
.classTagCloud0{
  font-size: 1em;
}
.classTagCloud10{
  font-size: 3em;
}


#bannerRotator a {
  display: none;
}

/* MENÜ */


A:VISITED.menue_vert {
  font-size : 1em;
  text-decoration : none;
  color: white;
  font-weight: normal;
}

A:LINK.menue_vert {
  font-size : 1em;
  text-decoration : none;
  color: white;
  font-weight: normal;
}

A:HOVER.menue_vert {
  font-size : 1em;
  text-decoration: underline;
  color: white;
  font-weight: normal;
}

A:VISITED.menue_vert2 {
  font-size : 1em;
  text-decoration : none;
  color: #11181E;
  font-weight: normal;
}

A:LINK.menue_vert2 {
  font-size : 1em;
  text-decoration : none;
  color: #11181E;
  font-weight: normal;
}

A:HOVER.menue_vert2 {
  font-size : 1em;
  text-decoration: underline;
  color: #11181E;
  font-weight: normal;
}

.menue_line{
  font-size : 1em;
  margin-bottom: 3px;
  padding-bottom: 3px;
  padding-top: 2px;
}

div.menuebox {
  /* Festlegung Schriftgroesse Farbe und Abstaende */
  font-size : 0.75em; 
  margin: 5px;
  padding: 0px;
  /* border: 1px solid #9EA092; */
}

div.menuebox input,
div.menuebox select{
  font-size: 1em;
  font-family: Georgia, Verdana, Helvetica,Arial, Sans-Serif;
}

ul.menue_vert {
  padding: 0;
  margin: 0;
}

li.menue_vert {
  padding: 0;
  margin: 0;
  margin-left: 18px;
  margin-top: 3px;
  list-style-image : url(../media/quadrat_8x8_gn.gif);
}

.menue_punkt {
  border: 0px solid #9EA092;
  margin-top: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: white;
}

.menue_punkt ul{
  list-style-image: url(../media/quadrat_8x8_orange.gif  );
  margin: 0px;
  margin-left: 12px;
}

.menue_punkt ul{
  list-style-image: url(../media/quadrat_8x8_orange.gif  );
  margin: 0px;
  margin-left: 12px;
}

.bg_menue_dblau {
  background-color: #850000;
}

.bg_menue_ora_1 {
  background-color: #C44730;
}

.bg_menue_ora_1 ul{
  list-style-image: url(../media/quadrat_8x8_orange2.gif  );
  margin: 0px;
  margin-left: 12px;
}

.bg_menue_ora_2 {
  background-color: #F79357;
}

.bg_menue_ora_2 ul{
  list-style-image: url(../media/quadrat_8x8_orange3.gif  );
  margin: 0px;
  margin-left: 12px;
}

.bg_menue_ora_3 {
  background-color: #FFE7B7;
}
.bg_menue_ora_4 {
  background-color: #FFE1A5;
}

div.spalte_links {
  width: 300px; /* 282 */
  margin: 0px;
  margin-left: 3px;
  padding: 0px;
  float: left;
}

div.spalte_rechts {
  width: 300px; 
  padding: 0px; 
  margin: 0px;
  margin-left: 10px;
  float: left;
} 

div.teaser{
  padding: 4px;
  margin: 2px;
  font-family: Georgia;  
  height: 150px;
  margin-bottom: 20px;
  margin-top: 20px;
  clear: left;
}

/* teaser Ueberschrift */

A:VISITED.teaser,
A:LINK.teaser,
A:HOVER.teaser {
  font-size : 0.75em;
  text-decoration: underline;
  color: black;
  font-weight: normal;
}
 
A:LINK.teaser2,
A:HOVER.teaser2,
A:VISITED.teaser2
 {
  font-size : 0.95em;
  text-decoration : underline;
  color: black;
  font-weight: bold;
}

div.teaser_h1{
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
  color: #800000;
  font-weight: bold;
  font-size: 0.9em;
  clear: right;
}

div.teaser_h1 a:link,
div.teaser_h1 a:visited,
div.teaser_h1 a:hover{
  color: #800000;
}

div.teaser_h2{
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
  color: #800000;
  font-weight: bold;
  font-size: 0.8em;
  clear: right;
}

div.teaser_h2 a:link,
div.teaser_h2 a:visited,
div.teaser_h2 a:hover{
  color: #800000;
}

div.short_body {
  font-size: 0.75em;

}

div.newsBox {
  
  
  padding: 5px;
}