/* Farben */
/*
blau:   #2c4160;
gruen: #3e8341;
grau:   #1c2435;
rot:     #d10606;
*/

/* Extension Style Sheets */
@import url(edit.css);
@import url(menu.css);
@import url(ext.css);
@import url(csc.css);

body, html, #navigation, #container {
margin: 0;
padding: 0;
}

html { 
font: 100.01% arial, helvetica, freesans, sans-serif; 
background-image: url(../layout/background.png);
background-repeat: repeat-x;
background-position: top left; 
background-color: #3b6630;
}

body {
}

#galerie .pagebox { padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; width: 520px !important; }
#galerie .pagebox h1 {  }

/* Elemente */
#container { width: 995px; margin: 0px auto; }
#innerwrap { width: 995px; float: left; margin: 0px auto; padding: 0px 0px; border: 0px solid #ffffff; position: absolute; top: 0px; }
#pergament { position: absolute; left: 800px; top: 30px; }
#pergamentgross { position: absolute; left: 690px; top: 30px; }
#reiter { position: absolute; left: 1px; top: 100px; }
#homelink { position: absolute; left: 50px; top: 1px; }
#extlinks { position: absolute; left: 795px; top: 280px; border: 0px solid grey; z-index: 100; }
#extlinks img { width: 150px; height: 47px; border: 0px solid grey; }

#logo { width: 900px; height: 50px; border: 0px solid red; text-align: right; background-image: url(../layout/bn-logo.gif); background-repeat: no-repeat; background-position: 0px 5px; background-color: d0d7a8; margin-left: 47px; }
#topmenu { width: 300px; height: 26px; border: 0px solid red; float: right; }

#header { width: 900px; border: 0px solid red; float: left; margin-left: 47px; padding-right: 47px; background-image: url(../layout/header-background.png); background-repeat: repeat-y; background-position: 900px 0px; }
#mainmenu { width: 900px; height: 55px; float: left; border: 0px solid red; background-image: url(../layout/navigation.gif); background-repeat: no-repeat; background-position: 0px 0px; }
#mainimage { width: 900px; height: 320px; float: left; border-bottom: 2px solid #ffffff; background-image: url(../layout/header2.jpg); background-repeat: no-repeat; background-position: top left; }
#sitetitle { width: 900px; height: 148px; margin-top: 174px; }
#sitetitle h1 { margin: 0px; font-size: 28px; padding: 15px 25px 0px 25px; color: #ffffff; width: 550px; }
#sitetitle h3 { margin: 0px; font-size: 16px; font-weight: normal; padding: 0px 25px 0px 25px; color: #ffffff; width: 550px; }

#content { width: 900px; float: left; padding: 0px 47px; border: 0px solid red; background-image: url(../layout/content-background.png); background-repeat: repeat-y; background-position: 20px 0px; }
#left { width: 546px; float: left; margin: 15px 10px 15px 20px; border: 0px solid #ffffff; }
#left p, #left li { margin-right: 20px; }
#left .teaserbox { float: left; width: 544px; background-color: #cdccac; background-image: url(../layout/teaserboxback.gif); background-repeat: repeat-x; background-position: top left; margin: 0px 0px 10px 0px; border: 1px solid #ffffff; min-height: 250px; }
#left .teaserbox .boxleft { float: left; width: 233px; padding: 12px 19px; margin: 0px 0px 0px 0px; }
#left .teaserbox .boxright { float: left; width: 233px; padding: 12px 19px; margin: 0px 0px 0px 0px; }
#left .teaserbox img { border: 1px solid #ffffff; }
#left .teaserbox .newsimg a { background-image: none; padding: 0px; }
#left .start { min-height: 290px; }

#left .pagebox { float: left; width: 544px; background-color: #cdccac; background-image: url(../layout/pageboxback.gif); background-repeat: repeat-x; background-position: top left; margin: 0px 0px 10px 0px; border: 1px solid #ffffff; min-height: 250px; }
#left .pagebox img { border: 1px solid #ffffff; }
#left .pagebox h1 { margin: 20px 0px 0px -20px; padding: 0px; }

#left .csc-frame-frame1 { border: 0px solid red; max-width: 500px !important; width: 500px !important; }
#left .csc-frame-frame1 .news-list-item { border-bottom: 2px dotted #ffffff; padding: 15px 0px; }

#left .csc-frame-frame1 .news-list-date { font-size: 12px !important; }
#left .csc-frame-frame1 .news-list-morelink a { font-size: 12px; font-weight: bold; background-image: url(../layout/arrow.gif); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 8px; }


#right { width: 292px; float: left; margin: 15px 20px 15px 10px; border: 0px solid #ffffff; }
#right p, #right li { margin-right: 20px; }
#right .teaserbox { width: 290px; background-color: #cbd098; background-image: url(../layout/newsteaserboxback.gif); background-repeat: repeat-x; background-position: top left; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border: 1px solid #ffffff; }
#right .teaserbox h2 { margin-bottom: 2px; }
#right .teaserbox .news-list-item { border: 0px solid red; margin: 0px 0px 0px 0px; padding: 0px 19px 0px 19px; }
#right .teaserbox .news-list-date { margin: 0px; padding: 8px 0px 0px 0px; font-size: 10px; }
#right .teaserbox .news-list-item h3 { font-size: 12px; font-weight: bold; color: #1c2435; margin: 2px 0px; padding: 0px; }
#right .teaserbox .news-list-item p { margin: 2px 0px; padding: 0px; }
#right .teaserbox .news-list-morelink { margin: 2px 0px; padding: 0px 0px 8px 0px; border-bottom: dotted #ffffff 2px; }
#right .teaserbox .news-list-morelink a { font-size: 12px; font-weight: bold; background-image: url(../layout/arrow.gif); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 8px; }
#right .teaserbox .csc-frame-frame1 h2 { margin: -5px 0px 20px 0px; padding: 0px; }

#right .start  { background-image: url(../layout/teaserboxback.gif); min-height: 310px; }
#right .start p a.internal-link-button { display: block; width: 220px; margin: 5px 0px; text-align: center; }
#right .start h2 { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }

.teaserbox h2 { color: #3e8341; font-weight: normal; margin: 20px 0px 0px 20px; padding: 0px; text-transform: uppercase; }
.teaserbox h3 { color: #1c2435; font-size: 16px; font-weight: normal; margin: 12px 0px 0px 0px; padding: 0px; }
.teaserbox p { margin: 4px 0px; padding: 0px; line-height: 16px; }
#left .teaserbox a { font-weight: bold; background-image: url(../layout/arrow.gif); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 8px; }

#bottom { width: 900px; float: left; padding: 0px 47px; border: 0px solid red; background-image: url(../layout/content-background.png); background-repeat: repeat-y; background-position: 20px 0px; }
#unten { float: left; background-color: #f6f7f5; width: 900px; }

#unten .startbox .boxleft,
#unten .startbox .boxmiddle,
#unten .startbox .boxright { float: left; width: 260px; min-height: 400px; padding: 12px 19px 12px 21px; margin: 0px 0px 0px 0px; background-image: url(../layout/startboxback.gif); background-repeat: no-repeat; }
#unten .startbox .boxright { background: none; }
#unten .startbox h3 { color: #c4651f; font-size: 16px; font-weight: bold; margin: 12px 0px 0px 0px; padding: 0px; }

#footer { float: left; width: 947px; height: 38px; background-image: url(../layout/footer-background.png); background-repeat: no-repeat; margin-left: 20px; }
#footerstart { float: left; width: 947px; height: 38px; background-image: url(../layout/footer-background-start.png); background-repeat: no-repeat; margin-left: 20px; }

/* Formulare */
.tx-thmailformplus-pi1 {
border: 0px solid red;
background-image: url(../layout/buttonliste.gif); 
background-repeat: no-repeat;
background-position: 158px 84px;
}

.tx-thmailformplus-pi1 ol {
list-style-type: none;
}
.error { border: 0px solid #ff0000; }
.error ul { margin: -20px 0px 20px 0px; padding: 0px 0px 0px 150px; list-style: none; }
.error ul li { color: #ff0000 !important; font-weight: bold; display: inline !important; }
.mailform { width: 480px; padding: 5px; margin: 0px 0px 0px 30px; border: 0px solid red; font-size: 12px; font-family: arial, helvetica, sans-serif; }

.mailform-feld {
font-size: 12px;
line-height:15px;
clear:both;
color: #1c2435;
}

.mailform-feld-check {
font-size: 12px;
line-height:15px;
clear:both;
margin: 5px 0px 5px 150px;
color: #1c2435;
}

.unterstz {
margin: 0px 0px 10px 150px;
height: 20px;
}

.disclaimer {
clear:both;
margin: 5px 0px 5px 150px;
padding: 8px 0px;
}

.disclaimer p {
font-size: 11px;
line-height: 13px;
}

.mailform-feld label { 
padding-top: 5px;
display: block;
float: left;
width: 150px; /* Breite.*/
}

.mailform-feld-check label { 
padding: 5px 0px 0px 5px;
float: left;
width: 290px;
display: block;
}

.mailform-feld input, .mailform-feld textarea, .mailform-feld select { 
border: 1px solid #afafaf; 
margin: 2px 3px; 
padding: 3px 1px; 
background-color: #ffffff; 
font-size: 12px; 
font-family: arial, helvetica, sans-serif; 
}

.mailform-feld input { width: 140px; }
.mailform-feld input.klein { width: 20px; }
.mailform-feld input.mittel { width: 40px; }
.mailform-feld input.medium { width: 240px; }
.mailform-feld input.gross { width: 293px; }
.mailform-feld .mailform-submit { margin: 0px 0px 10px 148px; background-color: #7a9449; color: #ffffff; font-size: 14px; font-weight: bold; padding: 8px 12px; border: 1px solid #ffffff; text-decoration: none; background-image: url(../layout/formback.gif); background-repeat: repeat-x; }
.mailform-feld select { background-color: #ffffff; width: 204px; margin: 2px 4px; }
.mailform-feld textarea { background-color: #ffffff; width: 200px; height: 80px; }
input.mailform-radio { width: 25px; border: 0px solid red; margin: 0px 5px; padding: 0px; background: none; }

.mailform-feld-check .checkfeld {
width: 16px;
height: 16px;
font-size: 10px;
border: 1px solid #afafaf;
float: left;
}

.mailform-feld-check .checkfeldpflicht {
width: 16px;
height: 16px;
font-size: 10px;
border: 2px solid #3e8341;
outline: 2px solid #3e8341;
float: left;
}

/* Mailformular einfach */
.csc-mailform-field input { width: 240px; }
.csc-mailform { width: 490px; padding: 0px; margin: 10px 0px; border: 0px; }
.csc-mailform-field { font-size: 12px; line-height:15px; clear:both; }
.csc-mailform-field label { padding-top: 5px; display: block; float: left; width: 150px; }
.csc-mailform-field input, .csc-mailform-field textarea, .csc-mailform-field select { 
border: 1px solid #afafaf; 
margin: 2px 3px; 
padding: 3px 1px; 
background-color: #ffffff; 
}

.csc-mailform-field .csc-mailform-submit { width: 140px; margin: 10px 0px 10px 152px; text-transform: capitalize; background-color: #7a9449; color: #ffffff; font-size: 14px; font-weight: bold; padding: 8px 12px; border: 1px solid #ffffff; text-decoration: none; background-image: url(../layout/formback.gif); background-repeat: repeat-x; }
.csc-mailform-field select { width: 244px; margin: 2px 4px; }
.csc-mailform-field textarea { width: 240px; height: 80px; }
input.csc-mailform-radio, input.csc-mailform-check { width: 15px; margin: 0px 5px; padding: 0px; background: none; }

/* Voting */
.pollsubmit { width: 120px; margin: 10px 0px 0px 0px; text-transform: capitalize; background-color: #7a9449; color: #ffffff; font-size: 14px; font-weight: bold; padding: 8px 12px; border: 1px solid #ffffff; text-decoration: none; background-image: url(../layout/formback.gif); background-repeat: repeat-x; }
.tx-jkpoll-pi1 form { padding: 0px; margin: 0px; }
p.voteheader { padding: 5px 0px 10px 0px; font-weight: bold; color: #3e8341; }
p.balken { padding: 0px 0px 10px 0px; }

