html { margin:0; padding:0; }
body {  margin:0; padding:0; font-size:12px; font-family: Helvetica, Arial, sans-serif; 
background:#231F20; color: #999999; overflow:hidden; }
/* color: #BBAE00; #999900 */
#right_panel_container { padding:0; position:absolute; top:0; bottom:0; right:0; z-index:100;
	overflow:hidden; width:350px; }
#right_panel { width:250px; margin:0; padding:0 15px; position:absolute; top:0; bottom:0; left:70px; right:0;
	background: #231F20; }
#big_pfeil { position:absolute; left:360px; top:0; bottom:0; z-index:99; border:none; opacity:0.8; filter:alpha(opacity=80); }
#big_pfeil:hover { opacity:1; filter:alpha(opacity=100); }
#big_pfeil img { height:100%; width:40px; }

div#logo { position:absolute; top:10px; right:148px; z-index:101; }
div#logo a { border:none; }

#navi { list-style:none; margin:100px 0px 15px 0px; border-bottom: 2px dotted; padding-bottom:20px; }
#navi li { margin:4px 0; color: #fff; text-transform: uppercase; letter-spacing:0.09em; font-size:1em; }
#navi li a { text-decoration:none; color: #BBAE00; border:none; }
#navi li a:hover { color: #fff; }

p#bild_desc { margin:14px 0px 15px 0px; border-bottom: 2px dotted; padding-bottom:17px; line-height:20px; }

div#big_bild_div { position:absolute; top:0; bottom:0; left:5px; right:285px; text-align:center; } /* ? overflow:hidden; ? */
div#big_bild_div a { border:none; }
img#big_bild { height:70%; position:relative; top:13%; cursor:url('../img/lupe.gif'),auto; }

div.loaddiv { border:1px solid #BBAE00; padding:1px 4px; position:absolute; top:50%; left:50%; color: #BBAE00; z-index:1000; background:black; }

/* DAMN SAFARI-HACKS */
html* img#big_bild { top: 50px !important; } /* IE7 + SAFARI */
/* damn IE-hack because of damn safari-hack (only read by IE) */
* + html img#big_bild { top: 13%; height:450px !important; } /* no percentage in IE7 except in bodytag */
/* 
img#big_bild { height:70%; margin-top:13%; margin-left:0 !important; margin-right:0 !important; margin-bottom:0 !important; }
img#big_bild { height:90%; margin-top:5%; margin-left:0 !important; margin-right:0 !important; margin-bottom:0 !important; }
img#big_bild { width:100%; margin-top:-400px; } 
div#big_bild_div { position: absolute; top:13%; bottom:20%; left:5%; right:0; overflow:hidden; }
*/
div#right_content p { text-align:justify; font-size:11px !important; }
div#right_content p:first-line { color:#fff; }
div#right_content p.unwhite:first-line { color: #999999; }
div#right_content p > p { margin:0; }
blockquote { color:#777; margin-left:2px; padding-left:10px; border-left:5px solid #bbae00; }
/* blockquote p:first-line { color:#777 !important; } */

.page_list { position:absolute; bottom:11px; right:15px; list-style:none; margin-left:60px; }
.page_list li { float:left; border-right: 1px solid #BBAE00; margin:0; padding:0 5px; display:inline-block; 
	height:9px; margin-top:10px; }
.page_list li span { display:inline-block; vertical-align: top; margin-top:-5px; }
.page_list li a { display:inline-block; height:10px; }
.page_list li.previous { width:10px; height:10px; }
#close_btn, .page_list { font-size:11px; }
div#close_btn { position:absolute; bottom: 10px; }
div#bildpfeile { position:absolute; bottom: 10px; left:-60px; width:36px; } /* width for ie */
div#bildpfeile a { border:none !important; opacity:0.8; }
div#bildpfeile a:hover { opacity:1; }
div#bildpfeile a img { filter:alpha(opacity=80); }
div#bildpfeile a:hover img { filter:alpha(opacity=100); }
div.pfeil_previous { width:18px; height:34px; float:left; }
div.pfeil_next { width:18px; height:34px; float:right; }

/* TEXT STYLES & MODIFIERS */
p { margin:5px 0; line-height: 18px; }
.noborder { border:none !important; }
.emph { color:#999999; font-weight:bold; }
.small, .helptext { font-size:11px; }
.helptext { color: #aaa; }
.tiny { font-size:10px; }
p.tiny { margin-top:-2px; }
.mini { font-size:9px !important; }
.big { font-size: 13px; }
p.mini { margin-top:-3px; }
.help, p.help { font-size:10px !important; color:#999; }
p img, h1 img, h2 img, h3 img, h4 img, td img { vertical-align:middle; }
.quiet, a.quiet:link, a.quiet:visited { color:#aaa !important; font-weight:normal !important; 
	letter-spacing:100%; text-transform:none; font-variant: normal; }
.strong { font-weight:bold !important; }
.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }
.align-left { text-align:left; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.nowrap { white-space:nowrap; }
.bold { font-weight:bold; }
.light { font-weight:light; }

/* GLOBAL DEFAULTS */
ul { margin:0; padding:0; list-style-type:none; }
ul li { margin: 5px 0; }
a { color: #999900; text-decoration:none; border-bottom:1px dotted; }
a:hover { border-bottom:1px solid; color: #BBAE00; }
h1,h2,h3,h4,h5 { font-weight:bold; font-variant: small-caps; }
h1 { font-size: 22px; letter-spacing: 60%; }
h1, h2 { color: #808080; }
h2 { margin: 14px 0; font-size: 16px; }
h3 { font-size: 14px; }
dt, dd { font-size:11px; line-height:14px; }
dt { font-weight:bold; margin-top:4px; }
dd { margin-left:0; }
.bottom-rounded { -moz-border-radius:0 0 5px 5px !important; -khtml-border-radius:0 0 5px 5px !important; }
:link:focus, :visited:focus { -moz-outline: 0px dotted; }

form { margin:0; padding:0; }
fieldset { margin:0; padding:0; }
img { border:none; }
a img { text-decoration:none !important; }

code, pre { font-family:"Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace; }
pre.literal-block { margin:10px; background:#eee; padding:6px 8px; }
code strong { color:#930; }
hr { background-color:#888; border:none; height:1px; margin:5px; }