/* ===================================

Stylesheet - Deckelsammlung
www.schachdeckel.de

Stand: Jan. 2008
Autor: Andrea Pietsch

==================================== */

* {
 padding: 0;
 margin: 0;
}

body, font, table, p {
 font-family: Tahoma, Arial, Verdana;
 font-size: 14pt;
}

p {
 margin-bottom: 5px;
}

h2 {
 font-size: 120%;
 margin-bottom: 1em;
}

h3 {
 font-size: 110%;
 margin-bottom: 1em;
}

body {
 background-image: url(fotos/0hinter.jpg);
}

#seite,
#index {
 width: 800px;
 margin: 5px 10px 20px 20px;
}

#bilder h2,
#reise h2,
#alpha h2,
#anfang h2,
#galerie h2 {
 width: 568px;
 margin-left: 20px;
 text-align: center;
}

.clearing { clear: both; }


/* ==== Banner ===== */

.banner {
 margin-left: 80px;
 padding: 10px;
}

/* ======= Verweise ===== */

#verweise {
 background-image: url(fotos/0hinterv.jpg);
 width: 155px;
 text-align: right;
 margin: 80px 1px 1px 1px;
}

#verweise p {
 margin-bottom: 2px;
}

#verweise a:link {
 color: #3f3f3f;
}

#verweise a:visited {
 color: #6f6f6f;
}

#verweise a:hover,
#verweise a:focus {
 color: #3f3f3f;
 border-bottom: 1px solid #3f3f3f;
}

.klein {
 font-size: 12pt;
 padding: 4px;
}

.fl {
 float: left;
}

/* ======= Links ========= */

a {
 text-decoration: none;
}

a:link {
 color: #0000bf;
}

a:visited {
 color: #00007f;
}

a:hover,
a:focus {
 color: #0000bf;
 border-bottom: 1px solid #0000bf;
}

/* ======== Index ========== */

#index img {
 float: left;
 margin: 0 40px 0 30px;
}

#index {
 padding-top: 30px;
}

#index td{
text-align: left;
}

#topindex {
 margin: 30px 10px 10px 10px;
 text-align: center;
}

.eingang {
 padding: 7px;
 border: 2px solid #8f8f8f;
}

#topindex a:hover,
#topindex a:focus,
#topindex a:link,
#topindex a:visited {
 border: none;
 color: #5f5f5f;
}

#topindex p {
 font-size: 10pt;
}

.boxindex {
 width: 400px;
}


/* ======= Alpha / Bilder ===== */

#alpha p,
#bilder p {
 padding-top: 5px;
}

.dt {
 font-size: 12pt;
}

.back {
 font-size: 10pt;
 text-align: right;
}

td {
 text-align: right;
 vertical-align: top;
}

.tab {
 text-align: left;
 vertical-align: top;
 padding-left: 10px;
 padding-bottom: 10px;
}

.top {
 font-weight: bold;
 text-decoration: underline;
 padding-bottom: 10px;
}

/* ==== Reise ==== */

#reise p {
 text-align: justify
}

#reise img {
 width: 100px;
 padding: 5px;
 border: 1px solid black;
 margin: 4px;
}

/* =========== Deckel ==== */

#deckel table {
 width: 756px;
 margin-left: 44px;
}

#deckel img {
 padding: 10px;
 width: 500px;
 height: 400px;
}

#dv img {
 width: 140px;
 height: 112px;
 padding: 0px;
 border: 1px solid black;
}


.fotogr {
 padding: 0 5px 0 10px;
 vertical-align: middle;
 text-align: left;
}

.box1 {
 float: right;
 width: 140px;
 height: 112px;
 padding: 10px;
}

.stadt {
 width: 520px;
 text-align: center;
 font-size: 120%;
 font-weight: bold;
 margin-bottom: 2em;
}

/* ====== Galerie ======== */

#galerie img {
 width: 140px;
 height: 112px;
 padding: 5px;
 border: 1px solid black;
 margin: 4px;
}

#galerie p {
 padding: 0 5px 5px 5px;
 text-align: center;
}

.box {
 float: left;
 width: 160px;
 height: 200px;
}


/* ======== Fuß Fuss ====== */

#fuß {
 padding: 10px 0 10px 0;
}

#fuß table,
#bilder table {
 width: 800px;
}

.fußlink {
 width: 50px;
}

#fuß a:hover,
#fuß a:focus,
#deckel a:hover,
#deckel a:focus,
#galerie a:hover,
#galerie a:focus {
 border: none;
}

#fuß td {
 vertical-align: middle;
 text-align: left;
 padding: 0 5px 0 5px;
}