html, body { height: 100%; margin: 0; padding: 0; }
body { background: #ffcc32; font-size: 100%; font-family: georgia, new-times-roman, serif; line-height: 1.5 }

#shim { visibility: hidden; width: 100%; height: 50%; margin-top: -330px; float: left; }

#container { position: relative; width: 824px; height: 572px; padding: 18px; margin: 0 auto; background: #ffffff; color: #777; border: 2px solid #3f66b1; 
 background: #fff url(/assets/13/dreamstime.png) 0 104px no-repeat; clear: both;}

#content { float: right; position: relative; width: 544px; border: 2px solid #bcbcbc; height: 447px; background: url(/images/white_tile.png); }
#content h1 { padding: 10px 18px 11px; border-bottom: 2px solid #bcbcbc; background: url(/images/blue_tile.png); }

#footer { width: 824px; padding: 6px 18px 36px; margin: 0 auto; font-size: 12px; font-family: helvetica, arial, sans-serif; text-decoration: none; 
  color: #0000cc; }
#footer a { color: #0000cc; text-decoration: none; }
#footer a:hover { text-decoration: none; color: #111; }

#footer #links { float: left; width: 400px; }
#footer #copyright { float: right; width: 400px; text-align: right; }

#header { height: 104px; background: white; }

hr { height: 2px; background: #bcbcbc; border: none; margin: 0 0 22px; }

p { margin: 0 0 12px 0; }
a { color: #3366cc; outline: none; -moz-outline: none; }

#navigation { float: left; width: 180px; height: 422px; padding: 12px 18px; border: 2px solid #bcbcbc; background: url(/images/blue_tile.png); }
#navigation ul { list-style: none; margin: 0; padding: 0; }
#navigation li { margin: 0 0 8px 0; }
#navigation li a { text-decoration: none; font-style: italic; }
#navigation li a.active, #navigation li a:hover { color: #0000cc; }

.clearboth { clear: both; }
.bild { cursor: pointer; }

.page { display: none; position: absolute; top: 0; right: 0; width: 544px; padding: 0 0; }
.page .bild { padding: 0; position: absolute; top: 47px; left: 0; z-index: 20; }
.page .background { padding: 0; position: absolute; top: 47px; left: 0; z-index: 10; }

.text { padding: 12px 12px 0; height: 388px; color: #777; position: absolute; top: 50px; left: 0; z-index: 10; }
.text ul { padding: 0; margin: 0; list-style: none; position: relative; z-index: 10; }

.page a.close { position: absolute; bottom: 12px; right: 12px; color: #aaa; text-decoration: none; font-style:italic; }
.page a.close:hover { text-decoration: underline; }

h1 { font-size: 1em; margin: 0; font-style: italic; color: #3366cc; font-weight: normal;  }

h2 { font-size: 1em; margin: 0; color: #3366cc; font-weight: bold; }

#logo { display: block; position: absolute; top: 18px; right: 18px; height: 76px; width: 75px; text-indent: -100000px; 
  background-image: url('/images/dove_logo_off.png'); background-repeat: no-repeat; }
#logo a { display: block; height: 76px; width: 75px; }
#logo a { display: block; height: 76px; width: 75px; background: url('/images/dove_logo_on.png'); background-repeat: no-repeat; }

#header h1 { height: 76px; width: 720px; margin-top: -8px; text-indent: -10000px; background: url('/images/theologischepraxis.png') no-repeat; }
#header h2 { text-indent: -10000px; }

#tooltips li { display: block; height: 36px; width: 36px; position: absolute; 
  background: url(/images/clear.png); margin: 2px; }
#tooltips li div { display: none; }

.tooltip { z-index: 100; font-size: 12px; width: 170px; margin: 20px 0 0 20px;
  background: url('/images/white_tile.png'); font-style: italic; padding: 10px; border: 3px solid #aaa; }