/* STYLE SHEET FOR "kleio.org" */

body { margin:2em 3%; background:rgb(64,85,80) url(background.jpg); } 

/*--------------- header ----------------------------------------------------------------------------------------------*/
div#header { text-align:left; font-family:Arial,sans-serif; font-size:small; background:rgb(160,80,30) url(collage.jpg) right no-repeat; }

/*--------------- all pages ---------------------------------------------------------------------------------------------*/
div#pagewrapper { color:black; background:rgb(200,220,220); font-family:Arial,sans-serif; font-size:small; margin-bottom:0em; }  /*255,230,190*/

/*-------------- horizontal navigation -----------------------------------------------------------------------------*/
div#hnav { clear:both; text-align:left; font-family:Arial,sans-serif; font-size:small; background:rgb(64,85,80); border-top:solid 1px rgb(200,220,220); }  /*255,230,190*//*160,80,30*/
div#hnav a { color:white; background:none; text-decoration:none; padding:0em 0.5em; font-weight:bold; }  /*160,80,30   rgb(64,85,80)*/
div#hnav a:hover { color:black; background:rgb(200,220,220); }  /*255,230,190*/
div#hnav span { color:rgb(200,220,220); padding: 0em 0.5em; font-weight:bold; }  /*255,230,190*/

/*-------------- all pages ----------------------------------------------------------------------------------------------*/
h2 { text-align:left; font-size:1.5em; margin:0.5em 0; padding:0; }
h3 { text-align:left; font-size:1.2em; }
h4 { text-align:left; font-size:1em; margin:1.33em 0 0.5em; }
p { text-align:left; margin:0em 0em 0.5em; }

*.centered { text-align:center; }
*.block { text-align:justify; }
*.right { text-align:right; }
*.underline { text-decoration:underline; }

img { border:0px; }

a:link { color:rgb(160,80,30); text-decoration:none; background:none; }  /* rgb(160,80,30) */
a:visited { color:rgb(0,150,0); text-decoration:none; }
a:hover { color:rgb(0,0,230); text-decoration:underline; }
a:active { color:rgb(0,127,0); }

/*-------------- Seitentitel ---------------------------------------------------------------------------------------------*/
div#lang { float:right; text-align:center; font-size:80%; padding:0.5em 1em 0 0; }
div#lang a { color:rgb(150,0,0); }
div#lang a:hover { color:white; background:rgb(150,0,0); }

h2.pagetitel { margin:0; padding:0.6em; }

/*-------------- vertical navigation ---------------------------------------------------------------------------------*/
div#vnav { float:left; width:14em; margin:1em 0 0; padding:0; }
div#vnav p { margin:0; padding:0; font-size:90%; }
div#vnav p.divert { margin:0.5em 1.4em 0; font-size:70%; }
div#vnav p.h { font-style:italic; text-decoration:underline; margin:1em 1em 0; padding:0 0em; background:rgb(220,220,220); }
div#vnav p.up { font-weight:bold; margin:1em 0; }
div#vnav a { display:block; color:black; background:rgb(200,220,220); text-decoration:none; padding:0 1em; }  /*255,230,190*/
div#vnav a:hover { color:white; background:rgb(64,85,80); }  /*160,80,30*/
div#vnav span { display:block; color:rgb(255,255,255); padding:0 1em; }

/*--------------- right column ----------------------------------------------------------------------------------------*/
div#rcol { float:right; width:12em; margin:0em; padding:0; }
div#rcol div { margin:0 0.6em 0.6em; position:fixed; width:10.7em; }
div#rcol hr { height:3px; margin-top:0; background:rgb(160,80,30); }

div.bg1 { border:1px solid black; background:rgb(230,230,230); }
div.bg1 h5 { margin:0 0 0.5em; padding:0.3em 0; color:white; background:black; }
div.bg1 p { color:black; margin:0 0.5em 0.5em; font-size:90%; }

