/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5
**  Dateiversion: 04.07.06  
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**  adapted for ESO 2007 by Gabriele Zech gzech@eso.org
**  gz 070803 check XX values!
**  gz 080514 New Layout Homepage etc.
*/

@media all
{
/* ######################################################################################################
** # Standard-Vorgaben YAML ########################################################################
** ######################################################################################################
*/ 

#col1 { 
	width: 190px;
}
#col1_content { padding: 0; margin: 0; 
/*	margin-top: 1.2em; */
	width: 180px;
}

#col3 {
    margin-left: 190px;
    padding-left: 1em;
    padding-right:0;
    margin-right:0;
    background: #FFFFFF;
    margin-top:0;
}

#col3_content {
/* gz changed from 1em to 0.2 to move the footer up */
/* gz padding needed so that W is fully visible */
 padding-bottom: 0.2em;
 padding-left:0.2em;
}

.subcolumns {
    float: left;
    overflow: visible!important;
    padding-bottom:0;
    padding-left:0;
    margin-bottom:0;
}

.subcr, .c33r {
    overflow: visible!important;
}

.subcl {padding-left:1px; }


/* ### Ueberschriften, Fliesstexte Standards Paragraphs ######################################### */

html {font-size: 75%;}

body { background:#FFFFFF;  font-family:  Arial, sans-serif, 'Helvetica Neue', Verdana;  }

#page {
    padding: 0;
    margin: 0;
    background-image:url(/i/bg_left.gif); 
    background-repeat: repeat-y;
}

#page_margins {
	padding: 0;
	margin: 0;
	min-width: 950px;
	max-width: 100em;
	margin:auto;
}

p,ul,ol,dd,dt { line-height: 1.4em; max-width:98%;}
li {margin-bottom:0.2em;}
p, #col3 .pr p.normal { line-height: 1.4em; margin: 0.2em 0 0.9em 0; }

strong,b,.bold, .strong { font-weight: bold; }
em,i,.em, .italic { font-style:italic; }
pre, code,.code {	font-family: "Courier New", Courier, monospace; }
address { font-style:normal; line-height: 1.5em; margin: 0 0 1em 0; }

acronym, abbr {
    border-bottom: 1px dotted;
    color: #EE6600;
    cursor: help;
}

/* ### Special Paragraphs and fonts ################################################################## */

p.firstarticle { 
    font-size:110%; 
    margin-bottom:0.4em; 
/*    padding: 0.625em;
    color:#005BA0;
    font-style:italic;
    font-weight:bold; */
    
}
#col3 .font1 {font-size:120%;}

#col3 .reducetopspace {margin-top:-0.6em;}
#col3 .reducebottomspace {margin-bottom:-0.6em;}
#col3 .nobottomspace {margin-bottom: 0;}
#col3 .notopspace {margin-top: 0;}


/* ### Bildpositionierung ############################################################################ */

img.float_left, .float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; }
img.float_right, .float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; padding:0; border:0; }
#col3 img.align_left { text-align: left; margin-right: 1em; margin-bottom: 0.15em; padding:0; border:0; }
#col3 img.align_right { text-align: right; margin-left: 1em; margin-bottom: 0.15em; padding:0; border:0; }
img.center { text-align:center; background: #fff; padding: 4px; border:1px #ddd solid; }
img.framed {padding:3px; border: 1px #ddd solid; background: #f4f4f4 }

.image .capture {font-style:italic; padding:2px 10px 10px 10px;}


/* ### Links ######################################################## */

a, a em.file { color: #EE6600; text-decoration:none;}
a:visited { color: #EE6600; }
a:hover { color: #B22A00; text-decoration:underline;}
a.green { color:green;}
a.grey {color:grey;}

/* ### Tables ######################################################################################### */

table { border-collapse:collapse; margin-bottom: 0.5em; }

/* XXX to be checked */
.subcl table td { vertical-align: middle; padding: 5px; border:0; }

#col3 table {
    margin-left:1px;
    margin-top:0.5em;
    max-width: 97%;

}
#col3 table tr td{
    padding: 0.5em;
    text-align:left;
}

#col3 table tr th {
    background:#2B8ECB;
    color:#FFFFFF;
    padding: 0.2em 0.5em;
    font-size:110%;
    border:1px solid white;
/*	border-bottom:3px solid white;
    border-top:10px solid white;
	border-right:1px solid white;*/
    text-align: center;
}

/* framed 1 */
#col3 table.c1 
,#col3 table.c1 td 
,#col3 table.framed 
,#col3 table.framed td 
,#col3 table.frame1 
,#col3 table.frame1 td 
{ border:1px solid #2B8ECB;}
#col3 table.c1 th
,#col3 table.framed th  
,#col3 table.frame1 th  
{  border:1px solid #2b8ecb; }

/* framed 2 */
#col3 table.frame2 
,#col3 table.frame2 td
,#col3 table.frame2 th
{border: 1px solid #CCCCCC;}


#col3 tr.even {background:#edf4f9;}
#col3 tr.odd {background:#ddd;}

#col3 table.fullwidth {width:99%; max-width:99%; }
#col3 table.fullwidth2 {width:95%;}
#col3 table tr.p25 td {width:25%;}
#col3 table tr.p33 td {width:33%;}

/* XXX Needed? */
#col3 table.sub td {
  padding:0;
  border-collapse:collapse;
}

#col3 table.alt1 { margin-bottom: 1em; margin-top: 0.5em; 
    border-collapse:separate;
    border-spacing:10px;
    border:0;
}

#col3 table.alt1 tr th {
    color:#005BA0;
    background:transparent;
    padding: 0;
    text-align: center; 
    font-weight:bold;
    border:0;
    border-bottom: 1px solid #005BA0;
}


/* Table */
#col3 table.centercols tr td  {text-align:center;} 
#col3 table.rightcols tr td   {text-align:right;}
#col3 table.leftcols tr td    {text-align:left;}
#col3 table.topcols tr td    {vertical-align:top;}


/* tr */
#col3 table tr.centercols td {text-align:center;} 
#col3 table tr.rightcols td  {text-align:right;}
#col3 table tr.leftcols td   {text-align:left;}
#col3 table tr.topcols td    {vertical-align:top;}

/* td */
#col3 table tr td.centercols {text-align:center;} 
#col3 table tr td.rightcols  {text-align:right;}
#col3 table tr td.leftcols   {text-align:left;}
#col3 table tr td.topcols    {vertical-align:top;}


#col3 table.reducespace {border-collapse: collapse; border-spacing:0; }
#col3 table.reducespace tr td {padding:0.1em;}

#col3 table.reducespace0 {border-collapse: collapse; border-spacing:0; }
#col3 table.reducespace0 tr td {padding:0em;}


/* order form */
#col3 table.order {
	max-width:100%;
    border: 1px solid #CCCCCC;
}

#col3 table.order td,
#col3 table.order th {
    border: 1px solid #CCCCCC;
}


/* ### Tables ende #################################################################################### */


/* ### Boxes      #################################################################################### */
/* use <div class="box1"> to create a box */

.box1 {
	padding: 0.5em;
    margin: 0.5em;
    border: 3px outset #003D82;
    overflow:hidden;
}

.box2 {
	padding: 0.5em;
    margin: 0.5em;
    border: 2px solid #005BA0;
    overflow:hidden;
}	

.box3 {
	padding: 0.5em;
    margin: 0.5em;
	background: #DDDDDD;
    overflow:hidden;
}

.box4 {
	padding: 0.3em;
    margin: 0.5em;
	border:1px solid #CCCCCC;
    overflow:hidden;
}

.box5 {
	text-align:center;
}


.addpadding {padding:1em;}
.paddingtop {padding-top:1em;}
.paddingbottom {padding-bottom:1em;}
.paddingleft {padding-left:1em;}
.paddingright {padding-right:1em;}

.addhalfpadding {padding:0.5em;}
.halfpaddingtop {padding-top:0.5em;}
.halfpaddingbottom {padding-bottom:0.5em;}
.halfpaddingleft {padding-left:0.5em;}
.halfpaddingright {padding-right:0.5em;}

.addmargin {margin:1em;}
.margintop {margin-top:1em;}
.marginbottom {margin-bottom:1em;}
.marginleft {margin-left:1em;}
.marginright {margin-right:1em;}

.addhalfmargin {margin:0.5em;}
.halfmargintop {margin-top:0.5em;}
.halfmarginbottom {margin-bottom:0.5em;}
.halfmarginleft {margin-left:0.5em;}
.halfmarginright {margin-right:0.5em;}

.addborder {border: 1px solid grey;}
.borderbottom {border-bottom: 1px solid grey;}
.bordertop    {border-top: 1px solid grey;}
.borderleft   {border-left: 1px solid grey;}
.borderright  {border-right: 1px solid grey;}

/* ### Boxes ende #################################################################################### */


/* ### Links and buttons / External links ############################################################ */ 

/* it's not perfect in IE but... */

#col3 a[href^="http:"]
,#col3 a[href^="https:"]
,#col3 ul li a[href^="http:"]
,#col3 ul li a[href^="https:"]
{
	background: url('/i/ext_link2.gif') left center no-repeat;
    padding-left:12px!important;
}

#col3 a[href*="eso.org"]
,#col3 a[href*="eso.org"]
,#col3 ul li a[href*="eso.org"]
,#col3 ul li a[href*="eso.org"]
,#col3 a.noicon
{
	background: transparent;
    padding-left:0!important;
}

#main a.imagelink {
	padding-left: 0;
	background: transparent;
}

#col3 .small {font-size:80%;}

/* Buttons */ 

#main #col3 #col3_content .button_yes, 
#main #col3 #col3_content .button_no {
    padding:5px 10px!important;
	margin:5px;
    margin-right:20px;
    color:#FFFFFF;
	font-weight:bold;
}
#main #col3 #col3_content .button_yes {
	background:#005BA0;
}
#main #col3 #col3_content .button_no {
 	background:#B22A00!important;
}
#main #col3 #col3_content .button_yes:hover { 
	color:#6CB4DC;
	background:#005BA0;
}
#main #col3 #col3_content .button_no:hover {
	color:#FF841E;
 	background:#B22A00;
}

.movie {
    font-size: 9px;
    padding:0;
    margin-bottom:0;
    width:170px;

}

/* ######################################################################################################
** ### Formulare ########################################################################################
** ######################################################################################################
*/


form {overflow:hidden;}

input, textarea {
    width: auto;
	font: 1em Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px #ccc solid;
    background: #fafafa;
	padding: 3px;
	color: #777;
}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}

input[type=submit] {
	background:#005BA0;
    color:#FFFFFF;
	padding:2px;
    margin-top:2px;
 
}

/* ######################################################################################################
** ### Spezielle Formatanweisungen des YAML-Standard-Layouts ############################################
** ######################################################################################################
*/

/* ###  Textformatierungen ################################################################## */

