* {font-family:arial,verdana,sans;}

body {
  margin:auto;
  margin-top:2.2em;
  padding-right:1em;
  padding-left:1em;
  color:#333;
  color:#9c9d9f;
  background-color:white;
  min-width:880px;
  max-width:1100px;
}
#signet {
  position:relative;
  font-size:.6em;
  vertical-align:bottom;
  line-height:1em;
}
#signet a:hover { }
#main_wrap {
  position:relative;
}

#content_wrap {
  position:relative;
  z-index:10;
  margin:1em auto;
  margin-bottom:0px;
  background-color:white;
  text-align:center;
  font-size:.6em;
  height:504px;
  border:1px solid white;
}

#navi_wrap, #right_wrap {
  position:absolute;
  top:0px;
  width:12em;
  z-index:20;
  height:504px;
}
#navi_wrap {
  left:0px;
  /*letter-spacing:.01em;*/
}
#right_wrap {
  right:0px;
}

#navi_wrap p, #right_wrap p, .chart {
  position:relative;
  font-size:.6em;
  vertical-align:middle;
}
.lebensgt {position:relative;top:3px!important;}
#navi_wrap p {
  font-weight:bold;
  padding-left:1.8em;
  margin-bottom:.5em;
}
#right_wrap p {
  padding-left:.8em;
}
#navi_wrap p.mgtop, #right_wrap p.mgtop{
  margin-top:18px;
}

#login p{
  line-height:2.7em;
  width:13em;
}
#kundenlogin {
  cursor:pointer;
}
.subnavi {
  padding-left:4em!important;
  line-height:1.8em;
  /*letter-spacing:.01em;*/
  margin-top:0em!important;
}
.menschen {
  padding-top:.6em!important;
  padding-left:6em!important;
  margin-top:-1em!important;
}
#mainimage, .slideable {
  background:url('/images/wait.gif');
  background-repeat:no-repeat;
  background-position: center;
  background-color:#eee;
  border:1px solid gray;
}
table .mainimage {
  z-index:2;
  display:none!important;
}
#comment {
  position:relative;
  top:-3px;
  /*white-space:nowrap;*/
  width:200px;
  display:block;
}
#comment_vn {
  display:inline-block;
  text-align:left;
  margin-top:-3px;
  margin-left:.8em;
}

#main_wrap h1 {
  margin-top:0px;
  margin-bottom:1.5em;;
  font-size:1.5em;
}
#main_wrap h2 {
  margin:0px;
  font-size:1.5em;
  font-weight:bold;
}
#main_wrap h3 {
  margin:0px;
  font-size:1.4em;
  font-weight:bold;
  margin-top:1.5em;
}
p.text-left {
  float:left;
  margin-top:0px;
}
p.text-right {
  margin-left:7em;
}
#mainimage_wrap {
  height:442px;
  margin-top:20px;
  color:gray;
}
#vorher {
  border:1px solid gray;
  margin-right:18px;
}
#ausn_wg_breiteren_b_nr_5 {
  width:445px;
  white-space:nowrap;
  margin:0px auto;
}
#kundenbestand {padding-left:1px;}
.none {display:none;}
table.mainimage {
  border-spacing:0px;
  /*margin-left:21em;*/
margin-left:200px;
  empty-cells:show;
  /*display:inline-block;  safari only */
  display:inline;
}
td.mainimage_left {
  padding:0;
  line-height:0;
}
td.mainimage_right {
  /*width:20em;*/
width:200px;
  vertical-align:top;
  text-align:left;
  padding-top:0px;
  padding-left:1em;
  font-weight:bold;
}
#sub_mainimage_left {
  padding-top:5px;
  text-align:left;
}
.panorama {
  height:295px;
  vertical-align:bottom;
}
#textcontent {
  margin:0px 25%;
  /*width:60%;*/
  color:#555;
  text-align:left;
  height:466px;
  overflow:hidden;
}
#textcontent p {
  font-size:1.4em;
  line-height:1.5em;
}
#textcontent h1 {
  color:#222;
  font-size:1.5em;
}
#textcontent h2 {
  font-size:1.5em;
  margin-top:2em;
}
.menschen_des_20_jahrhunderts #textcontent {
  width:369px;
  margin:0 auto;
}

