/*
 *
 * $Id: style_hsk_common.css $
 * Settings for both screen and print view
 *
 */


/* site-defaults */
* {
  /* set margin/padding to 0 to minimize browser differences, override later if needed */
  margin: 0;
  padding: 0;
}

td, p, li {
  color: #333333;
  vertical-align: top;
}

/* reduce font-size and increase line-height for all texts in the left main-area and listings */
.detailWrapper .detailLeft, .aboutWrapper p, .forumWrapper .indent, table.listing td.listing {
  line-height: 145%;
  font-size: 90%;
}

hr {
 color:#888888
}

b {
  color:#333;
}

a:link, a:visited, a:active {
  color: #333;
  text-decoration: underline;
}

a:link:hover, a:visited:hover {
  text-decoration: underline;
}

/* IE 6 doesn't like the following, so put them separate */
.reHead > p > a:link, .reHead > p > a:visited {
  color: #000000;
  text-decoration: none;
}

li {
  list-style-type: square;
  margin-left: 1em;
  margin-bottom: 0.2em;
  vertical-align:middle;
  font-size:90%;
}

/*li a:link , li a:active, li a:visited {
  text-decoration: none;
}*/


h1, h2, h3, h4, h5, h6 {
  color: #333;
  margin-bottom: 0.2em;
  line-height: 120%;
}

h4 {
  margin-top: 1em;
}
h5
{
 font-weight:bold;
}

select {
  width: auto;
}

select option {
  padding-right: 0.5em;
}

select.searchDescriptor {
  width: 24em;
}


.floatClear {
  _display: none; /* IE 6 only since it ignores height: 0 */
  height: 0;
  clear: both;
}

.floatClearRight {
  _display: none; /* IE 6 only since it ignores height: 0 */
  height: 0;
  clear: right;
}

.floatClearLeft {
  _display: none; /* IE 6 only since it ignores height: 0 */
  height: 0;
  clear: left;
}

/* see http://www.positioniseverything.net/easyclearing.html */
.clearfix:after, .clearfixLeft:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfixLeft:after {
  clear: left;
}

.clearfix, .clearfixLeft {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix, * html .clearfixLeft {height: 1%;}
.clearfix, .clearfixLeft {display: block;}
/* End hide from IE-mac */

.spacer {
  clear: both;
}

.nowrap {
  white-space: nowrap;
}

#main {
  margin-left: 59px;
  width: 825px;
  background-color: white;
  padding-top: 6px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 1em;
}

#mainTop {
  background-color: #B1B1A6;
  padding: 3px;
}

#mainLeft {
  background-color: yellow;
  width: 60%;
  float: left;
  height: 100%;
}

#mainRight{
  background-color:orange;
}

.topMenuTextLeft {
  font-weight: bold;
  font-size: 85%;
  padding-top:.3em;
  float:left;
  text-transform: uppercase;
  color:#333;
}

.topMenuTextRight{
  font-weight: bold;
  font-size: 85%;
  padding-top:.3em;
  padding-right: 3px;
  float:right;
  text-transform: none;
  color: #333;
}

.searchForm {
  padding: 1px;
  border: #666666 1px solid;
  height: 14px;
  font-size: 9px;
  margin-right: 2px;
  margin-bottom: 1px;
  *margin-bottom: 0px;
  width: 200px;
}

.btn {
  border: #666666 1px solid;
  background: #ffffff;
  color: #666666;
  height: 16px;
  *height: 18px;
  -moz-box-sizing: content-box;
  font-size: 10px;
  font-weight: bold;
}

.btn:hover {
  border: #666666 1px solid;
  background: #f0f0f0;
  color: #666666;
  height: 16px;
  *height: 18px;
  -moz-box-sizing: content-box;
  font-size: 10px;
  font-weight: bold;
}

.error, .required {
  color: #993333;
}

#topMenuClioLogo {
  float:left;
}

#topMenuContainer3 {
  position: relative;
  width: 786px;
  height: 112px;
}

#topMenuContainer4 {
  position: absolute;
  right: 3px;
  bottom: 28px;
  border-collapse: collapse;
}