/* Grundlagen */
.beware, .wichtig, .giNew { background-color: #fee; border: 1px #fcc solid; padding: 0.5em; margin-bottom: 0.5em; overflow:hidden; }
.hint, .hinweis, .giUpdated { background-color: #E5F2FB; border: 1px #ccf solid; padding: 0.5em; margin-bottom: 0.5em; }
.hint2  { background-color: #E5F2FB;  border: 1px #ccf solid; }


/* Ungeordnete Listen ohne Listenpunkt */ 
#main ul.linklist, 
#main ul.faq { list-style-type: none; margin: 0 0 1em 0; }
#main ul.linklist li,
#main ul.faq li { margin: 0 0 0.3em 0; }

/* Definition Lists */
dl.table-display { 
width: 41.1em;
margin: 1em 0 1em 1em;
padding: 0;
}

dl.table-display dt  {
width: 10em;
float: left;
margin: 0 0 0 0;
padding: .2em;
font-weight: bold;
}

dl.table-display dd  {
float: left;
width: 24em;
margin: 0 0 0 0;
padding: .2em;
}

/* Listen mit Punkt und groesserem Abstand (Messenger) */
ul li.wideitem {padding-bottom:1.2em;}

/* Auszeichnungen fuer Code, Dateien, Verzeichnisse */
em.mono, em.file, em.directory {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
}

em.mono { 
	padding:0 0.3em 0 0.3em;
	background:#f0f0f4;
	border: 1px #ccd solid;
}

em.file { 
	padding:0 0 0 14px;
	color: #008;
	background: transparent url(../../img/icons/file.gif) no-repeat left;
}

em.directory { 
	padding:0 0 0 15px;
	color: #008;
	background: transparent url(../../img/icons/dir.gif) no-repeat left;
}

pre {display:inline;}

pre.code, code {
	display:block;
	margin: 0.8em 0.1em 1em 0em;
	padding: 0.5em;
	color: #000; 
	background: #EEEEEE;
	border: 1px #BFAA9B solid;
/*	border-left: 8px #BFAA9B solid; */
        overflow:auto;
	width:97.5%;
}



tt {font-size:1.2em; color:#005BA0}



/* ### Download-Box (needed??) ################################################################ */

.bluebox {
	color:#000;
	background: #f0f0f4; padding: 2px; border: 1px #ccd solid;
	text-align: center;
	padding: 4px 0 4px 0;
	margin-bottom: 1em;
}

.bluebox p { padding: 0px 8px 0 8px; }

a.dl_link {
	display: block;
	padding: 0;
	margin: 0.5em auto 0 auto;
	background-image: none;
}

a.dl_link:hover { text-decoration: none; background-color: transparent; }

/* ######## Right Column ######################################################################## */

/* top right column */
#col3 .subcolumns .c25r .subcr h1,
#col3 .subcolumns .c25r .subcr h2,
#col3 .subcolumns .c25r .subcr h3,
#col3 .subcolumns .c25r .subcr h4,
#col3 .subcolumns .c25r .subcr h5 {font-size:100%; border:0; margin-bottom:0.2em; margin-top:0; }

#col3 .subcolumns .c25r .subcr {padding-top:0.5em;}

#col3 p.pod , #col3 div.pod { 
/*    font-size:80%;  */
    width: 170px; 
    padding-bottom:5px;
    padding-left:0px;
}

#col3 h2.pod {padding-top:0;}

#col3 .subcr ul.quicklinks li {list-style-type:none; font-size:80%; margin:0; padding:0; margin-bottom:5px; }
#col3 .subcr ul.quicklinks {margin:0; padding:0; padding-left:10px;}

#col3 .subcr ul.quicklinks2 li {list-style-type:none; margin:0; padding:0; margin-bottom:5px; }
#col3 .subcr ul.quicklinks2 {margin:0; padding:0; }


#col3 .subcr ul.ql_announcements li {list-style-type:none; font-size:100%; margin:0; padding:0; margin-bottom:5px; }
#col3 .subcr ul.ql_announcements {margin:0; padding:0; padding-left:10px;}


#col3 .pod {text-align:left; }

#col3 div.left {text-align:left; }
#col3 .podleft {font-size:100%; text-align:left; padding:0; margin-bottom:0.2em; }
#col3 .podright {float: right; }

#fix_right img.podleft {width:170px;}

#col3 img.pod  {
/*    text-align:center; */
    text-align:left;
    max-width: 170px;
    height:auto; 
    /* IE */
/*    width:expression(this.width > 170 ? "170px": this.width); */
/*	height:expression(this.width > 170 ? 170/this.width*this.height : this.height); */
   padding-right:5px;
/*   padding-left:10px; */
   padding-left:0;
   margin-left:0;
   padding-top:2px;
   padding-bottom:2px;
/*    border: 1px solid #AAAAAA; */
}

table.pod {
    max-width: 150px;
    padding:0;
}


hr, #col3 hr.right {
    background-color: #005BA0;
    border:0;
    height:1px;
    margin-bottom:10px;
    width:100%;
}

#col3 .fmenu {position:fixed;}

/* ### Images ############################################################## */

#col3 img.banner {
    padding:0;
    margin:0;
}

#col3 img {
    padding:10px;
}

#col3 img.nopadding {padding:0;}

#col3 .novertpadding {padding-top:0; padding-bottom:0; }
#col3 .nohorpadding {padding-left:0; padding-right:0; }

/* ### Headlines ########################################################### */

#col3 h1 {
    color:#005BA0;
    font-weight:400;
    font-size:140%;
    text-decoration:none;
    margin:0 0 0.5em 0;
    padding: 0.9em 0 0 0;
    border-bottom: 1px solid #005BA0; 
}

#col3 h1.bigheadlinegray {
    font-size:medium!important;
    color: #005BA0!important;
    text-decoration:none;
    border: 0;
}

#col3 h2,
#col3 .pr h2.normal {
    color:#005BA0;
    font-weight:normal;
    font-size:125%;
    text-decoration:none;
    margin:1em 0 0.2em 0;
    padding: 0;
    border: 0;
}


#col3 h3,
#col3 .pr h3.normal {
    color:#005BA0;
    font-weight:normal;
    font-size:110%;
    text-decoration:none;
    margin: 0.9em 0 0.2em 0;
    border: 0;
    padding: 0;
}

/* gallery avoid red underline on headlines */
#col3 #gsThumbMatrix a:hover {text-decoration:none;}

#col3 h4
,#col3 h5
,#col3 h6 {
    text-align: left;
    font-size:100%;
    font-weight:normal;
    margin:0.9em 0 0.2em 0;
    padding: 0;
    color: #005BA0;
}

