/* ###################################################### */

/* CSS Document */
/* ###################################################### */
/* ############## general html structur ################# */
/* ###################################################### */
html, body, div, p, td, a, input, textarea, select {
    font-family:Arial, Verdana, Helvetica, sans-serif;
    color:#4f4442;
}
html, body {
    margin:0;
    padding:0;/*overflow:auto;*/
    height: 100%;
    min-height: 100%;
}
html {
    overflow:-moz-scrollbars-vertical;
    min-width:962px;
    font-size: 101%;
    line-height:1em;
}
body {
    font-size:0.75em;
    margin:0;
    padding:0;
    background-color:#e6e5e4;
}
/* FORM */
form {
    margin:0;
    padding:0;
}
textarea {
    width:418px;
    height:85px;
}
input {
    border:1px solid #4f4442;
    padding: 3px 2px;
    color: #756556;
    background-color:#fefefe;
}
input.pflicht, textarea {
    background-color:#dfdfdf;
    color:#3f3e3e;
}
input:focus,textarea:focus{
    background-color: #c04036;
    color:white;
}
.button {
    border:0px;
    background-color:#c04036;
    margin-right:10px;
    color:white;
}
.button:hover {
    background-color:#4f4442;
    color:white;
}

/* LINKS */
a                   {text-decoration:none;  }
a:link, a:visited   {color:#4f4442;         }
a:hover, a.active   {color:#c04036;         }
#content a:link, #content a:visited   {color:#c04036;text-decoration:none;  }
#content a:hover,#content a.active   {color:#c04036;text-decoration:underline;  }
a.arrow-evensmaller {
    font-weight:bold;
    background-image:url(../images/arrow-evensmaller.png);
    background-position:left 0.4em;
    background-repeat:no-repeat;
    padding-left:10px;
    margin-left:3px;
}
#headertext a.arrow-evensmaller                      {font-weight:normal;}
a:link.arrow-evensmaller,a:visited.arrow-evensmaller {color:#b73b3b;}
a:hover.arrow-evensmaller                            {color:#b73b3b; text-decoration:underline;}
.imglink_wrapper                                     {margin-bottom:0;}
.imglink_wrapper img                                 {position:relative; z-index:20;}
.imglink_wrapper .redcorner {
    z-index:21;
    position:absolute;
    height:10px;
    width:10px;
    background-position:left bottom;
    background-repeat:no-repeat;
    margin-left:-10px;
}
a:link .imglink_wrapper .redcorner, a:visited .imglink_wrapper .redcorner {
    background-image: url(../images/corner.png);    
}
a:hover .imglink_wrapper .redcorner {
    background-image: url(../images/corner-brown.png);
}
#Menu_Wrapper a:link .imglink_wrapper .redcorner,#Menu_Wrapper a:visited .imglink_wrapper .redcorner {background-image: none;}
#Menu_Wrapper a:hover .imglink_wrapper .redcorner {background-image: none;}
/* HEADLINES */
h1 {
    margin-bottom:0.4em;
    background-image:url(../images/arrow-big.png);
    background-repeat:no-repeat;
    background-position:left;
    padding-left:25px;
    line-height:0.8em;
    font-size: 1.7em;
    text-transform:uppercase;
    color:#4f4442;
}
.start #headertext h1 {
    font-size: 2.3em;
    margin-bottom:0.6em;
    background-position:left 0.1em;
}
h1 .toolong {font-size: 1.5em;}
h2 {
    margin-top:0.5em;
    color:#4f4442;
    font-weight:bold;
    font-size:1.3em;
    margin-bottom:1em;
}
.shortnews h2, #faststart h2 {
    text-transform:uppercase;
    font-size:1.6em;
    font-weight:normal;
    background-image:url(../images/arrow-small.png);
    background-repeat:no-repeat;
    background-position:left 0.15em;
    padding-left:17px;
    margin-bottom:0.5em;
}
#faststart h2 { margin-top:0.5em;margin-bottom:0.7em;}
h3,h4,h5,h6 {
    margin-top:0.5em;
    color:#c04036;
    font-size:1em;
    margin-bottom:0;
    font-weight:bold;
}
.shortnews h3 {font-weight:bold;margin-bottom:0.65em;margin-left:18px;}
/* PARAGRAPHEN */
p {margin-bottom: 2em;}
.shortnews p {margin-left:18px;}
#faststart p {margin-left:18px; text-align:justify;}
.start #headertext p { font-size:1.3em;margin-bottom:0;margin:0 10px 0 25px;line-height:1.3em;}
.sub #headertext p   { font-size:1.4em;margin-bottom:0.6em;margin-left:25px;color:#746461;}
/* SONSTIGES */

/* ###################################################### */
/* ####################### MAIN BODY #################### */
/* ###################################################### */
#Main_Wrapper {
    width:100%;
    margin: 0 auto -14em auto; /* the bottom margin is the negative value of the footer's height */
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background-image: url(../images/hintergrund_sonja_seitz.png);
    background-position:center;
    background-repeat:repeat-y;
}
.pos { width:960px; margin:0 auto;}
.conleft { width:279px;}
.conright { width:680px;}
.conleftsub { width:239px;}
.conrightsub { width:720px;}
#Menu_Wrapper .conleft { width:239px;}
#Menu_Wrapper .conright { width:720px;}

#Menu_Wrapper {
    width:100%;
    height:125px;
    margin-top:26px;
}
#Content_Wrapper{
    width:100%;
    margin-bottom:2em;
}
#SubMenu_Wrapper {
    width:100%;
    background-color:#4f4442;
    height:1.8em;
    text-align:right;
    font-size:0.85em;
}
#SubMenu_Wrapper .conright{color:white; line-height:1.6em;}
#Header_Wrapper {width:100%;margin-bottom:2.3em;}
.start #Header_Wrapper .brwn {background-color:#b3b0af;height:288px;}
.sub #Header_Wrapper .brwn {background-color:#b3b0af;}
#Content_Wrapper {
    width:100%;
}
#content { padding-bottom:3em;}
.start #content {width:960px;}
.sub #content {width:676px;margin-left:269px;}
#Footer_Push, #Footer_Wrapper{
    height: 13em; /* #push must be the same height as #footer */
    width:100%;
}
#balken{
    width:100%;
    background-color:#4f4442;
    height:3.0em;
}
#FastJump_Wrapper {
    width:100%;
    height:12.65em;
}
/* ###################################################### */
/* ####################### STRUCTURE #################### */
/* ###################################################### */
/* MAINMENU ***********************************************/
#mainnavigation li {
    float:left;

    font-size:1.1em;
    font-weight:bold;
}
#mainnavigation li a{
    margin-bottom:1.0em;
    height:100%;
    margin-left:2.2em;
    padding-bottom:1.5em;
    padding-left:0.8em;
    border-left:1px solid #bcbcbc;
    text-indent:1.0em;
}
#mainnavigation{padding-top:15px;}
/* SUBNAVIGATION ***********************************************/
#subnavi {margin:27px 0 0 20px; width:210px;}
#subnavi ul {
    margin-left:18px;
}
/* LINKCONFIG */
#subnavi { line-height:2em;font-size:1.2em;}
#subnavi .submenutitle, #subnavi .submenutitletoolong {
    font-size:1.2em;
    font-weight:bold;
    text-transform:uppercase;
    background-image:url(../images/arrow-small.png);
    background-position:left 0.2em;
    background-repeat:no-repeat;
    padding-left:18px;
}
#subnavi .submenutitletoolong {font-size:1.1em;}
#subnavi a:link,  #subnavi a:visited {color:#4f4442;}
#subnavi a:hover,  #subnavi a.active {font-weight:bold;color:#c04036;}
/* METANAVIGATION ***********************************************/
#metaNavigation li { float:left; margin-right:1em;padding-top:2px; text-transform:uppercase; font-weight:bold;}
#metaNavigation a:link, #metaNavigation a:visited {color:white;}
#metaNavigation a:hover, #metaNavigation a.active {color:#c04036;}
/* FASTJUMP NAVIGATION ***********************************************/
#FastJump_Wrapper               { text-align:right; font-size:0.87em;}
#FastJump_Wrapper ul            { display:block; text-align:left;border-top:1px solid #d1cece;padding-top:1em;}
#FastJump_Wrapper li            { float:left; width:14.28%;}
#FastJump_Wrapper li.overview   { font-size:1.1em}
#FastJump_Wrapper ul ul         { margin-left:0;margin-top:0.3em;border-top-width:0px;padding-top:0;}
#FastJump_Wrapper li li         { clear: left; display:block; text-align:left; width:100%;}
/* LINKCONFIG */
#FastJump_Wrapper li a                                              { font-weight: bold;}
#FastJump_Wrapper li li a                                           { font-weight: normal;}

