body {
margin:0;
padding:0;
font-family: Calibri, Verdana, Arial, sans-serif;
font-size:14px;
background-color:#000;
color:#FFF;
}

#top {
width:1000px;
margin:0 auto;
}

#top-wrapper {
background-color:#222;
padding-top:20px;
border-bottom:1px solid #887;
}

#main {
width:1000px;
margin:0 auto;
}

#main-wrapper {
background-repeat:no-repeat;
padding-top:20px;
padding-bottom:20px;
}

#right {
float:left;
width:180px;
overflow:hidden;
margin-right:15px;
}

#index {
float:left;
width:600px;
overflow:hidden;
min-height:660px;
}

#left {
float:left;
width:180px;
overflow:hidden;
margin-left:15px;
}

#footer-wrapper {
background-image:url(./media/site/footer-bg.jpg);
min-height:140px;
padding-top:20px;
border-top:1px solid #887;
}

#footer {
width:1000px;
margin:0 auto;
}

/* Navi mit rechtlichen Angaben im Header */

#rechtliches {
width:600px;
float:right;
margin-bottom:10px;
}

#rechtliches h4 {
display:none;
}

#rechtliches ul {
margin:0;
padding:0;
list-style-type:none;
}

#rechtliches li {
display:inline;
}

#rechtliches a {
display:block;
float:right;
padding-left:4px;
padding-right:4px;
font-family: Georgia, serif;
font-size:14px;
color:#eee;
font-style:italic;
text-decoration:none;
}

#rechtliches a:hover {
text-decoration:underline;
}

/* Container Standard */
/* Die Container befinden sich links und rechts neben dem Hauptinhalt der Seite */

.container {
margin:0px;
background-color:#333;
border:1px solid #887;
border-radius:10px;
margin-bottom:20px;
min-height:56px;
opacity:0.9;
}

.container h4{
background-color:#887;
border-top-left-radius:10px;
border-top-right-radius:10px;
margin:0;
padding:0;
padding-left:4px;
padding-right:4px;
font-family: Georgia, serif;
font-size:14px;
color:#eee;
font-style:italic;
line-height:28px;
text-align:center;
}

.container ul {
margin:0;
padding:0;
padding-left:20px;
line-height:26px;
list-style-type:none;
margin-bottom:10px;
margin-top:10px;
}

.container li {
font-family: Georgia, serif;
font-size:14px;
color:#fff;
font-style:italic;
}

.container a {
color:#FFF;
text-decoration:none;
}

.container a:hover {
text-decoration:underline;
}

/* Standardform (Kontakt, Wunschbox) */

.form {
margin:0px;
padding:10px;
background-color:#333;
border:1px solid #887;
border-radius:10px;
margin-bottom:20px;
opacity:0.9;
margin-left:5px;
margin-right:5px;
}

.form label {
display:block;
float:left;
width:200px;
text-align:right;
padding-right:20px;
line-height:36px;
}

.form br {
clear:both;
}

.form input {
width:300px;
font-family: calibri, verdana, sans-serif;
font-size: 100%;
line-height:20px;
margin-top:8px;
margin-bottom:8px;
}

.form select {
width:306px;
font-family: calibri, verdana, sans-serif;
font-size: 100%;
line-height:20px;
margin-top:8px;
margin-bottom:8px;
}

.form textarea {
margin:0;
width:300px;
height:240px;
font-family: calibri, verdana, sans-serif;
font-size: 100%;
margin-top:10px;
}

.form .submit {
width:100px;
margin-left:428px;
line-height:20px;
margin-top:8px;
margin-bottom:8px;
}

.form .cancel {
width:95px;
margin-left:324px;
line-height:20px;
margin-top:8px;
margin-bottom:8px;
}

.form .cancelsubmit {
width:95px;
margin-left:10px;
line-height:20px;
margin-top:8px;
margin-bottom:8px;
}