#col3 h6 span {
	color: #005BA0;
	padding: 1px 50px 1px 50px;
	margin-right: 10px;
	background: #f90;
}




/* change UL at toppage */

#col3 ul.frontul {list-style-type:none; margin-left:0; padding-left:0;}
#col3 ul.frontul li {margin: 0; padding: 0;}

#col3 .more {
    display:block;
    text-align:right;
    margin-bottom:0.5em;
    font-size:100%;
}

 
#col3_content ul {
	margin-bottom:0.5em;
	margin-top:0;
}

#col3_content ul li {
	margin: 1px;
	margin-left:1.5em;
}

/* ### ESO CAS Catch a Star ################################################################## */

#col3 h1.cas {margin-bottom:50px;} /* for CAS logo */
#col3 .cas1 { max-width:80%;}

#logospace { position: absolute; top:30px; right:0; }


mark, .mark, .warn {
	color:#EE6600; /* link color */
    font-size: 100%;
}

.error {
	color:#EE6600;
    font-weight:bold;
}

.important 
{
	color:#D04800;
    font-weight:bold;
}

.msg {
	color: 	#B22A00;
    margin: 2em;
	padding: 0.2em 1em;
	border:1px dashed #B22A00;
    max-width:90%;
}

.msgbox {
    margin: 2em;
	padding: 0.2em 1em;
    max-width:90%;
	text-align:center;
}


.msg table tbody tr th {
  border-top:5px solid white;
	color: #FFFFFF;
    background:#D04800;
}

.msg table td{
 border: 0px solid #D04800;
 padding-right:1em;
}

input.casvoting
{     background:#005BA0;
    color:#FFFFFF;
    padding:2px;
    margin-top:2px;
    width:132px;
}

input[type=submit].casvoting  {
    background:#005BA0;
    color:#FFFFFF;
    padding:2px;
    margin-top:2px;
    width:132px;
}

p.pagenumbers {text-align:center;}

#casagebox {float:left; width:250px; margin-right:20px; }
#casagebox h2 {margin-top:0.5em;}
#casmsgbox {float:left; width:350px;}

#col3 ul.gallery {list-style-type: none;}
* html .gallery {height: 1%;}
/* legacy */
#col3 li.gallery {padding: 6px; float:left; text-align:center; width:140px; height:200px; background:#DDD; margin:0; overflow:hidden; border-bottom: 1px solid #AAAAAA; border-right:1px solid #AAAAAA; border-top: 1px solid #FFF; border-left:1px solid #FFF;}
#col3 li.galleryactive {padding: 6px; float:left; text-align:center; width:140px; height:200px; background:#EE6600; margin:0; overflow:hidden; border-bottom: 1px solid #AAAAAA; border-right:1px solid #AAAAAA; border-top: 1px solid #FFF; border-left:1px solid #FFF;}
/* end legacy */

#col3 li.gallery0 {padding: 6px; float:left; text-align:center; width:140px; height:200px; background:#DDD; margin:0; overflow:hidden; border-bottom: 1px solid #AAAAAA; border-right:1px solid #AAAAAA; border-top: 1px solid #FFF; border-left:1px solid #FFF;}
#col3 li.galleryactive0 {padding: 6px; float:left; text-align:center; width:140px; height:200px; background:#EE6600; margin:0; overflow:hidden; border-bottom: 1px solid #AAAAAA; border-right:1px solid #AAAAAA; border-top: 1px solid #FFF; border-left:1px solid #FFF;}
#col3 li.gallery1 {padding: 6px; float:left; text-align:center; width:140px; height:220px; background:#DDD; margin:0; overflow:hidden; border-bottom: 1px solid #AAAAAA; border-right:1px solid #AAAAAA; border-top: 1px solid #FFF; border-left:1px solid #FFF;}
#col3 li.galleryactive1 {padding: 6px; float:left; text-align:center; width:140px; height:220px; background:#EE6600; margin:0; overflow:hidden; border-bottom: 1px solid #AAAAAA; border-right:1px solid #AAAAAA; border-top: 1px solid #FFF; border-left:1px solid #FFF;}
#col3 div.image1 {width: 140px; height:130px; margin-bottom:0px; border:0px solid red;}
#col3 ul.gallery p {margin-top:0.5em;}

/* ### CAS Admin  ######################################################### */

#col3 table.cas1, #col3  table.cas1 tr td {
 border:1px solid #0079BD;
 border-collapse: collapse; 
 padding:2px;
 border-spacing:0;
}

#col3 table.cas1 {width: 400px; max-width:500px;}

#col3 table.cassub, #col3 table.cassub tr, #col3 table.cassub tr td {
 border-collapse: collapse; 
 border-spacing:0;
  padding:0;
  border:0;
}
#col3 table.cassub tr td {
border:1px solid red;
padding:2px;
}

#col3 table.cassub tr td.cascat {width:3em; }
#col3 table.cassub tr td.castitle {width:20em; overflow:auto;}
#col3 table.casnotes tr td.cascat {width:20em; }

a.green {
  color:green;
}
a.red {
  color:red;
}
a.grey {
  color:grey;
  text-decoration: line-through;
}

.shownote {color:#EE6600; position:relative; cursor: help;}
.shownote span.tooltip {position:absolute; left:2em; top:1.5em; background:#E5F2FB; color:#000000; padding:10px; border:1px solid #cccccc; display:none; visibility:hidden; width:auto;}
.shownote:hover span.tooltip { visibility:visible; display:block; z-index:10000; }

#col3 .certificate {
	float:left;
	position:relative;
    width:220px;
	margin:20px;
	height:300px;
    border: 1px solid #BFAA9B;
}

#col3 .certificate .intro {
	position:relative;
    margin:30px 0;
    width: 220px;
	text-align: center;
    font-size: 150%;
	color: #005BA0;
}
#col3 .certificate .students {
	position:relative;
    width: 220px;
    margin:30px 0;
	text-align: center;
    font-size: 150%;
	color: #001F64;

}

