/* Zappa Books Style Sheet */
/* http://www.afka.net/afkatest.css */

/*
<!--[if lte IE 6]>
.gainlayout { height: 1px; }
* html #wrap {width:780px}
<![endif]-->
<!--[if IE 7]>
.gainlayout { zoom: 1; }
<![endif]-->

<![endif]-->

*/

blockquote,body,caption,div,dl,dt,dd,form,fieldset,h1,h2,h3,h4,h5,h6,html,li,ul,ol,p,pre,textarea,table,td,th {
	margin:0;
	padding:0;
}

body { 
	color: black; 
	font: 100% "Palatino Linotype", "Book Antiqua", Palatino, serif; 
	background-color: #ECE9D8;
	min-width:728px;
	width:75em;  /* last 61em 56em, #container 52.8 em, ul#navbar 32.5em*/
	max-width:100%;
	margin:0 auto;
	padding: 0;
	position:relative;
	line-height: 1.4;}
/*
=Main layout wrap background was #fffff0;
*/
#wrap {
	position:relative;
	padding: 12px;
	background-color: #ffffff;
}
#content {
	
	clear:both;
	padding: 24px 12px;
}
#main {
	position:relative;
	float:left;
	width:67%; /* 65% */
	font-size: 87.5%;
	overflow:hidden;
}
#sidebar {
	position:relative;
	float:right;
	width:30%; /* 30% */
	font-family: "Trebuchet MS", sans-serif;
	font-size: 75%;
	}
#footer {
	clear: both;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 62.5%;
}

#lefter {
	position:relative;
	float:left;
	width: 210px;
	padding: 0 5px 0 5px;
	}

	
}
.zblogo {
	display: inline;
	float: left;
	color: maroon;
	padding: 0.0em 0.2em 0.0em 0.1em;
	letter-spacing: -0.1em;
	border-style: solid;
	border-width: 0.15em;
	font-family: Palatino, serif;
}

a:link { color: blue; text-decoration: none}
a:link img {border: 1px green solid}
a:visited { color: maroon; text-decoration: none}
a:visited img {border: 1px green solid}

a:hover { text-decoration: underline}
a:hover img {border: 1px red solid; }
a:active { color: red}

.ext { color: blue; padding-right: 11px; background: url(images/external.gif) top right no-repeat;}
a:link.ext { color: blue; text-decoration: none}
a:visited.ext { color: maroon; text-decoration: none}
a:hover.ext { text-decoration: underline}
a:active.ext { color: red}

a:link.navi { color: green}

hr           {
	border: 1px green dotted;
}

h1, h2, h3, h4, h5, h6 {
	color: maroon;
	font-weight: bold;
	margin: 0 0 0.3em 0;
}
h1 { font-size: 140%;}
h2 { font-size: 120%;}
h3 { font-size: 110%;}
h4 { font-size: 100%;}
h5 { font-size: 100%;}
h6 { font-size: 100%;}

td {
	 padding: 3px;
}

blockquote {
	padding:0 0 0 2em;
}


ul, ol {
	margin: 0 0 0 0;
	padding: 0 0 0 2em;
}
	
ul {
	list-style: circle outside;
}
li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

p, blockquote {
	margin: 0 0 .8em 0;
	top: 0px;
}