/* HEADER */
.start #headertext {
    position:absolute;
    z-index:10;
    margin-left:320px;
    margin-top:110px;
    width:350px;
    height:170px;
    overflow:hidden;
}
.start #headertext h1, .start #headertext p {color:#b8a8a4;}
.start #headerimg { position:absolute;  z-index:9;}
.sub #headertext {
    width:720px;
    margin-left:239px;
}
/* SHORTNEWS */
.shortnews { width:256px; height:260px;overflow:auto;}
span.ndate {color:#4f4442; float:left;}
.h2news{margin-left:0; padding-left:0;}
.shortnews a:link, .shortnews a:visited {color:#c04036; text-decoration:none;}
.shortnews a:hover{color:#c04036; text-decoration:underline;}
/* BILDERGALERIE */
.blgalerie, .bgalerie {
    float:left;
    margin-right:12px;
    padding-bottom:2em;
  }
.bgalerie {}
/* KONTAKTFORMULAR */
form {
    margin:0px;
    padding:0px;
}
.kontaktformular {
    width: 100%;
}
.kontaktformular ol {
    margin-bottom:20px;
    margin-top:10px;

}
.kontaktformular ol li {
    padding:2px 0px;
    text-indent:5px;
}
.kontaktformular input.eingabe {
    width: 250px;
}
.kontaktformular input.strasse {
    width: 200px;
    margin-right:10px;
}
.kontaktformular input.nr {
    width: 35px;
}
.kontaktformular input.ort {
    width: 195px;
}
.kontaktformular input.plz {
    width: 40px;
    margin-right:10px;
}
.kontaktformular textarea {
    width: 280px;
    height:160px;
    border:1px solid #3f3e3e;
    padding: 3px 2px;
    margin-bottom:10px;
}
.kontaktformular .dissi {   /*background-color:#0d0d0d;*/
}
.kontaktformular label {
    display:block;
    width:90px;
    float:left;
    line-height:1.4em;
}
.kontaktformular label.pflicht, .kontaktformular span.pflicht, .kontaktformular em {
    color:#3f3e3e;
    font-weight:bold;
}
.kontaktformular legend {
    font-size: 1.09em;
    font-weight:normal;
    margin:4px 0;
    text-indent:20px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    color:#c04036;
}
.kontaktformular #person {
    margin:0 30px 0 0;
    float:left;
}

/* ################### Faststart ######################## */
.faststart_left {width:328px;float:left;margin-right:12px;}
.faststart_middle{width:328px;float:left;}
.faststart_right { width:279px;float:right;}
/* ###################################################### */
/* ################### UNTERSCHIEDLICH ################## */
/* ###################################################### */

.left { float:left;}
.right{ float:right;}