div.bg2 { border:1px solid red; background:yellow; }
div.bg2 h5 { margin:0 0 0.5em; padding:0.3em 0; color:black; background:red; }
div.bg2 p { color:black; margin:0 0.5em 0.5em; font-size:90%; }

/*--------------- main column ----------------------------------------------------------------------------------------*/
div#main { padding:1em; background:rgb(250,250,250); margin:0 12em 0 14em; }

h3.h_link { font-style:italic; margin:1em 10% 0.2em 8%; }
h3.link { font-size:1.2em; font-weight:bold; margin:0 10% 0 10%; }
h3.link span { color:rgb(180,180,180); }
h3.link span.new { color:red; font-style:italic; }
p.p_link { margin:0 10% 1em 10%; }
p.p_link span { color:rgb(180,180,180); }

ul.listing { margin:1em 0; padding:0 3em; }
ul.listing li { margin:0; list-style:outside; padding:0; }

ul.linklist { margin:1em 0; padding:0 3em; font-weight:bold; list-style-type:square; list-style-image:url(lnkbullet.gif) }
ul.linklist span { color:rgb(180,180,180); }
ul.linklist span.rem1 { color:rgb(100,100,100); font-family:"Courier New",Courier,monospace; }
ul.linklist span.rem2 { color:rgb(100,100,200); }

p.flowtext { text-align:justify; text-indent:0em; }

hr.begeg { margin-top:1.5em; }
div.spacer { padding:5em 0; }

/*----------------- Biographie Tabelle -----------------------------------------------------*/
p.image { text-align:center; margin:0 0 1em; }
p.caption1 { text-align:center; margin:0 4em 0.5em; font-weight:bold; }
p.caption2 { text-align:justify; margin:0 4em 1em; }
p.caption3 { text-align:center; margin:0 4em 1em; }

table.bio { margin-top:1em; border-collapse:collapse; }
table.bio td { vertical-align:top; table-layout:fixed; border-bottom:solid 1px black; padding:0.3em 0; }
table.bio td.left { width:20%; font-weight:bold; }
a.small_img img { border:solid 2px white; }
a.small_img img:hover { border:solid 2px rgb(0,0,180); }

div.bio_l { float:left; width:8em; font-weight:bold; }
div.bio_r { margin-left:9em; }
hr.bio { background:black; height:1px; border:none; }
hr.bio2 { background:black; height:2px; border:none; }
div.bio_r li { margin-bottom:0.5em; }

*.vip { font-weight:bold; } 
*.divert { font-size:70%; }

a.vip:link { color:rgb(0,0,255); text-decoration:none; background:none; }  /* rgb(160,80,30) */
a.vip:visited { color:rgb(0,0,150); text-decoration:none; }
a.vip:hover { color:rgb(200,0,0); text-decoration:underline; }
a.vip:active { color:rgb(0,127,0); }

/*------------------ alphabetische Liste ---------------------------------------------------------------------*/
div.alphabet { font-size:120%; font-weight:bold; margin:1em 0; line-height:2em; }
div.alphabet a { color:rgb(160,80,30); text-decoration:none; padding:0 0.3em 0; border:1px solid black; }
div.alphabet a:hover { color:white; background:rgb(160,80,30); }
div.a_b_c { float:left; font-size:large; }
div.alphalist { margin:0 0 0 3em;  }
div.alphalist p { font-weight:bold; margin:0; }
p.top { text-align:right; }
p.top a { padding:0.4em 0.2em 0em; border:1px solid white;  }
p.top a:hover { border:1px solid black; }

/*------------------ Texte ---------------------------------------------------------------------*/
p.chapter { margin:0.5em 0 0; font-weight:bold; }
table.inhalt { margin:0; border-collapse:collapse; }
table.inhalt tr { margin:0; padding:0; }
table.inhalt td { vertical-align:top; }
td.i_left { width:2.5em; text-align:right; padding:0; }

/*-------------------------------- nur noch temporär --------------------------------------------------*/
table.text_nav { width:98%; margin:0em 0; padding:0; border-collapse:collapse; }
table.text_nav a { background:rgb(255,230,190); padding:0 0.5em; }
td.tn_left { text-align:left; }
td.tn_right { text-align:right; }
/*-------------------------------- nur noch temporär --------------------------------------------------*/