#col3 .certificate .cert_title {
	position:relative;
    margin:20px 0;
    width: 220px;
	text-align: center;
    font-size: 120%;
	color:#B22A00;
    font-weight:bold;

}

#col3 .envelope {
	width:350px;
    height:200px;
	border: 1px solid #BFAA9B;
    position: relative;
}
#col3 .envelope .address {
	position: absolute;
    right:60px;
	bottom:25px;
}

#col3 .envelope .stamp {
	position: absolute;
    left:10px;
	top: 10px;
    width: 62px;
	height: 80px;
    background-image:url(/i/eso-logo-small.jpg);
    background-repeat: no-repeat;
}

/* ### ESO PIA  ################################################################## */

#col3_content table.esopia { margin-bottom: 1em; margin-top: 0.5em; 
    border-collapse:separate;
	border-spacing:10px;
    width:90%;
}

#col3_content table.esopia tr th {
	color:#005BA0;
    background:#FFF;
	padding: 0;
	text-align: center; 
	border-bottom: 1px #fff solid; 
	border-right: 2px #fff solid;
	border-left: 2px #fff solid;
    border-top:10px #fff solid;
	font-weight:bold;
	border-bottom: 1px solid #005BA0;
}

#col3 img.esopia_start {
	padding:0;
    margin:0;
	border-top:4px solid #DDD; border-left: 4px solid #CCC;
	border-bottom:4px solid #888; border-right: 4px solid #999;
}

table.esopia td {
	width:25%;
	padding: 0.5em; 
	text-align: center; 
	border-bottom: 1px #fff solid; 
    font-size:90%;
}

td.separator {
	max-height:5px;
    background:#FFFFFF;
}

.esopiaselect {
	width:10em;
}


.esopiasearch {
	background: #FFFFFF;
	line-height:2em;
    font-weight:bold;
}

.esopiasubmenu {
	float:right; border-right:10px solid white;
    position:relative;
	top:0.9em;
}

/* grey */
#col3 ul.gallery10 {list-style-type: none; position:relative; overflow:hidden; background:#DDD; }
* html .gallery10 { he\ight: 1%;}
#col3 li.gallery10 {padding: 2px; padding-top:10px; margin:0; background:#DDD; text-align:center; vertical-align:middle; float:left; width: 60px; height:80px; he\ight:60px; }
#col3 li.gallery10 img {margin:0; padding:0; vertical-align:middle; border-top: 2px solid #EEE; border-left:2px solid #EEE; border-bottom:2px solid #AAA; border-right:2px solid #AAA;}

#col3 ul.gallery5 {list-style-type: none; position:relative; overflow:hidden; margin:0; padding:0;}
* html .gallery5 {he\ight: 1%;}
#col3 li.gallery5 {border-top: 1px solid #0079BD; border-left:1px solid #0079BD; border-bottom:1px solid #003D82; border-right:1px solid #003D82;
      margin:0; padding: 15px; text-align:center;  float:left; background:#005BA0; overflow:hidden; }
#col3 li.gallery5 div.gallery5 {width:95px; height:95px; overflow:hidden; }
#col3 li.gallery5 img {margin:0; border:0; padding:0; vertical-align:middle; }

#col3 ul.gallery4 {list-style-type: none; position:relative; overflow:hidden; margin:0; padding:0;}
* html .gallery4 {he\ight: 1%;}
#col3 li.gallery4 {border-bottom: 1px solid #AAAAAA; border-right:1px solid #AAAAAA; border-top: 1px solid #FFF; border-left:1px solid #FFF;
      margin:0; padding:5px; text-align:center; float:left; width: 130px; height:200px; 
      background:#DDD;  overflow:hidden; font-size:100%; line-height:1.2em; }
#col3 li.gallery4 div.gallery4 {width:130px; height:130px; margin:0px; padding-top:4px; overflow:hidden; }
#col3 li.gallery4 div.gallery4 img {margin:0; border:0; padding:0; vertical-align:bottom; }

#col3 ul.gallery4w {list-style-type: none; position:relative; overflow:hidden; margin:0; padding:0;}
* html .gallery4w {he\ight: 1%;}
#col3 li.gallery4w {border-top: 1px solid #EEE; border-left:1px solid #EEE; border-bottom:1px solid #AAA; border-right:1px solid #AAA;
      margin:0; padding:5px; text-align:center; float:left; width: 130px; height:200px; 
      background:#DDD; overflow:hidden; font-size:100%; line-height:1.2em; }
#col3 li.gallery4w a {font-size:80%;}
#col3 li.gallery4w div.gallery4w {width:130px; height:95px; margin:0; padding-top:4px; overflow:hidden;}
#col3 li.gallery4w div.gallery4w img {margin:0; border:0; padding:0; vertical-align:bottom; }

#col3 ul.gallery3 {list-style-type: none; position:relative; overflow:hidden; }
* html .gallery3 {he\ight: 1%;}
#col3 li.gallery3 {border-bottom: 1px solid #AAAAAA; border-right:1px solid #AAAAAA; border-top: 1px solid #FFF; border-left:1px solid #FFF;
      margin:0; padding:5px; text-align:center; float:left; width: 220px; height:220px; 
      background:#DDD;  overflow:hidden; font-size:100%; line-height:1.2em; }
#col3 li.gallery3 div.gallery3 {width:210px; height:210px; margin:0px; padding-top:4px; overflow:hidden; }
#col3 li.gallery3 div.gallery3 img {margin:0; border:0; padding:0; vertical-align:bottom; }

#col3 .arrow {padding:0 0 0 5px; }

.line2 {line-height:2em; padding:0.5em 0;}
 
