/* base.css */

#pageWrapper {
  margin: 0;
  width: auto;
  min-width: 500px;
}

#outerColumnContainer {
  z-index: 1;
  border-color: #fff;	
  border-style: solid;
  border-width: 0 15em;	
  border-width: 0 180px;	
  
}

#innerColumnContainer {
  z-index: 2;
  width: 100%;
}

* html #innerColumnContainer
{
  position: relative;	/* fix a render bug in IE under certain
			   conditions */
}

#contentColumn {
  margin: 0 -1px;		
  /* without this, boxes stop floating next to each other */
  width: 100%;
   
}

div.frontpage {  
  padding-top: 20px; 
  padding-bottom: 20px;
}

div.authors, 
div.bookdescription, 
div.presse,
div.themepage 
{ 
  padding-bottom: 20px;
}

  
div.bookdescription img,
div.frontpage img,
div.themepage img {
  float: left;
  width: 100px;
  margin-right: 10px;
  margin-top: 0px;
  padding: 0px;
  border: 1px olive ridge; /* solid black; */
}


div.themepage table {  
  width: 100%;
 
}

div.bookdescription ul li {  
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;  
}
div.bookdescription dl dd {  
  margin-left: 1em;
}



span.ad img {
  float: left;
  width: 100px;
  margin-right: 10px;
  margin-top: 0px;
  margin-bottom: 10px;
  padding: 0px;
  border: 0; /* solid black; */
}



#animation {  
  float: none;
  border: 0;
}

#rightanimation {  
  float: right;
  border: 0;
}

span.screenshot img { 
  width: auto;
}

div.authors img {
  float: left;
  width: 175px;
  margin-right: 15px;
  margin-top: 0px;
  padding: 0px;
  border: 1px olive ridge; /* solid black; */
}




  
div.address {  
 
}

div.bookdata {
  float: right;
  font-style: italic; 
  padding-bottom: 20px;
}




div.bookdata ul, 
div.bookdata ul li, 
div.frontpage ul,
div.frontpage ul li, 
div.themepage ul,
div.themepage ul li,
div.authors ul,
div.authors ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;  
}

div.authors ul ul {
  margin-left: 20px;
}


div.frontpage td, 
div.themepage td {  
  padding-bottom: 10px; 
}

div.presse th {  
  text-align: left;
}

div.presse td.date { 
  vertical-align: top; 
  width: 15%;
  
} 

div.orderform {  
  display: block; 
  border: 1px solid black;
}


div.orderform table {   
  border-spacing: 0;
  border-collapse: collapse;
}

div.orderform caption {  
  text-align: left;
}

div.products {  
  padding: 20px;
  display: block;
} 



div.products th { 
  border-bottom: 1px dotted black;
  border-left: 0;
  border-right: 0;
  padding: 0 5px; 
}

div.products td { 
  border-bottom: 1px dotted black;
  border-left: 0;
  border-right: 0;
  padding: 0 5px; 
}

div.personalia { 
  padding: 20px;  
  display: block;
} 

div.presse td {  
  border: 0;
} 

div.gatekeeper iframe {
  padding: 0;
  width: 450px;
  height: 180px;
}

.personalia-box { 
  padding: 2px;
  width: 10em;
 /*  width: 100%; */
}

.zip-box { 
  padding: 2px;
  width: 100%; width: 10em;
}

.place-box { 
  padding: 2px;
  width: 100%; width: 10em;
}

.quantity-box {  
  text-align: right;
  width: 1.5em;
  padding: 2px;
}

.creditcard td {  
  padding-left:30px;
}

div.payment { 
  padding: 20px;  
  display: block;
} 

div.payment img {
  height: 30px;
}

div.orderbuttons, div.comments { 
  padding: 20px;
}



div.ad {  
  padding-top: 20px;
}

div.ad img {  
  border: 0;
}

span.buttonpad {  
  padding-right: 20px;
}