div.textnav { margin:0 0 1em; }
div.textnav a { color:rgb(64,85,80); background:rgb(200,220,220); padding:0 0.5em; }
div.textnav a:hover { color:rgb(200,220,220); background:rgb(64,85,80); text-decoration:none; }
div.tn_float { float:left; }

p.tips { text-align:left; margin:0em; text-decoration:underline; }
ul.tips { margin:0 0 1em; padding:0 3em; }

ol { margin:0 0 0.5em; padding:0 0 0 2em; text-align:justify; }
ol li { margin:0; padding:0; }

ul { margin:0 0 0.5em; padding:0 0 0 2em; text-align:justify; }
ul li { margin:0; padding:0; }

ol.linklist { font-weight:bold; }

table.glossar { margin-top:0em; border-collapse:collapse; }
table.glossar tr { margin-bottom:0.5em }
table.glossar td { vertical-align:top; table-layout:fixed; padding:0.3em 0; text-align:justify }
table.glossar td.left { width:20%; font-weight:bold; }

span.quote { font-family:"Courier New",Courier,monospace; }

p.ml_facts { font-family:"Courier New",Courier,monospace; color:rgb(200,0,0); background:rgb(255,230,200); padding:0.5em 1em; }

p.xquote { text-align:justify; margin:1em 2em; background:rgb(230,230,255); font-size:80%; padding:0.5em 1em; border:solid 1px black; }
p.xquote span { color:rgb(200,0,0); font-size:120%; font-weight:bold; }

*.left_float { float:left; margin-right:1em; }
*.right_float { float:right; margin-left:1em; }
*.clear_float { clear:both; }
p.textbox { width:30%; border:solid 1px black; font-size:80%; text-align:justify; padding:1em; margin-top:0.5em; margin-bottom:0.5em; color:white; background:rgb(100,100,100); font-weight:bold; }
div.imgbox { border:solid 1px black; font-size:80%; text-align:center; padding:1em; margin-top:0.5em; margin-bottom:0.5em; background:rgb(240,240,240); }
div.imgbox p { margin:0.5em 0 0; text-align:center; }
div.imgbox p.block { margin:0.5em 0 0; text-align:justify; }
div.imgbox p.w1 { text-align:justify; width:20em; }
div.imgbox p.w2 { text-align:justify; width:30em; }
div.imgbox p.w3 { text-align:justify; width:40em; }

/*------------------- Bücher ---------------------------------------------------------*/
div.buch_l { float:left; margin:0.5em; }
div.buch_r { text-align:left; margin:0.5em 0.5em 0.5em 14em; }
div.buch_r p { margin:0; }
div.buch_r p.buchtitel { font-size:large; font-weight:bold; margin:0.2em 0 0.5em; }
div.buch_r p.leseprobe { margin-top:2em; font-weight:bold; }
iframe.amazon { float:right; }
hr.buch { clear:left; margin:0; }
span.rot { color:red; }
span.hilight1 { color:rgb(50,50,50); font-family:"Courier New",Courier,monospace; }
span.smaller { font-weight:normal; }

/*-------------------- Weblog ------------------------------------------------------*/
h3.log { text-align:center; color:white; background:rgb(64,85,80); padding:0.5em 0; margin-top:0; }
div.log { margin:0.5em 0; }
p.logdate { font-family:"Courier New",Courier,monospace; }
p.logtitle { font-size:1.1em; font-weight:bold; margin:0.2em 0 0.5em; }
hr.log { clear:left; }

/*------------- footer -----------------------------------------------------------------------------------*/
div#footer { font-family:Arial,sans-serif; font-size:small; text-align:center; color:white; background:rgb(160,80,30); padding:0.5em 0em; margin:0; }
div#footer span { font-weight:bold; }
div#footer span:after { content:"1999 – 2012"; }