/* Gallery 2 Search Results */
#col3 ul.gallery4a {list-style-type: none; position:relative; overflow:hidden; margin:0; padding:0; }
* html .gallery4a {he\ight: 1%;}
#col3 li.gallery4a {margin:0; padding:5px; text-align:center; float:left; width: 160px; height:210px; 
      overflow:hidden; font-size:100%; line-height:1.2em; }
#col3 li.gallery4a div.gallery4a {width:160px; height:160px; margin:0px; padding-top:4px; overflow:hidden; }
#col3 li.gallery4a div.gallery4a img {margin:0; border:0; padding:0; vertical-align:bottom; }
#col3 #gallery #SearchScan li.gallery4a a:hover {text-decoration:underline!important;}

#gallery .inputTypeSubmit2 {background:transparent; border:0; color:#EE6600;}
#gallery .inputTypeSubmit2:hover,
#gallery .inputTypeSubmit2:focus {background:transparent; color:#B22A00; text-decoration:underline; cursor:pointer; cursor:hand;}

/* ### ESO PIA Ende ############################################################### */


/* ### backward compatibility ##################################################### */
.bigheadline {font-weight:bold;font-size:18px;text-decoration:none;}
.bbigheadline {font-weight:bold;font-size:18px;text-decoration:none;}
.mediumheadline {font-weight:bold;font-size:14px;text-decoration:none;}
#content .smallheadline {font-weight:bold;font-size:13px;text-decoration:none; padding-top:1em;}
.txt {color:#FFFFFF;font-weight:bold;text-decoration:none;}
.grtxt {color:#666666;font-weight:bold;text-decoration:none;}
.btxt {color:#000000;font-weight:normal;text-decoration:none;}
.wtxt {color:#FFFFFF;font-weight:bold;text-decoration:none; background:#069;}
.bltxt {color:#005BA0;font-weight:bold;text-decoration:none;}
.bltxttop {color:#005BA0;font-weight:bold;text-decoration:none; vertical-align: top; }
.style2 {color: #333333}
.style3 {color: #003399}

/* ########################## Sitemap ############################ */
table.sitemap,
table.sitemap td,
table.sitemap2 td
{
	border:1px dotted #0079BD;
    vertical-align: top;
}

table.sitemap td {
	width:200px;
    padding-left:0;
}

table.sitemap2 td {
	width:300px;
    padding-left:0;
}

#col3 table.sitemap2 th,
#col3 table.sitemap th {
	border:1px solid #0079BD;
	background:#0079BD; 
    color:#FFFFFF;
	text-align:center;
}

#col3 table.sitemap2 th.marker_right {
	border-right:1px solid #FFFFFF;
}

#col3 table.sitemap tr td ul {

}
#col3 #sitemap li {
	list-style-type: none;
    margin-left:0;
	font-weight:bold;

}

#col3 #sitemap li ul li {
	list-style-image:url(/i/arrow_right.gif);
/*    list-style-position:inside; */
	color:#0079BD;
    margin-left:1em;
	font-weight:normal;
}

#col3 #sitemap li ul li a {
	color:#543; 
}

#col3 #sitemap li ul li a:hover {
	color:#B22A00; 
}

#col3 #sitemap li ul li ul li a {
	color:#876;
    font-style:italic;
}

#col3 #sitemap li ul li ul li a:hover {
	color:#B22A00;
}

/* ################ Press Releases, Homepage ##################### */

#col3 #firstpage .firstarticle {margin-left:0; font-weight:400; font-size:150%; color:#005ba0; padding:0.8em 1em 0.2em 0;}
#col3 #fix_right {width:170px; float:right; margin:0 1em;}

#col3 ul.pr
,#col3 ul.pr_home {
    list-style-type: none;
    margin-left:0;
    padding-left:0;
    position:relative;
    overflow:hidden;
}

#col3 img.pr_home {
    padding:0;
    width: 150px;
    height:100px;
}

#col3 .pr_home_img_wrapper {
    width:150px; 
    text-align:left;
    margin-left:0em;
    margin-right:1em;
    padding:0;
}

#col3 .pr_home_img_wrapper h2 {
    font-size:100%;
    padding-left:0em;
    padding-right:1em;
    padding-top:0.3em;
    padding-bottom: 1em;
    margin-top:0;
}
/* Safari won't do it, underline headline when hovering the image... */
#col3 .pr_home:hover h2,
#col3 a.pr_showteaser:hover h2 {text-decoration:underline; color:#005ba0;}

#col3 ul.pr li.pr {
    overflow:hidden; /* erzwingt Erweiterung des Containers um das Bild! */
    vertical-align: top;
    padding-left:10px;
    padding-right:10px;
    margin: 30px 0;

/*	height:120px; */
}

#col3 ul.pr_home {position:relative;}
#col3 ul.pr_home li.pr_home {
    overflow:hidden; /* erzwingt Erweiterung des Containers um das Bild! */
    float:left;
    width:32%!important;
    text-align:center;
    padding-bottom:6em;
    margin:0;
    height:20em;
}


/*IE Hack*/
* html li.pr,
* html li.pr_home {
	height:1%;
}

#col3 ul.pr li.pr img.pr1 {
    padding:0 10px;
/*    height:120px; */
    float:left;
    padding-left:0;  /* done by the li */
}
#col3 ul.pr li.pr img.pr2 {
    padding:0 10px;
/*    height:120px; */
    float:right;
}

.prfuture {background-color: #CFE8F7; border: 1px solid #0079bd; padding:5px;}
.prmsg {background-color: #0079bd; color:white; float:right; font-weight:bold; padding:2px 5px; }

#col3 .pr2006,
#col3 .pr2007,
#col3 .pr_top {
    float:right; 
    padding:1.2em 0.6em;
}

#col3 .pr2006 {
margin-top:2em;
margin-right:1em;
}


