@charset "iso-8859-1";

/* $Id: idw.css 10402 2011-01-27 16:15:00Z ifca $ */

/* TODO: Put spacing after navigation menus, not before. The latter
 * looks ugly for the menu page where the menus start too far below
 * the page title.
 */

body {
    color: #000000;
    background-color: #ffffff;
    margin-left: 0pt;
    margin-top: 0pt;
    margin-right: 0pt;
    border-collapse: collapse;
    border-width: 0pt;
    border-spacing: 0px;
    padding: 0px;
    /* font properties */
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}

/* style class for elements that should only be shown when printing */
.Print {
    display: none;
}

/* style class for elements that should be shown on the screen but
   shouldn't be printed */
.DontPrint {
}

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

input, select, option, textarea {
    font-size: 12px;
}

select option.LastInSection {
    border-bottom: black solid thin;
    padding-bottom: 3px;
    margin-bottom: 3px;
}

p {
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 8px;
}

/* same size as body setting;
   strictly spoken, we don't need that, but we want to be explicit */
div ListSection div.ListTitle, div ListSection div.ListItem,
  td.CentralFrameColumn {
    /* font-size: 1em; */
}

/* a bit smaller than the body setting */
.NavTitle, .Copyright, .LoginForm, .PasswordInfo {
    font-size: 12px;
}

/* possibly even smaller (but no less, that's eye-straining!) */
.NavItem, .Breadcrumbs, .Calendar, table.Calendar td, .Month, .Event,
  .CalendarSearchForm {
    font-size: 12px;
}

small, .Small {
    font-size: 12px;
}

h1, h2, h3 {
    font-weight: bold;
}

h1 {
    font-size: 13px;
    color: #213073;
    background-color: #ffffff;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

h2 {
    font-size: 13px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 0px;
}

h3 {
    font-size: 12px;
}

h3.FAQ {
    margin-bottom: 2px;
}

hr {
    /* see http://www.sovavsiti.cz/css/hr.html for formatting options */
    width: 100%;
    border: 0px;
    height: 1px;
    color: black;
    background-color: black;
}

/* a more subtle line in blue */
hr.Subtle {
    color: #BDC0D7;
    background-color: #BDC0D7;
}

ul {
    margin-top: 5px;
    margin-bottom: 10px;
}

li {
    margin-bottom: 4px;
}

table th, table td {
    text-align: left;
    vertical-align: top;
}

table.TextData th, table.TextData td {
    padding-right: 1em;
}

div.EmbeddedImage {
    border-collapse: separate;
    background-color: #dbdde9;
    padding: 7px;
    margin-left: 5px;
    margin-bottom: 5px;
}

img.EmbeddedImage{
    background-color: #dbdde9;
    padding: 7px;
}

.SyntaxHelp {
    font-size: 12px;
}

.SyntaxHelp li {
    margin-bottom: 4px;
}

/* list formatting */
div.BetweenSections {
    padding-top: 14px;
}

div.ListSection {
}

div .extendlist {
	
    margin-bottom:15px;	
}

div.inlinedoc {
	background-color: #EFEFF7;
}

div.ListSection div.ListTitle {
	color: #4059B5;
    font-weight: bold;
	padding: 10px 10px 10px 20px;
    border-radius: 5px;
	font-size: 1.2em;
	background-color:#E6E9FF;
	margin-bottom: 5px;
	border: 1px #ccc solid;
	letter-spacing: 0.2em;
}

div.ListSection div.ListTitle a, a:hover{
   color: #4059B5;	
   text-decoration: none;
}

div.ListSection div.ListItem {
	font-size: 12px;
	margin: 2px 15px 2px 15px;
    /*padding-top: 5px;*/
    padding-left: 10px;
	/*text-shadow: 1px 1px 0px #eee;
	*/
	 border-radius: 5px;
	 border: 1px #EFEFF7 dotted;
	letter-spacing: 0px;
}

div.ListSection div.ListItem a, a:visited, a:hover{
	text-decoration: none;
}

div.ListSection div.ListItem:hover {
  background-color:#F7F7FC;
    border-radius: 5px;
    border: 1px #ccc dotted;
   /*box-shadow: 2px 2px 2px #666;*/
}

/* property lists (property-value pairs) */
div.PropertyList {
}

table.PropertyList {
    margin-top: 2px;
    margin-bottom: 2px;
}

.PropertyList .PropertyListProperty {
    font-weight: bold;
    vertical-align: top;
}

.PropertyListProperty {
     padding-right: 5px;
   
}
.PropertyList .PropertyListValue {
    vertical-align: bottom;
}

/* navigation headline in menus */
.NavTitle {
    padding-top: 20px;
    padding-bottom: 5px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
	/*text-shadow: 1px 1px 0px #ccc;*/
    width: 180px;
	letter-spacing: 0.1em;
}

/* subsequent lines of navigation head need indentation; use this style
   _inside of_ `NavTitle` */
.NavTitleMoreLines {
    padding-left: 15px;
}

/* items of navigation menus */
.NavItem {
    padding-left: 15px;
    padding-bottom: 5px;
    text-decoration: none;
}

#journalistlistsearch {
    margin: 10px;	
	font-weight: bold;
}

