/* Sven Brandt 14/01/16 www.digital-bahn.de */
body {

font-family: Tahoma;
color: black;
font-size: 90%;
text-align: left;
max-width: 1100px;
padding: 20px;
}

h1 {
font-size: 150%;
}

h2 {
font-size: 140%;
text-align: center;
background-color: #ffff00;
}

h3 {
font-size: 130%;
text-align: center;
border-bottom-style: solid;
border-color: red;
border-width: 2px;
}

h4 {
font-size: 120%;
text-align: left;
background-color: #ffff99;
}

h5 {
font-size: 100%;
text-align: left;
}

/* für "where am i" () */
#navi {
text-align: left;
border-bottom-style: solid;
border-color: red;
border-width: 2px;
padding: 3px;
margin-left: 10px;
margin-right: 10px;
}

/* für "where am i" () */
#whereami {
height: 15px;
text-align: left;
border-bottom-style: solid;
border-color: red;
border-width: 2px;
padding: 3px;
margin-left: 0px;
margin-right: 0px;
}

/* für "where am i" () */
#whereami2 {
text-align: right;
border-bottom-style: solid;
border-color: red;
border-width: 2px;
padding: 3px;
margin-left: 0px;
margin-right: 0px;
}

/* für "where am i" () */
#whereami3 {
text-align: right;
border-bottom-style: solid;
border-color: red;
border-width: 2px;
padding: 3px;
margin-left: 0px;
margin-right: 0px;
}

/* für "where am i" () */
#whereami4 {
text-align: right;
border-bottom-style: solid;
border-color: red;
border-width: 2px;
padding: 3px;
margin-left: 0px;
margin-right: 0px;
}

/* für "footer" (rechtsbündig) */
#footer {
align: center;
border-top-style: solid;
border-color: red;
border-width: 2px;
padding: 5px;
}

/* grosse Boxen auf HOME (roter Rand, 300x300) */
.box300 {
border-style: solid;
border-color: red;
border-width: 2px;
height: 240px;
width: 300px;
text-align: center;
padding: 10px;
}

/* grosse Boxen auf HOME (roter Rand, 300x100) */
.box100 {
border-style: solid;
border-color: red;
border-width: 2px;
height: 49px;
width: 300px;
text-align: center;
padding: 4px;
}

/* grosse Boxen (roter Rand, 700 breit) */
.box500 {
align: center;
border-style: solid;
border-color: red;
border-width: 2px;
width: 700px;
text-align: left;
padding: 10px;
}

/* (roter Rand, linksbündig) */
.boxleft {
border-style: solid;
border-color: red;
border-width: 2px;
text-align: left;
}

/* für "nach oben" (rechtsbündig) */
.goback {
text-align: right;
}

/* für Bilder (center) */
.image {
text-align: center;
}

/* für Bilder (center) */
.liste {
text-align: left;
line-height: 20pt;
padding-left: 20pt;
}

/* für aktiven Link */
.linkactive {
text-decoration: none;
color: back;
background-color: yellow;
}

A:active {
text-decoration: underline;
color: red;
background-color: yellow;
}

A:link {
text-decoration: underline;
color: blue;
border-color: red
}

A:visited {
text-decoration: underline;
color: #6699ff;
}

A:hover {
text-decoration: underline;
color: black;
background-color: yellow;
}

/* für aktiven Link */
.linkactive {
color: back;
background-color: yellow;
}