* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { background: url('../images/bg.jpg') repeat-x; margin: 0; padding: 0; }

/* Rahmen Content */
#mainContent { width: 900px; margin: 0 auto; }
#header { background: url('../images/banner-beschriftet.jpg') no-repeat; background-position: top center; height: 380px; }
#spalte_li { width: 253px; }

/* Formatierung Beispiel-Suchformular */
#suche { margin: 302px 0 0 7px; height: 35px; }
form { margin: 0; padding: 0; height: 25px; }
input, button { background: #fff; border: 1px solid #ccc; padding: 0 3px; }
input { font: bold 12px Tahoma, Arial, Verdana; margin-right: 3px; height: 100%; }
button { cursor: pointer; height: 100%; }
button:hover { color: #006666; }
button::-moz-focus-inner { border: 0; }
::-webkit-input-placeholder { color: #666666; }
:-moz-placeholder { color: #666666; }
.placeholder { color: #666666; }

/* horizontale Navigation */
#nav { padding: 20px 0 0 13px; }
#nav a:link, #nav a:active, #nav a:visited { float: left; font: 14px/30px Tahoma, Arial, Verdana; background: #ccc; text-align: center; border-right: 1px dotted #000; width: 24.6%; display: block; letter-spacing: 2px; color: #000; text-decoration: none; }
#nav a.first { border-left: 1px dotted #000; }
#nav a:hover { background: #F6D27A; color: #fff; text-transform: uppercase; }

/* obere Leiste Seitentitel */
#bg_ob { background: #3C8CBD; margin: 0; height: 30px; }
/* Überschrift Seitentitel */
#bg_ob h1 { margin: 0 10px; text-align: right; font: 18px/30px Tahoma, Arial, Verdana; color: #fff; }

/* Info-Boxen linke Spalte */
.box { border-top: 6px solid #ccc; border-right: 3px solid #ccc; margin-bottom: 15px; }
.box h1, .menue h1 { margin: 0; padding: 4px 0 4px 10px; font: bold 14px Tahoma, Arial, Verdana; color: #333; background: #F6D27A; border-right: 1px solid #666; border-bottom: 1px solid #666; }
.box p { margin: 3px 5px 7px 5px; font: 12px Tahoma, Arial, Verdana; letter-spacing: 1px; line-height: 130%; color: #333; }
.box a:link, .box a:active, .box a:visited { color: #3C8CBD; text-decoration: underline; font-weight: bold; }
.box a:hover { color: #BE993F; text-decoration: none; }
.box .mini { font-size: 10px; color: #999; }

/* vertikale Navigation linke Spalte */
.menue { border-top: 6px solid #ccc; border-right: 3px solid #ccc; margin-bottom: 13px; margin-top: 2px; }

.nav_ver a:link, .nav_ver a:active, .nav_ver a:visited { display: block; padding-left: 5px; font: 14px Tahoma, Arial, Verdana; line-height: 28px; color: #3C8CBD; text-decoration: none; border-bottom: 1px dotted #333; }
.nav_ver a:hover { border-bottom: 1px solid #333; color: #BE993F; }

/* allgemeine Links im Text */
#inhalt a:link, #inhalt a:active, #inhalt a:visited { color: #3C8CBD; text-decoration: underline; }
#inhalt a:hover { color: #BE993F; text-decoration: none; }

/* Absätze, Überschriften */
#inhalt h2 { font: bold 20px Tahoma, Arial, Verdana; letter-spacing: 1px; word-spacing: 3px; margin: 15px 0 2px 10px; color: #BE993F; text-align: left; }
#inhalt p { text-align: justify; margin: 2px 0 20px 10px; font: 14px/140% Tahoma, Arial, Verdana; color: #333; }

/* Footer */
#footer { background: url('../images/bg-unten.jpg') repeat-x; text-align: center; }
#fuss { font: 12px/120px Tahoma, Arial, Verdana; color: #333; background: url('../images/fuss.jpg') no-repeat; background-position: center bottom; }
#fuss a:link, #fuss a:active, #fuss a:visited { color: #999; }
#fuss a:hover { color: #333; text-decoration: none; }
#boden { background: url('../images/bg-boden.jpg') repeat-x; height: 30px; }