#journalistlistsearch a{
    border: 1px solid #000;
    padding: 5px;
    border-radius: 5px;
    background-color: #F7F7FC;
	font-weight:normal;
	font-size: 12px;
}

#journalistlistsearch a:hover{
    border: 1px solid #000;
    padding: 5px;
    border-radius: 5px;
	text-decoration: none;
	font-weight:normal;
}



#journalistlistpersons {
    margin: 10px;	
	margin-bottom: 20px;
	font-weight: bold;
}

#journalistlistpersons a{
	border: 1px solid #000;
	padding: 5px;
	border-radius: 5px;
	background-color: #F7F7FC;
	font-weight:normal;
	font-size: 12px;
}

#journalistlistpersons a:hover{
    border: 1px solid #000;
    padding: 5px;
    border-radius: 5px;
    text-decoration: none;
	font-weight:normal;
}


table.Frame {
    width: 100%;
    /*border-top: 2px solid #0e347f;*/
	padding: 5px;
    vertical-align: top;
}

td.LeftFrameColumn, td.RightFrameColumn {
    background-color: #dbdde9;
    border-left: 2px solid #ccd4e4;
    border-right: 2px solid #ccd4e4;
    padding: 3px;
    width: 180px;
	border-radius: 10px;
	border: 1px solid #ccc;
}

td.LeftFrameColumn .NavItem a, td.RightFrameColumn .NavItem a {
    text-decoration: none;
    color: #223372;
}

td.LeftFrameColumn .NavItem a:focus, td.RightFrameColumn .NavItem a:focus,
td.LeftFrameColumn .NavItem a:hover, td.RightFrameColumn .NavItem a:hover,
td.LeftFrameColumn .NavItem a:active, td.RightFrameColumn .NavItem a:active {
    text-decoration: underline;
}

/* ========== left frame column ========== */

/* no special styles necessary */

/* ========== central frame column ========== */

td.CentralFrameColumn {
    background-color: #fff;
    padding-top: 0px;
    vertical-align: top;
    /* width: 100%; */
}

.UntilTitle {
    background-color: #ffffff;
    padding-bottom: 5px;
}

.IdwFont {
    /* a bit larger than the body font */
    font-size: 20px;
    font-weight: bold;
    padding-top: 40px;
    padding-left: 10px;
    color: #4762C6;
	/*letter-spacing:0.1em;*/
    /*text-shadow: #ddd 1px 1px 0px;*/
}

.Portalhead {
    font-size: 14px;
    font-weight: bold;
    color: #223372;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.Breadcrumbs {
    padding-left: 10px;
    padding-right: 10px;
    /* value for I&S layout was 50px */
    padding-bottom: 35px;
}

/* fuer Pfadangabe */
.Path a {
    color: #ee3338;
    text-decoration: none;
}

/* Style fuer die Linie unter Informationsdienst Wissenschaft */
.HrStyle {
    color: #000000;
}

.Main {
	margin-left: 5px;
	margin-right: 5px;
    padding: 15px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 130%;
	border-radius: 10px;
	border: 1px solid #ccc;
    background-color: #efeff7;
}

.Title {
    font-size: 15px;
    color: #213073;
    font-weight: bold;
}


.Copyright {
    padding-left: 10px;
    padding-top: 15px;
}

/* ========== right frame column ========== */

td.RightFrameColumn {
    white-space: nowrap;
}

/* login area */
.LoginError {
    color: #ff0000;
    padding-bottom: 10px;
}

.LoginForm {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0px;
    /* background-color: #ffffff; */
    background-color: #efeff7;
    white-space: normal;
    padding-top: 10px;
    padding-bottom: 10px;
	border-radius: 10px;
	border: 1px solid #ccc;
}


