/*
* HTML5 ? Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information aboboderut this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1 }
audio:not([controls]) { display: none }
[hidden] { display: none }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body { margin: 0; font-size: 12px; line-height: 140% }
body, button, input, select, textarea { font-family: sans-serif; color: #000 }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #013476; color: #fff; text-shadow: none }
::selection { background: #013476; color: #fff; text-shadow: none }
/* =============================================================================
Links
========================================================================== */
/*
a { color: #00e}
a:visited { color: #551a8b}
a:hover { color: #06e}
a:focus { outline: thin dotted}
*/
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a { color: #013476 }
a:visited { color: #666 }
a:hover, a:active { outline: 0 }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
blockquote { margin: 1em 40px }
dfn { font-style: italic }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0 }
ins { background: #ff9; color: #000; text-decoration: none }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none}
q:before, q:after { content: ""; content: none }
small { font-size: 85%}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px }
ol li { margin-bottom: 0.5em }
dd { margin: 0 0 0 40px }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0 }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0 }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0 }
fieldset { border: 0; margin: 0; padding: 0 }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer}
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0 }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible }
/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
table button, table input { *overflow: auto }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; width: 100% }
td { vertical-align: top }
table caption { font-weight: bold; margin-bottom: 1.2em; text-align: left }
table.standardLayout, article table { margin-bottom: 1.33em }
.standardLayout th, article th { padding: 0.67em 0.5em; background: #e0e0e0; border-bottom: 1px solid #d9d9d9 }
.standardLayout th:first-child, article th:first-child { text-align: left }
.standardLayout td, article td { padding: 0.67em 0.25em; border-bottom: 1px solid #d9d9d9 }
.standardLayout td p:last-child { margin-bottom: 0 }
article div.tableWrapper { border: 1px solid #d9d9d9; padding: 1.33em; margin-bottom: 2.66em }
article div.tableWrapper > p { font-style: italic }
article td figure { margin: 0 }
/* ==|== primary styles =====================================================
Author: xmachina GmbH
========================================================================== */
/* ---------------------------------- GLOBAL -------------------------------- */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
background: transparent url(img/themes/bg-body.jpg) left top repeat-x;
}
/* Header-Styles für weitere Verlage = Selektor: body.class */
#pageHeader { background: transparent url(img/themes/bg-pageHeader.jpg) left top no-repeat }
body.thieme-com { background-image: url(img/themes/bg-body-thieme-com.jpg) }
body.thieme-com #pageHeader { background-image: url(img/themes/bg-pageHeader-thieme-com.jpg) }
body.thieme-com .shadowMask { background-color: transparent }
body.thieme-com #userAccount:hover,
body.thieme-com #userAccount:hover .shadowMask { background-color: #fff }
body.thieme-com #headerNavigation li.selected { background-image: url(img/themes/header-tab-active-thieme-com.jpg) }
/* Enke Orange #f4d700 */
body.enke { background-image: url(img/themes/bg-body-enke.jpg) }
body.enke #pageHeader { background-image: url(img/themes/bg-pageHeader-enke.jpg) }
/* Sonntag Rot #e30036 */
body.sonntag { background-image: url(img/themes/bg-body-sonntag.jpg) }
body.sonntag #pageHeader { background-image: url(img/themes/bg-pageHeader-sonntag.jpg) }
/* Hippokrates Grün #97bf0d */
body.hippokrates { background-image: url(img/themes/bg-body-hippokrates.jpg) }
body.hippokrates #pageHeader { background-image: url(img/themes/bg-pageHeader-hippokrates.jpg) }
/* Haug Petrol #339e9e */
body.haug { background-image: url(img/themes/bg-body-haug.jpg) }
body.haug #pageHeader { background-image: url(img/themes/bg-pageHeader-haug.jpg) }
/* Main Layoutwrapper */
#application { width: 960px }
a, a:link, a:visited {
color: #013476;
outline-color: transparent !important;
outline-width: 0 }
a:visited { color: #013476 }
a:hover { text-decoration: underline }
a.selected { }
/*
Links mit Pfeilen. Default ist rechts
Anwendungsbeispiele
Up
Down
Back
Forward
*/
a.gotoLink, a.gotoLink.forward, a.optionLink { background: transparent url(img/arrow_sprites.png) left -357px no-repeat; padding-left: 14px; text-decoration: none }
a.gotoLink:hover, a.gotoLink.forward:hover a.optionLink:hover { background-position: left -267px; text-decoration: underline }
a.gotoLink.back { background-position: left -897px }
a.gotoLink.back:hover { background-position: left -807px }
a.gotoLink.up { background-position: left -87px }
a.gotoLink.up:hover { background-position: left 3px }
a.gotoLink.down { background-position: left -627px }
a.gotoLink.down:hover { background-position: left -537px }
a.passwordLink { color: #666; font-size: 10px }
/***
#headerAccount .optionLink,
#accountFunctions .optionLink { display: block; margin-top: 5px}
.marginal { color: #666}
a.marginal { color: #666; font-weight: normal; text-decoration: underline}
*/
a.jumpToTopLink { color: #fff; font-size: 11px; float: right; margin-top: -30px; background: url("img/arrow_sprites.png") no-repeat scroll right -85px transparent; padding-right: 1em}
a.jumpToTopLink:hover { }
/***
.work { background-color: yellow; opacity: 0.5}
*/
.loading { opacity: 0.5; background: #fff url(img/ajax-loader.gif) 49% 49% no-repeat}
.eFirst, .eFirst a { color: #FF6600 }
.alignLeft { float: left !important }
.alignRight { float: right !important }
.textAlignRight { text-align: right !important }
.textAlignLeft { text-align: left !important }
.textAlignCenter { text-align: center !important }
#hiddenContent, .hiddenContent { display: none }
ul.readOnly { list-style-type: square; margin: 0 0 0 1em; padding: 0}
ul.readOnly li { margin-bottom: 5px }
ul.simpleList, ul.linkList { list-style-type: none; margin: 0; padding: 0}
ul.simpleList li { padding-bottom: 5px }
hr, .separatorHorizontal { margin: 1.33em 0; background-color: #d9d9d9; height: 1px; line-height: 1px; border: none }
/* (Legacy-)Styles für Volltextdarstellung */
.b { font-weight: bold }
.i { font-style: italic }
.bi { font-weight: bold; font-style: italic }
.u { text-decoration: underline }
.overline { text-decoration: overline }
.sc { font-variant: small-caps }
.bullet { list-style-type: disc }
.number { list-style-type: decimal }
.dash { list-style-type: square }
.letter { list-style-type: lower-alpha }
.asterisk { list-style-type: circle }
.roman { list-style-type: upper-roman }
.unnumbered { list-style-type: none }
.BULLET { list-style-type: disc }
.NUMBER { list-style-type: decimal }
.DASH { list-style-type: square }
.LETTER { list-style-type: lower-alpha }
.ASTERISK { list-style-type: circle }
.ROMAN { list-style-type: upper-roman }
.UNNUMBERED { list-style-type: none }
em.BOLD { font-style: normal; font-weight: bold }
em.ITALICS { font-style: italic }
em.BOLDITALICS { font-style: italic; font-weight: bold }
em.UNDERLINE { font-style: normal; text-decoration:underline }
em.OVERLINE { font-style: normal; text-decoration:overline }
em.CAPS { text-transform: uppercase; font-style: italic }
/* Module -> Pseudo-Selectbox */
/* Global */
.pseudoSelect { min-height: 21px; width: auto; display: inline-block; position: relative }
.pseudoSelect .currentSelection { height: 21px; padding: 0 2px; width: auto; background: transparent url(img/form-bg-selectbox.jpg) 0 bottom repeat-x; border: 1px solid #d9d9d9}
.pseudoSelect .currentSelection .label { font-size: 11px; line-height: 21px; cursor: pointer; padding: 0 20px 0 5px; margin-right: 5px; background: transparent url(img/form-arrow-selectbox.gif) right center no-repeat}
ul.selectList { position: absolute; list-style: none; margin:0; padding:0; width: auto; height: auto }
#searchFilter:hover ul.selectList li a { padding: 5px 10px }
#searchFilter:hover ul.selectList { display: block !important }
.pseudoSelect:hover ul.selectList { left:0 }
ul.selectList li { font-size: 11px; line-height: 22px; background: #fff; border-bottom: 1px solid #d9d9d9 }
ul.selectList li:last-child { border-bottom: none }
ul.selectList a { display: block; padding: 0 7px; text-decoration: none; color: #000; background: none; white-space: nowrap }
ul.selectList a:hover { background: #a3d8f9}
/* Context specific */
#navPanel ul.selectList { max-height: 200px; overflow: auto }
/* ---------------------------------- HEADER -------------------------------- */
#pageHeader {
position: relative;
height: 160px;
}
#institutionName { line-height: 40px; text-align: right }
#topHeaderBar { height: 27px; margin-left: 40px; text-align: right; color: #FFF }
#middleHeaderBar { margin-left: 40px; height: 40px }
a#logo { display: block; float: left; height: 40px; width: 150px }
#siteTitle { position: absolute; left: 200px; top: 40px; font-size: 12px; font-weight: normal; color: #003376 }
#searchBar { float: right; height: 30px; width: 550px; padding-top: 8px }
#searchBar form { float: right }
#searchBar .searchField {
width: 200px;
background: transparent url(img/bg_searchfield.jpg) 0 0 no-repeat;
border: 0 none;
padding: 5px 0 4px 4px;
margin: 0 2px 0 0;
float: left;
}
#searchBar .searchFilter { height: 23px; min-width: 120px; margin: 0 2px 0 0; float: left}
#searchBar .searchButton { text-indent: -5000px; width: 23px; height: 23px; border: 0 none; outline: 0 none; cursor: pointer; background: transparent url(img/bg_searchbutton.jpg) 0 0 no-repeat; margin: 0; padding: 0}
#bottomHeaderBar { position: relative; height: 54px; margin-left: 40px}
/* -- Hauptnavigation Header oben rechts -- */
ul#metaNavigation { list-style-type: none; margin: 0; padding: 0; float: right; width: auto; height: 27px }
#metaNavigation > li { position: relative; float:left; height: 27px; font-size: 10px; line-height: 27px; line-height: 27px; background: transparent url(img/metaNavigation-bg.jpg) repeat-x }
#metaNavigation a, #metaNavigation span { display: block; color: #fff; text-decoration: none; padding: 0 10px }
#metaNavigation a:hover { text-decoration: underline }
/* dropMenu-Indicator */
#metaNavigation li.hasChildren span { background: transparent url(img/metaNavigationItemHasChildren-bg.png) right -24px no-repeat; padding-right: 20px }
#metaNavigation li.hasChildren:hover span { background-color: #fff; background-position: right 6px; color: #013476; z-index: 1100 }
/*Styling of dropMenu */
#metaNavigation .dropMenu { text-align: left; float: none }
/* show the dropMenu -- hiding is inherited by .dropMenu-Class */
#metaNavigation > li:hover ul { /*display: block;*/ left: 0; top: 27px }
/* dropMenu entries */
#metaNavigation ul li { float: none; height: auto }
#metaNavigation ul li a { font-size: 12px; color: #013476; white-space: nowrap; line-height: 140%; height: auto; padding-left: 14px }
#metaNavigation .shadowMask { background: transparent; height: 8px }
#metaNavigation li:hover .shadowMask { background: #fff }
/* Sprachumschaltung */
/*.langSwitch2German a { background: transparent url(img/icon-german.jpg) 10px 7px no-repeat; padding-left: 32px !important }
.langSwitch2English a { background: transparent url(img/icon-english.jpg) 10px 7px no-repeat; padding-left: 32px !important }*/
.langSwitch2German, .langSwitch2English { margin-right: 1px }
/* -- Navigations-Elemente im unteren Header-Streifen -- */
.dropMenu {
position: absolute;
left: -999em;
/*left: 0;
display: none;*/
min-width: 180px;
width: auto;
height: auto;
background-color: #fff;
margin: 0;
padding: 0;
list-style-type: none;
z-index: 1000;
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.45);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.45);
box-shadow:0 0 10px rgba(0,0,0,0.45)
}
/* Propably for Header-Menu? */
#bottomHeaderBar ul li:hover ul { left: 0 }
/* LinkList-UL within dropMenu */
.dropMenu.linkList {
padding: 0
}
.dropMenu.linkList li {
float: none !important;
display: block;
padding: 5px 24px 5px 12px;
background: #fff;
}
.dropMenu.linkList li:hover { background-color: #a3d8f6 !important }
.dropMenu.linkList a:hover { text-decoration: none !important; color: #013476; background-position: left -267px }
/*.ie8 .dropMenu.linkList li a:hover { font-weight: bold !important }*/
/* shadowmask needs to be inserted after dropMenu in order to cover the shadow wihtin menu item */
.shadowMask {
background: #fff;
position: absolute;
left: 0;
bottom: 0;
/* top: 43px; */
height: 10px;
width: 100%;
z-index: 2000;
padding: 0 !important;
margin: 0 !important;
}
/* -- Ejournal-Navigation */
#headerNavigation {
list-style: none;
margin:0;
padding:0;
width: auto;
height: 54px;
}
#headerNavigation li.tab {
float: left;
position: relative;
background: transparent url(img/header_tab_separator.gif) bottom right no-repeat;
padding-right: 1px;
line-height: 54px;
}
#headerNavigation li.tab a {
display: block;
padding: 0 1em;
font-weight: normal;
text-decoration: none;
font-size: 12px;
white-space: nowrap;
}
#headerNavigation li.tab:hover {
/*background-color: #fff; */
}
#headerNavigation .dropMenu {
top: 53px;
}
#headerNavigation .shadowMask {
background: transparent url(img/header_tab_separator.gif) bottom right no-repeat
}
#headerNavigation li.tab:hover .shadowMask {
background-color: #fff;
}
.dropMenu a { line-height: 16.8px }
#headerNavigation li.tab.selected a { background: transparent url(img/header_tab_activ.jpg) 0 bottom repeat-x }
#headerNavigation li.selected a:hover { cursor: default }
body.thieme-com #headerNavigation li.separator { background: transparent url(img/header-tab-separator-thieme-com.jpg) no-repeat 0% 100%}
/* -- Header-Funktionen: Login, Warenkorb -- */
#userFunctions {
position: absolute; top:0; right: 0;
width: auto; height: 53px;
list-style-type: none;
margin: 0; padding: 0;
z-index: 20;
}
#userFunctions .dropMenu { /*display: none;*/ top: 53px }
#userFunctions > li:hover .dropMenu { left: 0; /*display: block !important*/ }
#userFunctions li { float: left; width: auto; position: relative }
body.thieme-com .headerFunction li { background: transparent url(img/header-tab-separator-thieme-com.jpg) no-repeat left 100%}
.userFunctions li li { background: transparent url(); background-image: none; height: auto; padding:0}
.headerFunctionTitle { display: block; font-size: 11px; font-weight: bold; padding-left: 24px}
.headerFunctionOptions a { font-size: 11px}
.headerFunctionOptions { display: block; clear: both; padding-left: 20px}
.headerFunctionOptions a { font-size: 11px; border-left: 1px solid #333; padding-left: 5px; margin-left: 5px}
.headerFunctionOptions a:first-child { border-left: 0 none; padding-left:0; margin-left:0}
/* -- Module Header-Account-Tab -- */
li#userAccount { padding: 10px 1em 0 1em; min-height: 43px }
#userAccount .headerFunctionTitle { background: transparent url(img/functionIcons.png) 0 -267px no-repeat }
#userAccount .headerFunctionOptions { text-align: right }
#userAccount .textfield { width: 185px; position: relative }
#userAccount #passwordLink { color: #666; font-size: 10px }
#userAccount .optionLink { display: block; margin-top: 4px }
#headerAccountForm { padding: 1em }
#headerAccountForm .submitLine { margin-bottom: 1.33em }
/* -- Module user-Cart-Tab -- */
li#userCart { padding-left: 1em; ; padding-top: 10px; min-height: 44px; background: transparent url(img/header_tab_separator.gif) no-repeat bottom left }
#userCart .headerFunctionTitle { background: transparent url(img/functionIcons.png) 0 -245px no-repeat }
/* IE7-BugFix-Styles for header dropdown-menus */
#ie7Replacement { position: absolute; top: 0; left: 0; width: 960px; z-index: 100; border: 0px dotted red }
#ie7Replacement #metaNavigation, #ie7Replacement #searchBar, #ie7Replacement #headerNavigation, #ie7Replacement #userFunctions { position: absolute }
#ie7Replacement #metaNavigation { right: 0; top: 0; z-index: 120 }
#ie7Replacement #searchBar { right: 0; top: 27px; z-index: 110 }
#ie7Replacement #headerNavigation { left: 40px; top: 67px; z-index: 100 }
#ie7Replacement #headerNavigation li li a { line-height: 110% !important }
#ie7Replacement #userFunctions { right: 0; top: 65px; z-index: 100 }
/*
.ie7 .dropMenu,
.ie8 .dropMenu { border-right: 1px solid #d9d9d9; filter:progid:DXImageTransform.Microsoft.Shadow(color='#cccccc', Direction=130, Strength=8); zoom: 1 }
*/
#ie7Replacement #headerNavigation li.tab li { line-height: 20px }
/* ---------------------------------- MAIN -------------------------------- */
#main { clear: both; padding-left: 40px }
/*.ie7 #pageHeader { height: 160px; left: 0; position: absolute; z-index: 900}
.ie7 #bottomHeaderBar { position: absolute }
.ie7 #headerAccount { }
.ie7 #main { position: static; z-index: 10}*/
/* ---------------------------------- navPanel -------------------------------- */
#navPanel { float: left; width: 200px }
.navPanelHeader { font-size: 16px; margin-bottom: 10px}
#cover { padding: 15px; background-color: #f0f0f0}
#leftNavigation { margin-bottom: 30px; background: #f0f0f0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0 }
#leftNavigation fieldset { margin-bottom: 1.33em; padding: 0 1.33em }
#leftNavigation label { display: block; margin-bottom: 4px }
#leftNavigation ul { margin: 0.67em 1.33em }
#navPanel ul.selectList { list-style: none; border: 1px solid #d9d9d9; margin:0; padding:0; width: auto; min-width: 168px; line-height: 24px}
#yearSelect { min-height: 48px; position: relative }
#yearSelect #currentYearSelection { height: 21px; background: transparent url(img/form-bg-selectbox.jpg) 0 0 repeat-x; border: 1px solid #d9d9d9 }
#yearSelect #currentYearSelection .label { line-height: 21px; cursor: pointer; padding: 0 0 0 5px; margin-right: 5px; background: transparent url(img/form-arrow-selectbox.gif) right 8px no-repeat }
#yearSelect #yearSelectContainer { }
#yearSelect #yearSelectContainer ul.selectList { min-width: 168px; width: 168px; }
#yearSelect #yearSelectContainer ul.selectList { display: none }
/* #yearSelect #yearSelectContainer:hover ul.selectList { display: block; left: 15px !important } */
#yearSelect #yearSelectContainer ul.selectList.opened { position: static; display: block; left: 15px !important }
/* .ie7 #yearSelect #yearSelectContainer:hover ul.selectList { position: static; left: 15px; height: 168px } */
#navPanel ul.selectList li {line-height: 24px; background: #fff; border-bottom: 1px solid #d9d9d9 }
#navPanel ul.selectList a { display: block; padding: 0 2em 0 0.5em; text-decoration: none; color: #000; background: none }
#navPanel ul.selectList a:hover { background: #a3d8f6 }
#issueSelect ul.selectList { position: static; margin: 0; padding: 0; list-style: none; overflow: auto; width: 168px;
max-height: 196px; overflow-x: hidden; overflow-y: auto }
#issueSelect .selectList li a { color: #013476 }
#issueSelect .selectList li.selected { background-color: #DCEAF5 }
#issueSelect { position: static; width: 168px; max-height: 220px; min-height: 220px }
#issueSelect ul.selectList { }
#issueSelect ul.selectList:hover { width: auto; position: absolute; left: 55px; z-index: 1000; }
/* ---------------------------------- CONTENT -------------------------------- */
#content { float: center; width: 800px; min-height: 300px; padding: 1em 0; border-top: 1px solid #D9D9D9 }
.home #content { border-top: 0 none; width: auto; padding-top: 0 }
.home #content #contentLeft { float: left; width: 660px; margin-bottom: 1.5em }
.home #content aside { float: right; width: 220px; margin-left: 40px }
.home #content hr { clear: both }
.home #welcomeMessage { width: 660px; margin-bottom: 30px }
/*** Voreinstellung p ueberschreiben ***/
p { font-size: 12px; margin: 0 0 1.33em 0; padding: 0 }
p.description { font-size: 14px; line-height: 140% }
h1, #searchFilterBox .selectedCategory { font-size: 21px; line-height: 140%; font-weight: normal; color: #78ACD1; margin: 0 0 16px 0 }
.home h1 { color: #013476; font-weight: bold; margin-bottom: 0.5em }
/* .home h1 { color: #003376; font-size: 28px; font-weight: bold; text-indent: -99em; height: 29px; overflow: hidden; background: transparent url(../img/home-welcome-text.gif) 0 0 no-repeat; margin-bottom: 20px } */
h2 { font-size: 16px; font-weight: normal; color: #000; margin: 0 0 1em 0;}
h2.sectionHeader { display: block; clear:both; padding: 0.375em 0.5em; background-color: #f0f0f0; color: #001376; font-size: 12px; font-weight: bold; margin-bottom: 10px }
.home h2 { margin-top: 1.5em }
h2.journalCategory { font-weight: bold }
h3 { font-size: 14px; font-weight: bold; color: #013476 }
h4 { font-size: 12px; font-weight: bold; color: #000; margin: 0.67em 0 }
/* -- Content-Elements */
.box { background: #f0f0f0; padding: 1em }
.border { background: transparent; border: 1px solid #d9d9d9 }
.box.highlight { background: #DBEAF5 }
.box h1, .box h2, .box h3 { margin-top: 0 }
.box ul:last-child { margin-bottom: 0 }
.boxHeader { font-size: 16px; margin: 20px 0 5px}
/* -- Forms -- */
form { font-size: 12px}
div.formWrapper { margin: 0 0 0 10px }
div.formWrapper:first-child { margin-left: 0; margin-right: 10px }
fieldset { background-color: #f0f0f0; padding: 1.33em; margin-bottom: 1.33em }
fieldset p { font-size: 12px }
legend, .legend { display: block; padding: 0.375em 0.5em; background-color: #f0f0f0; color: #001376; font-size: 12px; font-weight: bold; margin-bottom: 10px }
.legend { margin-bottom:0; margin-top: 30px }
.legend:first-child { margin-top:0}
.fieldset legend { background: #ebebeb }
.formWrapper .legend { width: auto }
.settingsPanel fieldset { background-color: #fff}
.settingsPanel legend, .settingsPanel .legend { background-color: #f0f0f0}
label { cursor: default }
.formLine label { display: block }
label span.required, .required { font-weight: bold; color: #c00 }
.formLine { margin-top: 10px; min-height: 35px }
/*.formLine:first-child { margin-top: 0 }*/
input, select { font-family: Verdana,Helvetica,sans-serif }
select, select.filter, .listFilter select { background: url(img/form-bg-selectbox.jpg) left center repeat-x }
select.multipleSelect { background: #fff url() }
.checkboxLine { line-height: 24px; padding: 0.25em 0 }
.radiobuttonLine { padding: 8px 0; min-height: 0; margin-top: 20px; }
.submitLine { margin-top: 20px; overflow: hidden }
.submitLine .moveForwardButton { float: right !important }
input[type="button"], .button {
border: 1px solid #d9d9d9;
padding: 0.31em 1.5em; line-height:20px;
background: url(img/button-bgGradient.jpg) repeat-x;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px
}
.button.disabled, .disabled { color: #999 }
input.searchButton { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px }
label.checkbox input { margin-right: 6px }
.checkboxContainer { line-height: 22px }
input[type="text"], input[type="password"],
input.textfield, textarea { background: #fff url(img/form-bg-textfield.jpg) 0 0 no-repeat; border: 1px solid #d9d9d9; padding: 4px 8px; width: 97% }
select { border: 1px solid #d9d9d9 }
input:focus, textarea:focus, select:focus { }
fieldset .textfield { width: 90%; border: 1px solid #d9d9d9 }
fieldset .short { width: 45% }
fieldset .disabled { color: #999 }
fieldset select { width: 100%; line-height: 22px; padding: 0.31em 3px }
select.multipleSelect { width: 100%; height: 120px; padding: 0; border: 1px solid #d9d9d9 }
select.multipleSelect option { font-family: Verdana; border-bottom: 1px solid #d9d9d9; padding: 0.25em 0.5em }
section>header { font-size: 16px; margin: 20px 0 0; border-bottom:0 solid #d9d9d9}
.zipcodeCityLine label, .zipcodeCityLine input { width: 193px; float: left}
.zipcodeCityLine label:first-child { width: 80px}
.zipcodeCityLine input.zipcode { width: 50px; margin-right: 10px}
.stepDisplay { float: right; font-size: 12px; color: #666 }
.documentDisplay { height: 225px; overflow: auto; background-color: #fff; border: 1px solid #d9d9d9; padding: 10px }
.document, .document h2, .document h3 { color: #666 }
.document h3 { font-size: 12px; font-weight: normal }
/* -- mehrspaltiger Content -- */
.twoCols, .threeCols, .multiCols, .multiCol { display: table; width: 100% }
.col { display: table-cell; vertical-align: top }
.twoCols .col, .col50 { width: 47% }
.threeCols .col, .col33 { width: 32% }
.col25 { width: 25% }
.col33 { width: 33% }
.col50 { width: 49% }
.col67 { width: 67% }
.col75 { width: 75% }
.col25, .col33, .col50, .col67 { float: left }
.lastCol { float: right }
.colContent { margin-right: 1.5em }
.lastCol .colContent { margin-right: 0; margin-left: 1.5em }
/* #regLogin .col:first-child { width: 47%; height: 100%; border-right: 1px solid #d9d9d9}
#regLogin .lastCol { padding-left: 4%} */
form .twoCols .col { float: right }
form .twoCols .col:first-child { float: left }
form.settingsPanel .twoCols .col, form.settingsPanel .twoCols .col:first-child { width: 45% !important}
/* -- Module Search -- */
.searchForm { padding: 0 1em; overflow: hidden }
.searchForm .searchFilter { margin-bottom: 10px }
.searchForm .searchField {
width: 368px; height: 22px; margin: 0; float: left;
-webkit-box-shadow: inset 5px 5px 10px0 #999;
-moz-box-shadow: inset 5px 5px 10px0 #999;
box-shadow: inset 5px 5px 10px0 #999;
}
.searchForm #searchRestrictions { float: left; width: 195px; margin-left: 5px }
.searchForm #searchRestrictions select.searchRadius { width: 100%; margin-right: 5px; padding: 6px 3px; line-height: 26px }
.searchForm #searchRestrictions div { margin-top: 10px }
.searchForm .searchButton { background: transparent url(img/bg-searchbutton-big.jpg) 0 0 no-repeat; width: 32px; height: 32px; float: right; border:0 none; outline:0 none; cursor: pointer; margin: 1px 0 0; padding:0}
.doisuche .searchField { width: 568px }
.bibliographischesuche .searchField { width: 606px; float: none }
.bibliographischesuche .clearfix { margin-top: 20px }
.bibliographischesuche .clearfix .searchField { width: 85% }
.bibliographischesuche select { line-height: 26px; padding: 6px 2px; width: 100% }
.searchForm .twoCols .col { width: 49% }
.searchForm .twoCols .searchField { width: 287px }
.searchForm .twoCols select { width: 305px; padding: 7px 0; line-height: 26px }
/*.searchForm #searchSubject { width: 100%; padding: 7px 0 }*/
/* -- Module alphabetListing -- */
ul.alphabetListing { margin: 0; padding: 0; list-style: none }
ul.alphabetListing li { display: inline-block; zoom: 1 }
ul.alphabetListing li a { display: block; text-decoration: none; background: url(img/bg_button.jpg) repeat-x;
width: 19px; height: 19px; line-height: 19px; text-align: center; color: #000; margin: 0 1px 2px 0 }
ul.alphabetListing li a.selected, ul.alphabetListing li a:hover { background: #A3D8F6; color: #fff}
.home ul.alphabetListing li a { margin: 0 1px 1px 0 }
/*.ie7 .home ul.alphabetListing li { display: block; float: left; margin: 0 4px 6px 0 }*/
/* -- Module linkList -- */
.linkList, .literaturliste { overflow: hidden; height: auto }
.linkList li, .literaturliste li { padding: 0.25em 0; text-align: left }
.linkList a { display: block; padding: 0 0 0 14px; background: transparent url(img/arrow_sprites.png) left -357px no-repeat; line-height: 16.8px; text-decoration: none }
.linkList a:hover { text-decoration: underline }
.linkList a:hover, .linkList a.selected { background-position: left -267px }
.linkList a.showMoreLink { float: right; height: 30px; width: auto; display: block }
.linkList.largeText { font-size: 16px; border-top: 1px solid #d9d9d9 }
.linkList.largeText li { padding: 0.5em 0; border-bottom: 1px solid #d9d9d9 }
.linkList.largeText li:hover { background: #f0f0f0 }
.linkList.largeText li a { background-position: left -354px !important }
/* .home .linkList li { width: 50%; float: left } */
/* Verschachtelte Darstellung für Kongressabstracts, Literaturliste */
.linkList .level2, .literaturliste .level2 { padding-left: 0px }
.linkList .level3, .literaturliste .level3 { padding-left: 14px }
.linkList .level4, .literaturliste .level4 { padding-left: 28px }
.linkList .level5, .literaturliste .level5 { padding-left: 42px }
.linkList .level6, .literaturliste .level6 { padding-left: 56px }
.linkList .level7, .literaturliste .level7 { padding-left: 70px }
#content .linkList a { background: transparent url(img/arrow_sprites.png) left -357px no-repeat }
#content .linkList a:hover { background: transparent url(img/arrow_sprites.png) left -267px no-repeat }
#content .linkList a.selected, .linkList li.selected a, .toggleList a.selected { background: transparent url(img/arrow_sprites.png) left -537px no-repeat }
.linkBox .boxContent { background-color: #DBEAF5 !important; border-top: 1px solid #d9d9d9; padding: 1em }
.linkBox ul { list-style-type: none; margin: 0 }
.linkBox ul li { }
.linkBox ul li a { background-image: url(img/arrow_sprites.png); text-decoration: none; }
/* Module articleTocList */
ul.articleTocList { margin: 0 0 30px 0; padding: 0; list-style: none }
ul.articleTocList ul { margin: 0 0 0 30px; padding: 0; list-style: none }
.articleTocList a { display: block; padding: 0 0 0 14px; background: transparent url(img/arrow_sprites.png) left -357px no-repeat; line-height: 140%; text-decoration: none }
.articleTocList a:hover, .articleList a.selected { background-position: left -267px }
/* -- Module informationList -- */
ul.informationList { margin: 0; padding: 0; list-style-position: inside; list-style-image: url(img/list-bullet.gif) }
ul.informationList li { font-size: 12px; font-weight: bold; margin-bottom: 10px;}
ul.informationList li p { font-size: 12px; font-weight: normal; color: #666; padding: 0; margin: 0 }
/* -- Module partnerPabel (home) -- */
#partnerPanel, .partnerPanel { clear: both; border-top: 1px solid #d9d9d9; margin: 30px 0 20px; padding-top: 10px }
#partnerPanel img, .partnerPanel img { float: left; margin: 10px 22px }
#partnerPanel #partnerLink { text-align:right; clear:both; padding-top: 1em }
ul.partnerList { margin: 0; padding: 0; list-style: none; overflow: hidden }
ul.partnerList li { width: 25%; float: left; min-height: 100px; text-align: center; font-size: 11px; line-height: 120% }
ul.partnerList li img { width: auto; margin: 0 0 0 0; max-height: 50px; max-width: 150px }
ul.partnerList a { display: block; margin: 0 1em; text-decoration: none }
ul.partnerList a a { display: inline; margin: 0; text-decoration: none }
ul.partnerList.home li { width: 15%; float: left; min-height: 75px; text-align: center;
font-size: 11px; line-height: 120% }
/* -- Module listHeader -- */
.listHeader, .listFooter { overflow: hidden; border-bottom: 1px solid #D9D9D9; border-top: 1px solid #d9d9d9 }
.listHeader { margin: 0 }
.listFooter { margin: 0 0 1em 0 }
.tabContent .listHeader { border-top: 0 none }
/* -- Module listInfo -- */
.listInfo { padding: 0.5em 0; line-height: 24px; float: left; font-weight: bold }
/* -- Module listFilter -- */
.listFilter { padding: 0.5em 0; float: left }
.listFilter select { padding: 2px; margin-left: 10px }
/* -- Module listNavigation -- */
.listNavigation { margin: 0; padding: 0; list-style: none; padding: 6px 0 }
ul.pagerNavigation { margin: 0; padding: 0; list-style: none; text-align: right}
ul.pagerNavigation li { display: inline-block; zoom: 1; width: auto; height: 20px; line-height: 20px; text-align: center; padding: 0 2px; margin: 0 }
ul.pagerNavigation li a { text-decoration: none; color: #6AACDA }
ul.pagerNavigation li.current a { color: #000 }
ul.pagerNavigation li.button { border: 1px solid #d9d9d9; width: 22px; padding: 0; margin: 0 2px; background: url(img/form-bg-selectbox.jpg) left center repeat-x }
.listHeader ul.pagerNavigation { margin: 0.5em }
/* -- Module journalListing -- */
ul.journalListing { margin: 0; padding: 0; list-style: none; overflow: hidden; }
ul.journalListing li { border-top: 1px solid #d9d9d9; padding: 1em 0; overflow: hidden }
ul.journalListing li:first-child { border-top: 0 none}
.journalListing li:hover { background: #f0f0f0; cursor: pointer }
.journalListing li:hover a { text-decoration: underline }
.journalListing img.journalCover { display: block; float: left; margin-right: 30px}
.journalListing li .text { display: block; float: left }
.journalListing h2 { margin: 0; font-size: 16px }
.journalListing a { text-decoration: none }
.journalListing .text { display: block; float: left; max-width: 590px }
.journalListing span.issueDate, span.issueData { color: #666; display: block }
.journalListing span.journalType { font-weight: bold; line-height: 2em;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px }
.journalType.eFirst { color: #f60 }
.journalType.discontinued { background: #a9a9a9; padding: 0 0.5em; color: #fff }
.journalType.cs, .journalType.soon { background: #A4DCF5; padding: 0 0.5em; color: #fff }
.journalType.nw, .journalType.new { background: #c00; padding: 0 0.5em; color: #fff }
/* -- Module journalListing (Startseite) -- */
.home #journalListingContainer, .home #topicListingContainer { max-height: 480px; overflow: auto; margin-top: 1em; border-top: 1px solid #d9d9d9 }
.home #journalListingContainer.shortList, .home #topicListingContainer.Institution { border: none; padding: 0 }
.home ul.journalListing { padding-bottom: 1em }
.home ul.journalListing li { border-top: none; border-bottom: 1px solid #d9d9d9; margin: 0 }
.home .journalListing h2 { font-size: 16px }
.home .journalListing .text { max-width: 500px }
.home .journalListing img.journalCover { margin-right: 1em }
/* -- Module journalListing 2-spaltig -- */
ul.journalListing.twoCols { }
ul.journalListing.twoCols li { border-top: none; border-bottom: none; width: 50%; margin: 0; float: left; min-height: 100px; padding: 1em 0 0 }
ul.journalListing.twoCols li:hover { background: transparent }
.journalListing.twoCols h2 { font-size: 14px }
.journalListing.twoCols .text { max-width: 210px }
.journalListing.twoCols img.journalCover { margin-right: 1em }
/* -- Table of Contents -- */
/* Innenabstände für alle Listen */
.listObject { clear: both }
.listItem { padding: 1em 0; border-top: 1px solid #d9d9d9 }
/* -- Journal related Metadata -- */
.issueNumber { font-weight: bold }
.issueYearJahrgang {}
.issueMonthOktober {}
.issueSampleIssue { font-weight: bold; color: #cc0000 }
.issueSponsor { display: block; font-weight: bold; color: #666 }
.issueEditor { display: block }
/* -- Module -> ToC- Artikelliste -- */
.articleList { }
.orderLinkBar { text-align: right; margin-bottom: 1em }
.orderLink { text-decoration: underline; font-size: 12px}
.articleList section { margin-bottom: 1em }
.articleList section h2 { background-color: #f0f0f0; padding: 0.375em 0.5em; margin: 0 0 0em 0; font-size: 12px; font-weight: bold; color: #013476 }
.articleList section h3 { font-size: 12px; font-weight: bold; color: #000; margin-bottom: 0 }
.articleList { list-style: none; margin: 0; padding: 0 }
.articleList. .listItem,
.articleList li { padding: 1em 0; border-bottom: 1px solid #d9d9d9 }
.articleList .listItem:first-child { border-top: none }
.articleList .listItem:last-child,
.articleList li:last-child { border-bottom: none }
.articleList .magazine .articleTitle,
.articleList .mantelartikel .articleTitle { font-size: 12px; font-weight: bold }
.articleList .relatedArticles { display: block; margin: 0.5em 0 0 }
.articleList .relatedArticles:hover, .articleList .articleOptions:hover { position: relative }
.listItem .graphicAbstract { margin-bottom: 1em }
.articleList.citations h2 { margin: 16px 0 0 0 }
.articleList.citations .articleTitle { margin: 0.25em 0 }
.articleList.citations .journalTitle { display: block; font-weight: bold }
.articleList.citations .articleSource { margin: 0 }
.articleList.citations li { padding: 0 0 1em; border-bottom: 1px solid #d9d9d9 }
.pageNumber { display: inline-block; zoom: 1; float: left; padding-right: 1em; min-width: 3em; color: #666 }
.articleList div.articleDetails { margin-left: 4em }
.articleList .articleCategories { color: #000; font-weight: bold; display: block }
/*.articleList .articleType, .articleDetails .articleType { display: block; line-height: 27px } */
/* .articleList .articleCategories,
.articleDetails .articleCategories { display: block; font-size: 12px; font-weight: bold; color: #013476; margin-bottom: 1em } */
.authors { display: block; font-style: 12px; color: #666666 }
.authorName { display: block }
.authorAffiliation { display: block; font-size: 11px; color: #666 }
.authorsAffiliationsList { display: block; margin: 1.33em 0; padding: 0.5em; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; font-size: 11px; color: #666 }
.authorsAffiliationsList ul { list-style: none; margin: 0; padding: 0; }
.articleTitle { display: block; text-decoration: none; color: #052463; font-size: 16px; line-height: 120%; margin: 0.125em 0 }
.articleTitle:hover { text-decoration: underline}
.subTitle { display: block; font-size: 12px; color: #000}
.articleSource { display: block; color: #666; margin: 1em 0 }
.articleSource a { color: #666; text-decoration: none }
.articleSource a:hover { text-decoration: underline }
.singleButton { display: inline-block; padding: 0 1em; margin: 0 1em 0 0; line-height: 21px; border: 1px solid #d9d9d9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url(img/bg_gradient.jpg) repeat-x}
a.singleButton { text-decoration: none; color: #000 }
ul.splitButton { display: inline-block; zoom: 1; list-style: none; padding: 0; margin: 0 1em 0 0; border: 1px solid #d9d9d9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url(img/bg_gradient.jpg) repeat-x; }
ul.splitButton li { display: inline-block; zoom: 1; line-height: 21px; padding: 0 1em; border-right: 1px solid #d9d9d9 }
ul.splitButton li:last-child { border-right: none }
ul.splitButton a { text-decoration: none; color: #000 }
/* -- Module Acess Options --*/
ul.accessOptions { }
.accessOptions li { line-height: 22px; display: inline-block; zoom: 1; padding: 0 1em; border-right: 1px solid #d9d9d9; border-bottom: 0 }
.accessOptions li:last-child { border-right: none }
.accessOptions li a { text-decoration: none; color: #000 }
.accessOptions .label { color: #fff; background: url(img/accessOptions_bgLabel.png) right -1px no-repeat; padding: 0 24px 0 2px; border-right: none }
.accessOptions .label span { display: inline-block; padding-left: 24px; background: url(img/accessOptions_Icons.png) left 0 no-repeat }
.accessOptions.closed .label { background-position: right -1px }
.accessOptions.closed .label span { background-position: left0 }
.accessOptions.closed a { color: #999 }
.accessOptions.open .label { background-position: right -41px }
.accessOptions.open .label span { background-position: left -24px }
.accessOptions.open a { color: #000 }
.articleOptions { margin: 1em 0 0 0 }
/* ul.generalOptions { float: left; list-style-type: none; overflow: hidden; margin: 0; padding: 0}
ul.generalOptions li { float: left; background: transparent url(../img/bg_option_links.jpg) 0 0 repeat-x; padding: 0 10px; line-height: 24px; border-color: #D9D9D9; border-style: solid; border-width: 1px 1px 1px 0}
ul.generalOptions li:first-child { border-left-width: 1px}
ul.generalOptions li a { text-decoration: none; color: #000; font-size: 12px}
ul.generalOptions li a:hover { color: #FF6600}
ul.closed li.indicator, ul.open li.indicator { width: 60px; padding-left: 26px; border-right-width: 0; text-align: left; color: #FFF; cursor: default}
ul.closed li.indicator { background: transparent url(../img/bg_option_link_closed.jpg) 0 0 no-repeat}
ul.open li.indicator { background: transparent url(../img/bg_option_link_open.jpg) 0 0 no-repeat} */
.articleAccessLabel { font-weight: bold; text-transform: uppercase; color: #999; line-height: 19px; padding: 0 0.5em }
.articleAccessLabel.openAccess { color: #f77500 }
.articleAccessLabel.sfx { display: block; padding: 0; margin: 0.5em 0 1em; height: 19px }
.articleFunctions .articleAccessLabel.sfx { display: inline-block }
/* -- Module -> Suchergebnissliste -- */
#list-searchresult #resultTypeTabs { margin-top: 30px }
.searchResultList { }
.searchResultList .listItem { }
.searchResultList .listItem:first-child { margin-top: 0; border-top: 0px none }
.searchFilterList li { text-indent: -20px; margin-left: 20px }
.searchFilterList li.moreFilters { text-indent: 0px; margin-left: 0 }
.searchFilterList li.showSearchFilterBox { text-indent: -20px; margin-left: 20px }
.searchFilterList input[type=checkbox] { margin-right: 6px }
.searchFacetteIndicator { display: block; float: right; background: url(img/functionIcons.png) 0px -220px no-repeat;
width: 20px; height: 20px; margin: 4px }
/* -- Module -> Einzelartikel -- */
article { }
article .articleHeader { }
article .articleHeader .articleBox .wrapper { padding-top: 0; padding-bottom: 0; margin-top: 1.33em }
article .articleDetails span { margin-bottom: 20px; display: inline-block}
article .articleType { background: #f0f0f0; font-weight: bold; padding: 0.375em 0.5em; margin: 1em 0 }
/* Keywords in Abstract */
.articleKeywords { margin-bottom: 1.33em }
.articleKeywords h2 { margin-bottom: 0.5em }
.articleKeywords p:last-child { margin-bottom: 0 }
.title-kwd-group { font-size: 16px; margin: 0 0 16px 0 }
/* -- Literaturliste -- */
ul.literaturliste {
list-style: none;
margin: 0;
padding: 0;
}
/* -- Toggle Menu */
article .articleToggleMenu { position: relative }
article .articleToggleMenu .toggleButton { padding-right: 18px }
/* -- Artikel-Funktionen: Rechte/LIzenzen, Podcast, etc -- */
.articleFunctions {
text-align: right; margin-bottom: 1em;
}
.articleFunctions .podcastLink { position: relative }
.articleFunctions .podcastLink .toggleContent { width: 150px }
/* Article Header Styles */
article .subTitle { display: block; margin: 0 0 1em 0; font-size: 16px; line-height: 120%; color: #000 }
article .authors { display: block; margin: 1em 0 0; color: #666; font-size: 12px }
/* Article Content Styles */
article h1 { margin: 0.25em 0; line-height: 120% }
article h2 { font-size: 16px; color: #000; font-weight: normal }
article h3 { font-size: 12px; color: #000; font-weight: bold }
/* Figures / Abbildung */
article figure { background-color: #f0f0f0; padding: 12px; overflow: hidden; margin: 30px 0; position: relative }
article figure .alignLeft { float: left; margin-right: 20px}
article figure .alignRight { float: right; margin-left: 20px}
article figure figcaption { display: inline; font-size: 11px; font-style: italic }
article figure a.zoomFunction { position:relative }
article figure .zoomIcon { position: absolute; bottom: 0; right: 0 }
/* Figure im
/* Marginalie */
p.marginNote { border-left: 4px solid #666; padding-left: 8px; color: #666; font-style: italic }
/* Content-Boxen */
.articleBox { margin-bottom: 1.33em; overflow: hidden }
.articleBox.floatRight { width: 310px; float: right; margin: 0 0 1em 1.5em }
.articleBox.floatLeft { width: 310px; float: left; margin: 0 1.5em 1em 0 }
.articleBox .boxLabel { display: block; width: auto; padding: 0.5em 1.33em; background: #013476;
color: #fff; text-transform: uppercase }
.articleBox .boxLabel h3 { color: #fff; margin: 0; padding: 0 }
.articleBox .boxHeader { font-size: 16px; margin: 0 0 0.5em 0 }
.articleBox .wrapper { padding: 1.33em; overflow: hidden }
.articleBlox .wrapper { border-top: 1px solid #d9d9d9; padding: 1em }
.articleBox .boxContent { font-size: 12px }
/* Hintergrundinformation, Fazit, Resultat, Kasuistik */
.articleBox.backinfo .wrapper { background: #DBEAF5 }
/* Risiko, Risikofaktoren */
.articleBox.cave .wrapper { background: #f8cc99 }
.articleBox.cave .boxLabel { background: #ee7f00 }
/* Kernaussagen */
.articleBox.core .wrapper { background: #DBEAF5 }
.articleBox.core .boxLabel { background: #013476 }
/* alle Arten von Hervorhebungen */
.articleBox.note .wrapper { background: #DBEAF5 }
.articleBox.note .boxLabel { background: #013476 }
/* tricks z.B. OP-Schritte und Tricks */
.articleBox.tricks .wrapper { background: #cce7e7 }
.articleBox.tricks .boxLabel { background: #008686 }
.articleBox.interview { background: #fff; border: 1px solid #d9d9d9 }
.articleBox.interview p.frage { color: #666; font-style: italic }
.articleBox.interview p.frage strong { font-style: normal }
/* Vitae */
.articleBox.vita { background: #CCE7E7; }
.articleBox.vita .wrapper { background: #D9F0E0 } /* hellgruen: #CCE7E7 orange: #F8CC99 hellblau: #DBEAF5 */
/*.articleBox.vita .wrapper.orange { background: #FDECD9 } /* 15% orange abgetönt */
/* .articleBox.vita .wrapper.green { background: #D9F0E0 } /* 15% grün abgetönt */
/* Supporting Material als Box am Ende des Abstracts */
.articleBox.supmat .wrapper { background: #DBEAF5 }
.articleBox.supmat .boxLabel { background: #013476 }
/* Abkürzungsverzeichnis */
.articleBox.abbreviations { background: url(img/contentBox_bgGradient.png) right top repeat-y; border: 1px solid #d9d9d9 }
.articleBox.abbreviations dt { font-weight: bold; float: left; min-width: 4em; clear: left }
.articleBox.abbreviations dd { float: left; padding-bottom: 0.5em }
.articleBox.interview .boxLabel,
.articleBox.via .boxLabel,
.articleBox.abbreviations .boxLabel { background: transparent; color: #013476; font-weight: bold; padding: 1.33em 1.33em 0 1.33em }
/* Subelemente in Boxen */
.articleBox figure {
background: transparent;
float: right;
margin: 0;
padding: 0;
}
.articleBox figcaption {
display: block;
}
.articleBox p:last-child, .boxContent p:last-child {
margin-bottom: 0;
}
/* Section Container */
article #sections { border:0 solid #d9d9d9; padding-top: 1em }
article section, article section p { font-size: 12px }
article section header { display: none }
/* ---------------------------------- FOOTER -------------------------------- */
footer, #footer {}
footer .advertisement { margin-left: 280px; width: 680px}
.home footer .advertisement { margin-left: 40px; width: 960px }
footer #pageEnd { clear: both; height: 30px; max-width: 920px; margin: 40px 0 0 40px; border: 1px solid #d9d9d9; border-width: 0 0 1px 1px; text-align: right}
footer #pageEnd a { font-size: 11px; padding-right: 20px; background: url("img/arrow_sprites.png") no-repeat right -85px transparent; color: #666; text-decoration: none}
footer #pageEnd a:hover { color: #013476; text-decoration: underline}
footer .clearfix div { float: left; height: 50px; padding-top: 25px; font-size: 11px; line-height: 120% }
footer #footerLeft { margin-left: 40px; width: 190px; background: transparent url(img/footer-logo.jpg) 0 0 no-repeat}
footer #footerCenter { max-width: 567px}
footer #footerRight { width: 142px; float: right; text-align: right }
/* ---------------------------------- ASIDE-PANEL (rechte Seite) ---------- */
#asidePanel { }
#asidePanel #userAccountBox .textfield { width: 180px }
#asidePanel #userAccountBox .boxHeadline { margin-bottom: 15px; font-weight: bold }
#asidePanel #userAccountBox .linkList a { padding-bottom: 0 }
/* ---------------------------------- ADVERTISING - Sidebar rechts ---------- */
#adSidebar { position: absolute; left: 980px; top: 160px; padding-left: 0px; width: 200px; height: auto}
/* ---------------------------------- TOOLS -------------------------------- */
/* -- Module -> Seitenfunktionen -- */
.pageFunctions { float: right; width: 220px; position: relative }
.pageFunctions .functionItem,
.pageFunctions #setShareLink { float: right; width: 22px; height: 22px; padding: 0; cursor: pointer; display: inline-block; margin-left: 5px;
background-image: url(img/functionIcons.png); background-repeat: no-repeat;}
.pageFunctions #emailLink { background-position: 0 -111px }
.pageFunctions #setAlertLink { background-position: 0 -68px }
.pageFunctions #printLink { background-position: 0 -45px }
.pageFunctions #setRSSLink { background-position: 0 -90px }
.pageFunctions #setShareLink { background-position: 0 -22px }
.pageFunctions #saveLink { background-position: 0 1px }
.pageFunctions #saveSearchProfile { background-position: 0 -289px }
/* Links im Share-Menü */
.shareMenuItem { display: block; line-height: 24px; padding-left: 24px; text-decoration: none }
.shareMenuItem.email { background: url(img/icon-share-email.png) center left no-repeat }
.shareMenuItem.connotea { background: url(img/icon-share-connotea.png) center left no-repeat }
.shareMenuItem.citeulike { background: url(img/icon-share-citeulike.png) center left no-repeat }
.shareMenuItem.delicious { background: url(img/icon-share-delicious.png) center left no-repeat }
/* Share-Menü Toggle Function */
.pageFunctions .toggleContent {
padding: 8px; top: 22px
/*position: absolute; left: -9999px; top: 20px; width: 100%; background-color: #f0f0f0; z-index: 800; cursor: default; color: #000;*/
}
.pageFunctions .toggleButton.open .toggleContent { display: block; left: 0 }
.pageFunctions .toggleButton.open {
background-color: #f0f0f0;
}
/*.ie7 .toggleButton, .ie8 .toggleButton { border-left: 2px solid #fff }
.ie7 .toggleButton.open, .ie8 .toggleButton.open { border-left: 2px solid #ccc }
.ie7 .pageFunctions .toggleContent, .ie8 .pageFunctions .toggleContent { border-color: #ccc; border-style: solid; border-width: 0 0 2px 2px }*/
#tocFunctions { position: absolute; margin-top: -50px; left: 800px}
/* -- Module -> Edit/Delete -- */
.searchprofileFunctions { float: right; margin-top: -40px}
.functionPanel {}
a.functionIcon { text-indent: -5000px; display: block; float: left; width: 22px; height: 22px; margin: 0 0 0 5px; background-image: url(img/functionIcons.png); background-repeat: no-repeat }
.functionIcon.edit { background-position: 0 -132px }
.functionIcon.delete { background-position: 0 -154px }
.functionIcon.moveRight { background-position: 0 -198px; float: none; margin: 5px auto }
.functionIcon.moveLeft { background-position: 0 -176px; float: none; margin: 5px auto }
.accordionTab .functionPanel { float: right; margin: 6px 8px 0 0 }
.functionIcon.podcast { background-position: 0 -330px }
.functionIcon.video { background-position: 0 -308px }
/* -- Module -> Layer-Box -- */
#boxOverlay { position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.5; z-index: 9998}
/* transparente Abdeckung für IE */
.opaque {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
}
.layerBox { position: fixed; left: 250px; top: 100px; width: 680px; height: auto; border: 1px solid #d9d9d9; background-color: #FFF; padding: 0; margin: 0; z-index: 9999; display: none}
.layerBox .boxHeader { margin: 0}
a.boxCloseLink, a.boxCloseLink:visited { color: #999; font-family: Verdana, serif; font-weight: bold; text-decoration: none; font-size: 16px; float: right; position: relative; top: 0px}
.layerBox a.boxCloseLink:visited { text-decoration: underline}
.imgLightbox { display: none; position: absolute; z-index: 9999; background: #fff; padding: 0 15px 15px; max-width: 980px }
.imgLightbox img { width: 100%; max-width: 980px; margin-bottom: 15px }
.imgLightbox p:last-child { margin-bottom: 0 }
/* -- Module Accordion -- */
.accordion { border-color: #D9D9D9; border-style: solid; border-width: 0 1px 1px 1px; margin-bottom: 30px}
.accordionTab { line-height: 36px; background: transparent url(img/bg-accordion-tab.jpg) 0 -39px repeat-x; border-top: 1px solid #D9D9D9; cursor: pointer; color: #002064; font-size: 14px;}
body.thieme-com .accordionTab { background-image: url(img/themes/bg-accordion-tab-thieme-com.jpg) }
/* jquery-ui-elements */
.accordion .ui-icon { width: 10px; height: 6px; margin: 12px 6px 0; display: block; float: left; background: transparent url(img/icons-toggle.gif) 0 0 no-repeat}
.accordion .ui-state-active { background-position: 0 0; cursor: default; color: #000;}
.accordion .ui-state-active .ui-icon { background-position: 0 -29px}
.accordion .ui-accordion-content { padding: 16px; }
#navPanel .accordionTab { line-height: 30px}
.tabContent .accordion { margin-bottom: 0 }
.accordion .ui-accordion-content .wrapper { padding: 20px }
/* -- Module ToggleContainer -- */
.toggleBox { border-color: #D9D9D9; border-style: solid; border-width: 0 1px 1px 1px; margin-bottom: 30px}
.toggleBox .toggleTab{ line-height: 30px; background: transparent url(img/bg-accordion-tab.jpg) 0 -39px repeat-x; border-top: 1px solid #D9D9D9; cursor: pointer; color: #002064; font-size: 14px }
body.thieme-com .toggleBox .toggleTab { background-image: url(img/themes/bg-accordion-tab-thieme-com.jpg) }
.toggleBox .ui-state-active { background-position: 0 0; cursor: default; color: black }
.toggleTab .ui-icon { width: 10px; height: 6px; margin: 12px 6px 0; display: block; float: left; background: transparent url(img/icons-toggle.gif) 0 0 no-repeat }
.toggleBox .ui-state-active .ui-icon { background-position: 0 -29px; margin-top: 12px }
.toggleBox .toggleContent { padding: 16px; position: static; width: auto; background: #fff; padding: 8px 12px;
box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
}
.toggleBox .toggleContent .wrapper { padding: 16px }
/* -- Module Tab-Bar -- */
.tabBar { clear: both; list-style-type: none; margin: 0; padding: 0; position: relative; height: 25px; border-bottom: 1px solid #d9d9d9 }
.tabBar .tab { float: left; width: auto; background: transparent url(img/bg_tab_item.jpg) 0 bottom repeat-x }
.tabBar .tab a { display: block; text-decoration: none; text-align: center; border-color: #D9D9D9; border-style: solid; border-width: 1px 1px 1px 0; line-height: 24px; font-size: 12px; padding: 0 1.5em }
.tabBar .tab a:hover { color: #78ACD1 }
.tabBar .tab a:first-child { border-left-width: 1px }
.tabBar .active a { background-color: #fff; border-bottom: 1px solid #fff }
.tabContentContainer { border: 1px solid #D9D9D9; border-top: none; padding: 1.33em }
.tabBar .tabContent { }
.tabContent { }
.tabContent p:first-child { margin-top: 16px }
.buttonBar { float: right; width: auto; height: auto; }
.buttonTab , .buttonBar a { float: left; display: inline-block; padding: 4px 10px; border: 1px solid #d9d9d9; border-collapse: collapse; color: #000; text-decoration: none; background: transparent url(img/bg_tab_item.jpg) 0 bottom repeat-x}
/* -- Module Toggle-Menu -- */
.toggleButton { display: inline-block; padding: 6px 6px 6px 18px; background: #fff url(img/arrow_sprites.png) 4px -350px no-repeat; cursor: pointer }
.toggleButton.open { background-position: 4px -530px; background-color: #f0f0f0; -webkit-box-shadow: -4px 4px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -4px 4px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: -4px 4px 2px 2px rgba(0, 0, 0, 0.2); z-index: 9999; }
.toggleButton > a { text-decoration: none }
.toggleButton > a:hover { text-decoration: underline }
.toggleMenu { margin: 1em 0; }
.toggleContent {
display: none; position: absolute; left: -4094px; top: 27px; width: 100%; background-color: #f0f0f0; z-index: 9999; cursor: default;
-webkit-box-shadow: -4px 4px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: -4px 4px 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: -4px 4px 2px 2px rgba(0, 0, 0, 0.1);
}
.toggleContent .wrapper { margin: 1em }
.toggleMenu li div { padding-left: 14px }
.toggleButton.open .toggleContent { display: block; left: 0 }
.toggleMenu .toggleContent p, .toggleMenu .toggleContent li { color: #000 }
/*
* BOXEN --------------------
*/
/* -- Module Standard-Box -- */
.standardBox { margin-bottom: 30px }
.standardBox .boxHeader { overflow: hidden; padding: 6px 10px 6px; margin-bottom: 0; color: #FFF; font-size: 12px; text-transform: uppercase;
background: #013476 url(img/bg-box-header.jpg) 0 0 repeat-x}
.standardBox .boxHeader:first-child { margin-top: 0}
.standardBox .boxHeader .boxTitle { float: left; color: #FFF}
.standardBox > .boxContent { background: #fff; border: 1px solid #d9d9d9; padding: 0.75em 1em }
.standardBox .boxContent p { margin: 0 0 1em 0 }
.standardBox .boxContent p:last-child { margin: 0 }
.standardBox .logo { text-align: center }
.standardBox .boxContent ul.linkList li { padding: 0.5em 0; border-top: 1px solid #d9d9d9 }
.standardBox .boxContent ul.linkList li:first-child { border-top: 0 none }
#loginBox .boxContent ul.linkList li { border-top: 0 none; padding: 0.25em 0 }
/* Varianten */
.standardBox.layout_01 .boxContent { background-color: #f0f0f0 }
.standardBox.layout_02 .boxContent { background-color: #dceaf5 }
.standardBox.layout_03 .boxHeader { background: #E10340 url(img/bg-box-header-Layout3.jpg) left top repeat-x }
.standardBox.layout_04 .boxHeader { background: #F1840F url(img/bg-box-header-Layout4.jpg) left top repeat-x }
/* -- Module Info-Box -- */
.infoBox .boxContent { background: #f0f0f0; padding: 1.33em; margin-bottom: 1.33em }
/* -- Module Border-Box -- */
.borderBox, .box.border { border: 1px solid #d9d9d9; padding: 1.33em; margin-bottom: 1.33em }
/* -- Module serviceBox -- */
.serviceBox { margin-bottom: 30px }
.serviceBox header, .serviceBox h2 { color: #6AACD8; font-size: 16px; border-bottom: 1px solid #d9d9d9; padding-bottom: 5px; margin-bottom: 10px }
/* -- Module public-ip-Information-Box -- */
.publicIPInformationBox { background: url(img/contentBox_bgGradient.png) right top repeat-y; border: 1px solid #d9d9d9; padding: 16px; overflow: hidden; margin-bottom: 30px }
.publicIPInformationBox .text { }
.publicIPInformationBox .text p { font-size: 12px }
.publicIPInformationBox .text p:last-child { margin-bottom: 0 }
.publicIPInformationBox .clientLogo { float: left; margin-right: 32px; min-height: 96px; text-align: center }
.publicIPInformationBox .clientLogo img { max-width: 120px }
.publicIPInformationBox .clientLogo div { max-width: 120px; font-size: 11px; line-height: 120%; margin-top: 0.75em }
#adSidebar .publicIPInformationBox { padding: 0 }
#adSidebar .publicIPInformationBox .clientLogo { padding: 1em; float: none }
#adSidebar .publicIPInformationBox .text { padding: 1em; float: none; background: url(img/contentBox_bgGradient.png) right top repeat-y; }
#adSidebar .publicIPInformationBox p { margin: 0 }
/* -- Gradient-Class - */
.gradient,
.publicIPInformationBox,
#adSidebar .publicIPInformationBox .text,
.articleBox.abbreviations {
background: #ffffff url(img/contentBox_bgGradient.png) right top repeat-y; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ffffff 0%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(left, #ffffff 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=1 ); /* IE6-8 */
/* http://www.colorzilla.com/gradient-editor/ */
}
.ie9 .gradient {
filter: none;
}
/*
* Messages --------------------
*/
.errorMessage { background: #F9CCD7 url(img/icon-error.gif) 10px 12px no-repeat; padding: 10px 10px 10px 40px }
.error, input.error { border-color: #CC0000 !important; background-image: none; background-color: #F9CCD7 }
.checkboxLine.error, .radiobuttonLine.error { background-color: #F9CCD7 }
/* -- Module Login-Box -- */
#loginBox { width: 680px; height: auto }
#loginBox .boxContent { padding: 30px}
#loginBox .boxHeader #boxCloseLink,
.layerBox .boxHeader #boxCloseLink { color: #fff; text-transform: none; float: right; text-decoration: none}
#loginBox .boxHeader #boxCloseLink:hover { text-decoration: underline }
#loginBox .twoCols { background: url(img/bg-twoCols.gif) repeat-y center top }
#loginBox .col:first-child { float: left }
#loginBox .lastCol { }
#loginBox h2 { color: #78ACD1 }
#loginBox h3 { font-size: 12px; color: #000 }
#loginBox input[type=text], #loginBox input[type=password] { display:block; width: 75% }
#loginBox #passwordLink { color: #666 }
#loginBox .submitButton { padding: 4px 1em; font-size: 12px}
/* -- Module searchFilter-Box -- */
#searchFilterBox { width: 690px; height: auto}
#searchFilterBox .boxHeader #boxCloseLink { color: #fff; text-transform: none; float: right; text-decoration: none}
#searchFilterBox .boxHeader #boxCloseLink:hover { text-decoration: underline}
#searchFilterBox .boxContent { padding: 1em 30px}
#searchFilterBox .selectedCategory { margin-bottom: 1em}
#searchFilterBox .searchForm { padding:0}
#searchFilterBox .searchForm .searchField { width: 573px}
#searchFilterBox #searchFilterList { height: 400px; overflow: auto; border: 1px solid #d9d9d9; padding: 10px; margin-top: 1em}
#searchFilterBox #searchFilterList ul { margin: 0; padding: 0; list-style-type: none}
#searchFilterBox #searchFilterList li { padding: 2px}
#searchFilterBox #searchFilterList li input { margin-right: 5px}
/* Layout helper classes */
.boxLabel:empty, p:empty, h2:empty, h3:empty, li:empty {
display: none
}
.singleLineBefore { margin-top: 1.33em }
.singleLineAfter { margin-bottom: 1.33em }
.doubleLineBefore { margin-top: 2.66em}
.doubleLineAfter { margin-bottom: 2.66em }
.extraVSpace { margin-top: 0.67em; margin-bottom: 0.67em }
.extraVSpaceFull { margin-top: 1.33em; margin-bottom: 1.33em }
hr.extraVSpace { padding: 0; margin: 4.5em 0 }
hr.extraVSpaceFull { padding; 0 }
.extraHSpaceRight { margin-right: 1.5em }
.extraHSpaceLeft { margin-right: 1.5em }
.extraBottomSpace { margin-bottom: 1.33em }
.noBottomSpace { margin-bottom: 0; padding-bottom: 0 }
.noTopSpace { margin-top: 0; padding-top: 0 }
.noMargin { margin: 0 }
.noBorder { border: none !important }
.floatRight { float: right }
.floatLeft { float: left }
.clearBoth { clear: both }
.clearLeft { clear: left }
.clearRight { clear: right }
.productionComment { display: block; background: #ff0; padding: 0.5em 1em; font-weight: bold; margin: 1.33em 0 }
.tooltip {
position: absolute;
z-index: 1020;
display: block;
visibility: visible;
padding: 5px;
font-size: 11px;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80);
}
.tooltip.top {
margin-top: -2px;
}
.tooltip.right {
margin-left: 2px;
}
.tooltip.bottom {
margin-top: 2px;
}
.tooltip.left {
margin-left: -2px;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #000000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #000000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #000000;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr}
.ir br { display: none}
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden}
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px}
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto}
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden}
/* Contain floats: h5bp.com/q */
.clearfix { overflow: hidden}
.clearfix:before, .clearfix:after { content: ""; display: table}
.clearfix:after { clear: both}
.clearfix { zoom: 1}
/* ==|== media queries ======================================================
PLACEHOLDER Media Queries for Responsive Design.
These override the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (orientation: landscape) {
h1,h2,h3,h4,h5,h6, p, div, table, ul, .journalListing li, .tabBar .tab { display: block !important }
.pseudoSelect,
ul.alphabetListing li,
ul.pagerNavigation li,
.pageNumber,
.singleButton,
ul.splitButton,
ul.splitButton li,
.accessOptions li,
.accessOptions .label span,
.articleFunctions .articleAccessLabel.sfx,
article .articleDetails span,
.pageFunctions #setShareLink,
.buttonTab , .buttonBar a,
.toggleButton { display: inline-block !important }
.touch #userAccount:hover .dropMenu { left: auto !important; right: 0 !important }
}
/**
* Fix for keyboard bug in HTC Flyer
*/
@media (max-device-width: 600px) and (orientation: landscape) {
html.touch .home #asidePanel #userAccountBox {
width: 220px;
float: left;
}
html.touch .home #asidePanel #servicePanel {
width: 440px;
float: right;
}
html.touch .home #content,
html.touch .home #content #contentLeft {
width: 520px;
}
}
@media only screen and (orientation: portrait) {
h1,h2,h3,h4,h5,h6, p, div, table, ul, .journalListing li, .tabBar .tab { display: block !important }
.pseudoSelect,
ul.alphabetListing li,
ul.pagerNavigation li,
.pageNumber,
.singleButton,
ul.splitButton,
ul.splitButton li,
.accessOptions li,
.accessOptions .label span,
.articleFunctions .articleAccessLabel.sfx,
article .articleDetails span,
.pageFunctions #setShareLink,
.buttonTab , .buttonBar a,
.toggleButton { display: inline-block !important }
html.touch #navPanel {
position:absolute;
margin: 0;
width: 230px;
top: 160px;
min-height: 900px;
left: -230px;
z-index:9999;
background: #f0f0f0;
padding: 0;
padding-top: 32px;
float: none !important;
}
html.touch #navPanelHandle {
position:absolute;
left:0px;
top:0;
width:262px;
height:32px;
background: #013476 url(img/bg_navPanelHandle.jpg) center right no-repeat;
}
html.touch #issueSelect ul.selectList:hover { width: auto; position: absolute; left: 30px; z-index: 1000 }
html.touch #navPanel.opened {
-webkit-box-shadow: 4px 4px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 4px 4px 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 4px 4px 2px 2px rgba(0, 0, 0, 0.2);
}
html.touch #navPanel.opened #navPanelHandle {
background: #013476 url(img/bg_navPanelHandleOpened.jpg) center right no-repeat;
}
html.touch #navPanelContent {
margin: 15px;
background: #f0f0f0;
}
html.touch #application { width: auto; margin-right: 20px }
html.touch #searchBar { width: auto }
#searchBar .searchField { width: 150px }
#userAccount:hover .dropMenu { left: auto !important; right: 0 !important }
html.touch #userFunctions .headerFunctionTitle {
width: 22px; padding-left: 0px; text-indent: -999em; overflow: hidden; display: inline-block;
}
html.touch #userFunctions .headerFunctionOptions {
display: none;
}
html.touch #content { width: auto; float: none }
html.touch .home #content,
html.touch .home #content #contentLeft {
width: 708px;
}
html.touch .home #asidePanel {
float: left; margin-left: 0; width: 708px; padding-top: 30px;
}
html.touch .home #asidePanel #userAccountBox {
width: 220px;
float: left;
}
html.touch .home #asidePanel #servicePanel {
width: 440px;
float: right;
}
html.touch ul.pagerNavigation li { min-width: 32px; height: 32px; line-height: 32px }
html.touch ul.alphabetListing li a {
width: 32px;
height: 32px;
line-height: 32px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf) );
background: -webkit-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
background: -o-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
background: linear-gradient(top, #ffffff 0%, #dfdfdf 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf', GradientType=0 );
}
html.touch ul.alphabetListing li a.selected, ul.alphabetListing li a:hover { background: #A3D8F6; color: #fff}
/* html.touch #adSidebar { display: none } */
html.touch #adSidebar { position: relative; top: auto; left: auto }
footer .advertisement { display: none; margin-left: 0 }
}
@media only screen and (orientation: landscape) {
html.touch footer .advertisement { margin-left: 0 }
}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline}
a[href]:after { content: " (" attr(href) ")"}
abbr[title]:after { content: " (" attr(title) ")"}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""} /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid}
thead { display: table-header-group} /* h5bp.com/t */
tr, img { page-break-inside: avoid}
img { max-width: 100% !important}
@page { margin: 0.5cm}
p, h2, h3 { orphans: 3; widows: 3}
h2, h3 { page-break-after: avoid}
/* Thieme E-Journals Ammendments */
h1 { font-size: 18pt; line-height: 120%; }
p, article section, article section p, article figure figcaption, .boxContent { font-size: 11pt; line-height: 150%; }
#content { width: auto; float: none }
.articleType, figure, .articleBox, .tableWrapper { border: 1px solid #666 !important }
.articleBox.cave .boxLabel { border-bottom: 1px solid #666 !important }
#pageHeader, #navPanel, #adSidebar, .advertisement, #pageEnd, #footerRight, .zoomIcon, .jumpToTopLink, .pageFunctions, .articleFunctions { display: none }
#footerLeft, #footerCenter { display: block }
}