#topMenuContainerLogo {
  position: absolute;
  left: 35px;
  bottom: 28px;
}

#topMenuContainer5 {
  margin-left: 59px;
  padding: 0;
}

#topMenuBG {
  float: left;
  background-image: url(../media/hsk/top-bg.gif);
  left: 114px;
  width: 786px;
  height: 112px;
}

/* Code for CSS-Tab-Menus */
#menuToplevel
{
  padding-top: 15px;
  padding-left: 3px;
  height: 21px;
  width: 838px; /* 841 - padding-left */
  float: left;
  background-color: #D1D0BC;
  border-bottom: #FBCB38 5px solid;
}

#menuToplevel ul
{
  display: block;
  list-style: none outside;
}

#menuToplevel li
{
  padding-top: 0px;
  margin: 0 3px 2px 0;
  height: 100%;

  /* the next 3 lines are magic */
  display: block;
  float: left;
  position: relative;

  background-color: #41403E;
  color: #ffffff;

  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
}

#menuToplevel li.active
{
  background-color: #FBCC36;
}


#menuToplevel a:link, #menuToplevel a:visited
{
  position:relative;
  top:5px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 2px;
  background-color: #41403E;
  color: #ffffff;
  text-decoration: none;
}

#menuToplevel a:link:hover, #menuToplevel a:visited:hover
{
  color: #FBCC36;
}

#menuToplevel li.active a:link, #menuToplevel li.active a:visited
{
  background-color: #FBCC36;
  color: #000000;
}


#menuToplevelClear, #menuSecondlevelClear { display: none; }

html>body #menuToplevelclear
{
  display: block;
  clear: both;
}

#menuSecondlevel {
  position: relative;
  margin-top: 0;
  margin-left: 59px;
  border-left: 8px solid #ffffff;
  border-right: 8px solid #ffffff;
  height: 16px;
  *height: 16px; /* IE 7 and below */
  font-weight: bold;
  vertical-align:top;

}

#menuSecondlevel ul {
  display: block;
  list-style: none outside;
  padding: 0;
  margin: 0 0 0 0;
}

#menuSecondlevel li {
  margin: 0 0 0 0;
  padding-top: 1px;

  /* the next 3 lines are magic */
  display: block;
  float: left;
  position: relative;

  font-family: Verdana, sans-serif;
  font-size: 11px;

  color: #000000;
}

#menuSecondlevel li.active {
}


#menuSecondlevel a:link, #menuSecondlevel a:visited {
  position: relative;
  top: 0px;

  margin-left: 1px;
  margin-right: 2px;

  padding-top: 2px;
  padding-left: 0.4em;
  padding-right: 1em;
  padding-bottom: 1px;

  color: #000000;
  text-decoration: none;
}

#menuSecondlevel a:hover {
  background-color: #FBCC36;
}

#menuSecondlevel li.active a {
  background-color: #FBCC36;
  color: #000000;
}

table.listing {
  border-collapse: collapse;
  width: 100%;
  /* font-size: 100%; */
  margin-top: 1em;
}

tr.listingHeader th {
  background-color: #B1B1A7; /* #D1D0BC; */
  padding-bottom: 8px;
  padding-top: 8px;
  padding-left: 4px;
  text-align: left;
}

td.listing {
  background-color: #efeeda; /* #D1D0BC; */
  padding: 5px;
}

table.listingNavigation {
  border-collapse: collapse;
  width: 100%;
  background-color: #B1B1A7;
}

table.listingNavigation td {
  padding: 7px;
}

.searchTop {
  background-color: #D1D0BC; /* #B1B1A7; */
  padding: 8px;
  margin-bottom: 8px;
  height:100%;
}

.searchTopHeading {
  float: left;
  width: 14%;
}

.searchTopSubmit {
  text-align: right;
}

.searchTopSubmit {
  padding-right:100px;
  margin-top:-20px;
}

.detailNavigation {
  margin-top: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 100%;
  text-align: center;
  color: #333;
  background-color: #B1B1A6;
  font-size: 85%;
  font-weight: bold;
}