.MenuClass {
    /*padding-left: 10px;*/
    padding-right: 10px;
    margin: 0px;
    /* background-color: #ffffff; */
    background-color: #efeff7;
    white-space: normal;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.UserMenu .MenuClass {
    /*padding-left: 10px;*/
    padding-right: 10px;
    margin: 0px;
    /* background-color: #ffffff; */
    background-color: #fff;
    white-space: normal;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.LoginWidth {
    width: 110px;
}

.LoginSubmit {
    padding-top: 10px;
    /* text-align: right; */
}

.PasswordInfo, .PasswordInfo a, .PasswordInfo a:visited {
    padding-top: 10px;
    padding-bottom: 0px;
    color: #223372;
}

/* calendar */
.CalendarBox {
    padding: 10px;
    padding-left: 15px;
    padding-bottom: 10px;
    /* background-color: #ffffff; */
    background-color: #efeff7;
    white-space: normal;
	border-radius: 10px;
	border: 1px solid #ccc;
}

table.Calendar {
    text-align: center;
    border-spacing: 2px;
}

table.Calendar th {
    font-weight: normal;
}

table.Calendar td {
    background-color: #dbdde9;
    border-right: 2px solid #c4c7dc;
    text-align: center;
    padding: 2px;
    width: 15px;
}

table.Calendar td.Weekend {
    background-color: #bdc0d7;
}

table.Calendar td.CurrentDay a {
    /* font-weight: bold; */
    color: #ee3338;
}

.Month {
    padding-top: 5px;
    text-align: center;
}

.Event {
    font-size: 12px;
    padding-bottom: 5px;
}

/* keep the form in the right column rather narrow */
td.RightFrameColumn input, td.RightFrameColumn select,
td.RightFrameColumn option {
    font-size: 12px;
}

/* ========== user menu ========== */

table.UserMenu td {
    padding-left: 10px;
    padding-right: 10px;
    /* deliberately decrease this because the `NavItem` class adds
       some vertical whitespace between `NavItem`s */
    line-height: 120%;
}

table.UserMenu td div.NavTitle {
    font-size: 12px;
}

table.UserMenu td div.NavItem {
    font-size: 12px;
}

/* ========== other stuff ========== */

/* Abstract, e. g. of press releases. `ShadedBackground` is also used for
   other purposes. You should keep both together in the stylesheet, so that
   they use a uniform layout. */
.Abstract {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.Date {
    font-weight: bold;
    margin-top: 10px;
}

.Preview, .ShadedBackground {
    border: 2px solid #bdc0d7;
    padding: 10px;
}

Abstract, div.Preview, div.ShadedBackground {
    margin-top: 10px;
    margin-bottom: 10px;
}

span.ShadedBackground {
    padding: 3px;
}

/* main text, e. g. of press releases */
.MainText {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* note the possibilty to add or edit something, e. g. enter a
   news correction */
.EditNote {
    padding-top: 5px;
    padding-bottom: 8px;
}

/* add some spacing between the label and the "input" tag */
form table td {
    padding-right: 1em;
}

/* assure a minimum amount of horizontal whitespace between columns
   of checkboxes (or radio buttons) */
form table table.Choices td {
    padding-right: 2em;
    width: 320px;
}

/* cooperation partner logos */
table.Logos td {
    padding: 5px;
}

.Logo {
    border: 1px #ccc solid;
	border-radius: 10px;
	background-image:url("../images/idw_logo_blau.jpg");
	height: 140px;
}

/* tables on `statistics` page */
table.Statistics {
    border-collapse: collapse;
}

table.Statistics td {
    border: 1px solid black;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

/* must come last to override some implicit settings above */
a:link {
    text-decoration: none;
    color: #0000aa;
}

.Link {
    text-decoration: none;
    color: #0000aa;
    cursor:pointer;
}

.MarkHover:hover{
    text-decoration: underline;
}

a:visited {
    text-decoration: none;
    /* Mozilla uses #52188c by default */
    /* color: #502090; */
    color: #802080;
	/*color: #0000aa;*/
}

a:focus, a:hover, a:active {
    text-decoration: underline;
}

/* highlighting for required form fields and error messages */
.RequiredField {
    font-weight: bold;
    color: red;
}

span.Red {
    color: red;
}

.NotificationBox, .Error {
    padding: 10px;
    margin: 10px;
    margin-right: 20px;
}

.NotificationBox {
    background-color: #dbdde9;
    margin-left: 20px;
}

.Error {
    border: solid 2px;
    border-color: red;
}

.FormError {
    padding-left: 5px;
    padding-right: 5px;
    background: #ffbbbb;
}

/* highlighting of keyword(s) in search results */
span.TextHighlight {
    background-color: yellow;
}

.is_visible {
    display:table-row;
}

.not_visible {
    display:none;
}

.just_hidden {
    visibility:hidden
}

.not_hidden {
    visibility:visible;
    padding-top: 0px;
    padding-bottom: 0px;
}

div.FormLabel {
    font-weight: bold;
}

div.FormInfo {
    font-family: italic;
}


div.BottomArea {
    background-color: #ffffff;   
}

img.zoomable {
padding: 2px;
margin: 0px;
background-color: white;
}

img.zoomable:hover {
width: auto;
height: auto;
}

div.zoomable {
max-height: 150px; 
overflow:hidden;
}

div.zoomable:hover {
max-height: none;
}

span.highlight_0 {
background-color: #C6FFBD;
}

span.highlight_1 {
background-color: #FFFFE3;
}

span.highlight_2 {
background-color: #DFE8FF;
}

span.highlight_3 {
background-color: #D3FAFA;
}

span.highlight_4 {
background-color: #E6F9EA;
}

span.highlight_5 {
background-color: #FFDFE0;
}

span.highlight_6 {
background-color: #E9F7E8;
}
span.highlight_7 {
background-color: #FBE4BF;
}
span.highlight_8 {
background-color: #FBF2DF;
}