/**************************
   http:\\www.larasmaps.de
   Autor: Barbara Drischel
**************************/
html{
 width: 100%;
 height: auto;
 }

body{
 margin: 0;
 font: 10pt normal Trebuchet MS, Arial, Helvetica, sans-serif;
 background-image: url(../img/hinten.jpg);
 background-color: silver;
 color: black;
 }

/* Rahmen um den Inhalt damit dieser sich mitteln läßt*/
.frame{
 width: 1000px;
 color: rgb(0,0,0);
 margin: 10px auto;
 padding: 0;
 }

.banner{
 display: block;
 background-image: url(../img/banner540x70.png);
 background-repeat: no-repeat;
 margin: 3px auto;
 width: 550px;
 height: 80px;
 border-bottom: 3px groove rgb(1,63,107);
 }

/* ariadne Steuerung eine Seite vor der zurück*/
.ariadne{
 text-align: center;
 list-style-type: none;
 width: 100%;
 margin-bottom: 3px;
 }

.ariadne a{
 display: inline-block;
 width: 30%;
 margin: 1px;
 padding: 1px;
 font-size: 80%;
 text-align: center;
 border: 1px solid rgb(127,0,0);
 border-bottom: black 1px solid;
 border-right: black 1px solid;
 color: rgb(255,255,255);
 background-image: url(../img/head-r.jpg);
 background-color: rgb(225,225,225);
 text-decoration: none;
 }

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

#hier{
 background-image: url(../img/head.jpg);
 color: rgb(1,63,127);
 border: 1px solid black;
 border-top-style: none;
 border-left-style: none;
 width: 120px;
 padding: 2px 5px;
 }

.content{
 width: 550px;
 margin: 0;
 padding: 0px;
 /*background-image: url(../img/hinten.jpg);*/
 background-color: transparent;
 text-align: center;
 }


/* Fußzeile */
.foot{
 background-image: url(../img/head-f.jpg);
 background-color: rgb(200,200,200);
 text-align: center;
 padding: 5px 0;
 width: 100%;
 font-size: 80%;
 color: rgb(127,0,0);
 }

.foot a{
 font-size: 100%;
 color: black;
 background-image: url(../img/head.jpg);
 margin: 15px;
 padding: 3px 20px;
 border: 1px solid silver;
 text-align: center;
 text-decoration: none;
 }

.foot a:hover{
 color: black;
 background-image: url(../img/head-f.jpg);
 background-color: silver;
 }

.counter{
 margin: 0 auto;
 padding: 0;
 }

/* Andy's Counter sichtbar*/
.andy, .andy a, .andy a:hover{
 background-color: transparent;
 background-image: none;
 margin: 0px;
 padding: 5px;
 text-align: center;
 color: transparent;
 }