.chart {
  position:absolute;
  left:18px;
  bottom:17px;
  z-index:1;
  background-repeat:no-repeat;
}
.lebens {
  width:158px;
  height:158px;
  overflow:hidden;
}
.lebenschart {
  position:absolute;
  bottom:0px;
  width:158px;
  height:158px;
}
.lebenschart_top {
  line-height:0px;
  z-index:1;
}
.lebenschart_top img {
  width:29px;
  height:29px;
  margin-bottom:3px;
  background:white;
  cursor:pointer;
  opacity:.5;
}
#thumb100, #thumb100_ {
  width:638px;
}
#viertel_ist {
  bottom:175px!important;
}
.viertel {
  cursor:pointer;
}
img.opaque, img.selected {
  opacity:0!important;
}
.lebenschart0 {
  left:0px;
  background:url('/projekte/menschen-des-20-jahrhunderts/images/_1q.jpg');
}
.lebenschart1 {
  left:162px;
  background:url('/projekte/menschen-des-20-jahrhunderts/images/_2q.jpg');
}
.lebenschart2 {
  left:324px;
  background:url('/projekte/menschen-des-20-jahrhunderts/images/_3q.jpg');
}
.lebenschart3 {
  left:486px;
  background:url('/projekte/menschen-des-20-jahrhunderts/images/_4q.jpg');
}
#thumbchart {
  line-height:0px;
  width:173px;
  overflow:hidden;
  vertical-align:bottom;
}
#thumbchart img {
  width:41px;
  height:27px;
  margin:0 3px 3px 0!important;
  padding:0!important;
  cursor:pointer;
}
#thumbchart .border img {
  width:38px;
  height:25px;
}
#thumbs_inner {
  position:relative;
  width:360px;
  height:120px;
}
.thumbs {
  width:180px;position:absolute;bottom:0px;
}
.thumbs1 {
  left:176px;
}
#thumbsmover {
  position:absolute;
  left:197px;
  bottom:14px;
  z-index:1;
}
#thumbsmoverjh {
  position:absolute;
  left:182px;
  bottom:17px;
  z-index:1;
  width:200px;
}
#thumbsmoveleft, #thumbsmoveright { 
  position:absolute;
  bottom:0px;
}
.lebenslinien #thumbsmoveleft { 
  position:absolute;
  bottom:14px;
}
.lebenslinien #thumbsmoveright { 
  position:absolute;
  bottom:1px;
}
#thumbsmoveleftjh { 
  position:relative;
  top:0px;
}
#thumbsmoveleftjh img, #thumbsmoverightjh img {
  width:10px;
  /*height:14px;*/
height:8px!IMPORTANT;
vertical-align:baseline;
}
#navi_wrap #thumbsmoveleft img {
  height:12px;
}
#thumbsmover span, #thumbsmoverjh span {
  cursor:pointer;
  padding-right:1em;
}
#thumbsmoverjh span:hover {
  color:black;
}
.gt, .lt {
  background:url('/images/iconfund.png');
  background-repeat:no-repeat;
  width:70px;
  height:20px;
  cursor:pointer;
}
.gt { background-position:0px -8px; }
.lt { background-position:63px -38px; }
.gt_ img, .gt:hover, .black .gt {background-position:0px 6px;}
.lt_ img, .lt:hover {background-position:63px -22px;}
.lt_stop { background-position:63px -52px!important; cursor:text; }
.gt_stop { background-position:-1px -52px!important; cursor:text; }

#thumbsmover .lt { background-position:0px -42px;}
#thumbsmover .lt_ img { background-position:0px -26px!important;}
#navi_wrap .gt { background-position:0px -12px; height:12px;}
#thumbsmover .gt_ img { background-position:0px 2px!important;}

.lebenslinien .lt { background-position:0px -42px!important;}
.lebenslinien .lt_ img { background-position:0px -26px!important;}
.lebenslala {
  margin:2.5em 0;
}
.lebenslala div {
  float: left;
  margin: 0 10px 20px 0;
}
.lebenslala a:hover { text-decoration:none!important;}

