* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { margin: 0px; padding; font-family: Tahoma, Verdana, Arial; background: #8D96AF; }

/* Logo, Homepagename */
#logo { background: url('../images/bg-logo.jpg') repeat-x; width: 100%; line-height: 100px; text-align: center; color: #3C4255; font-size: 20pt; border-bottom: 5px double #3C4255; }
.logo_rahmen1 { background: #8D96AF; color: #3C4255; padding: 6px; border-top: 2px solid #3C4255; border-left: 2px solid #3C4255; }
.logo_rahmen2 { background: #8D96AF; color: #3C4255; padding: 6px; border-right: 2px solid #3C4255; border-bottom: 2px solid #3C4255; }

/* Inhalt, Content */
.inhalt { background: #3C4255; padding: 10px 30px 10px 15px; line-height: 150%; border-right: 3px solid #5E657B; border-left: 3px solid #5E657B; }

/* Überschriften und Absatz */
.inhalt h1, .inhalt h2 { font-family: Tahoma, Verdana, Arial; color: #8D96AF; }
.inhalt h1 { margin-bottom: 0; font-size: 22px; letter-spacing: 8px; text-transform: uppercase; padding-bottom: 3px; border-bottom: 1px solid #ccc; }
.inhalt h2 { margin-bottom: 0; margin-top: 30px; font-size: 18px; }
.inhalt p { font-family: Tahoma, Verdana, Arial; margin-top: 0; color: #CCC; font-size: 16px; text-align: justify; }

/* allgemeine Textlinks */
a:link { color: #fff; font-weight: bold; }
a:active, a:visited { color: #ccc; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: none; color: #3C4255; background: #8D96AF; font-weight: bold; }

/* fetter Text */
.b { font-weight: bold; }

/* Formatierung Beispiel-Suchformular */
form { margin: 10px 5px; padding: 0; }
input { font: 12px arial; color: #3C4255; border: 1px solid #3C4255; }
input[type="text"] { margin-right: 2px; padding: 2px; }
input[type="submit"] { padding: 2px; }
input[type="submit"]:hover { color: #747B92; }
input[type="submit"]::-moz-focus-inner { border: 0; }

/* Info-Boxen */
.box1, .box2, .box3 { margin: 5px; padding: 5px; border: 1px solid #3C4255; font: normal 14px Arial; text-align: justify; color: #3C4255; }
.box1 {  }
.box2 { background: #747B92; text-align: center !important; font: normal 22px Arial !important; }
.box3 { background: #3C4255; color: #8D96AF !important; }

/* Navigation der linken Spalte */
.navi { margin: 5px; font-size: 10pt; border: 1px solid #3C4255; background: #747B92; text-align: center; }
.navi a:link, .navi a:visited, .navi a:active { display: block; margin-bottom: 1px; text-decoration: none; color: #8D96AF; letter-spacing: 2pt; line-height: 28px; background: #3C4255; }
.navi a:hover { background: transparent; text-transform: uppercase; text-decoration: none; color: #fff; }

/* Submenüs der rechten Spalte */
.sub_ue { display: block; color: #fff; letter-spacing: 2pt; font-size: 11pt; text-align: center; font-weight: bold; line-height: 24px; background: url('../images/bg-subnavi.jpg') repeat-x;}
.subnavi { margin: 5px; font-size: 10pt; border: 1px solid #3C4255; }
.subnavi a:link, .subnavi a:visited, .subnavi a:active { display: block; text-decoration: none; font-weight: normal; color: #3C4255; text-align: center; line-height: 22px; border-top: 1px solid #3C4255; }
.subnavi a:hover {  text-decoration: none; color: #ccc; background: #3C4255; border-top: 1px dashed #ccc;}

/* Fusszeile */
#fuss { width: 100%; line-height: 50px; text-align: center; color: #3C4255; word-spacing: 2pt; background: url('../images/bg-fuss.jpg') repeat-x; font-size: 8pt; border-top: 5px double #3C4255; }
#fuss a:hover { background: transparent; }

.bildrahmen { margin-top: 5px; border: 1px solid #ccc; }