/**************************
   http:\\www.larasmaps.de
   Autor: Barbara Drischel
**************************/

 /* Überschriften unterhalb ariadne */
h4{
 font-size: 105%;
 color: rgb(127,0,0);
 margin: 0 20px;
 margin-top: 20px;
 padding: 5px 0;
 text-align: left;
 border-bottom: 3px double rgb(127,0,0);
 }

p {
 margin: 0 10px;
 padding: 8px 10px;
 font-size: 90%;
 text-align: left;
 }

td{
 border: 1px dotted silver;
 text-align: center;
 background-color: transparent;
 }

.tr{
 margin: 10px 20px;
 border-spacing: 1px;
 border-collapse: separate;
 }

.tr td{
 border: transparent;
 background-color: rgb(225,225,225);
 padding: 2px 5px;
 font-size: 90%;
 text-align: left;
 }

.tr a{
 display: block;
 font-size: 90%;
 padding: 5px 10px;
 margin: 0px auto;
 color: rgb(0,0,0);
 text-decoration: none;
 background-image: url(../img/head-f.jpg);
 background-color: rgb(225,225,225);
 border: 1px solid rgb(127,0,0);
 border-top: 1px transparent;
 border-left: 1px transparent;
 }

.tr a:hover{
 color: rgb(255,255,255);
 background-image: url(../img/head-r.jpg);
 border: 1px solid rgb(127,0,0);
 border-top: 1px transparent;
 border-left: 1px transparent;
 }

/* anpassen übergroßer img auf spaltenbreite */
#zoom{
 width: 96%;
 height: auto;
 margin: 0px;
 padding: 0px;
 }

/* Verschiebung nach links oder rechts */
#li{
 float: left;
 margin: 3px;
 margin-right: 5px;
 margin-left: 0px;
 }

#re{
 float: right;
 margin: 3px;
 }


p a{
 font-size: 100%;
 color: rgb(50,50,50);
 background-image: url(../img/head-f.jpg);
 background-color: rgb(225,225,225);
 border: 1px solid rgb(1,63,107);
 border-top: none;
 border-left: none;
 margin: 2px 0;
 display: block;
 width: 60%;
 margin: 2px;
 padding: 2px 10px;
 text-decoration: none;
 }

p a:hover {
     color: rgb(255,255,255);
     background-image: url(../img/head-r.jpg);
     background-color: white;
     }

/* linke spalte games */
.games {
  padding: 0px;
  font-size: 90%;
  border: 1px dotted black;
  border-collapse: separate;
  border-spacing: 2px;
  margin: 5px;
  }

.games div{
 padding: 2px;
 margin: 3px;
 background-color: black;
 text-align: center;
 }

.games a {
     display: block;
     color: white;
     text-decoration: none;
     border: 1px solid transparent;
     margin: 0px;
     }

.games a:hover{
     color: gold;
     text-decoration: none;
     border: 1px dotted gold;
     }

.games h4{
     width:auto;
     font-size: 110%;
     background-image: url(../img/head.jpg);
     margin: 3px;
     border: transparent;
     text-align: center;
     }

.code{
 display: block;
 overflow: auto;
 text-align: left;
 border: 1px solid blue;
 width: 50%;
 height: 80px;
 background-color: silver;
 font-size: 80%;
 padding: 3px 5px;
 }

.mini{
 width: 100%;
 /*display: inline-block;*/
 padding-bottom: 2px;
 border-bottom: 3px groove rgb(1,63,107);
 background-image: url(../img/head.jpg);
 }

.mini a{
 width: 30px;
 display: inline-block;
 text-decoration: none;
 color: black;
 font-size: 90%;
 padding: 0 2px;
 border: 1px dotted white;
 }

.mini a:hover{
 background-image: url(../img/head-r.jpg);
 border: 1px solid rgb(255,255,255);
 color: white;
 }


.jump{
 clear: both;
 display: block;
 float: right;
 width: 100%;
 background-color: transparent;
 text-decoration: none;
 /*border: 1px solid red;*/
 }

.jump img{
 padding: 5px 15px;
 margin: 0;
 background-image: none;
 background-color: transparent;
 text-decoration: none;
 }