* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
body { margin: 0; padding: 15px 0; background: url('../images/streifen.gif'); /* hier kann der Seitenhintergrund gewechselt werden */ }

/* Main - Rahmen */
#mainContent { width: 100%; }
#main { width: 700px; margin: 0 auto; }
.clear { clear: both; }

/* goldener Rahmen hier keine Veränderungen vornehmen*/
#rand_ob { height: 80px; background: url('../images/rand-oben.jpg') no-repeat; }
#rand_ob img { float: right; margin: 20px 80px 0 0; }
#mitte { background: url('../images/mitte.jpg') repeat-y; }
#rand_unt { height: 80px; background: url('../images/rand-unten.jpg') no-repeat; }

/* Navigations-Menü oben */
#navi { padding: 20px 0 5px 5px; }
#navi a:link, #navi a:visited, #navi a:active { background: url('../images/nav-but.png') no-repeat; float: left; width: 125px; margin-right: 3px; text-decoration: none; display: block; font: 300 18px/42px 'Open Sans Condensed', sans-serif; color: #663300; text-align: center; }
#navi a:hover { background: url('../images/nav-but-hover.png'); text-decoration: none; color: #956C1B; }

/* Inhalt - Content */
#inhalt { background: url('../images/bg_inh.jpg') repeat-x; width: 540px; margin: 0 auto; padding: 0 10px 10px 10px; }
#inhalt span { font-weight: 600; }

/* Überschriften, Absätze, Auflistung ... */
h1 { background: url('../images/dot.jpg') left center no-repeat; font: 700 22px/28px 'Open Sans Condensed', sans-serif; height: 28px; color: #663300; padding: 0 0 0 35px; margin: 25px 0 5px 0; }
h2 { font: 700 18px 'Open Sans Condensed', sans-serif; color: #663300; padding: 0; margin: 25px 0 5px 0; }
p { font: 400 14px/130% 'Open Sans', sans-serif; color: #663300; margin: 0 0 15px 0; text-align: justify; }
ul, ol { margin: 15px 5px 15px 40px; padding: 0; }
li { font: 400 14px/150% 'Open Sans', sans-serif; color: #663300; margin: 0; list-style-type: square; }

/* allgemeine Links */
a:link, a:visited, a:active { color: #663300; }
a:hover { text-decoration: none; color: #956C1B; }

/* Formatierung: Rahmen von Grafiken */
img { border: 0; }
.pic { border: 1px solid #663300; margin: 0 5px 15px 0; }

/* Umrandung des hervorgehobenen Textes */
legend { font: 600 20px 'Open Sans', sans-serif; letter-spacing: 2pt; padding: 0 5px; color: #663300; }
fieldset { font: 400 14px/120% 'Open Sans', sans-serif; border: 1px solid #956C1B; padding: 5px 10px 10px 10px; margin: 20px 0; color: #663300; text-align: justify; }

/* Footer */
#footer { font: 400 13px 'Open Sans', sans-serif; color: #663300; font-style: italic; text-align: center; border-top: 1px solid #663300; padding-top: 10px; }