.form .error {
background-color:#F00;
border-radius:4px;
margin-left:220px;
padding-top:2px;
padding-bottom:2px;
color:#FFF;
font-weight:bold;
text-align:center;
width:306px;
line-height:20px;
}


/* Artikel Formular */

.artikel {
margin:0px;
padding:10px;
background-color:#333;
line-height:36px;
}

.artikel label {
display:block;
float:left;
width:120px;
text-align:right;
padding-right:20px;
}

.artikel h2 {
font-size:14px;
background-color:#555;
margin:0px;
padding-left:10px;
margin-top:30px;
}

.artikel br {
clear:both;
}

.artikel input {
width:420px;
font-family: calibri, verdana, sans-serif;
font-size: 100%;
}

.artikel textarea {
margin:0;
width:580px;
height:600px;
font-family: calibri, verdana, sans-serif;
font-size: 100%;
margin-top:10px;
}

.artikel .submit {
width:100px;
margin-left:480px;
}

/* Artikel editieren */

#editieren {
border:1px solid #887;
background-color:#555;
font-weight:bold;
height:40px;
line-height:40px;
text-align:right;
padding-right:20px;
border-radius:10px;
margin-top:20px;
margin-bottom:20px;
}

/* Kontakt, Wunschbox, Artikel Style */

.textblock , .benutzer, .admin {
padding:20px;
text-align:justify;
border-radius:10px;
border:1px solid #887;
background-color:#555;
margin-bottom:20px;
opacity:0.9;
margin-left:5px;
margin-right:5px;
}

.benutzer {
background-color:#630;
}

.admin {
background-color:#300;
}

.textblock h1, .benutzer h1, .admin h1, .form h1{
margin:0;
padding:0;
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px solid #887;
font-family: Georgia, serif;
font-size:22px;
font-weight:normal;
color:#AA8;
font-style:italic;
}

.textblock h2, .benutzer h2, .admin h2, .form h2 {
margin:0;
padding:0;
padding-bottom:10px;
font-size:16px;
font-weight:bold;
}

.textblock p, .benutzer p, .admin p, .form p {
margin:0;
padding:0;
padding-bottom:10px;
font-size:14px;
}

.textblock a, .benutzer a, .admin a {
text-decoration:none;
font-weight:bold;
color:#FFF;
}

.textblock a:hover, .benutzer a:hover, .admin a:hover {
text-decoration:underline;
}

/* Kontakt, Wunschbox Einträge anzeigen */

.nachricht {
background-color:#333;
margin-bottom:20px;
border:1px solid #887;
border-radius:10px;
opacity:0.9;
}

.nachricht .body {
width:80%;
float:left;
background-color:#222;
border-bottom-left-radius:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
}

.nachricht h3 {
background-color:#555;
margin:0;
padding-top:4px;
padding-bottom:4px;
padding-left:8px;
padding-right:8px;
font-size:14px;
border-top-left-radius:10px;
}

.nachricht .von {
background-color:#555;
padding-top:4px;
padding-bottom:8px;
padding-left:8px;
padding-right:8px;
font-size:10px;
font-style:italic;
}

.nachricht .inhalt {
padding-top:20px;
padding-bottom:4px;
padding-left:8px;
padding-right:8px;
min-height:160px;
}

.nachricht .geloescht {
padding-top:20px;
padding-bottom:4px;
padding-left:8px;
padding-right:8px;
min-height:160px;
background-color:#300;
border-bottom-left-radius:10px;
}

.nachricht .aktion {
width:20%;
float:left;
min-height:120px;
background-color:#333;
text-align:center;
padding-top:20px;
border-top-right-radius:10px;
}

.nachricht .aktionen {
margin-top:10px;
}

.nachricht img {
border:0;
width:80px;
height:80px;
}

/* Sendplan Wochenansicht */

.wochenplan {
line-height:14px;
font-size:12px;
text-align:center;
}

.uhrzeiten {
float:left;
width:37px;
}

