@CHARSET "ISO-8859-1";

HTML {
	width: 100%;
	height: 100%;
}

BODY {
	
	font-family:'Arial', sans-serif;
	background-color: #838383;
	margin:0px;
	
	color:#FFF;
	
	text-align: center;
}

h1 {
	margin:0px;
	padding:0px;
}

form, object, embed {
	margin:0px;
	padding:0px;
}

.space {
padding:15px;
}

.content table,
.fullcontent table {
	margin:10px;
}

.content td h1,
.fullcontent td h1 {
	font-size:15px;
	padding:0px;
	margin:0px;
}
.content td h2,
.fullcontent td h2 {
	font-size:18px;
	padding:0px;
	margin:0px;
}

.content td,
.fullcontent td {
	font-size:12px;
	vertical-align:top;
	padding-bottom:10px;
}

td a, td a:visited {
	color:#FFF;
	text-decoration:none;
}
td a:hover {
	text-decoration:underline;
}

.alphabet {
	margin:10px;
	background-color:#e6e9ec;
	color:#FFF;
}

.alphabet a, .alphabet a:visited {
	text-decoration:none;
	color:#000;
	padding:2px;
	padding-left:5px;
	padding-right:4px;
}

.alphabet a:hover, .alphabet a.active {
	background-color:#cccccc;
	color:#FFF;
}

a.authorlinkoverview, a.authorlinkoverview:visited {
	text-decoration:none;
	color:#FFF;
	padding:2px;
	padding-left:10px;
	font-size:13px;
}

a.authorlinkoverview:hover {
	text-decoration:underline;
}


/* FULL CENTERED 
div.master {

	width:900px;
	height:720px;
	background-color:#e6e9ec;
	margin: -360px 0 0 -450px;
	position:absolute;
	top: 50%;
	left: 50%;
	text-align: left;
					
}
*/
/* HORIZONTAL CENTERED*/
div.master {

	width:900px;
	height:720px;
	background-color:#cccccc;
	margin: 20px auto;
	text-align: left;
	vertical-align: middle;
	color:#000;	
}


div.header {
	
	width:900px;
	height:100px;
	
	postion:relative;
	background-color:#000;
	color:#FFF;
	
	text-align:right;
	
	background-image:url('/images/header.jpg');
	background-repeat:no-repeat;
}

div.header a, div.header a:visited {
	color:#FFF;
	text-decoration:none;
}
div.header a:hover {
	text-decoration:underline;
}

div.navi select {
	text-decoration:none;
	color:#FFF;
	background-color:#000000;
	font-size:12px;
	border:none;
	width:220px;
}

div.statnavi form {
	
	margin:0px;
	padding:0px;
	white-space:nowrap;
	
}

div.statnavi input {
	
	background-image:url('/images/search.png');
	background-position:1px;
	background-repeat:no-repeat;
	/*font-weight:bold;*/
	font-size:11px;
	width:110px;
	border-style:none;
	border-width:1px;
	border-color:#FFF;
	background-color:#000;
	color:#FFF; 
	margin:1px;
	margin-right:6px;
	padding-left:0px !important;
	padding-left:17px;
	text-indent:15px;
	
}

div.statnavi input:hover {
	background-image:url('/images/search_hover.png');
	background-color:#FFF;
	color:#000;
}

div.statnavi {
	
	position:relative;
	width:900px;
	height:19px;
	
	postion:relative;
	background-color:#000000;
	color:#FFF;
	font-size:11px;
	text-align:right;
	
	white-space:nowrap;
	
}

div.statnavi a.menu, div.statnavi a.menu:visited,
div.statnavi a.shoppingcart {
	display:inline-block;
	3width:110px !important;
	3width:120px;
	
	padding:3px;
	padding-left:20px;
	padding-right:20px;
	
	text-decoration:none;
	color:#FFF;
	background-color:#000000;
	/*font-weight:bold;*/
	font-size:12px;
	text-align:center;
}

div.statnavi a.menu:hover,
div.statnavi a.shoppingcart:hover {
	color:#000;
	background-color:#e6e9ec;
}
div.statnavi a.shoppingcart {
	text-indent:5px;	text-align:left;
	background-image:url('/images/cart.png');
	background-position:1px;
	background-repeat:no-repeat;
}
div.statnavi a.shoppingcart:hover {
	background-image:url('/images/cart_hover.png');
}

