﻿/* CSS */ #test {display:none;}
#headerPrint {
 DISPLAY: none;
}
body {
 margin-left: 8px;
 margin-top: 0px;
 background-color: #FFFFFF;
}
td {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #646464;
}
a:link {
 color:#646464;
 text-decoration:none;
}
a:hover {
 color:#08107B;
 text-decoration:none;
}
a:visited {
 color:#646464;
 text-decoration:none;
}
a:visited:hover {
 color:#08107B;
 text-decoration:none;
}
a:active {
 color:#646464;
 text-decoration:none;
}
.topnavmeta {
 font-size:10px;
 color: #808AC8;
}
.topnavmeta a:link {
 color: #808AC8;
 text-decoration: none;
}
.topnavmeta a:hover{
 color: #FFFFFF;
 text-decoration: none;
}
.topnavmeta a:visited{
 color: #808AC8;
 text-decoration: none;
}
.topnavmeta a:visited:hover{
 color: #FFFFFF;
 text-decoration: none;
}
.topnavmeta a:active {
 color: #808AC8;
 text-decoration: none;
}
.topnavhistory {
 font-size:10px;
}
.topnavtextfield { 
 background-color:#ffffff; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size:10px;
 color:#08107B;
 width:119px;
 height:14px;
 border:0px;
 border-color:#050A4A;
}
.topnavdropdown { 
 background-color:#ffffff; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size:10px;
 color:#646464;
 width:190px;
 /*height:14px;*/
 border:1px solid #cccccc;
}
.subnavmenu {
 color: #646464;
 padding-left:4px;
}
.subnavmenu a:link {
 color: #646464;
}
.subnavmenu a:hover{
 color: #08107B;
}
.subnavmenu a:visited{
 color: #646464;
}
.subnavmenu a:visited:hover{
 color: #08107B;
}
.subnavmenu a:active {
 color: #646464;
}
.subnavactive {
 padding-left:5px;
}
.subnavactive a:link{
 color: #709DE0;
}
.subnavactive a:visited{
 color: #709DE0;
}
.subnav {
 color: #646464;
 padding-left:5px;
}
.subnav a:link {
 color: #646464;
 text-decoration: none;
}
.subnav a:hover{
 color: #08107B;
 text-decoration: none;
}
.subnav a:visited{
 color: #646464;
 text-decoration: none;
}
.subnav a:visited:hover{
 color: #08107B;
 text-decoration: none;
}
.subnav a:active {
 color: #646464;
 text-decoration: none;
}
.subnav p {
 margin-top: 4px;
 margin-bottom: 8px; 
 line-height:12px;   
}
.subnavdropdown{
 background-color:#ffffff; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size:10px;
 color:#646464;
 width:150px;
 /*height:14px;*/
 border:1px solid #cccccc;
}
.cameraselector{
 background-color:#ffffff; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size:10px;
 color:#646464;
 width:140px;
 /*height:14px;*/
 border:1px solid #cccccc;
}
.link2 a:link {
 color:#08107B;
 text-decoration:none;
}
.link2 a:hover {
 color:#646464;
}
.link2 a:visited {
 color:#08107B;
}
.link2 a:visited:hover {
 color:#646464;
}
.link2 a:active {
 color:#08107B;
}
.link2 p {
 margin-top: 4px;
 margin-bottom: 8px; 
 line-height:12px;   
}
.link3 a:link {
 color:#646464;
}
.link3 a:hover {
 color:#FFBA00;
}
.link3 a:visited {
 color:#646464;
}
.link3 a:visited:hover {
 color:#FFBA00;
}
.link3 a:active {
 color:#646464;
}
.link4 a:link {
 color:#FFFFFF;
}
.link4 a:hover {
 color:#FFFFFF;
}
.link4 a:visited {
 color:#FFFFFF;
}
.link4 a:visited:hover{
 color:#FFFFFF;
}
.link4 a:active {
 color:#FFFFFF;
}
.link5 a:link {
 color:#08107B;
}
.link5 a:hover {
 color:#08107B;
}
.link5 a:visited {
 color:#08107B;
}
.link5 a:visited:hover{
 color:#08107B;
}
.link5 a:active{
 color:#08107B;
}
.flowtext {
 line-height:14px;
}
.enumeration {
 line-height:16px;
}
.headpos1 {
 color: #08107B;
 padding-left:8px;
}
.head1 {
 font-size:18px;
 font-weight: bold;
}
.head2 {
 font-size:16px;
 font-weight: bold;
}
.head2 h1{
 font-size:16px;
 font-weight: bold;
 margin:0px 0px;
}
.head3 {
 font-size:14px;
 font-weight: bold;
}
.head4 {
 font-size:12px;
 font-weight: bold;
}
.head5 {
 font-size:9px;
}
.table1{
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-color:#E9E9E9;
    color:#709DE0;
}
.table2{
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-color:#E9E9E9;
    line-height:14px;
}
.text1 {
 color:#709EDA;
}
.underlined a:link {
 color:#646464;
 text-decoration:underline;
}
.underlined a:hover {
 color:#08107B;
 text-decoration:underline;
}
.underlined a:visited {
 color:#646464;
 text-decoration:underline;
}
.underlined a:visited:hover {
 color:#08107B;
 text-decoration:underline;
}
.underlined a:active {
 color:#646464;
 text-decoration:underline;
}
/* New CSS-Definitions for Microscopy SEO-Optimization */
/* *************************************************** */
table.product h1{
 font-size:16px;
 font-weight: bold;
 margin:0px 0px;
}
table.product h2{
 font-size: 11px;
 padding:0;
 margin:0;
 font-weight:normal;
}
.topnavhistory .links {
 padding-left:12px;
}
.topnavhistory .links b {
 font-weight:normal;
}
.subnav_area h2{
 font:bold 10px Verdana,Arial,Helvetica,sans-serif;
 color:#08107B;
 line-height:10px;
 padding:8px 0 8px 12px;
 margin:0;
}
.subnav_area h2 a, .subnav_area h2 a:hover{
 color:#08107B;
}
.subnav_area .hr{
 border-bottom:1px solid #FFFFFF;
 border-top:1px solid #E8E8E8;
 font-size:0px;
 height:0px;
 line-height:0px;
 padding:0;
 margin:0px 0px 10px;
 width:176px;
}
/*Glossary*/
#header_print {
 display:none;
}
#content .range_header{
 height:120px;
}
#content .range_header img {
 float:right;
}
#content .range_header_left {
 float:left;
}
#content .range_header p {
 padding:7px 5px 10px 0px;
 width: 400px;
}
#content .range_header .range_header_left img {
 float:none;
}
#content input {
 border:1px solid #CCCCCC;
 color:#646464;
 padding-left:4px;
}
#content input, #content select {
 background:#FFFFFF none repeat scroll 0%;
 color:#08107B;
 font-family:Verdana,Arial,Helvetica,sans-serif;
 font-size:10px;
 font-size-adjust:none;
 font-stretch:normal;
 font-style:normal;
 font-variant:normal;
 font-weight:normal;
 line-height:10px;
}
#glossary{
 clear:both; 
}
#glossary .main {
 float:left;
}
#glossary .main .headline{
 color:#709DE0;
 font-size:14px;
 margin: 20px 0 10px 14px;
}
#glossary .addon {
 float:right;
}
#glossary .letternav{
 width:540px;
}
#glossary .letternav .head {
 background-color: #dbe4f0;
}
#glossary .letternav .letters {
 background-color: #dbe4f0;
 padding: 0 10px 0 28px;
 width: 502px;
}
#glossary .letternav .letters div{
 float: left;
 background-color: #dbe4f0;
 padding-right: 12px;
 padding-bottom: 10px;
}
#glossary .letterhits{
 clear:both;
 width:510px;
 margin: 24px 0 20px 14px;
}
#glossary .letterhits .currentletter{
 color: #646464;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 14px;
 font-weight: bold;
 margin-left: 18px;
}
#glossary .item {
 clear:both;
 width:520px;
 margin-top:22px;
}
#glossary .item .bullet {
 float:left;
 width: 18px;
}
#glossary .item .text{
 float:right;
 width:500px;
}
#glossary .item .teaser a {
 text-decoration:underline;
}
#glossary .item .more {
 clear: both;
 margin-top: 6px;
 margin-left: 18px;
}
#glossary .line {
 clear:both;
 background:#E9E9E9 none repeat scroll 0%;
 font-size:0px;
 height:1px;
 line-height:0px;
 margin:10px 0px 10px;
}
#glossary .itemdetails{
 clear:both;
 width:510px;
 margin: 24px 0 20px 14px;
}
#glossary .itemdetails .links{
 font-weight:bold;
}
#glossary .itemdetails .links img{
 vertical-align:top;
}
#glossary .itemdetails .links div{
 float:left;
 padding-right:40px;
 padding-bottom:10px;
}
#glossary .itemdetails .headline{
 color:#709DE0;
 font-size:14px;
 margin: 0 0 14px 0;
}
#glossary .itemdetails .related .headline{
 margin: 0 0 14px 0;
}
#glossary .itemdetails .related .product{
 float:left;
 width:150px;
 margin-bottom:16px;
 margin-right:20px;
 margin-top:4px;
 height:150px;
}
#glossary .itemdetails .related .headline{
 font-size:11px;
 color:#646464;
 font-weight:bold;
 margin-bottom:12px;
 
}
#glossary .itemdetails .related .product .image{
 margin-bottom:10px;
 margin-left:20px;
 height:70px;
}
#glossary .itemdetails .related .product .bullet {
 float:left;
 width: 18px;
}
#glossary .itemdetails .related .product .text{
 float:right;
 width:130px;
}
#glossary .itemdetails .related .relatedlink .text{
 margin-bottom: 6px;
}
#glossary .itemdetails .related .relatedlink .headline{
 margin-bottom:4px;
}
#glossary .itemdetails .related .relatedlink .link img{
 vertical-align:top;
}
.clearfix:after {
 content: " ";
 display: block;
 height: 0%;
 clear: both;
 visibility: hidden;
}
/* --------------------------------------------- */
/* Form                                          */
/* --------------------------------------------- */
    .selectbox {
        width:235px;
        /*height:14px;*/
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
    }
    .textfield {
        width:230px;
        height:12px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        border:1px solid #cccccc;
        color:#646464;
    }
    .textbox {
        width:230px;
        height:80px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
    }/* ---------------------------------------------------- */