input.button {
  border-style: outset;
  border-width: 5px; 
 
}




#leftColumn, #rightColumn, #contentColumn {
  float: left;
  position: relative;
  z-index: 10;
  overflow: visible;	/* fix for IE italics bug */
}

#rightColumn {
  float: right;		/* floating this right allows for the right
			   column block to appear before the content
			   column in the flow of the document. doing
			   this allows for any easy 3 column layout
			   in NN4.
			   
			   There is certainly a lot, in terms of layout
			   theory' about how the flow of the document
			   should be. I won't get into it here. */
  width: 15em;
 

  margin: 0 -15em 0 1px;	/* same as in the #leftColumn selector up 
				   above. */

  width: 180px;
 

  margin: 0 -180px 0 1px;	

}

#leftColumn {
  width: 15em;
  margin: 0 1px 0 -15em;	/* like in the #contentColumn selector, without
				   the 1px margin on the opposite side of the 
				   box, boxes stop floating next to each 
				   other */
}
#footer {
  position: relative;
  text-align: center;
}



#footer img {  
  border: 0;
}



.clear {
  clear: both;
}
.hide, #oldBrowserNotice, .ieSixCharDupBug {
  display: none;		/* hide elements that CSS-targeted browsers 
				   shouldn't show */
}
html[xmlns] .mozclear {
  /* this selector should be valid CSS, but Opera 7.5 (and above) will pick
     * this up as well. Shouldn't be a problem, Opera should handle this fine,
     * but it's a Mozilla-targeted hack, and it should probably only affect
     * mozilla. You can do that by replacing the INVALID CSS selector
     * :root .mozclear for what's give here.
     */
  border-bottom: 1px solid;
  border-color: transparent;
  margin-bottom: -1px;
}

#contentColumn {
  border-width: 0;	
}

#contentColumn a { 
  text-decoration: none;
}


div.firma ul,
div.presse ul {
  margin: 15px;
  padding: 0;
  list-style-type: circle;
  display: block;  
}

div.firma ul li,
div.presse ul li {
  margin: 0;
  padding: 0;
}

div.payment ul,
div.payment ul li { 
  margin-left: 13px;
  padding: 0;
  list-style-type: none;
  display: block;   
}


/* hnav.css */

.hnav {
  white-space: nowrap;
  margin: 0;
  padding: 3px 0 4px 0;
}

.hnav ul span.divider {
  display: none;
}


* html .hnav/* Hide from IE5/Mac (& IE5.0/Win) */
{
  height: 1%;	
}

* html .HNAV
{
  height: auto;	
  padding: 0;	
}


.hnav ul {
  text-align: center;
  list-style-type: none;
  line-height: normal;
  margin: 0;
  padding: 0;
}

.hnav ul li {
  display: inline;
  white-space: nowrap;
  margin: 0;
}

.hnav ul li a {
  text-decoration: none;
  margin: 0 -1px 0 0;
  padding: 3px 10px 4px 10px;
  border-left: solid 1px #000;
  border-right: solid 1px #000;
}

* html .HNAV ul li a {
  width: 1%;
}

.hnav ul li a:hover {
  text-decoration: none;
}




/* vnav.css */

.vnav ul, .vnav ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  font-size: 9px;
}

.vnav ul {
  border: solid 1px #000;
  border-bottom-width: 0;
  
}

.vnav ul li {
  border-bottom: solid 1px #000;
}

.vnav ul li a {
  display: block;
  text-decoration: none;
  padding: 2px 10px;
}

* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
  height: 1%;
}

* html .vnav ul
{
  position: relative;	/* IE needs this to fix a rendering problem */
}



.vnav h3 { 
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 126%;  
  font-size: 12px;  
}



/* colors.css */

