/* COLORS */
body { color: #000; background: #ccc; }
h1, h2, h3, a,
#navi ul li.selected a,
#navi ul li.a:hover { color: #51131C; /*color: #880731;*/  }
#frame, #content { background-color: #fff; }
#navi ul li a { color: #000; }

/* TYPOGRAPHY */
body { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
h1 { font-size: 14px; font-weight: bold; }
h2 { font-size: 12px; font-weight: bold; }
h3 { font-size: 10px; font-weight: bold; margin: 10px 0 0 0; }
#navi ul li a { font-weight: bold; text-decoration: none; }
.smalltext { font-size: 10px; font-weight: normal; margin: 0; } 
#content { text-align: justify; padding: 5px 0 0 0; }



/* LAYOUT  */
body { background-image: url('../images/bg/fullfade.jpg'); background-repeat: repeat-x; margin: 0; padding: 0; }

#container { margin: 25px auto 5px auto; text-align: left; width: 740px; }
#frame { width: 738px; border: 1px solid #666; }
#head { width: 738px; height: 128px; background-image: url('../images/bg/header.jpg'); background-repeat: no-repeat; }
#navi { position: relative; top: 102px; float: right; margin: 0 10px 0 0; }
#content { width: 738px; }
.column { float: left; }
.full { width: 700px; margin: 0 0 10px 10px; }
.half { width: 350px; margin: 0 0 10px 10px; }
#footer { width: 738px; height: 20px; padding: 33px 0 0 0; clear: left; background-image: url('../images/bg/footer.jpg'); background-repeat: no-repeat; background-color: #BCBDC0; text-align: center; }
#footer .address { color: #414142; font-weight: bold; }

.column h2, .column p { float: none; display: block; }
.centered { text-align: center; }
.left { text-align: left; margin: 0 0 2px 0; }

#navi ul { list-style: none; margin: 0; padding: 0; } 
#navi ul li { list-style-image: url('../images/navi_item.gif'); float: left; margin: 0 5px 0 25px; }
#navi ul li.selected { list-style-image: url('../images/navi_item_on.gif'); }
#navi ul li a { text-decoration: none; }
#navi ul li.selected a { text-decoration: underline; }

dl { margin: 2px 0 0 0; }
dl dt { width: 70px; display: inline; float: left; }
dl dd { padding: 0 0 0 70px; display: block; float: none; font-weight: bold; }

#form label { width: 80px; float: left; clear: left; padding: 2px 0 0 0; }
#form input { width: 230px; margin: 0 0 5px 0; }
#form textarea { width: 230px; height: 100px; margin: 0 0 5px 0; }
#form input.narrow { width: 60px; } 
#form input.submit { margin: 0 0 5px 80px; width: auto; padding: 1px 5px; }

div.saal div.logo { float: right; background-image: url('../images/saal.jpg'); width: 80px; height: 80px; }
div.saal h3 { margin: 30px 0 0 0; }
div.saal p.smalltext { margin: 0 85px 0 0; }

form input, form textarea { border: 1px solid #999; color: #000; background-color: #fff; }
form input.submit { background-color: #ccc; color: #000; }
.hidden { display: none; }