div.statnavi #flags{
	padding-top:2px;
	padding-left:1px;
	padding-right:2px;
}

div.navihead {
	display:block;
	width:210px !important;
	width:220px;
	color:#FFF;
	padding:5px;
	font-weight:bold;
	font-size:12px;
	background-color:#000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#fff;
}

div.navi a, div.nav a:visited, div.navi a:hover, div.navi .navadmin {
	
	display:block;
	width:210px !important;
	width:220px;
	text-decoration:none;
	padding:5px;
	color:#000;
	/*font-weight:bold;*/

}

div.navi .font11 {
	font-size:10px;
}

div.navi .font12 {
	font-size:11px;
}

div.navi .navadmin {
	background-color:#676767;
	color:#FFF;
}

div.navi .navadmin:hover {
	background-color:#e6e9ec;
}

div.navi a.normal, div.navi a.normal:visited {
	color:#000;	
	font-size:11px;
	font-weight:bold;
}

div.navi a.normal:hover {	
	color:#FFF;
	background-color:#676767;	
	font-size:11px;
}

div.navi a.normalactive, div.navi a.normalactive:visited {
	font-size:11px;
	color:#FFF;
	background-color:#676767;
		font-weight:bold;
	

}

div.navi a.normalactive:hover {
	font-size:11px;
	color:#FFF;
	background-color:#676767;	
}

div.navi a.subactive, div.navi a.subactive:visited, div.navi a.subactive:hover {
	color:#000;
	width:200px !important;
	width:220px;
	background-color:#ffcc00;
	padding-left:15px;
	font-weight:bold;
	font-size:11px;
	
}

div.navi a.serie_subactive, div.navi a.serie_subactive:visited, div.navi a.serie_subactive:hover {
	color:#FFF;
	width:193px !important;
	width:213px;
	background-color:#900;	
	padding:2px;
	padding-left:25px;
	font-size:11px;
}

div.navi a.serie_sub, div.navi a.serie_sub:visited {
	width:193px !important;
	width:213px;
	color:#FFF;
	padding:2px;
	font-size:11px;
	padding-left:25px;
	background-color:#828282;
}

div.navi a.sub, div.navi a.sub:visited {
	width:200px !important;
	width:220px;
	color:#000;
	padding-left:15px;
	background-color:#828282;
	font-weight:bold;
	border:none;
	font-size:11px;
}

div.navi a.sub:hover {
	width:200px !important;
	width:220px;
	color:#000;
	background-color:#ffcc00;
	padding-left:15px;
}

div.navi #navcontrol {
	position:absolute;
	bottom:0px;
}

div.navi a.navicontrol, div.navi a.navicontrol:visited {
	width:100px !important;
	width:110px;
	color:#000;
	background-color:#828282;
	font-weight:bold;
	border:none;
	font-size:11px;
	text-align:center;
	float:left;
}
div.navi a.navicontrol:hover {
	background-color:#ffcc00;
}


div.navi,
div.seriesnavi {
	
	width:220px;
	height:600px;
	
	position:relative;
	float:left;
	background-color:#cccccc;
	
}

div.content, div.fullcontent, div.completecontent {
	
	width:680px;
	height:400px;
	background-color:#676767;
	float:right;
	position:relative;
	top:0px;
	z-index:2;
	color:#fff;
	font-size:12px;
}

div.fullcontent {
	height:600px;
}

div.completecontent {
	width:900px;
	height:600px;
}

#showScrollBar {
	overflow:auto;
}

div.content .contentitem, div.fullcontent .contentitem {
	
	position:absolute;
	font-family:'Arial', sans-serif;
	text-align:left;
}

div.content .bookcontainer_hidden,
div.fullcontent .bookcontainer_hidden {
	visibility:hidden;
}

div.content .bookcontainer_visible,
div.fullcontent .bookcontainer_visible {
	visibility:visible;
}

div.content .authorlink, div.content .authorlink,
div.fullcontent .authorlink, div.fullcontent .authorlink {
	font-weight:bold;
	color:#fff;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
}

div.content .authorlink:hover,
div.fullcontent .authorlink:hover  {
	background-color:#cccccc;
	color:#fff;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
}

