body,h1,h2,h3,h4,h5,h6,p,ul,li,ol,blockquote,table,form{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p,ul,li,div,ol,span,input,textarea,div,class,select,section,header,footer,img{margin:0px; padding:0px;  box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body{background-color:#FFF;width:100%;font:normal 100%/1.3em "trebuchet MS", arial, verdana, helvetica, sans-serif;margin-top:10px;color:#333;}
div#layout{background-color:#FCC;border:1px solid #FF6666;font-size:85%;margin:auto;padding:15px;width:990px;position:relative;overflow:hidden;height:auto;}
#header_area{ width: 100%; background-color: #FFF5F5;height:80px; padding: 10px 20px; box-shadow:3px 3px grey;}
div#header-left{background-color:#FFF5F5;color:#000;float:left; width: 70%;/*height:60px;width:672px;padding-bottom:10px;*//*box-shadow:3px 3px grey;*/}
div#header-right{background-color:#FFF5F5;color:#000;float:right; width: 30%;/*height:60px;*//*width:286px;*/text-align:right;/*padding-right:20px;padding-bottom:10px;*/}
div#header-right ul{margin:0;padding:0;}
div#header-right li{display:inline;list-style-type:none;margin-right:5px;}
div#header-right li a{color:#ff6666;}
div#header-right li a:hover{color:#FF0000;}
div#menu1 li, div#menu2 li{list-style-type:none;}
div#navigation-top{background-color:#FFF5f5;float:left;display:inline-block;padding:10px;margin:20px 0px 20px 0px;width:100%;box-shadow:3px 3px grey;}
div#navigation-top ul{margin:0;padding:0;}
div#navigation-top li{display:inline;list-style-type:none;margin-right:5px;}
div#navigation-top li a{color:#ff6666;}
div#navigation-top li a:hover{color:#FF0000;}
div#navigation-left-column ul{margin:0 0 20px 15px;padding:0;}
div#navigation-left-column li{list-style-type:none;margin-bottom:5px;}
div#navigation-left-column li a{color:#FF6666;font-size:115%;}
div#navigation-left-column li a:hover{color:#FF0000;}
div#column-1{float:left;font-size:85%;line-height:1.5em;display:block;margin:1%;padding:10px;width:170px;background:#FFF;box-shadow:3px 3px grey;}
div#column-2{float:right;font-size:85%;line-height:1.5em;display:block;margin:1%;padding:10px;width:170px;background:#FFF;box-shadow:3px 3px grey;}
div#column-3{background:#FFF;color:#000;overflow:auto;width:958px;display:block;padding:10px;margin:20px 0px 20px 0px;box-shadow:3px 3px grey;}
div#background{background-color:#FFF;}
div#navigation-bottom{background-color:#FFF5f5;float:left;padding:10px;margin:20px 0px 20px 0px;width:958px;box-shadow:3px 3px grey;}
div#navigation-bottom ul{margin:0;padding:0;}
div#navigation-bottom li{display:inline;list-style-type:none;margin-right:5px;}
div#navigation-bottom li a{color:#ff6666;}
div#navigation-bottom li a:hover{color:#FF0000;}
a, a:link{color:#FF6666;font-weight:bold;text-decoration:none;}
a:hover{color:#F00;text-decoration:underline;}
.cart a{color:#000000; max-width:100%;}
.bg-box{background-color:#FFCCCC;padding:10px 10px;margin-left:5px;margin-right:5px;}
.contact{font-size:85%;line-height:1.5em;padding:10px;width:200px;background:#F9F6F0;border:1px solid #C1A265;}
body,h1,h2,h3,h4,h5,h6{font-size:100%;}
div#header-left h1{color:#000;font-size: 394%;padding:0 0 0 10px;position:relative;z-index:1000;top:0px;text-shadow:2px 2px 2px #F00;float:left;margin:0;height:60px;line-height:1.2em;}
#header-left h1 a{color:#000;text-decoration:none;}
.schatten{color:#FF0000;z-index:-1;top:5px;position:absolute;left:11px;width:296px;}
#username{text-align:right;padding-right:20px;color:#000;}
div#header-right h1{color:#FF6666;font-size:197%;padding:10px 0 0 10px;margin-bottom:0px;}
h1{color:#FF6666;font-size:197%;margin:0 0 20px 0;padding:0 0 0 0;}
.volumeHeading{font-size:160%;}
h2{color:#FF6666;font-size:167%;margin:0 0 0 0;}
h3{color:#FF6666;font-size:138.5%;margin:0 0 0 0;}
h4{font-size:100%;margin:0 0 20px 0;}
p{margin-bottom:20px; width:70%}
ul, ol{margin:0 0 20px 40px;}
blockquote{background-color:#fff;border:medium double #FF9999;font-size:108%;letter-spacing:1px;margin-bottom:20px;padding:10px;}
blockquote p{margin:0;}
blockquote span{border-left:30px solid #FF9999;font-size:146.5%;font-weight:bold;padding-left:5px;text-transform:uppercase;}
blockquote strong{color:#FFCCCC;}
img{border:0; max-width: 100%;}
.img-left{float:left;margin:5px 10px 10px 0;}
.img-right{float:right;margin:5px 0 10px 10px;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.tj{text-align:justify;}
#header-right a{color:#FF6666;}
.bookbox{float:left; background-size:contain; display:inline-block; width:15%; line-height:15px;margin-left:1.5%; margin-bottom:6%;padding-bottom:2%;text-align:center;font-size:80%;height:275px;}
.bookbox a{color:#000;text-decoration:none;}
.bookbox a:hover{color:#F00;text-decoration:none;}
.volbox{/*float:left;*/background-size:contain; max-width:100%;margin:auto;padding-left:40%;padding-right:40%;padding-bottom:2%;font-size:80%;height:15px;box-shadow:4px 4px grey;border:1px solid #FF6666;}
.volbox label{display:block; text-align:center; height:5%;}
.priceTable th{text-align:left; font-size:80%}
.hidden{display:none;background-color:#FFEBEB;font-family:Verdana, Geneva, sans-serif;font-size:10px;color:#000;line-height:normal;}
.formleft{float:left;width:30%;}
.formright{margin-left:30%;}
.btn{color:#FF6666;font-size:10px;background:#FFF;text-decoration:none;}
.btn:hover{background:#FFEBEB;text-decoration:none;}
.bigbtn{color:#FFF;font-size:16px;text-decoration:none;text-align:center;margin:3px;padding:1px;float:left;border-top-color:#FCC;border-right-color:#FCC;border-bottom-color:#FCC;border-left-color:#FCC;list-style-type:none;position:relative;height:auto;background-color:#FCC;display:inline-block;visibility:visible;filter:Chroma(Color="red", "green", "blue");}
input:focus{background-color:#FFEBEB;}
input[type="submit"]{background-color:#FCC;}
.smallButton{font-size:80%;}
.smallButtonover{font-size:80%;color:#8000FF;}
.smallButtonunder{color:#F00;font-size:80%;}
.Buttonover{color:#8000FF;}
.Buttonunder{color:#F00;}
.smallText{font-size:80%;border:1px dotted #666;text-align:center;padding-top:5px;padding-right:5px;padding-bottom:3px;padding-left:5px;}
.smallLabel{font-size:80%;line-height:12px;}
fieldset.cart{background-color:#FFCCCC; max-width=90%;}
.searchForm{margin-bottom:12px;}
input[type="text"], input[type="password"], input[type="submit"], select{border:1px solid #333333;}
.error{font-size:110%;font-weight:bold;color:#FF0000;}
.searchFormleft{float:left;width:330px;clearfix:auto;}
.bookbox2{float:left; background-size:contain; width:15%;line-height:15px;text-align:center;font-size:80%;height:250px;background-color:#FFF;margin-top:0px;margin-bottom:10px;margin-left:10px;}
.bookbox3{float:left; background-size:contain; display:inline-block; width:15%; line-height:15px;margin-left:1.5%; margin-bottom:6%;padding-bottom:2%;text-align:center;font-size:80%;clearfix:both}
/*
.menu_icon{ display: none;}
*/



@media screen and (max-width: 600px) and (min-width: 320px){
	* { box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;}
	#header_area{ height: inherit;}
	div#layout {max-width:100%; padding:5px; margin-top:none;}
	div#header-left {width:100%; float: none; margin-bottom: 10px;}
	div#header-right {width:100%; float: none; /*font-size:60%;*/}
	div#header-right h1{font-size: 18px; display: inline-block;}
	#header-right a{display: inline-block;}
	div#navigation-top {width:100%;}
	div#column-1 {display:none}
	div#column-2 {display:block;width:25%;overflow:auto:box-shadow:3px 3px grey;}
		div#column-3 {display:block;width:100%;overflow:auto;box-shadow:3px 3px grey;}
	.bookbox {background-size:contain; display:block; max-width:100%; padding:3%; margin-left:1%; line-height:15px;margin-bottom:10px;text-align:center;/*font-size:80%;*/}
	img {/*max-width: 120%;*/ height:auto;}
	.bookbox2 {background-size:contain; max-width:100%; padding:3%; margin-left:1%; line-height:15px;margin-bottom:10px;text-align:center;/*font-size:80%;*/}
	div#header-left h1{ top: 0px;}
	/*.menu_icon{text-align: center; display: block; width: 100%; cursor: pointer;width: 30px; height: 19px; background: url(../images/menu_icon.png) 0px 0px no-repeat; margin: auto;}
	.menu_list{ display: none;}*/
	/*div#navigation-top li{ display: block;padding: 5px 0px;}*/
	#username{padding-right: 0px; padding-top: 0px;}
	div#header-left h1{ top: 0px !important;font-size: 250%; padding-left: 0px;}
		}
@media screen and (max-width: 600px) and (min-width: 320px){
	.bookbox {width:48%;}
	.bookbox2{ width: 48%;}
	table{ width: 100% !important;}
	p{width: 100% !important; margin-bottom:20px;}
}