#col3 table.pr_top {
    margin:1.2em;
}

/* PR Overview pages */
#col3 .pr h2 {
    font-size: 80%;
    font-weight: normal;
    color:#005ba0;
    padding-bottom:0; 
    margin-bottom:0;
    padding-top:0; 
    margin-top:0px;
    line-height:1em;
}

#col3 .pr h3
 {
    color:#000;
    padding-top:0; 
    margin-top:0;
    font-weight:bold;
    font-size:100%;
}

#col3 div.pr_wrapper {position:relative; width:100%; text-align:center; overflow:visible;}
#col3 #newstext {text-align:left; margin:0; margin-top:0; font-size:100%; display:inline; }
#col3 #newsbox { height:5em; overflow:auto;}
#col3 #newsheadline {display:inline; color:#005ba0; font-size:100%; }




#col3 .pr p {
	padding:0;
    margin:0;
}

/* single press releases */
#col3 h1.pr {font-weight:bold;font-size:13px; text-decoration:none; padding-top:0.5em; border:0;} /* = smallheadline */
#col3 h2.pr,
#col3 h3.pr {}

#col3 .primage_right { float:right; text-align:center; padding-left:10px; padding-right:10px; font-size:85%; }
#col3 .primage_left { float:left; text-align:center; padding-left:10px; padding-right:10px; font-size:85%;}
#col3 .primage_center { display: block; margin: 0 auto; font-size:85%;}

#col3 p.pr_first {font-weight:bold;}
#col3 p.pr_std {}

#col3 p.pr_small,
#col3 .s90,
#col3 .caption {font-size:90%;}

#col3 .s80 {font-size:80%}


#col3 div.pr_photo {float:left; overflow:hidden; }
#col3 div.pr_photo img {margin-top:0; padding-top:0; margin-bottom:0; padding-bottom:0;}
#col3 .pr_photo1 { overflow:hidden; height:1%; margin:0; padding:0; padding-top:10px;}
#col3 .photo_desc {font-size:90%; }
#col3 p.pr_photo {font-size:100%}
.copyright {font-size:89%;margin-top:1em; margin-bottom:1em; line-height:1.2em;}
ul.copyright li {line-height:1.2em;}




/* ### Publications list  ##################### */



/* ### contact page ################################################################### */
#col3 td.lichtblauw {background-color:#A5D3EF;}
#col3 td.lichtblauw a {color:#003D82;}

/* ### Messenger ################################################################### */

