/* Style Sheet for mobile: index pages and overviews */
body { background: white none repeat scroll 0% 50%;
}
.langbar { font-size: x-small;
background-color: red;
font-family: courier;
text-align: right;
color: white;
}
/* title and navigation element */

.topbar { border: 1pt solid rgb(0, 0, 0);
background-color: #ff0000;
height: 56px;
vertical-align: top;
font-family: Arial,Helvetica,sans-serif;
}
.tagline { text-align: left;
background-color: red;
color: white;
letter-spacing: 1px;
vertical-align: bottom;
}
/* copyright statement: smaller and italic */
p.copyright { text-indent: 0pt;
font-style: italic;
font-size: x-small;
}
.englishtext { color: rgb(0, 32, 16);
margin-top: 0em;
float: none;
width: 500px;
margin-bottom: 3px;
margin-left: 2em;
background-color: rgb(255, 255, 255);
}
/* normal text */
.germantext { color: rgb(51, 0, 0);
margin-top: 0em;
float: none;
max-width: 176px;
margin-bottom: 3px;
margin-left: 2em;
background-color: rgb(255, 255, 255);
}
/* table should have text at the top */
td { vertical-align: top;
}
/* visual effenct ot the block elements that contains the table elements */
.navilink { border: 2px groove rgb(255, 102, 102);
text-align: center;
font-family: Arial,Helvetica,sans-serif;
font-size: small;
font-weight: bolder;
color: #ffaaaa;
}
/* back1 and back2 are used to have a different background in the lements of long lists, tables, etc */
.back1 { margin: 2px;
padding: 2px;
z-index: 10;
}
.back2 { margin: 2px;
padding: 2px;
background: rgb(238, 238, 238) none repeat scroll 0% 50%;
z-index: 10;
}
/* normal links: underline is needed on phones*/
a:link { color: rgb(0, 0, 96);
text-decoration: underline;
}
a:visited { color: rgb(64, 0, 96);
text-decoration: underline;
}
a:active { color: rgb(0, 136, 255);
}
a:hover { color: rgb(0, 153, 204);
text-decoration: underline;
}

/* background picture: */

/* links in navigation bar: */
/* same color as the text in title */
a.navi:link { text-decoration: underline;
color: rgb(255, 255, 255);
}
a.navi:visited{ text-decoration: underline;
color: rgb(196, 196, 128);
}
a.navi:hover{ text-decoration: underline;
color: rgb(128, 255, 255);
}
a.navi:active{ text-decoration: underline;
color: rgb(0, 0, 255);
}
/* Headers: use a sans serif font.  */
h1 { font-size: larger;
font-weight: bolder;
margin-left: 1em;
font-family: Arial,Helvetica,sans-serif;
}
h2 { font-size: larger;
font-weight: bolder;
margin-left: 1em;
font-family: Arial,Helvetica,sans-serif;
}
h3 { font-size: larger;
font-weight: bolder;
margin-left: 1em;
font-family: Arial,Helvetica,sans-serif;
}