html {
  -webkit-text-size-adjust: none;
    height:100%;
}
* {
	font-family : Arial, Helvetica, SansSerif;
	font-size : 12pt;
}

img {
  border-width:0px;
}

BODY
{
    margin:0px;
    padding:0px;
    background-color:rgb(239,239,239);
    height:100%;
}
A:link
{
	color : black;
	text-decoration : underline;
}
A:visited
{
	color : #606060;
	text-decoration : underline;
}
A:active
{
	color : #909050;
	text-decoration : underline;
}
H1
{
	font-weight : bold;
}
.title
{
	font-weight : bold;
	text-align : Center
}
.isbn
{
	font-family : Courier New, Courier, MonoSpaced;
	font-size : 10pt;
}
.highlight
{
	background-color:rgb(230,230,230);
}
.whatsnew
{
	margin : 10px 10px 1px 10px;
	padding : 10px 0 0 0 ;
  border-top:4px solid #EC9B68;
}
.citatsign
{
	font-size : 8pt;
	text-align : right;
	margin-right : 50px;
	margin-top : 2px;
}
.citat
{
	background-color : rgb(250,250,250);
	padding : 5px;
	margin-left : 50px;
	margin-right : 50px;
	margin-bottom : 1px;
	text-align : justify
}
.legend
{
	font-size : 8pt;
	text-align : center;
}

.flag {
  border-width:1px;
  border-style:solid;
  border-color:black;
}

H2 {
  text-align:center;
  font-family:Serif;
  font-size:18px;
  font-weight:normal;
  letter-spacing:3px;
  margin-top:10px;
}
H2 a {
  font-family:Serif;
}

H1 {
  text-align:center;
  font-family:Georgia,Serif;
  font-size:18px;
}
H1.pagetitle {
  font-size:24px;
}


.indexSectionTitle {
    text-align:center;
    border-top:2px dotted #D0D0D0;
    font-size:18px;
    font-weight:bold;
}

.indexLineIcon {
    margin-right:2px;
    margin-left:10px;
    border:0;
    vertical-align:middle;
}

.indexLineLink {
    font-size:12px;
}

DIV.quicklinks {
    border-bottom: 2px dotted #b0b0b0;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    /*background-color:#d0d0a0;*/
}

DIV.content {
    
    	background-color:rgb(239,239,239);

}
DIV.header {
    margin:10px;
    margin-top:2px;
    background-color:white;
    border:1px solid #a0a0a0;
    padding-left:100px;
}
DIV.footer {
    margin:10px;
    background-color:white;
    border:1px solid #a0a0a0;
}

#indexSidebar {
    background-color:#ECBFA3;
    float:right;
    width: 195px;
}

.headerTabs {
    padding:0px;
    margin-top:10px;
    text-align:center;
}

.hTabNS {
    padding:0px 20px 3px 20px;
    margin:9px 0 0 0;
    border:1px solid #a0a0a0;
    border-bottom-width:0px;
    margin:2px;
}
.hTabS {
    margin:3px;
    position:relative;
    top:1px;
    padding:4px 20px;
    background-color:white;
    border-top:1px solid #a0a0a0;
    border-left:1px solid #a0a0a0;
    border-right:1px solid #a0a0a0;
}

IMG.tabicon {
    border:0px;
}

A.tablink {
    text-decoration:none;
    font-weight:bold;
}

A.tablinksel {
    color:black;
}


.sideBlock {
  float:right;
  background-color:white;
  border:7px solid #888;
  padding:0px;
}
.sideBlock div {
  padding:15px
}
.sideBlock div.new {
  font-size:18px;
  font-weight:bold;
  color:#4b2b17;
  padding:5px;
  margin-bottom:5px;
  text-align:center;
  background-color:#ECBFA3;
}


/* New version */
div.section {
  width:50%;
  float:left;
}
div.section_in {
  border:1px solid #444;
  background-color:white;
  box-shadow: 3px 3px 10px rgba(0,0,0,0.2);
  padding:10px;
  margin:10px;
  height:230px;
}

#mouseindex div.section_in {
  height:150px;
}
#mouseindex {
  margin-right:200px;
}
#pageintro {
  margin:20px 5%;
  text-align:center;
  background-color:white;
  border:7px solid #888;
  padding:5px;
}

#pageintro .sideBlock {
  float:right;
  max-width:40%;
  background-color:#bbb;
  border-width:0px;
  padding:0px;
  margin-left:10px;
}
#pageintro .sideBlock a {
}



.nextToSideBlock {
  border:1px solid #aaa;
  margin-right:230px;
}

#mouseindexoutershell, #archiveindexoutershell {
  margin:0px;
  padding:0px;
}
div.icon {
  float:left;
  margin-right:10px;
}
div.sideBlock {
  float:right;
}

div.endofblock {
  clear:both;
}

div.desc a {
  text-decoration:none;
}

hr {
  border:1px dashed #888;
}

div.bottomad {
  width:100%;
  overflow:clipped;
}

img.siteicon {
  position:absolute;
  top:2px;
  left:2px;
}

a.tablink {
  white-space:nowrap;
}