div.figure {
  float: right;
  border: 1px silver solid;
  margin: 0.4em;
  padding: 0.4em;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

div.spacer {
  clear: both; height: 1px; font-size: 1px; line-height: 0px;
  }


.book { float: left; display: inline; width: 60%; margin: 0 0 0 4%; line-height: 1.4;
}
.index { float: left; display: inline; width: 94%; line-height: 1.4;}

.data {
	background-color: #FFFFFF;
	padding: 0.5em;
	border: solid 1px green;
	margin-bottom: 10px;
	overflow: hidden;
}

/*
	line-height: 1.4;
	width: "100%";
	overflow: hidden;
	position: relative;


*/

.front {
	float: left;
	padding: 5px;
}

.title {
	font-size: 140%;
	color: maroon;
	font-weight: bold;
}
.author {
	font-size: 120%;
	color: maroon;
	font-weight: bold;
}

.magyear { font-size: 130%; color: maroon}
.magissue { font-size: 120%; color: maroon}

.artname { font-size: 110%; font-weight: bold }
.artaut { font-size: 100%; }


.impressum {
	position: relative;
	display:table;
}

.maindata { float: none; }

.texter { float: none; padding: 5px; }


.review { display: inline; overflow: hidden; width: 30%; 
	margin: 0 2% 0 0;
	float: right; background-color: #ECE9D8; padding: 5px; border: solid 1px grey; font-family: "Trebuchet MS", sans-serif; font-size: small; }

.thanks { margin: 5px; font-size: x-small;}

.zb_quote { margin-top: 0px; margin-right: 0px; margin-bottom: 1em; margin-left: 0.8ex; border-left-width: 1px; border-left-color: silver; border-left-style: solid; padding-left: 1ex;  }

.scans {margin-left: 1em; margin-right: 1em; 
}

.sgall_100 {height: 100px; margin-left: 3px; margin-right: 3px; float: left; text-align: center; font-weight: bold;} 
.sgall_120 {height: 120px; margin-left: 3px; margin-right: 3px; float: left; text-align: center; font-weight: bold;} 
.sgall_140 {height: 140px; margin-left: 3px; margin-right: 3px; float: left; text-align: center; font-weight: bold;} 
.sgall_160 {height: 160px; margin-left: 3px; margin-right: 3px; float: left; text-align: center; font-weight: bold;} 
.sgall_180 {height: 180px; margin-left: 3px; margin-right: 3px; float: left; text-align: center; font-weight: bold;} 
.sgall_200 {height: 200px; margin-left: 3px; margin-right: 3px; float: left; text-align: center; font-weight: bold;} 
.sgall_220 {height: 220px; margin-left: 3px; margin-right: 3px; float: left; text-align: center; font-weight: bold;} 
.sgall_240 {height: 240px; margin-left: 3px; margin-right: 3px; float: left; text-align: center; font-weight: bold;} 
.sgall_300 {height: 300px; margin-left: 3px; margin-right: 3px; float: left; text-align: center; font-weight: bold;} 
.sgall_320 {height: 320px; margin-left: 3px; margin-right: 3px; float: left; text-align: center; font-weight: bold;} 
.sgall_340 {height: 340px; margin-left: 3px; margin-right: 3px; float: left; text-align: center; font-weight: bold;} 



.sgall_ind {
	height: 160px;
	width: 100px;
	margin-left: 1px;
	margin-right: 1px;
	float: left;
	text-align: center;
	font-size: 75%;
	padding: 1px;
	overflow: hidden;
	line-height: 1.2;
	position: relative;
} 

.article3 {
        column-count: 3;
        column-gap: 20px;
        -moz-column-count: 3;
        -moz-column-gap: 20px;
     }


.kast { float: left;
  border: 1px silver solid;
  margin: 0.4em;
  padding: 0.4em;
  text-align: left;
  }
  
.paremkast { float: right;
  border: 1px silver solid;
  margin: 0.4em;
  padding: 0.4em;
  text-align: left;
  }
  
.sidekast { float: left;
  border: 1px silver solid;
  padding: 0.4em;
  margin: 0 0 1em 0;
  text-align: left;
  }

.top { float: right; font: x-small }

.js-Top { background-color: #e0e0e0; margin-top: 12px; border: 1px solid silver }
.js-TopTitle { color: maroon }

#container {
position: relative;
width:56.2em;  
height:1.6em;
padding: 0 12px 0 12px;
margin: 0;
}

ul#navbar {
	/*background:url(images/backgr.jpg) repeat-x left top; */
	margin: 0;
	border-bottom: 1px solid green;
	border-top: 1px solid green;
	list-style-type: none;
	height: 1.38em;
	width: 35.8em;
}

ul#navbar li {
float:left; list-style: none;
margin: 0;
}

ul#navbar li a {
	display: inline;
	padding: 0.215em 0.6em 0.1em;
	font: bold 0.875em "Trebuchet MS";
	text-decoration: none;
	color: maroon;
	letter-spacing: 0.1em;
}

ul#navbar li a:hover {
	color: red;
	background-color: #ECE9D8;
}

ul#navbar li a#current {
/* background:url(images/current.gif) no-repeat center bottom; */
background-color: green;
color: white;
}