#detailsNaviBottom {
  border-top: #FBCB38 2px solid;
  padding: 4px;
  background-color: #B1B1A6;
  width: 100%;
  font-size: 80%;
  font-weight: bold;
}

#details {
  border-top: #FBCB38 5px solid;
  background-color: #ffffff;
}

#details h1, .indent h1 {
  font-size: 130%;
  margin-bottom: 0.4em;
}

.indent h1 {
  width: 100%;
}

.indent h3 {
  margin-top: 1em;
  font-size: 110%;
}

/* .indent h3:first-child {
  margin-top: 0;
} */

#detail ul, .indent ul {
  margin-bottom: 0.5em;
  padding-left: 0.5em;
  margin-left: 0em;
}

#details p, .indent p {
  margin-bottom: 0.5em;
/*font-family:georgia;line-height:160%;*/
}

#detailTable {
  font-weight: bold;
  width: 50%;
}

#detailSubjectWrapper {
  width: 100%;
  background-color: #D1D0BC;
  vertical-align:top;
}
.aboutWrapper .submenu li a:link , .aboutWrapper .submenu  li a:active, .aboutWrapper .submenu  li a:visited
{  text-decoration: none;
}
.aboutWrapper .submenu li a:hover
{  text-decoration: underline;
}
#detailSubject {
  width: 70%;
  padding: 3px;
  vertical-align:top;
}

#detailSubject h1 {
 border: none;
 font-size: 130%;
 color: #333;
}

#detailSubject h2 {
 font-size: 90%;
 margin-bottom: 0.2em;
 color:#333;
}

#detailViewSelector {
  float: right;
  width: 22%;
  padding: 4px;
  margin: 0 0 0 4px;
  text-align: left;
  font-size: 90%;
}

#detailViewSelector a {
  text-decoration: none;
}

img.detailCover {
  /* float: left; */
  padding-right: 1em;
  padding-bottom: 1em;
}

.detailWrapper {
  clear: both;
  position: relative;
  width: 100%;
  background-color: white;
  margin-top: .8em;
}

.detailLeft, .indent {
  width: 67%;
  padding-bottom: 0.5em;

  position: relative;
}

.indent {
  margin-top: 5px;
  margin-left: 5px;
}

/*box right*/
.homeRight, .detailInfos, .submenu, .printview {
  float: right;
  width: 22%;
  color: #333;
  background-color: #efeeda;/*#EFEFD4;/*#D1D0BC;*/
  padding: 4px;
  position: relative;
  margin: 0 0 0 0px;
  line-height: 145%;
}

.submenu {
  top: 10px;
}

.homeRight, .detailInfos {
  margin-top: 85px;
}

.detailInfos { /* override the following compared to other boxes */
  line-height: 145%;
  margin-top: 4px;
  font-size: 90%;
}

.detailInfos h4 {
  margin-top: 0;
  margin-bottom: 0.2em;
  padding: 0;
  color: #444;
  font-size: 110%;
}

.detailInfos p {
  font-size: 100%;
}

.detailInfos ul {
  padding-left: 0em;
  margin-top: 0;
  margin-left: .2em;
  margin-bottom: 1em;
}
.detailInfos a:link
{
  text-decoration:underline;
  color:#444;
}

.submenu ul {
  padding-left: 0em;
  margin-left: 0em;
  margin-bottom: 1em;
}

.detailInfos ul li {
  list-style-type: square;
  margin-left: 1.5em;
  margin-bottom: 0.2em;
  vertical-align:middle;
}

.submenu ul li {
  font-size:90%;
  margin:.5em;
  list-style-type:none;
  vertical-align:middle;
}

.submenu a:hover
{
  text-decoration:underline;
}
.submenu span.active {
  font-weight: bold;

}

.metadata div {
  font-size: 100%;
}

/*details box right -> linked classificators .. */
.metadata a:link { text-decoration:underline; }
.metadata a:hover { text-decoration:underline; }

.metadata div label, .metadata label.classificator {
  margin-top: 1em;
  color:#333;
  display: block;
  font-weight: bold;

}

/*
.metadata label.classificator {
  font-weight: normal;
   display: block;
}*/