/*             Content - Events                         */
/* ---------------------------------------------------- */
/* General CSS Definitions for Event Pages */
.events
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #646464;
    height: auto;
    padding-bottom: 40px;
}
.events img.mood_header
{
    padding-bottom: 40px;
}
.events img.dotted_line
{
    padding-bottom: 28px;
}
.events p
{
    margin: 0px;
    padding-top: 14px;
    line-height: 14px;
}
.events h1
{
    margin: 0px 0px 6px 8px;
    color: #709ed5;
    font-size: 20px;
    font-weight: normal;
}
.events h2
{
    margin: 0 0 6px 8px;
    color: #709ed5;
    font-size: 14px;
    font-weight: bold;
}
.events .dotted_line
{
    padding-bottom: 15px;
    background:url(/microscopy/images/events_dotted_line_515.gif) repeat-x top left; 
    width: 100%;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
}
.events a.dot_blue
{
    display: block;
    color: #08107b;
    font-weight: bold;
    background:url(/microscopy/images/events_dot_blue.gif) left center no-repeat;
    padding-left: 15px;
    border: 0;
}
.events a:hover
{
    color: #646464;
}
.events .left
{
    float: left;
}
.events .right
{
    float: right;
}
.events .unfloat
{
    clear: both;
}
/* Event Detail Pages */
#event_detail
{
    width: 700px;
    padding-left: 10px;
}
#event_detail .event_details
{
    padding-bottom: 5px;
    margin: 0px 0px 0px 8px;
}
#event_detail .event_details strong
{
    width: 150px;
    display: block;
    float: left;
}
#event_detail a.back
{
    margin: 0px 0px 0px 8px;
}
#event_detail a.download
{
    margin: 20px 0px 15px 0px;
}
/* Event Detail Navigation */
#event_detail .navigation
{
    width: 100%;
    overflow: hidden;
    height: auto;
    background:url(/microscopy/images/events_bg_product_nav.gif) repeat-x;
    margin-top: 10px;
}
#event_detail .navigation a
{
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    float: left;
    padding: 2px;
    background-image: none;
}
#event_detail .navigation a.normal
{
    padding: 2px 12px 4px 7px;
    border-right: 1px solid #fff;
}
#event_detail .navigation a:hover
{
    background:url(/microscopy/images/events_bg_product_nav_ac.gif) repeat-x;
    color: #fff;
}
#event_detail .navigation a.active
{
    padding: 2px 12px 4px 7px;
    border-right: 1px solid #fff;
    background: #F4F4F4;
    color: #08107B;
}
#event_detail .navigation a.active:hover
{
    background: #F4F4F4;
    color: #08107B;
}
/* Event Detail Content */
#event_detail .content
{
    padding: 25px 8px 25px 8px;
    line-height: 14px;
}
#event_detail .content a
{
    margin: 0px 0px 10px 0px;
}
/* Event Detail General with Image */
#event_detail .content .image
{
    margin-bottom: 20px;
    float: left;
}
#event_detail .content .image a
{
    display: inline;
    padding: 0px;
    background-image: none;
}
#event_detail .content .image img
{
    margin: 4px 20px 8px 0px;
    float: left;
    display: block;
}
/* Event Detail Programme */
#event_detail .content.programme
{
    padding: 25px 8px 0px 8px;
}
* html #event_detail .content.programme
{
    padding: 25px 8px 0px 8px;
}
#event_detail .programme .timetable
{
    padding: 15px 0 25px 65px;
    line-height: 15px;
}
#event_detail .programme div p
{
    padding: 0;
    margin: 0;
}
/* Event Online Registration */
#event_detail .online_registration
{
    padding-top: 15px;
}
#event_detail .online_registration .form
{
    width: 500px;
}
#event_detail .online_registration .form_entry
{
    width: auto;
    clear: both;
    overflow: hidden;
    margin: 0px 0px 5px 0px;
}
#event_detail .online_registration .form_entry label
{
    width: 185px;
    display: block;
    float: left;
    font-size: 11px;
    margin-top: 3px;
}
#event_detail .online_registration .form_entry input, #event_detail .online_registration .form_entry textarea, #event_detail .online_registration .form_entry select
{
    height: 18px;
    width: 220px;
    border: 1px solid #c4c4c4;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #646464;
    font-size: 11px;
}
#event_detail .online_registration .form_entry .literal
{
    width: 230px;
}
#event_detail .online_registration .form_entry textarea
{
    height: 54px;
}
#event_detail .online_registration .form_entry input:focus, #event_detail .online_registration .form_entry textarea:focus
{
    border: 1px solid #646464;
}
#event_detail .online_registration .validation_summary
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: red;
    font-size: 11px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
