/**************
 Snowflakes
***************/

.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>


/**************
 DL-Manager
***************/

.dl_back  { z-index:0;background-color:#e0e0e0;left:0px;width:100%;margin:0 auto; padding: 0; min-height:1000px; height:100%; padding-top:112px; padding-bottom:70px;z-index:0;}

.dl_infos     {min-height:1000px;border-radius: 9px;display:inline;background-color:#f0f0f0;width:19%; margin:5px 0px 0px 30px; padding: 10px 0px 0px 7px; top: 112px; float:left; height:100%; z-index: 0;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}

.dl_catalog   {min-height:1000px;border-radius: 9px;background-color:#f0f0f0;width:74%;margin:5px 0px 0px 20px; padding: 0px 0px 0px 18px; z-index:0; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);float:left;}

.dl_ajax      {min-height:800px;width:95%; margin:150px 0px 0px 20px; padding: 0px 0px 0px 1px;border: 1px dashed #f0f0f0;z-index:0;}       

.dl_dbinfo    {min-height:150px;width:90%; margin:10px 0px 0px 5px; padding: 0px 0px 0px 5px;border: 1px solid black;z-index:0;}       

.dl_miscinfo  {min-height:180px;width:90%; margin:10px 0px 0px 5px; padding: 0px 0px 0px 5px;border: 1px dashed black; z-index:0;}       
.dl_sidenav   {min-height:75px;width:90%; margin:100px 0px 0px 5px; padding: 0px 0px 0px 5px;border: 1px solid black; z-index:0}       



/*texte */

.dl_infotxt        { color: #183340; font-size: 12pt; font-family: monospace; font-weight: normal; text-decoration: none;}
.dl_infotxt_small  { color: #183340; font-size: 8pt; font-family: monospace; font-weight: normal; text-decoration: none;}
.dl_infotxt_big    { color: #183340; font-size: 16pt; font-family: monospace; font-weight: bold; text-decoration: none;}
.dl_link           { color: #183340; font-size: 12pt; font-family: monospace; font-weight: normal; text-decoration: none;}
.dl_link_small     { color: #183340; font-size: 9pt; font-family: monospace; font-weight: normal; text-decoration: none;}
.dl_folder_txt     {color: #183340;font-size: 12pt; font-family: monospace; font-weight: bold; text-decoration: none;}
.dl_folderinfo_txt {color: #183340;font-size: 11pt; font-family: Verdana;  text-decoration: none;}
.dl_fileinfo_txt   {color: #183340;font-size: 10pt; font-family: Verdana;  text-decoration: none;}
.dl_navsmall_txt   {color: #183340;font-size: 11pt; font-family: Verdana;  text-decoration: none;}
.dl_info_inv       {background-color:#183340;color: #f0f0f0; font-family:verdana; text-decoration: none; padding-left:15px;padding-right:15px;}
/**************
 Dropdown
***************/



.dropbtn {
    background-color: #183340;
    color: white;
    font-family: monospace;
    padding: 0px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    font-size: 14px;
    font-family: monospace; 
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 140px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
     box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    border-radius: 6px;
    z-index: 10; 
}

.dropdown-content a {
    color: black;
    padding: 2px 6px;
    text-decoration: none;
    display: block;
    z-index: 10; 
}

.dropdown-content a:hover {background-color: #cfcfcf}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #1a3e4f;
}

/* Index-Head */
.spacer_50px        { height:50px; width:100%;}
.spacer_10px        { height:10px; width:100%;}
.main_header        { background-color:#183340;left:0px;width:100%;margin:0 auto; padding: 0; position: absolute;height:100px}
.dropdown_container { background-color:#183340;left:0px;width:100%;margin:0 auto; padding: 0; z-index:10; top:80px; position: absolute;}

.main_title        {color: #eeeeee; font-size: 40px; font-family: monospace; font-weight: bold; text-decoration: none; margin: 3px 0px 0px 15px; position:absolute; }
a.main_title      {color: #eeeeee; font-size: 40px; font-family: monospace; font-weight: bold; text-decoration: none; margin: 3px 0px 0px 15px; position:absolute; }
a.main_title:hover {color: #9e9e9e; font-size: 40px; font-family: monospace; font-weight: bold; text-decoration: none; margin: 3px 0px 0px 15px; position:absolute; }
.txt_title         { color: #dddddd; font-size: 11pt; font-family: monospace; font-weight: normal; font-style:italic; margin: 30px 0px 0px 200px; position:absolute; text-decoration: none }

.main_back          { z-index:0;background-color:#e0e0e0;left:0px;width:100%;margin:0 auto; padding: 0; min-height:2300px; height:100%; padding-top:112px; padding-bottom:70px;z-index:0;}

.new_infos   {border-radius: 9px;background-color:#f0f0f0;width:74%;margin:5px 0px 0px 20px; padding: 0px 0px 0px 18px; height:100%; z-index:0; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);float:left;}


#promotion          { min-height:2250px; display:inline;background-color:#f0f0f0;width:19%; margin:5px 0px 0px 20px; padding: 10px 0px 0px 7px; top: 112px; float:left; height:100%; z-index:0;float:clear;}
#footer             { background-color:#d0d0d0;z-index:0;left:0px;width:100%; min-height:100px;box-shadow: 8px 8px 8px 8px rgba(0,0,0,0.2);padding:10px 0px 0px 0px;}

.dj         { background-color:#f0f0f0;width:80%;margin: 10px; 10px; 10px; 10px; padding:5px; 5px; 5px; 5px; border: 1px solid #e0e0e0; -webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);-moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);}

.dlmanager  { background-color:#f0f0f0;width:80%;margin: 10px; 10px; 10px; 10px; padding:5px; 5px; 5px; 5px; border: 1px solid #e0e0e0; -webkit-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);-moz-box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);box-shadow: 5px 5px 3px 0px rgba(0,0,0,0.75);}



.visitor_welcome    { color: #202020; font-size: 11pt; font-family: Arial; font-weight: normal; text-decoration: none }
.txt_news          { color: #202020; font-size: 11pt; font-family: Arial; font-weight: normal; text-decoration: none }






.mainrub_blue      { color: #000099; font-size: 20pt; font-family: Arial,Verdana; font-weight: bold; text-decoration: none }
.rub_white         { color: #efefef; font-size: 12pt; font-family: Verdana; font-weight: bold; text-decoration: none }
.welc_gray_reg     { color: #202020; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none }
.newfile_black_reg    { color: #000000; font-size: 8pt; font-family: Arial; font-weight: normal; text-decoration: none }
.generator_black_reg    { color: #000000; font-size: 7pt; font-family: Verdana; font-weight: normal; text-decoration: none }
.text_black_reg    { color: #000000; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none }
.link_black_reg    { color: #000000; font-size: 11pt; font-family: Arial; font-weight: normal; text-decoration: none }
.link_black_bold   { color: #000000; font-size: 10pt; font-family: Arial; font-weight: bold; text-decoration: none }
.link_white_reg    { color: #ffffff; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none }
.link_white_bold   { color: #ffffff; font-size: 10pt; font-family: Arial; font-weight: bold; text-decoration: none }
.dlm_text_intro   { color: #7891ef; font-size: 12pt; font-family: Tahoma,Arial; font-weight: bold; font-style: italic; text-decoration: none }

/* ############################################################ */
/* Globals 

/*body { font-family: Arial, Helvetica, sans-serif; color: #101010; font-size: 12pt; background: #101010; }*/
table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; }
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; }
tr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; }
body { background-color:#606060; font-family :  Arial, Tahoma, Helvetica, sans-serif;  font-size: 12pt; padding:0; margin:0; z-index:0 }


h1 {color:#0f0f0f;font-size: 2.2em}
h2 {color:#000099;font-size: 2.2em}
h3 {color:#88A2F2;font-size: 2.2em}



.rez_offline   { color: #990000; font-size: 10pt; font-family: Verdana; font-weight: bold; text-decoration: none }
.rez_online    { color: #009900; font-size: 10pt; font-family: Verdana; font-weight: bold; text-decoration: none }

.news_red_rub    { color: #AF0D0D; font-size: 10pt; font-family: Verdana; font-weight: normal; text-decoration: none }
.news_red_titel    { color: #DC0A0A; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none }
.news_gray_text    { color: #c0c0c0; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none }

.link_gray_index    { color:#d0d0d0; font-size: 10pt; font-family: Georgia; font-weight: normal; text-decoration: none }
.link_search    { color:#183340; font-size: 14pt; font-family: Georgia; font-weight: bold; text-decoration: none }

.text_gray_index    { color:#d0d0d0; font-size: 8pt; font-family: Georgia; font-weight: normal; text-decoration: none }
.text_red_reg    { color: #FE2E2E; font-size: 11pt; font-family: Arial; font-weight: normal; text-decoration: none }
.text_red_suche   { color: #FE2E2E; font-size: 12pt; font-family: Arial; font-weight: bold; text-decoration: none }
.text_yellow_roman { color: #EDFE32; font-size: 11pt; font-family: Arial; font-weight: normal; text-decoration: none }
.text_green_reg    { color: #99c0c0; font-size: 11pt; font-family: Arial; font-weight: normal; text-decoration: none }
.text_gray_reg    { color: #c0c0e0; font-size: 11pt; font-family: Arial; font-weight: normal; text-decoration: none }
.text_white_big    { color: #ffffff; font-size: 14pt; font-family: Arial; font-weight: bold; text-decoration: none }
.text_white_reg    { color: #ffffff; font-size: 11pt; font-family: Arial; font-weight: normal; text-decoration: none }
.text_white_med    { color: #ffffff; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none }
.text_gray_small    { color: #0c0c0c; font-size: 8pt; font-family: Arial; font-weight: normal; text-decoration: none }
.text_lgray_small    { color: #a0a0a0; font-size: 8pt; font-family: Arial; font-weight: normal; text-decoration: none }
.text_black_12pt    { color: #000000; font-size: 12pt; font-family: Arial; font-weight: normal; text-decoration: none }
.text_black_12ptb   { color: #000000; font-size: 12pt; font-family: Arial; font-weight: bold; text-decoration: none }
.text_black_big    { color: #000000; font-size: 14pt; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; text-decoration: none }
.link_white_reg    { color: #ffffff; font-size: 12pt; font-family: Arial; font-weight: normal; text-decoration: none }
.link_sub          { color: #ffffff; font-size: 9pt; font-family: Arial; font-weight: normal; text-decoration: none }
.link_white_item   { color: #ffffff; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none }
.link_gray_small    { color: #f0f0f0; font-size: 8pt; font-family: Arial; font-weight: normal; text-decoration: none }


.text_white_error  { color: #ffffff; font-size: 16pt; font-family: Arial; font-weight: bold; text-decoration: none }

.text_white_small  { color: #ffffff; font-size: 8pt; font-family: Arial; font-weight: normal; text-decoration: none }
.text_white_top  { color: #ffffff; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none }
.text_yellow_top  { color: #EDFE32; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none }
.text_black_top  { color: #000000; font-size: 10pt; font-family: Verdana; font-weight: normal; text-decoration: none }
.link_white_top   { color: #ffffff; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none }
.link_black_liste { color: #000000; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none }
.link_black_top { color: #000000; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none }



input       { border: 1px solid #999; background-color: #F8F5E4; font-family: Verdana,Helvetica; color: #000; }
input.send  { border: 1px solid #999; background-color: #F8F5E4; font-family: Verdana,Helvetica; color: #000; }
select      { border: 1px solid #999; background-color: #F8F5E4; font-family: Verdana,Helvetica; color: #000; }
textarea    { border: 1px solid #999; background-color: #F8F5E4; font-family: Verdana,Helvetica; color: #000; font-size: 14px; }
fieldset    { border: 1px solid #999; background-color: #F8F5E4; padding-bottom: 5px; padding-left: 2px; padding-right: 2px; padding-top: 5px; }



#newsbox {
	background-color: #2f2f2f;
	text-align: center;
	vertical-align:top;
	padding: 10px;}


.rub_blue         { color: #000099; font-size: 18pt; font-family: Arial,Verdana; font-weight: bold; text-decoration: none }
.rub_blue_small   { color: #000099; font-size: 14pt; font-family: Arial,Verdana; font-weight: normal; text-decoration: none }
.link_blue_small   { color: #000099; font-size: 10pt; font-family: Arial,Verdana; font-weight: normal; text-decoration: none }
.rub_white         { color: #efefef; font-size: 18pt; font-family: Verdana; font-weight: bold; text-decoration: none }
.welc_gray_reg     { color: #202020; font-size: 10pt; font-family: Arial; font-weight: normal; text-decoration: none }
.nirwana_white   { color: #fafafa; font-size: 9pt; font-family: Arial; font-weight: normal; text-decoration: none }
.nirwana_gray    { color: #e0e0e0; font-size: 8pt; font-family: Arial; font-weight: normal; text-decoration: none }
.event_white   { color: #fafafa; font-size: 10pt; font-family: Arial; font-weight: bold; text-decoration: none; background-color:#608054 }

.newfile_black_reg    { color: #000000; font-size: 8pt; font-family: Arial; font-weight: normal; text-decoration: none }
.generator_black_reg    { color: #000000; font-size: 7pt; font-family: Verdana; font-weight: normal; text-decoration: none }
.text_black_reg   { color: #000000; font-size: 11pt; font-family: Arial; font-weight: normal; text-decoration: none }
.text_black_it    { color: #000000; font-size: 12pt; font-family: Arial; font-weight: normal; font-style: italic; text-decoration: none }
.text_black_bold  { color: #000000; font-size: 12pt; font-family: Arial; font-weight: bold; text-decoration: none }
.link_black_bold   { color: #000000; font-size: 12pt; font-family: Arial; font-weight: bold; text-decoration: none }
.link_white_reg    { color: #ffffff; font-size: 12pt; font-family: Arial; font-weight: normal; text-decoration: none }
.link_white_bold   { color: #ffffff; font-size: 12pt; font-family: Arial; font-weight: bold; text-decoration: none }

.news_title   { color: #ffffff; font-size: 20pt; font-family: Arial; font-weight: bold; text-decoration: none }

.quote{ background-color:#e2e2e2;margin-left:1em;margin-right:2em;padding:5px;margin-top:5px}
.code{ margin-left:2em;margin-right:1em;border: 1px dashed #444444;padding-left:3px;padding-right:3px}



a.extern:link, a.extern:visited, a.extern:active
{ 
  font-family: monospace;
  text-decoration:none;
  color:#000099;
  font-size:12pt;
  font-weight: normal;
}

a.extern:hover 
{ 
  font-family: monospace;
  text-decoration:none;
  color:#ff0000;
  font-weight: normal;
  font-size:12pt;
  background-color: #ffffff;
}

a:hover 
{  
  color:#990099;
  font-weight: normal;
}


/* MOS-IC */
#nav1td {background-color:#D2DEE6;}
#nav2td {background-color:#ffffff;}




.link_blue_reg    { color: #000099; font-size: 11pt; font-family: Arial; font-weight: normal; text-decoration: none }
table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
tr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }









/*

A:hover {color:#ff0000;  font-weight: normal; text-decoration:none;background-color:#f0f0f0 } 

A {text-decoration :  none;color :  #00008B;}
*/


/**************
 News
***************/


.news_section {
	clear: both;
	margin: 10px 10px 30px 10px;
        width: 90%;  
        background-color: #f0f0f0;   
        border: 1px dashed #c0c0c0;
        padding: 5px 5px 5px 5px;
        min-height:350px;
}

.news_date {
	font-size: 12px;
	color: #808080;
	font-weight: bold;
        float:right; 
}

.news_title {
	font-size: 20px;
	color: #101010;
	font-weight: bold;
        padding-top: 12px;
        padding-left: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
        height:32px;
}

/**************
 Allgemein 
***************/


/* Seperator TD in Tabellen */
td.itemheader0 {
	background : Black;
	width :  1px;
}

/* Tabellen-Überschrift */
td.itemheader {
	color : Black;
	font-size :  10pt;
	width :  98%;
	background-color :#7891ef;
}

/* Tabelleninhalt Fett */
td.itembold {
	font-size : 8pt;
	font-weight :  bold;
	vertical-align :  top;
}

/* Tabelleninhalt Normal */
td.itemnorm {
	font-size :  8pt;
	border-top-width :  2px;
	border-top-style :  solid; 
        border-color :  #f0f0f0;

}

/* Tabelleninhalt Klein */
td.itemsmall {
	font-size : 7pt;
}

/* Ersatz für <small> */
spansmall {
	font-size : 7pt;
}

/* Tabelleneigenschaften */
table.tabbord1 {
	border : 1px solid #000000;
}

/***************
DL-Manager
****************/

/* Kategorieebene 1 - Namensfeld */
td.cattitle1 {
	font-weight :  bold;
	vertical-align :  top;
	font-size :  9pt;
}

/* Kategorieebene 1 - Beschreibungsfeld */
td.catdesc1 {
        background-color: #f0f0f0;
	font-size :  8pt;
	border-top-width :  2px;
	border-top-style : dotted;
        border-color :  #90b084;
        height: 30px;
}

td.cattitle2 {
	vertical-align :  top;
	font-size :  8pt;
}

td.catdesc2 {
	background-color: #fafafa;
	font-size :  8pt;
	border-top-width :  2px;
	border-top-style :  solid; 
        border-color :  #f0f0f0;
}

td.cattitle3 {
	vertical-align :  top;
	font-size :  8pt;
}

td.catdesc3 {
	background-color: #fafafa;
	font-size :  8pt;
	border-top-width :  2px;
	border-top-style :  solid; 
        border-color :  #f0f0f0;
}

td.cattitle4 {
	vertical-align :  top;
	font-size :  8pt;
}

td.catdesc4 {
	font-size :  8pt;
}

td.cattitle5 {
	vertical-align :  top;
	font-size :  8pt;
}

td.catdesc5 {
	font-size :  8pt;
}


#welcome {
	background-color: #e0e0e0;
	text-align: left;
	vertical-align:top;
	padding: 10px;
	
	}
	
#promo {
	background-color: #e0e0e0;
	text-align: left;
	vertical-align:top;
	padding: 10px;
	
	}


	
	
/***************
Lightbox
****************/


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }