/* Extension Style Sheets */
@import url(edit.css);
@import url(csc.css);

body, html, #navigation, #container, #inhalt, #infobox {
margin: 0;
padding: 0;
}

body { font: 100.01% verdana, sans-serif; }
a img { border: none; }

.tx-mjnewsticker-pi1 { 
float: left; 
border: 0px solid red;
margin: 10px 0px;
padding: 2px 0px 0px 0px;
width: 920px; 
height: 28px;
background-image: url(../layout/backticker.gif); 
background-repeat: no-repeat;
font-weight: normal !important;
}

.tx-mjnewsticker-pi1 a { 
font-weight: normal !important;
}

/* Elemente */
#container { width: 100%; margin: 10px 0px; }

#top { width: 920px; height: 111px; margin: 0px auto; background-image: url(../layout/backhead.gif); background-repeat: no-repeat; }
#menu { width: 510px; float: left; border: 0px solid red; margin: 20px 0px 20px 20px; }
#menu img { margin: 0px 20px 10px 0px; }
#logo { float: left; margin-top: 5px; }
#impressum { float: left; margin-top: 10px; }
#topimg { width: 920px; margin: 10px auto; }
#main { width: 920px; margin: 0px auto; min-height: 370px; }

#links { width: 300px; height: 340px; margin-right: 10px; float: left; background-image: url(../layout/boxgruen.gif); background-repeat: no-repeat; text-align: center; }
#mitte { width: 300px; height: 340px; margin-right: 10px; float: left; background-image: url(../layout/boxbeige.gif); background-repeat: no-repeat; text-align: center; }
#rechts { width: 300px; height: 340px; float: left; background-image: url(../layout/boxbraun.gif); background-repeat: no-repeat; text-align: center; }

/* Menü oben */
#menu ul li a { font-size: 14px; margin-top: 8px; }

/* Grünes Layout */
#links h2, #rechts h2, #main #links h2 a, #main #rechts h2 a { font-size: 20px; color: #fefecc; margin: 10px 0px 0px 0px; padding: 5px; text-align: center; }
#breitgruen { background-color: #336666; }
#obengruen { background-image: url(../layout/gruen-oben.gif); background-repeat: no-repeat; height: 20px; width: 920px; }
#mittegruen { min-height: 300px; }
#untengruen { background-image: url(../layout/gruen-unten.gif); background-repeat: no-repeat; height: 20px; width: 920px; }
#breitgruen h1, #breit2gruen h1 { font-size: 18px; padding: 0px 20px 5px 20px; margin: 0px; color: #fefecc; font-weight: bold; text-align: left; }
#breitgruen h2, #breit2gruen h2 { font-size: 16px; padding: 0px 20px 10px 20px; margin: 0px; color: #fefecc; font-weight: bold; text-align: left; }
#breitgruen p, #breitgruen p a { font-size: 12px; padding: 0px 20px; margin: 0px 0px 15px 0px; color: #fefecc; }
#breitgruen .csc-textpic-caption { color: #fefecc; }

#breit2gruen { background-color: none; }
#oben2gruen { background-image: url(../layout/gruen-oben-2x.gif); background-repeat: no-repeat; height: 20px; }
#mitte2gruen { float: left; background-image: url(../layout/gruen-mitte-2x.gif); background-repeat: repeat-y; }
#linksgruen { margin: 0px 10px; min-height: 300px; float: left; width: 430px; }
#rechtsgruen { margin: 0px 10px 0px 30px; min-height: 300px; float: left; width: 430px; }
#unten2gruen { clear: both; background-image: url(../layout/gruen-unten-2x.gif); background-repeat: no-repeat; height: 20px; }

/* IE 6 Hacks */
* html #linksgruen { border: 0px solid red; margin: 0px 10px; min-height: 300px; float: left; width: 410px; }
* html #rechtsgruen { padding: 0px; border: 0px solid red; margin: 0px 10px 0px 50px; min-height: 300px; float: left; width: 410px; }
* html .csc-textpic-imagewrap { border: 0px solid red; margin: 0px 10px !important; }

#linksgruen p, #rechtsgruen p { font-size: 12px; padding: 0px 10px; margin: 0px 0px 15px 0px; color: #fefecc; }
#linksgruen p a, #rechtsgruen p a { font-size: 12px; }
#linksgruen h1, #rechtsgruen h1 { font-size: 18px; padding: 0px 20px 5px 10px; margin: 0px; color: #fefecc; font-weight: bold; text-align: left; }
#linksgruen h2, #rechtsgruen h2 { font-size: 16px; padding: 0px 20px 10px 10px; margin: 0px; color: #fefecc; font-weight: bold; text-align: left; }

/* Beiges Layout */
#mitte h2, #main #mitte h2 a { font-size: 20px; color: #336666; margin: 10px 0px 0px 0px; padding: 5px; text-align: center; }
#breitbeige { background-color: #fefecc; }
#obenbeige { background-image: url(../layout/beige-oben.gif); background-repeat: no-repeat; height: 20px; }
#mittebeige { border-bottom: 1px solid #fefecc; min-height: 300px; border-left: 1px solid #336666; border-right: 1px solid #336666; }
#untenbeige { border: 0px solid red; background-image: url(../layout/beige-unten.gif); background-repeat: no-repeat; height: 20px; }
#breitbeige h1 { font-size: 16px; padding: 0px 20px 5px 20px; margin: 0px; color: #336666; font-weight: bold; text-align: left; }
#breitbeige h2 { font-size: 14px; padding: 0px 20px 5px 20px; margin: 0px; color: #336666; font-weight: bold; text-align: left; }
#breitbeige p, #breitbeige p a { font-size: 12px; padding: 0px 20px; margin: 0px 0px 15px 0px; color: #336666; }
#breitbeige .csc-textpic-caption { color: #336666; }

/* Braunes Layout */
#breitbraun { background-color: #663232; }
#obenbraun { background-image: url(../layout/braun-oben.gif); background-repeat: no-repeat; height: 20px; }
#mittebraun { min-height: 300px; }
#untenbraun { background-image: url(../layout/braun-unten.gif); background-repeat: no-repeat; height: 20px; }
#breitbraun h1 { font-size: 16px; padding: 0px 20px 5px 20px; margin: 0px; color: #fefecc; font-weight: bold; text-align: left; }
#breitbraun h2 { font-size: 14px; padding: 0px 20px 5px 20px; margin: 0px; color: #fefecc; font-weight: bold; text-align: left; }
#breitbraun p, #breitbraun p a { font-size: 12px; padding: 0px 20px; margin: 0px 0px 15px 0px; color: #fefecc; }
#breitbraun .csc-textpic-caption { color: #fefecc; }

/* Mailformulare */
label { vertical-align: 20%; color: #fefecc; }
#mailformnewsletter { padding: 0px; margin: 5px 0px; }
.csc-sword { font-weight: bold; color: #339900; }
.csc-mailform-field input { width: 250px; }
.csc-mailform { width: 490px; padding: 5px; margin: 0px; }
.csc-mailform-field { font-size: 12px; line-height:15px; clear:both; }
.csc-mailform-field label { padding-top: 5px; display: block; float: left; width: 135px; /* Breite.*/ }
.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select {
font-family: verdana, sans-serif;
border: 1px solid #fefecc; 
margin: 3px; 
padding: 1px; 
background-color: #ebebeb; 
}
.csc-mailform { border: none; padding: 10px; }
.csc-mailform-field .csc-mailform-submit { width: auto; border: 1px solid #fefecc; margin-left: 140px; color: #336666; }
.csc-mailform-field select { width: 254px; margin: 2px 4px; font-family: verdana, sans-serif; }
.csc-mailform-field textarea { width: 250px; height: 80px; font-family: verdana, sans-serif; font-size: 12px; }
input.csc-mailform-radio, input.csc-mailform-check { width: 15px; margin: 0px 5px; padding: 0px; background: none; }

/* IE 6 Hacks */
* html .csc-mailform { width: 420px; padding: 5px 0px 5px 5px; margin: 0px; }

/* Listenelement */
.csc-uploads {
padding: 0px 20px; margin: 0px 0px 15px 0px;
}

.csc-uploads-fileName {
border: 0px solid #fefecc;
vertical-align: top;
}

.csc-uploads-fileName p {
padding: 0px 5px !important; margin: 0px 0px 5px 0px !important;
border: 0px solid red;
text-align: left;
}

.csc-uploads-fileName p a {
padding: 0px 0px !important; margin: 0px 0px !important;
text-align: left;
}

.csc-uploads-description {
border: 0px solid red;
}

.csc-uploads-icon {
vertical-align: top;
}