@charset "utf-8";

/* ! stylesheet fuer BI Rettet die Bruenschenwiesen, erstellt von www.gueldener.net ! */

body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 100,1%;
        margin: 0;
        padding: 0;
        color: #000;
        text-align: center;
        background-image: url(../bilder_grafiken/hg_bruenschen.jpg);
        background-repeat: repeat-x;
        background-color: #bfdfbf;
}
.clearer {
        clear:both;
}

#outer_wrapper {
        margin: 0px auto 0;
        padding: 0;
        height:auto;
        width:960px;
        text-align:left; /* Zentrierung rueckgaengig */
}
#header {
        height: 438px;
        width: 960px;
}
#head_pic {
        height: 52px;
        width: 960px;
        background-image: url(../bilder_grafiken/pic_leiste.jpg);
        background-repeat: no-repeat;
}
#head_titel {
        height: 48px;
        width: 960px;
        background-color: #007e00;
}
#head_titel h1{
        margin: 0px;
        padding-top: 9px;
        font-family: Arial, Helvetica, sans-serif;
        font-size:24px;
        color: #ffffff;
        text-align: center;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 4px;
}
#head_bilder {
        height: 288px;
        width: 960px;
}

#navigation {
        float: left;
        width: 960px;
        height: 50px;
        background-color: #7f7f7f;
}
#navigation ul {
        font-size: 90%;
        margin: 0;
        text-align: center;
        padding: 14px 0px 0px 0px;
}
#navigation ul li {
        display: inline;
        padding-left:8px;
}
#navigation a{
        font-size: 14px;
        text-decoration: none;
        color: #fff;
        padding-top: 14px;
        padding-right: 14px;
        padding-bottom: 17px;
        padding-left: 14px;
}
#navigation a:hover{
        color: #fada04;
        background-color:#3e3e3e;
}
#active a{
        color: #fada04;
        background-color:#3e3e3e;
}
#navigation a:visited{
        text-decoration: none;
}

#inner_content_wrapper {
        width: 960px;
        background-color: #FFFFFF;
}

#content {
        float:left;
        width: 960px;
		min-height: 380px;
        background-color: #FFFFFF;
}
#content_container {
        width: auto;
        text-align: left;
        margin-top: 25px;
        margin-right: 30px;
        margin-bottom: 10px;
        margin-left: 30px;
}
#content h1 {
        font-family: Arial, Helvetica, sans-serif;
        font-size:120%;
        color: #506350;
        text-align: center;
        letter-spacing: 1px;
        margin-bottom:15px;
}
#content h2 {
        font-size:100%;
        font-weight: normal;
        color: #506350;
        text-align: center;
        margin-top:8px;
        margin-bottom:12px;
}
#content h3 {
        font-size:13px;
        font-weight: bold;
        color: #395139;
        margin-top:8px;
        margin-bottom:8px;
}

#leftbox {
        float:left;
        margin-left: 20px;
        margin-bottom: 10px;
        margin-top: 10px;
        width: 450px;
        height: 300px;
        border: 1px solid #d0d6d0;
}
#leftbox_container {
        padding: 15px;
}
#leftbox h2 {
        font-size:100%;
        font-weight: normal;
        color: #d63403;
        text-align: center;		
        margin-top:2px;
        margin-bottom:12px;
}
.leftbox_container ul {
        padding-left: 15px;
}

#rightbox {
        float: right;
        margin-right: 20px;
        margin-bottom: 10px;
        margin-top: 10px;
        width: 450px;
        height: 300px;
        border: 1px solid #d0d6d0;
}
#rightbox_container {
        padding: 15px;
}
#rightbox h2 {
        font-size:100%;
        font-weight: normal;
        color: #d63403;
        text-align: center;
        margin-top:2px;
        margin-bottom:12px;
}

#centerbox {
        float: right;
        text-align: center;
        margin-right: 20px;
        margin-bottom: 20px;
        margin-top: 1px;
        width: 920px;
        height: 40px;
        border: 1px solid #d0d6d0;
}
#centerbox_container {
        padding: 10px;
}
#centerbox h2 {
        margin: 0px;
        font-size:80%;
        font-weight: normal;
        color: #d63403;
        text-align: center;
}

h1 {
        font-size: 16px;
        color: #506350;
        font-weight: normal;
        text-align: center;
}
h2 {
        font-size: 14px;
        color: #506350;
        font-weight: normal;
        line-height: 20px;
        margin-bottom:10px;
}
h3 {
        font-size: 13px;
        color: #506350;
        font-weight: bold;
        padding-top:10px;
        margin-bottom:10px;
}
P {
        font-size: 80%;
        font-weight: normal;
        color: #424842;
        line-height:140%;
        margin-top:5px;
        margin-bottom:10px;
}
b {
        font-size: 100%;
        font-weight: bold;
        color: #424842;
}

td {
        border:none;
}
td p{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #65615b;
}
#footer {
        float:left;
        height: 50px;
        width: 960px;
        background-color: #007e00;
        color: #FFF;
        font-size: 12px;
}
#footer_container_left {
        float:left;
        text-align:left;
        padding-left: 25px;
        padding-top: 15px;
        width: 300px;
}
#footer_container_right {
        float:right;
        text-align:right;
        padding-right: 25px;
        padding-top: 15px;
}

#footer a{
        font-size: 12px;
        color: #fff;
        text-decoration: underline;
}
#footer a:hover{
        color: #fada04;
        text-decoration: none;
}
#footer a:visited{
        text-decoration: underline;
}

a:link {
        font-size: 12px;
        color: #007e00;
        text-decoration: underline;
}
a:hover {
        text-decoration: none;
        color: #d63403;
}
a:visited {
        color: #007e00;
        text-decoration: underline;
}
ul {
        list-style-type: circle;
        padding-left: 15px;
}
li {
        padding-top: 2px;
		padding-bottom: 4px;
        font-size: 82%;
        line-height:140%;
        color: #424842;
}
.zitat {
        padding-left: 40px;
        padding-right: 80px;
        font-style: italic;
}

*[lang="de"].zitat { quotes:"\201E" "\201C" "\201A" "\2018"; }
*[lang="en"].zitat { quotes:"\201C" "\201D" "\2018" "\2019"; }

.zitat:before {
        content: open-quote;
}
.zitat:after {
        content: close-quote;
}