.msg_abstract {padding-bottom:5px; padding-left:30px;  color:#005BA0; font-size:100%; display:none; width:600px; line-height:1.2em;}
.msg_abstract_link {padding-left:30px;padding-bottom:2px;}
.msg_authors, .msg_page { display: inline;}
.msg_authors {font-weight:bold; margin-top:0.5em;}
.msg_entry {padding-top:0.1em; margin-top:0;}
.msg_page {position:absolute; right:30px;}
.msg_title { padding-left:30px; max-width: 600px; line-height:1.2em; }
#msg_openall, #msg_closeall { display: inline; }
#msg_all {position:absolute; right:30px; top:15px;}
.msg_bullets {list-style-type:disc;}
.msg_issue {list-style-type:none; }
.msg_img {position: absolute; top:400px; left:-177px;} 

/* ### boxover.js ### */

.dvbdy1 {
background:#FFFFFF;
font-family:arial;
color:#333333;
border-left:1px solid #003399;
border-right:1px solid #003399;
border-bottom:1px solid #003399;
padding:5px;
width:550px;
}
.dvhdr1 {
background:#005ba0;
font-family:arial;
color:#FFFFFF;
font-size:110%;
border:1px solid #005ba0;
padding:5px;
width:550px;
}


/* ### Messenger Ende ############################################################## */

/* ### Colors ###################################################################### */

#col3 .bg_blue1 {background:#000028;}
#col3 .bg_blue2 {background:#000146;}
#col3 .bg_blue3 {background:#001F64;}
#col3 .bg_blue4 {background:#003D82;}
#col3 .bg_blue5 {background:#005BA0;}
#col3 .bg_blue6 {background:#0079BD;}
#col3 .bg_blue7 {background:#2B8ECB;}
#col3 .bg_blue8 {background:#53A5DA;}
#col3 .bg_blue9 {background:#6CB4DC;}
#col3 .bg_blue10 {background:#A5D3EF;}
#col3 .bg_blue11 {background:#CFE8F7;}
#col3 .bg_blue12 {background:#E5F2FB;}

#col3 .bg_orange1 {background:#B22A00;}
#col3 .bg_orange2 {background:#D04800;}
#col3 .bg_orange3 {background:#EE6600;}
#col3 .bg_orange4 {background:#FF841E;}
#col3 .bg_orange5 {background:#FFAC70;}
#col3 .bg_orange6 {background:#FFC9A3;}
#col3 .bg_orange7 {background:#FFE7D6;}
#col3 .bg_orange8 {background:#BFAA9B;}
#col3 .invers_orange {background:#EE6600; color:#FFFFFF}

#col3 .bg_red1 {background:#FF0000;color:#FFFFFF;}
#col3 .bg_red2 {background:#F62217;color:#FFFFFF;}
#col3 .bg_red3 {background:#E41B17;color:#FFFFFF;}
#col3 .bg_red4 {background:#F62817;color:#FFFFFF;}
#col3 .bg_red5 {background:#E42217;color:#FFFFFF;}
#col3 .bg_red6 {background:#C11B17;color:#FFFFFF;}

#col3 .bg_grey0 {background:#888888;}
#col3 .bg_grey1 {background:#AAAAAA;}
#col3 .bg_grey2 {background:#CCCCCC;}
#col3 .bg_grey3 {background:#DDD;}
#col3 .bg_grey4 {background:#EEEEEE;}

#col3 .blue1 {color:#000028;}
#col3 .blue2 {color:#000146;}
#col3 .blue3 {color:#001F64;}
#col3 .blue4 {color:#003D82;}
#col3 .blue5 {color:#005BA0;}
#col3 a.blue5:hover {color:#2B8ECB;}
#col3 .blue6 {color:#0079BD;}
#col3 .blue7 {color:#2B8ECB;}
#col3 .blue8 {color:#53A5DA;}
#col3 .blue9 {color:#6CB4DC;}
#col3 .blue10 {color:#A5D3EF;}
#col3 .blue11 {color:#CFE8F7;}
#col3 .blue12 {color:#E5F2FB;}
#col3 .orange1 {color:#B22A00;}
#col3 .orange2 {color:#D04800;}
#col3 .orange3 {color:#EE6600;}
#col3 .orange4 {color:#FF841E;}
#col3 .orange5 {color:#FFAC70;}
#col3 .orange6 {color:#FFC9A3;}
#col3 .orange7 {color:#FFE7D6;}
#col3 .orange8 {color:#BFAA9B;}

#col3 .red1 {color:#FF0000;}
#col3 .red2 {color:#F62217;}
#col3 .red3 {color:#E41B17;}
#col3 .red4 {color:#F62817;}
#col3 .red5 {color:#E42217;}
#col3 .red6 {color:#C11B17;}
	
#col3 .grey0 {color:#888888;}
#col3 .grey1 {color:#AAAAAA;}
#col3 .grey2 {color:#CCCCCC;}
#col3 .grey3 {color:#DDDDDD;}
#col3 .grey4 {color:#EEEEEE;}


#col3 .white {color:#FFFFFF;}


/* ### Colors ENDE ################################################################# */

/* ### Development ### */
#debug_message {
display: block; position: fixed ; right:10px; top: 20px; color:#B22A00; background-color: #FFE7D6; 
font-weight:bold; border:2px solid #B22A00; z-index:300; padding:4px;}

/* ### Box Hacks to prevent clearing the navigation ### */
#col3 .wrapper {position:relative; overflow:hidden;}

/* ### Blogs ###################################################################### */

.fs100 * {font-size:100%!important;}
.fs90 * {font-size:90%!important;}

#col3 .subcr ul.bloglinks li {list-style-type:none; font-size:100%; margin:0; padding:0; margin-bottom:5px; }
#col3 .subcr ul.bloglinks { margin:0.5em 0 0 0; padding:0; padding-left:10px;}
#col3 .subcr ul.bloglinks li ul li {list-style-type:none; font-size:85%; margin:0; padding:0; margin-bottom:5px; }

#searchform input#s {width:110px;}
#searchform input#searchsubmit {font-size:90%; padding:0.3px;}
.blogheadline a {color:#005BA0;}

.postmetadata {font-size:85%; margin-top:0; margin-bottom:3em; }
#ctc .ctc {text-align:center; width:180px;}

.alignright { float: right; }
.alignleft { float: left; }

.firstonpage {padding-top:0.5em;}

#bookmarks {position:absolute; right:0; z-index:1000; padding:0.8em 1.5em; }
#bookmarks img {height:1.333em;}
#bmwrapper {position: relative; overflow:visible; }
#bookmarks.twocol {right:245px;}

#col3 ul.bloglinks img {padding:0; margin:0; vertical-align:middle;}
#col3 ul.bloglinks a {vertical-align:middle;}

/* ### Phase 2 Observing FAQ ################################################### */

/*  "Show All" + "Hide All" links */
#TJK_ToggleON,#TJK_ToggleOFF {border:1px solid #333;padding:0 5px;margin-right:5px}
/* zeroing out padding and margin */
#TJK_DL dd,#TJK_DL dt {margin:0;padding:0} 
/* margin for the DTs (shorthand) */
#TJK_DL dt {margin:7px 0}
/* image and left padding for DDs */
#TJK_DL dd {padding-left:25px}
/* styling all anchors in the DTs */
#TJK_DL dt a {background:0 50% no-repeat;padding-left:20px;color:#000;text-decoration:none}
#TJK_DL dt a:visited {color:#666}
#TJK_DL dt a:visited:hover,
#TJK_DL dt a:hover,
#TJK_DL dt a:active,
#TJK_DL dt a:focus {color:#005BA0}
/* the + and - gif in the anchors */
#TJK_DL .DTplus a {background-image:url(answer_plus.png)}
#TJK_DL .DTminus a {background-image:url(answer_minus.png)}
/**********************************/
/**********************************/
#TJK_DL .showDD {position:relative;top:0}
#TJK_DL dd,.hideDD{top:-9999px;position:absolute;font-style:italic}
#TJK_ToggleON,#TJK_ToggleOFF {display:inline;cursor:pointer;cursor:hand;}

/* Google Sky gz 01.04.2009 */
.fakeDivDownB,
.fakeDivDown {
    font-size: 12px;
    background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    width: 120px;
    text-align: right;
    color: #2B8ECB;
    border: 0;
}
#col3 #map_canvas div span
{color: #2B8ECB;}
#col3 #map_canvas a {
    background: transparent;
    padding-left:0!important;
}
#col3 #map_canvas div a { color:#ee6600!important; }

/* mnaumann begin 20091020 for thumbnail popup images */
.thumb_popup {position: relative;z-index: 0;}
.thumb_popup:hover {background-color: transparent;z-index: 50;}
.thumb_popup span{ /*CSS for enlarged image*/
position: absolute;background-color: lightyellow;padding: 5px;
left: -1000px;border: 1px dashed gray;visibility: hidden;color: black;
text-decoration: none;
}

.thumb_popup span img{ /*CSS for enlarged image*/
border-width: 0;padding: 2px;}

.thumb_popup:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}
/* mnaumann end thumbnail popup images */

/* end of everything, last bracket: */
}
/* This is the END. gz, 2006, 2007, 2008, 2009 */