/*==========================================================================*\
 |                                                                          | 
 |                                                                          |
 | Urban Age Cascading Style Sheet                                          |
 | ===============================                                          |
 |                                                                          | 
 | triad medien / felix meinhold                                            |
 |                                                                          | 
 | used colors:                                                             |
 | red      : #b4001e
 | dark grey: #5d5151                                                       |
 |                                                                          |
 |                                                                          |
 |                                                                          |
\*==========================================================================*/


/*--------------------------------------------------------------------------*
 * Notes:                                                                   *
 * All pages in link to this stylesheet                                     * 
 *                                                                          *
 *--------------------------------------------------------------------------*/
 
 /*--------------------------------------------------------------------------*
 *                                                                          *
 * general settings / padding-left:5px; padding-right:5px;                                                        * 
 *                                                                          *
 *--------------------------------------------------------------------------*/

#outer {overflow: hidden; position: absolute; width: 203px; height: 105px; left: 20px; top: 485px; background-color: #E5E5E5; }
#outer[id] {display: table; position: static; background-color: #E5E5E5;}

#middle {position: absolute; top: 50%; width: 100%; text-align: center; background-color: #E5E5E5;} /* for explorer only*/
#middle[id] {display: table-cell; text-align: left; vertical-align: middle; position: static; background-color: #E5E5E5;}

#inner {position: relative; top: -50%; margin-left: 0; margin-right: 0; text-align: left; background-color: #E5E5E5;}



body {
   font-family:verdana, sans-serif;  

   bottommargin:0;
   leftmargin:10; 
   topmargin:10;
   font-size:10px;
   color:#5d5151;
}

tr {
	font-family:verdana, sans-serif;  
font-size:10px;
   color:#5d5151;
   
   }



.defaultBox {
   border-top:1px solid #5d5151;
}

.defaultBoxBorder {
   border-top:1px solid #5d5151;
   border-left:1px solid #E5E5E5;
   border-right:1px solid #E5E5E5;
   border-bottom:1px solid #E5E5E5;
}

.defaultBox2 {
      background-color: #E5E5E5;
      padding-top:5px;
}

.textBox2 {
      background-color: #E5E5E5;
      font-family:verdana, sans-serif;  
	  font-size:10px;
      color:#5d5151;
	  padding-top:5px;
  	  padding-bottom:5px;
}

.contentBox1 {
      background-color: #E5E5E5;
      font-family:verdana, sans-serif;  
	  font-size:10px;
      color:#5d5151;
	  padding-top:5px;
	  padding-left:10px;	  
}

.imprint {
	font-weight:bold;
	padding-left:10px; 
	padding-right:10px;	
}

#mainMenu {
   position:absolute; top:110px; left:20px;
   width:745px;
   background-color: #b4001d;
   z-index:2
}

#commonLinks {
   position:absolute; top:10px; left:556px;
   width:210px;
   z-index:2;
}

/* default list style */

ul {
   list-style-type:none;
   padding-left:10px;
   margin-left:0;
   
}

img {
   border:none;  
}

p {
	padding-left:10px;
	padding-right:10px;	
}

form {
    margin-bottom:0px; margin-top:0;
}

form table {
	padding-left:10px;
}

input.searchField {
	border:1px solid #5d5151;
	margin-left:10px;
	font-family:verdana, sans-serif;
	font-size:10px;
}

textarea {
	font-family: arial, helvetica, sans-serif;
}


/*--------------------------------------------------------------------------*
 *                                                                          *
 * settings for city tags                                                   * 
 *                                                                          *
 *--------------------------------------------------------------------------*/

#cityTags .city {
   width:90px; height:50px;
   font-family:arial;
   font-size:8pt !important;
   font-weight:bold;
   color:rgb(184,175,176);
   cursor:pointer;
   z-index:1;
   line-height:18px;
   margin:0; padding:0;
}




#cityTags .citySelected {
   width:90px; height:50px;
   font-family:arial;
   font-size:8pt !important;
   font-weight:bold;
   color:#b4001d;
   cursor:pointer;
   z-index:1;
   line-height:18px;
   margin:0; padding:0;
   background: #fff;
   background-image:url('../0_images/nav_city-back_active.gif');
} 
  
 

/* new york */
#nyc {
 position:absolute; top:80px; left:120px;
}

/* shang hai */
#shg {
 position:absolute; top:80px; left:220px;
}

/* london */
#lnd {
 position:absolute; top:80px; left:320px;
}

/* mexico city */
#mxc {
 position:absolute; top:80px; left:420px;
}

/* johannesburg */
#jhb {
 position:absolute; top:80px; left:520px;
}

/* berlin */
#ber {
 position:absolute; top:80px; left:620px;
}

#cityTags a.city {
   text-decoration:none;
   text-transform:uppercase;
   z-index:1;
   background-image:url('../0_images/nav_city-back_highlight.gif')
}

#cityTags a.city:hover {
   text-transform:uppercase;
   color:#b4001d; 
   z-index:1;
   background: #fff;
   background-image:url('../0_images/nav_city-back_active.gif');
}

#cityTags a.city:active {
   text-transform:uppercase;
   color:#b4001d;
   z-index:1;
   background: #fff;
   background-image:url('../0_images/nav_city-back_active.gif');
}



/*--------------------------------------------------------------------------*
 *                                                                          *
 * default link style                                                       *
 *                                                                          *
 *--------------------------------------------------------------------------*/