.detailLeft p, .indent p {
  /*#333: 125%;*/
}

.detailLeft hr {
  border: 0;
/*  color: #B1B1A6;*/
color:#888;
  background-color: #888;
  height: 1px;
  margin-top: 0.6em;
  margin-bottom:1em;
}

.detailLeft a:link, .detailLeft a:visited, .detail a:link, .detail a:visited,
.indent a:link, .indent a:visited, a.light:link, a.light:link:visited
{
 /* text-decoration: none;
  border-bottom: 1px solid #B1B1A7;*/
}

.detailLeft a:link:hover, .detailLeft a:visited:hover,
.detail a:link:hover, .detail a:visited:hover,
.indent a:link:hover, .indent a:visited:hover
{
  text-decoration: underline;
  /* text-decoration: none;
  border-bottom: 1px solid black; */
}

.detailLeft table.twoCol {
  margin-bottom: 1em;
  vertical-align: top;
  border-spacing: 0px;
  padding: 0px;
}
.twoCol td {
  vertical-align:top;
}

.twoCol .label {
 /* dbu 2007-10-23 font-style:italic; */
  padding-bottom:3px;
  padding-right:3px;
}

table.detailTop {
  width: 100%;
}
table.detailTop td.label {
  width: 15%;
}

.detailAbstract, .detailTop, .detailBibinfo, .reHead {
  padding-bottom: 0.4em;
  border-bottom: /*#FBCB38 */ solid 1px #888;
  margin-bottom: 1em;
  /* height:100%; */
}

/* .detailBibinfo i
{
font-style:normal;
} */

.detailAbstract h3 {
  font-size: 100%;
  color: #606060;
}

.detailAbstract p {
  color: #606060;
}

.detailBottom
{
  color: #333333;
  border-top: solid 1px #888;
  margin-top: 0.8em;
  padding-top: 6px;
}

.detailBottom .content p {
  font-style:normal;
}

a.external {
  background: url(external.gif) center right no-repeat;
  padding-right: 13px;
}

td.listing {
  border-top: 2px solid white;
}

p.listing, p.listingHeader {
  padding: 2px;
}

p.listingHeader a, td.detailHeader a {
  color: black;
  font-weight: bold;
  text-decoration: none;
}

p.listing a, td.detailAction a, td.content a, td.detailHome a, td.detailHomeRight a, td.small a {
  color: black;

}

th.listing-border-left, td.listing-border-left {
  border-left: 2px solid white;
}

div.detail {
  background-color: white;
  font-size: 130%;
}

a#citation, a:hover#citation {
  color: #333333;
  font-weight: bold;
  display: block;
  text-decoration: none;
  font-style: normal;
}

h4.re {
  margin-top: 1em;
}

p.reActive {
  padding: 3px;
  background-color: #D1D0BC;
}

span.reActive {
  font-weight: bold;
}

/* information, help, subscription and forum pages pages*/
.aboutWrapper h1, .anmeldungWrapper h1, .impressumWrapper h1, .forumWrapper h1, .anmeldungWrapper h1 {
  background-color: #D1D0BC;
  padding: 3px;
  padding-bottom: 8px;
  border-top: solid 4px #FBCB38;
  font-size: 130%;
}

.zeitschriftenWrapper .detailLeft p a:link, .zeitschriftenWrapper .detailLeft p a:visited {
  text-decoration: none;
}
.zeitschriftenWrapper .detailLeft p a:visited {
  text-decoration: none;
  color:#666123;
}

.zeitschriftenWrapper .detailLeft p a:link:hover, .zeitschriftenWrapper .detailLeft p a:visited:hover {
  text-decoration: underline;
}
.impressumWrapper p, .anmeldungWrapper p
{
  font-size:90%;
}

.beitraegerWrapper div
{
  font-size:100%;
}

.beitraegerWrapper .detailNavigation
{
  font-size:80%;
}

.beitraegerWrapper span.homeFokusDeck
{
  margin-bottom:2em;
}
.beitraegerWrapper .homeFokus a:link
{
  margin-bottom:.5em;
}