body {
background-color:black;
color : white;
font-family: "Trebuchet MS", Verdana;
font-size: 11pt; 
}

* {
margin:0;
padding:0;
}

#seite { 
width: 1000px; 
margin: 0 auto; 
}

#kopfbereich {
background-image:url(../buttons/page_top.jpg);
background-repeat:no-repeat;
width:100%;
height:200px;
margin-left: 10%;
text-align: center;
}

#pagetitel {
font-variant : normal;
font-weight : normal;
font-size : 250%;
width:80%;
margin-left: 10%;
padding-top: 5px;
padding-bottom: 25px;
color : #87ceeb;
text-align: left;
}

#steuerung {
float: left;
width:15%;
padding: 0px;
border: 0px;
}

#inhalt {
float: left;
width:65%;
padding-top: 0px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}

#infobox {
margin-left: 84%;
margin-top: 0px;
margin-bottom: 20px;
padding: 10px;
padding-right: 14px;
background-color:#B3B3B3;
font-style: italic;
font-size : 95%;
font-weight: normal;
color:#1F5A22;
border-style: outset;
border-color:silver;
border-top-width: thin;
border-left-width: thin;
border-right-width: medium;
border-bottom-width: medium;
}

#fussbereich {
clear: both;
padding: 0px;
padding-left: 8%;
padding-right: 8%;
margin-bottom: 20px;
text-align: center;
color:silver;
/* Fussbild könnte hier auch eingefügt werden:
background-image:url(../buttons/page_bottom.jpg);
background-repeat:no-repeat;*/
}

hr.haupt {
clear:both;
border-width: 2px;
border-color:#333333;
height:4px;
text-align: center;
width:90%;
}

span.adr {
display : block;
font-weight : bolder;
font-size : 85%;
color : #87ceeb;
text-align: right;
padding-right: 20px;
}

span.Button a {
display : block;
text-decoration : none;
font-variant : small-caps;
font-weight : bolder;
font-size : 85%;
color : #FFFFFF;
width : 100%;
background-image:url(../buttons/button_normale.jpg);
background-position:center;
background-repeat:no-repeat;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
margin: 1px;
}
span.Button a:hover {
display : block;
text-decoration : none;
font-variant : small-caps;
font-weight : bolder;
font-size : 85%;
color : #800080;
width : 100%;
background-image:url(../buttons/button_hoover.jpg);
background-position:center;
background-repeat:no-repeat;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
margin: 1px;
}

span.StillButton {
display : block;
text-decoration : none;
font-variant : small-caps;
font-weight : bolder;
font-size : 110%;
color : #074CAB; 
width : 100%;
background-image:url(../buttons/button_active.jpg);
background-position:center;
background-repeat:no-repeat;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
margin: 1px;
}

table.dienst {
border-width : 1px;
border-style : solid;
border-color : #909090;
margin-bottom : 20px;
}

tr.sctitel {
background-color : #0080c0;
}

h3.sctiteltext {
color : white;
margin : 5px 10px 5px 10px;
}

td.scimage {
background-color : #eeeeee;
text-align : left;
}

tr.diensttitel {
background-color : black;
}
h3.diensttiteltext {
color : #eeeeee;
margin : 10px;
}

td.dienstbody {
background-color : #eeeeee;
padding : 10px;
color:black;
}

h4.dienstbodytext {
margin-top : 5px;
margin-bottom : 5px;
}
td.dienstimage {
background-color : white;
text-align : center;
vertical-align : middle;
}

tr.dienstfooter {
background-color : #0080c0;
}

span.preisangebot {
background-color : #FF0000;
text-decoration : none;
font-style : normal;
font-weight : bold;
font-size : 80%;
color : white;
padding-left : 5px;
padding-right : 10px;
}

span.dienstfuss {
text-decoration : none;
font-style : italic;
font-weight : normal;
font-size : 80%;
color : white;
padding-left : 5px;
padding-right : 10px;
}

span.dienstlink a {
text-decoration : none;
font-style : italic;
font-weight : normal;
font-size : 80%;
color : white;
padding-left : 5px;
padding-right : 10px;
}

span.dienstlink a:hover {
text-decoration : none;
font-weight : normal;
font-size : 80%;
color : yellow;
background-color : white;
padding-left : 5px;
padding-right : 10px;
}

span.dienstlink a:before {
content : ">>";
text-decoration : none;
font-style : italic;
font-weight : normal;
font-size : 80%;
color : white;
padding-left : 0;
padding-right : 10px;
}