#thumbsmoverjh .lt { background-position:0px -44px;}
#thumbsmoverjh .lt_ img { background-position:0px -28px; }
#thumbsmoverjh .gt { background-position:0px -14px; }
#thumbsmoverjh .gt_ img { background-position:0px 0px; }

#kontaktform .gt {width:8px;height:14px;}

.prechart img {
  position:relative;
  top:6px;
}
.nowrap {
  white-space:nowrap;
}

#walkimages {
  font-size:1.4em;
  font-weight:bold;
}
.hslider_wrap {
  position:absolute;
  top:488px;
  width:100%;
  z-index:100;
display:none;
}
#hslider {
  position:relative;
  left:50%;
  margin-left:-200px;
  width: 400px;
  height: 30px;
}
#htrack {
  position: absolute;
  width: 400px;
  height: 30px;
  cursor:pointer;
  background: transparent url(/images/hslider-track.gif);
}
.htrackover {
  /*background: #fefefe url(/images/hslider-track.gif)!important;*/
}
#hhandle {
  position: absolute;
  top:8px;
  width: 37px;
  height: 15px;
  cursor:e-resize;
  cursor:-moz-grab;
  background: url(/images/hslider.gif) no-repeat center;
}

#vslider {
  position:absolute;
  /*right:-15px;*/
  right:200px;
  top:0px;
  /*top:0px;*/
  top:-20px;
  width: 30px;
  /*height: 420px;*/
  height: 466px;
}
#vtrack {
  position: absolute;
  left:-1px;
  width: 30px;
  /*height: 420px;*/
  height: 466px;
  cursor:n-resize;
  background: transparent url(/images/vslider-track.gif);
}
.vtrackover {
  /*background: #fafafa url(/images/vslider-track.gif)!important;*/
}
#vhandle {
  position: absolute;
  left:0px;
  width: 30px;
  height: 40px;
  cursor:s-resize;
  cursor:-moz-grab;
  background: url(/images/vslider.png) no-repeat center;
}
.vhandleover {
  background: url(/images/vslider.png) no-repeat center!important;
}
.grabbing {
  cursor:-moz-grabbing!important;
}
#play, #stop {
  cursor:pointer;
}
#play:hover {
  color:black;
}
#sub_mainimage_left {
  margin-top:-3px;
}

.slideimagewrap {
  position:relative;
  left:0px;
  top:0px;
  width:348px;
  height:442px;
}
.slideable {
  position:absolute;
  left:0px;
  top:0px;
}

#contact_reply {
  margin-top:4em;
}
#contact_reply h3 {
  font-style:italic;
}
#contact_reply img {
  vertical-align:middle;
  margin-right:1em;
}
.contact_weiter { 
  cursor:pointer;
}
.contact_weiter:hover { 
  text-decoration:underline;
}
#navi_wrap input {
  width:100%;
  font-size:.7em;
}

input, textarea {
  border: 1px solid gray;
  margin: 0px;
}
.checkbox {
  border: 0px solid gray;
}
textarea, .text {
  width:440px;
}
input.text {width:240px!important;}

img.border, .border img {border:1px solid gray;}
img.jh {border:0px}

.visible {visibility:visible;}
.hidden {visibility:hidden;}

a img {border:0px;}

a {text-decoration:none;color:#9c9d9f;}
a:visited {text-decoration:none;}
a:focus {text-decoration:underline;color:black;}
a:hover {text-decoration:none;color:black;}
#content_wrap a:hover {text-decoration:underline;color:black;}
a:active {text-decoration:none;}
.ancor {text-decoration:none!important;color:#333!important;}

.cpointer {cursor:pointer!important;}
.ctext {cursor:text!important;}
.i {font-style:italic;}
.redb {border:1px solid red;}
.red {color:red;}
.green {color:green;}
.black {color:black;}
.gray {color:#9c9d9f;}
.bold {font-weight:bold;}
.big {font-size:1.4em;}

#ie_ahoh {display:none;}