.stunde, .sendung {
padding-top:8px;
background-color:#333;
margin-left:1px;
margin-bottom:1px;
height:90px;
overflow:hidden;
}

.tag {
float:left;
width:73px;
}

#sendenavi {
text-align:center;
background-color:#CCC;
border-radius:5px;
width:240px;
margin:0 auto;
padding:5px;
}

#sendenavi img {
border:0;
padding:0;
margin:0;
}

#sendenavi a {
text-decoration:none;
display:block;
float:left;
width:32px;
height:32px;
padding:4px;
}

#sendenavi a:hover {
background-color:#AAA;
}

/* Footerspalten Sitemap */

#footer .footsteps {
width:25%;
float:left;
text-align:left;
}

#footer .footsteps h1 {
font-family: Georgia, serif;
font-size:22px;
font-weight:normal;
color:#886;
font-style:italic;
}

#footer .footsteps ul {
margin-left:10px;
padding:0;
list-style:none;
font-family: Georgia, serif;
font-size:14px;
color:#eee;
font-style:italic;
}

#footer .footsteps li {
line-height:22px;
}

#footer .footsteps a {
color:#fff;
text-decoration:none;
}

#copyright {
margin-top:20px;color:#AAA;font-style:italic;padding-bottom:20px;
}

#copyright a {
text-decoration:none;
color:#fff;
}

#copyright a:hover {
text-decoration:underline;
}

/* Google News-Flash */

.gnews {
width:188px;
height:242px;
float:left;
margin:0px;
background-color:#333;
border:1px solid #887;
border-radius:10px;
margin-bottom:20px;
opacity:0.9;
margin-left:5px;
margin-right:5px;
}

.gnews h4 {
background-color:#887;
border-top-left-radius:10px;
border-top-right-radius:10px;
margin:0;
padding:0;
padding-left:14px;
padding-right:14px;
font-family: Georgia, serif;
font-size:10px;
color:#eee;
font-style:italic;
line-height:18px;
font-weight:normal;
text-align:center;
}

.gnews .image {
text-align:center;
height:110px;
margin-top:10px;
}

.gnews .image img {
margin-bottom:3px;
border:0;
}

.gnews .image a {
color:#777;
text-decoration:none;
}

.gnews .title {
min-height:70px;
font-size:12px;
line-height:18px;
padding-left:8px;
padding-right:8px;
}

.gnews .title a {
color:#777;
font-size:10px;
text-decoration:none;
font-weight:bold;
}

.gnews .herausgeber {
font-size:10px;
line-height:18px;
font-weight:bold;
height:20px;
text-align:right;
color:#777;
padding-right:4px;
}

.gnews .bottom {
background-color:#887;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
margin:0;
padding:0;
padding-left:14px;
padding-right:14px;
font-family: Georgia, serif;
font-size:10px;
color:#eee;
font-style:italic;
line-height:18px;
font-weight:normal;
text-align:center;
}

.gnews .bottom a{
text-decoration:none;
color:#FFF;
}

/* Kalender Container */

.kalender {
padding:20px;
margin:10px 20px;
margin-bottom:20px;
height:120px;
border-radius:5px;
background-color:#db5800;
border:1px solid #DDD;
}

/* Shoutbox */

#asb_container {
 margin:0 auto;
	font-family:Caibri, Verdana, sans;
	font-size:10px;
}

#asb_contentwrap {
 height: 200px;
 background-color: #DDDDDD;
 overflow: auto;
}

#asb_inputwrap {
 margin-top:6px;
}

#asb_input {

}

#asb_input .text {
 border: 1px solid #888888;
 width: 154px;
 background-color: #f4f4f4;
}

#asb_input .button {
 width: 50px;
 margin-top: 4px;
 background-color: #B52021;
 color: white;
 border: 1px solid #888888;
}

.sbTop {
font-family:Calibri;
background-color:#000;
color:#FFF;
padding:2px;
text-align:center;
border-radius:2px;
}