body {
  background-color: #665; 
  /* color: #fff;  */
  background-image:url(http://www.adinfinitum.no/graphics/ss009.jpg);
}

#outerColumnContainer
{
  border-left-color: #eec;	/* left hand column background color */
  border-right-color: #bb8;	/* right hand column background color */
}

#masthead {
  background-color: #885;
  background-image:url(http://www.adinfinitum.no/graphics/ss009.jpg);

  color: #fff;
}

#footer {
  background-color: #885;
  color: #fff;
}

#footer a {
   text-decoration: none;
  color: #fff;
}

#outerColumnContainer, #contentcolumn	/* selector case hack to reset version 4
					   stylesheet setting */
{
  background-color: #fff;		/* this sets the background color on the
					   center column */
  color: #000;
}

#leftColumn, #rightColumn, #contentColumn
{
  color: #000;
}

.vnav ul li a
{
  color: #336;
  background-color: #cc9;
}

#rightColumn .vnav ul li a:hover, .vnav ul li a:hover
{
  background-color: #336;
  color: #fff;
}

#rightColumn .vnav ul li a
{
  color: #336;
  background-color: #ddb;
}

.hnav, .hnav ul li a
{
  background-color: #cc9;
  color: #336;
}

.hnav ul li a:hover
{
  background-color: #336;
  color: #fff;
}

#pageWrapper, #innerColumnContainer, #masthead, #footer, .hnav
{
  border-color: #000;
}

div.orderform {  
  background-color: #ddb;
}


div.ad a {  
  color: #fff;
}

.quantity-box {  
  /*  background: #feb; */
}

span.star { 
  color: #FF0000;
}

input.button {
  background: yellow;
  border-color: green;
}

div.presse tr.heading { 
  background: #d3d3d3;
}

div.gatekeeper iframe { 
  background-color: #ddb;
}

span.soldout {  
  color: #FF0000;
}

/* gutters.css */

body {
  margin: 0;
  padding: 0em;		
 
}

p, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;	
}

.inside {
  padding: 0 1.5em;	
}

.insideright {
  padding: 0 1.5em;	
  padding: 0 10px; 
}


#leftColumn, #centerColumn, #rightColumn, #masthead {
  padding-top: 0.5em;
  padding-bottom: 0.5em;	
}
#masthead, #footer {
  padding: 1em;
  
}
.vnav {
  margin: 1em 0;
}
html>body #footer {
  padding-bottom: 1.01em;
}


/* borders.css */

#pageWrapper {
  border-style: solid;	
  border-width: 0 1px;	
}

#outerColumnContainer {
  
}

#innerColumnContainer {
  border-style: solid;
  border-width: 0 1px;	
  margin: 0 -1px;
}

* html #outercolumncontainer {
  margin-top: -1px;
  border-top: solid 1px #000;
}

#masthead {
  border-style: solid;
  border-width: 1px 0;	
}

.hnav {
  border-style: solid;
  border-width: 0 0 1px 0;
}

#footer {
  border-style: solid;
  border-width: 1px 0;	
}





/* fonts.css */

body {
  font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; 
  font-size: 100.1%;
}

#pageWrapper {
  font-size: 80%;
}

#footer {
  font-size: 9px;
}



#masthead h1 {
  text-align: center;
}

#logo {   
  font-size: 120%;
}



h1
{
  font-size: 210%;
}
h2
{
  font-size: 140%;
}
h3
{
  font-size: 126%;
}
h4
{
  font-size: 110%;
}
h5
{
  font-size: 100%;
}
h6
{
  font-size: 100%;
}


div.products {  
  font-variant: small-caps;
}
div.frontpage table,
div.products table, 
div.themepage table,
div.presse {  
  font-size: 100%; 
  font-family: Georgia, 'Times New Roman', Times, serif;
}

div.presse th,
div.presse tr {  
  font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; 
  font-size: 75%; 
}

div.presse tr.heading {  
  font-weight: bold; 
  font-size: 75%;
}

div.ingress {  
  font-weight: bold; 
}

div.bookdescription dl dt {  
   font-weight: bold; 
}

span.soldout {  
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: underline;  
}