a {
   color:#b4001d;
   text-decoration:none;
}


a:active {
   color:#5d5151;
   text-decoration:none;
}

a:hover {
   color:#5d5151;
   text-decoration:none;
   /*background: #e5e5e5;*/
}

/*--------------------------------------------------------------------------*
 *                                                                          *
 * headings                                                                 *
 *                                                                          *
 *--------------------------------------------------------------------------*/

hr {
   color:#5d5151;
   background-color:#5d5151;
   margin:0px;
   padding:0;
   height:1px;
   border:none;
}
 
h1 {
    font-size:10px;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:10px; margin-top:0;
    padding-left:10px;
    padding-right:10px;     
}

h2{
    font-size:10px;
    font-weight:bold;
    margin-bottom:10px; margin-top:30px;
    color:#b4001e;
	padding-left:10px;
	}


h2.index {
    font-size:10px;
    font-weight:bold;
    margin-bottom:2px; margin-top:10;
    color:#b4001e;
	padding-left:10px;
}

h4 {
    font-size:10px;
    font-weight:bold;
    margin-bottom:10px; margin-top:0;
	padding-left:10px;
}


p.text {
   border-top:1px solid rgb(91,81,80);
}


span.date {
  font-size:10px;
  font-family:arial;
  font-size:8pt !important;  
  position:absolute; bottom:0; top:auto; left:0;   
}

span.indent {
   padding-left:10px;  
}

span.flush p {
	padding-left:0px;
	padding-right:0px;
}

/*--------------------------------------------------------------------------*
 *                                                                          *
 * link styles                                                              *
 *                                                                          *
 *--------------------------------------------------------------------------*/

.deadlink{
color:#B8AEAD;
}

a.download{
padding-left: 25px;
line-height: 20px;
}

div.mp3{
background-image: url('../0_images/icn_mp3.gif');
background-repeat : no-repeat ;
height: 20px;
margin: 2px 0 5px 10px;
}

div.pdf{
background-image: url('../0_images/icn_pdf.gif');
background-repeat : no-repeat ;
height: 20px;
margin: 2px 0 5px 10px;
}

div.xls{
background-image: url('../0_images/icn_xls.gif');
background-repeat : no-repeat ;
height: 20px;
margin: 2px 0 5px 10px;
}

div.link{
background-image: url('../0_images/icn_link.gif');
background-repeat : no-repeat ;
height: 20px;
margin: 2px 0 5px 10px;
}

div.link_external{
background-image: url('../0_images/icn_link_ext.gif');
background-repeat : no-repeat ;
height: 20px;
margin: 2px 0 5px 10px;
}

div.link_internal{
background-image: url('../0_images/icn_link_int.gif');
background-repeat : no-repeat ;
height: 20px;
margin: 2px 0 5px 10px;
}

/*--------------------------------------------------------------------------*
 *                                                                          *
 * rollover warnings for large downloads                                    *
 *                                                                          *
 *--------------------------------------------------------------------------*/
	a.download{
    position:relative; /*this is what makes the 'large file' warning work*/
    }

	a.download:hover{
	z-index:2;
	background: none;
	}

	a.download span{
	display: none;
	}

	a.download:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-1.25em; left:1em; 
    width:16em;
    border: 1px solid #b8afb0;
    background:#fff;
    color:#b8afb0;
    text-align: center;
    font-size: 9px;
    line-height: 12px;
    padding: 1px;
    }
    
    /*these classes are for nonstandard download links e.g. newspaper thumbnails*/
    
    a.download_img{
    position:relative; /*this is what makes the 'large file' warning work*/
    }

	a.download_img:hover{
	z-index:2;
	background: none;
	}

	a.download_img span{ 
	display: none;
	}

	a.download_img:hover span{ 
	display:block;
    position:absolute;
    top:1em; left:1em; 
    width:16em;
    border: 1px solid #b8afb0;
    background:#fff;
    color:#b8afb0;
    text-align: center;
    font-size: 9px;
    line-height: 12px;
    padding: 1px;
    }

  
/*--------------------------------------------------------------------------*
 *                                                                          *
 * custom classes e.g. conference titles                                    *
 *                                                                          *
 *--------------------------------------------------------------------------*/

 div #conf_title{
 padding-left: 10px;
 font-family: verdana, helvetica, arial, sans-serif; 
 color: #5D5151; 
 font-weight: bold;
 font-size: 22px;
 text-transform:uppercase;
 }

 a.deadlink{
 color:#B8AEAD;
 }
 
 p.strong{
 font-weight: bold;
 }
 
  /* quotes pages */
  
 span.quote_mark{
 font-family: "times new roman", georgia, serif;
 font-weight: bold;
 font-size: 20px;
 line-height: 14px;
 vertical-align: bottom;
 margin: 0 5px;
 }
 
 p.quote_text{
 margin-bottom: 3px;
 } 
 
 p.quote_author{
 text-align: right;
 font-weight: bold;
 margin: 0 0 35px 0;
 }
 
 .article_indent{
 padding-left: 10px;
 padding-right: 
 5px; margin-bottom: -2px;
 }

 .first_row{
 color: #fff;
 background: #5d5151;
 text-transform:uppercase;
 font-weight: bold;
 }
  
 .odd_row{
 /*background: #E2DBDC*/
 }
 
    a.info{
    position:relative; /*this is the key*/
    }