/* ----------------------- Globale Formatierung ----------------------*/
* { font-size: 10pt; font-family: Arial,  Verdana, sans-serif; }
body { margin: 0px; padding: 2px; background-color: white; color: black; }
img { border: none; }

/* ----------------------- Block Formatierung ------------------------*/
/* ul { list-style: none; margin:0; padding:0; list-style-image: url('/img/mobile/list-icon.png'); } */
h1, h2, h3, h4, h5, h6, p, ul { margin: 0px; padding-top: 2px; padding-bottom: 2px; }

/* Hauptblock für verschiedene Elemente */
.body
 {
 margin: 0px;
 padding: 2px 4px 2px 4px;
 }

/* Hauptblock für verschiedene Elemente, rechts zentriert */
.body-right
 {
 margin: 0px;
 padding: 2px 4px 2px 4px;
 text-align: right;
 }

/* Block für obere Leiste */
.header
 {
 text-align: left;
 margin-left:2px;
 border-bottom: 2px solid #000000;
 }

/* Block für untere Leiste */
.footer
 {
 padding: 2px;
 border-top: 2px solid gray;
 }
 
.paragraph { margin: 0px 0px 10px 0px; }

/* ----------------------- Text Formatierung ------------------------*/

.red-text
 {
 color:#ff0000;
 font-weight: bold;
 }
 
 .green-text
 {
 color:#77AF12;
 font-weight: bold;
 margin-bottom:10px;
 }

/* ----------------------- Tabellen Formatierung ---------------------*/

/* Tabelle mit Fragen, Farbe abwechselnd */
table
 {
 width:100%;
 padding:0px;
 margin:0px;
/* border: none;*/
 border-spacing:0px;
 }

th {
    text-align: left;
}

/* Zeile Typ 1 */
.even { background-color: #fff; }

/* Zeile Typ 2 */
.odd { background-color: #eee; }

/* ----------------------- Link Formatierung -------------------------*/

/* normale Links */
a
 {
 }

a:link, a:visited
 {
 color: rgb(0, 0, 0);
 }
a:hover, a:active
 {
 text-decoration: underline;
 }

/* obere Leiste */
a.header:link, a.header:visited
 {
 text-decoration: none;
 color: #ffffff;
 background-color: #89c420;
 border: 2px solid #000000;
 padding: 0px 4px 0px 4px;
 margin: 0px 0px 0px -2px;
 }
a.header-selected:link, a.header-selected:visited
 {
 text-decoration: none;
 color: #000000;
 background-color: #ffffff;
 border: 2px solid black;
 padding: 0px 4px 0px 4px;
 margin: 0px 0px 0px -2px;
 }
a.header:hover, a.header:active
 {
 text-decoration: underline;
 }

/* untere Leiste */
a.footer:link, a.footer:visited
 {
 text-decoration: none;
 color: rgb(0, 0, 0);
/* padding: 0px 4px 0px 4px;
 margin: 0px 0px 0px -2px;*/
 }
a.footer:hover, a.footer:active
 {
 text-decoration: underline;
 }
/* ----------------------- Form --------------------------------------*/
form label { display:block; }
.error-message { color: #ff0000; font-weight:bold; margin-bottom:5px;}
.addReview label { display:inline; }

/* ----------------------- Rest --------------------------------------*/

.pl { padding-left: 15px; }

.pager {font-weight:bold;}
.pager a {font-weight:normal;}

hr
 {
 width: 100%;
 height: 5px;
 background-color: lightgray;
 border: none;
 margin: 0px;
 padding: 0px;
 }
 
small {font-size:80%;}