div.content .bookimage, div.content .bookimage:visited, .bookimageactive,
div.fullcontent .bookimage, div.fullcontent .bookimage:visited {
	border:solid 2px #ccc;
}

div.content .bookimage:hover, .bookimageactive,
div.fullcontent .bookimage:hover {
	border:solid 2px #ffcc00;
}

div.content a.bookpagelink, div.content a.bookpagelink:visited, a.bookpagelinkactive, 
div.fullcontent a.bookpagelink, div.fullcontent a.bookpagelink:visited,
div.fullcontent span.bookpagelink
{
	position:absolute;
	display:block;
	bottom:-8px;
	left:5px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	
}

div.content a.bookpagelink:hover, a.bookpagelinkactive,
div.fullcontent a.bookpagelink:hover, a.bookpagelinkactive {
	color:#cccccc;
}

div.fullcontent span.booktitle,
div.fullcontent span.booktitlehover,
div.content  span.booktitle, 
div.content span.booktitlehover {
	position:absolute;
	display:block;
	bottom:-8px;
	left:5px;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	padding-left:8px;
	padding-right:8px;
	color:#000;
	background-color:#ffcc00;
	z-index:99;
	visibility:hidden;
}
div.fullcontent span.booktitlehover,
div.content span.booktitlehover {
	visibility:visible;
}
	
div.loginarea{
	
	position:relative;
	width:900px;
	height:600px;
	background-image:url(../images/login_bg.jpg);
	background-repeat:no-repeat;

}

div.loginarea .loginbox {
	position:relative;
	top:305px;
	left:410px;
	width:480px;
	font-weight:bold;
	font-size:12px;
}

div.loginarea input {
	
	width:380px;
	border-style:solid;
	border-color:#000;
	border-width:1px;
		
}

div.loginarea .submitbtn {
	
	width:80px;
	background-color:#000;
	color:#FFF;
	font-weight:bold;
		
}

#bottomborder {
	
	bottom-border-style:solid;
	bottom-border-width:1px;
	bottom-border-color:#000;

}

.errormsg {
	color:#FF0;
}

div.loginarea .loginbox .head {
	
	font-weight:bold;
	font-size:50px;
	
}

div.bottom {
	width:680px;
	height:200px;
	z-index:1;
	position:relative;
	float:left;
	color:#FFF;
	background-color:#676767;
	font-size:12px;
}

div.bottom .serieslink, div.bottom .serieslink:visited, .serieslinkactive {
	
	display:inline-block;
	padding:5px;
	padding-left:8px;
	padding-right:8px;
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
}

div.bottom .serieslink:hover, .serieslinkactive {
	display:inline-block;
	padding:5px;
	padding-left:8px;
	padding-right:8px;
	color:#000;
	background-color:#FFC900;
}

div.bottom a, div.bottom a:visited {
	color:#FFF;
	text-decoration:none;
}

div.bottom a:hover {
text-decoration:underline;
}

.bookcontainer {
	font-size:12px;
	padding:4px;
}

.bookcontainer img {
	flaoat:left;
}

div.authorlist_hidden,
div.authorlist_visible {
	position:absolute;
	display:inline-block;
	top:30px;
	left:0px;
	visibility:hidden;
	
}

div.authorlist_visible {
	visibility:visible;
}

.book_sidebar {

	display:block;
	position:absolute;
	top:386px !important;
	top:380px;
	left:0px;
	width:680px;
	background-color:#565656;
	padding-bottom:0px !important;
	padding-bottom:3px;
}

.book_sidebar a, .book_sidebar a:visited,
.book_sidebar .inactive {
	padding-left:20px;
	padding-right:20px;
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}

.book_sidebar a:hover {	
	padding-left:20px;
	padding-right:20px;
	background-color:#Fc0;
	color:#000;
}

.book_sidebar .inactive {
	color:#ccc;
}

div.seriesnavi a.navadmin {
	display:block;
	padding:5px;
	width:210px !important;
	width:220px;
	background-color:#000;
	color:#FFF;
	text-decoration:none;
}

div.seriesnavi a.seriescover {
	display:inline-block;
	width:auto;
	float:left;
	padding-top:5px;
	padding-left:5px;
}