#event_detail .online_registration .validation_summary ul
{
    font-weight: normal;
    padding: 0px 0px 0px 14px;
    margin-left: 0px;
}
#event_detail .online_registration .validation_summary li
{
    padding: 0px 0px 5px 0px;
    margin: 0px 0px 0px 0px;
}
#event_detail .online_registration .required_fields
{
    float: left;
    margin-top: 25px;
}
#event_detail .online_registration .submit
{
    float: right;
    margin-top: 25px;
    background:url(/microscopy/images/events_dot_blue.gif) no-repeat;
    font-weight: bold;
    color: #08107B;
    padding: 0px 93px 0px 15px;
}
#event_detail .online_registration .button
{
    background:url(/microscopy/images/events_dot_blue.gif) no-repeat;
    font-weight: bold;
    color: #08107B;
    padding-left: 15px;
}
#event_detail .online_registration #new_position
{
    float: left;
}
#event_detail .online_registration #new_code
{
    float: right;
    padding-right: 93px;
}
/* Events Overview */
#event_overview
{
    width: 700px;
    padding-left: 10px;
}
/* - Events List - */
#event_overview .content_left
{
    float: left;
    width: 500px;
}
#event_overview .content_left table
{
    width: 100%;
    border: none;
}
#event_overview .content_left .message
{
    color: red;
}
#event_overview .content_left .update_progress
{
    padding: 0px 0px 30px 0px;
}
#event_overview .content_left .update_progress img
{
    display: inline;
}
#event_overview .content_left .update_progress span
{
    margin: 0px 0px 0px 10px;
    font-weight: bold;
}
#event_overview .content_left .event_container
{
    padding-left: 8px;
}
#event_overview .content_left .event_container .debug
{
    font-weight: bold;
    color: red;
}
#event_overview .content_left .event_container table
{
    padding: 0px;
    margin: 0px;
    line-height: 14px;
}
#event_overview .content_left .event_container table a
{
    margin-top: 5px;
}
#event_overview .content_left .event_container table td.noresults
{
    font-weight: bold;
    line-height: 15px;
}
#event_overview .content_left .event_container table td.lang
{
    width: 58px;
}
#event_overview .content_left .event_container table td.date
{
    width: 90px;
    padding-right: 15px;
    vertical-align: top;
}
#event_overview .content_left .event_container table td.title
{
    width: 218px;
    padding-right: 15px;
    vertical-align: top;
}
#event_overview .content_left .event_container table td.title a
{
    background: none;
    color: #646464;
    padding: 0px;
    margin: 0px;
}
#event_overview .content_left .event_container table td.title a:hover
{
    text-decoration: underline;
}
#event_overview .content_left .event_container table td.title strong
{
    display: block;
    padding-bottom: 6px;
}
#event_overview .content_left .event_container table td.link
{
    vertical-align: top;
}
#event_overview .content_left .event_container table td.link em
{
    padding-top: 2px;
    display: block;
}
#event_overview .content_left .event_container table td.spacer
{
    height: 30px;
}
/* - Events Filter - */
#event_overview .content_right
{
    float: right;
    width: 176px;
    padding-right: 10px;
}
#event_overview .content_right a
{
    outline: none;
}
#event_overview .content_right label, #event_overview .content_right .label
{
    font: bold 11px verdana;
    color: #08107B;
    text-decoration: none;
    border: 0;
}
#event_overview .content_right select
{
    margin-top: 5px;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #646464;
    width: 175px;
    padding: 2px 0px 2px 0px;
    height: 18px;
    border: 1px solid #c4c4c4;
}
#event_overview .content_right .div_select
{
    margin-bottom: 25px;
}
#event_overview .content_right .div_select a
{
    font-size: 11px;
    text-decoration: underline;
    margin-right: 22px;
    color: #646464;
    cursor: pointer;
}
#event_overview .content_right .div_select a:hover
{
    font-size: 11px;
}
#event_overview .content_right .container_bulk_select
{
    border-top: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    width: 160px;
    padding: 6px;
    margin-top: 5px;
    overflow: hidden;
}
#event_overview .content_right .container_item_select
{
    border: 1px solid #bdbdbd;
    width: 162px;
    height: 115px;
    padding: 5px;
    overflow: auto;
    display: block;
}
#event_overview .content_right .container_item_select a
{
    display: block;
    padding: 0px 0px 0px 15px;
    margin: 0px;
    border-bottom: 2px solid #fff;
    width: 130px;
    text-decoration: none;
    line-height: 17px;
    overflow: auto;
}
#event_overview .content_right .container_item_select a.item
{
    background:url(/microscopy/images/events_checkbox.gif) 0px 4px no-repeat; 
}
#event_overview .content_right .container_item_select a.item_selected
{
    background:url(/microscopy/images/events_checkbox_selected.gif) 0px 4px no-repeat #fff;
}
#event_overview .content_right .container_item_select a.item:hover, #event_overview .content_right .container_item_select a.item_selected:hover
{
    background-color: #f0f0f0;
}
