body {
 font-size: small;
 background-image: url("bild/maueranker.jpg");
 background-repeat: no-repeat;
 background-color: #FFFFFF;
 color: #000000;
 margin: 4px;
 font-family: Sans, sans-serif;
 font-weight: Normal;
}


a {
 text-decoration: none;
 color: #0000ff;
}

a:hover {
 text-decoration: underline;
/* color: #0077ff;*/
 background-color: #f7f7f0;
}

body a, body a:hover { }

.vp {color:#337733;}
.rim {color:#884488;font-style:italic;}
.nm {font-weight:bold;}


.links {
 float: right;
 border: outset 1px #c1b425;
 border: outset 1px #333333;
 border-left: solid 2px #eeeeee;
 border-right: solid 2px #333333;
 border-top: solid 1px #eeeeee;
 border-bottom: solid 2px #333333;
 margin: 10px 10px 0 15px;
 min-width: 150px;
 font-weight: bold;
 clear: right;

 background-color: #cccccc;
 color: #000080;
 background-image: url("bild/flik.gif");

}

.links a{
 border-left: solid 1px #ffffff;
 border-right: solid 1px #333333;
 border-top: solid 1px #ffffff;
 border-bottom: solid 1px #333333;
 text-decoration: none;
 background-color: #dddddd;
 color: #800055;
 padding: 2px;
 display: block;
 min-width: 144px; 
}

.button {
 border-left: solid 2px #ffffff;
 border-right: solid 2px #333333;
 border-top: solid 2px #ffffff;
 border-bottom: solid 2px #333333;
 text-decoration: none;
 background-color: #dddddd;
 color: #800055;
 padding: 1px;
 font-weight: bold;
 vertical-align: bottom;
}

.links a:hover {
 border-left: solid 1px #ffffff;
 border-right: solid 1px #333333;
 border-top: solid 0px #ffffff;
 border-bottom: solid 2px #333333;
 background-color: #eeeeee;
 background-image: url("bild/flik2.gif");
 padding: 2px 3px 2px 1px;
 text-decoration: none;
}

.button:hover {
 border-left: solid 2px #ffffff;
 border-right: solid 2px #333333;
 border-top: solid 1px #ffffff;
 border-bottom: solid 3px #333333;
 background-color: #eeeeee;
 background-image: url("bild/flik2.gif");
 padding: 1px 2px 1px 0px;
 text-decoration: none;
}

.links a img {
 border: none;
 margin-right: 3px;
 width: 16px;
 height: 11px;
}


.navigera{
 background-color: #cccccc;
 background-image: url("bild/flik.gif");
 color: #800055;
 text-align: right;
 font-weight: bold;
 margin: 0 0 10px 170px;
 padding: 5px;
 border: outset 1px #777777;
}

th{
 color: #800055;
 text-align: center;
 font-weight: bold;
 padding: 5px 5px 8px;
}


.navigera a {
 color: #800055;
 text-decoration: none;
 border:  none;
 padding: 0 0 0 1px;
}

.navigera a:hover {
 color: #800055;
 padding: 0 1px 0 0;
 background-color: transparent;
 border-left: none;
 border-right: none;
 border-top: solid 1px #eeeeee;
 border-bottom: solid 2px #555555;
 text-decoration: none;
}

.navigera img {
 border:none;
 margin: 0 5px;
 padding: 0;
 height: 16px;
 vertical-align: top;
}

.left {float:left;}

.panel {
 background-image: url("bild/panel.png");
 background-repeat: repeat;
 background-color: #dddddd;
 border-top: solid #bbb 1px;
 border-left: solid #aaa 1px;
 border-right: solid #666 2px;
 border-bottom: solid #555 2px;
 padding: 5px;
}


h1 {
 margin: 0 0 10px 170px;
 padding: 5px;
 text-align: center;
 color: #c0c0c0;
 color: #d0d0d0;
 font-size: 80px;
 font-weight: 800;
 overflow: visible;
}

h2, p, ul { margin: 5px 15px 5px 15px;}


h2 { 
 font-size: 170%;
 color: #505050;
}

p ul{
 text-align: justify;
 max-width: 500px;
 color: #303030;
}




td {
 font-size: small;
 color: #303030;
}


hr {
 height: 7px;
 width: 100%;
 background-color: #dddddd;
 margin: 40px 0 10px 0;
 border: outset 2px #dddddd;
 /*border-top: groove 4px #ffffff;*/

}