p.legend img, img.hr {
  max-width:90%;
}
#indexSidebar #ad {
  text-align:center;
}

.sidead {
  position:fixed;
  right:10px;
  margin-top:10px;
}
.nextToSideAd {
  margin-right:150px;
}

.striplinksection {
  float:left;
  height:160px;
  width:340px;
  border:1px solid #ddd;
  margin:5px;
  background-color:white;
  padding:4px;
  overflow:clipped;
  text-align: center;
  background-image:url(/archiveicons/chevrons.png);
  background-position: right center;
  background-repeat: no-repeat;
}
.striplinksection div {
  border:5px solid #ddd;
  height:100px;
  padding-top:50px;
  font-family: Georgia,Serif;
  font-size: 24px;
}
.striplink {
  float:left;
  height:160px;
  width:160px;
  border:1px solid #ddd;
  margin:5px;
  background-color:white;
  padding:4px;
  overflow:hidden;
  -webkit-transition:1s;
  -o-transition:1s;
  -moz-transition:1s;
}
.striplink:hover{
  border:1px solid #aaa;
  -webkit-transition:1s;
  -o-transition:1s;
  -moz-transition:1s;
  overflow:visible;
}
.striplink .moreinfo .book {
  font-style:italic;
  color:#999;
  font-size:13px;
}
.striplink .moreinfo {
  opacity:0;
  background:white;
  border:1px solid #aaa;
  border-top:0px;
  width:160px;
  position:relative;
  left:-5px;
  padding:4px;
  -webkit-transition:1s;
  -o-transition:1s;
  -moz-transition:1s;
  font-size:13px;
}
#thumb900 {
  max-width:90%;
}
.striplink:hover .moreinfo {
  -webkit-transition:1s;
  -o-transition:1s;
  -moz-transition:1s;
  opacity:1;
}
.striplink:hover {
  overflow:show;
}

.striplinkicon {
  width:150px;
  height:100px;
  text-align:center;
  display: table-cell; 
  vertical-align: middle;
}
.calendar td {
  padding:10px;
  font-size:10px;
}




@media all and (min-width: 1800px){
  div.section {
    width:33%;
  }
}
@media all and (min-width: 1300px){
  #indexSidebar {
    width:375px;
  }
  #indexSidebar #news {
    float:left;
    width:175px;
  }
  #mouseindex {
    margin-right:380px;
  }
}
@media all and (max-width: 1300px){
  #mouseindex div.section {
    width:100%;
  }
  #mouseindex div.section_in {
    height:auto;
  }
}
@media all and (max-width: 1000px){
  div.section {
    width:100%;
    height:auto;
  }
  div.bottomad, div.inlinedaily {
    display:none;
  }
}
@media all and (max-width: 650px){

  #imga_kat { width:90px;height:100px; }
  #imga_tfu { width:100px;height:76px; }
  #imga_otto { width:81px;height:100px; }
  #imga_misc { width:57px;height:77px; }
  #imga_pics { width:56px;height:75px; }
  #imga_drawings { width:108px;height:75px; }
  
  #imga_index1 { width:73px; height:68px; }
  #imga_index2 { width:58px; height:50px; }
  #imga_index3 { width:62px; height:59px; }
  #imga_index4 { width:41px; height:50px; }
  #imga_index5 { width:55px; height:55px; }
  #imga_index6 { width:75px; height:43px; }
  #imga_index7 { width:32px; height:37px; }
  #imga_index8 { width:91px; height:50px; }
  #foot_img_mail { width:44px; height:50px; }
  #foot_img_map { width:91px; height:50px; }
  #foot_img_home { width:48px; height:50px; }
  #foot_img_tech { width:32px; height:37px; }
  
  div.bottomad, img.siteicon, #indexSidebar, td#counter, td#flag {
    display:none;
  }
  #mouseindex {
    margin-right:0px;
  }
  div.header {
    padding-left:0px;
  }


  .hTabNS {
      padding:0px 5px 3px 5px;
  }
  .hTabS   {
      padding:3px 5px;
  }
  a.tablink{
      font-size:8pt;
  }
  h1.pagetitle {
    font-size:16px;
    padding:0px;
  }

  .calendar td a {
    font-size:10px;
  }
  .calendar td {
    padding:2px;
  }
  div.sideBlock {
    display:none;
  }
  .nextToSideBlock {
    margin-right:auto;
  }
  .striplinkicon img {
    max-width:50px;
    max-height:50px;
    
  }
  .striplink a {
    font-size:12px;
  }
  .striplink {
    float:left;
    height:90px;
    width:120px;
  }
  
  .striplinksection {
    height:90px;
    width:260px;
    background-size:90px 90px;
  }
  .striplinksection div {
    height:auto;
    border-width:0px;
    padding-top:25px;
    font-family: Georgia,Serif;
    font-size: 18px;
  }
  
  
  .striplinkicon {
    width:110px;
    height:50px;
  }
  .striplink .moreinfo {
    display:none;
  }

  .sidead {
    display:none;
  }
  .nextToSideAd {
    margin-right:auto;
  }
}