/************************************************/
/*                                              */
/*                                              */
/*            stylesheet otsd.de                */
/*            05/03/22                          */
/*                                              */
/*                                              */
/************************************************/


/* HTML-Tags */

body {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        margin:0;
        padding:0;
        width:100%;
}

#wrapper {
        width:100%;
        min-width:936px;
}
a img {
/*      border: 0px none;
        display: block;*/
}
img {
/*      margin:0 0 0 -2px;
        border: 0px none;
        display: block;*/
}
p h1 h2 ul{
        font-family:Verdana, Arial, Helvetica, sans-serif;
}
p, label, input{
        margin:0;
        padding:0.5em 0 0.5em 0;
        font-size:0.7em;
        color:#0059b0;
        line-height:1.3em;
}
.aktuelles{
        font-size:0.6em;
}
.aktuellesheader{
        font-size:0.6em;
        color: rgb(153,51,0);
        font-weight:bold;
}
p.sanstop{
        padding: 0 0 0.5em 0;   /* Absatz ohne abstand direkt unter der berschrift bsp. adresse in kontakt */
}
/* positionierung der bildr links neben dem text -> story */
p.pic {
<!--    margin:100 0 0 0px;-->
}
li{
        color:#857841;
}
img.pic {
<!--    margin:9px 0 0 0;
        width:70px;
        float:left;
        display:inline;-->
}
h2{
        margin:0 0 0 0;
        font-size:0.7em;
        font-weight:bold;
        color:#857841;
        padding:0.3em 0 0 0;
}
h3{
        margin:0 0 0 0;
        font-size:0.7em;
        font-weight:bold;
        color:#857841;
        padding:1.4em 0 0 0;
}

.header{
        margin:0 0 0 0;
        font-size:1.1em;
        color:#0059b0;
        padding:1.4em 0 0 0;
}
.subheader{
        margin:0 0 0 0;
        font-size:0.9em;
         color: rgb(153,51,0);
        font-weight:bold;
}
.subheader2{
        font-size:0.8em;
/*         text-indent:-18px;
         margin-left:18px;*/
         color:rgb(153,51,0);
         font-weight:bold;
}
.subsubheader{
/*      margin:0 0 0 0;*/
         color: rgb(153,51,0);
        font-weight:bold;
}

.smallheader{
        text-indent:-18px;
         margin-left:18px;
         color:rgb(153,51,0);
}

.nofloat { /* das Floaten von Elementen zu beenden */
        clear: both;
        visibility: hidden;
}
.bold{
        color:#857841;
        font-weight:bold;
}
a,a:link, a:visited{
        color:#0059b0;
        text-decoration:none;
}
a:hover{
        text-decoration: none;
        color:#857841;
}
.stilbold {
        color:#0059b0;
        font-weight:bold;
}
.text {
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-style:normal;
        font-size:1.0em;
         color: rgb(0,0,0);
}
.text_listing {
        color:#0059b0;
}
.otsd_text {
        font-style:oblique;
        font-size:1.0em;
         color: rgb(255,102,0);
}
.otsd_textheader {
        font-style:oblique;
        font-size:1.2em;
         color: rgb(255,102,0);
}
.otsd_textlong {
        font-style:oblique;
        font-size:1.2em;
         color: rgb(153,51,0);
         color: rgb(255,102,0);
}
.textlong {
        font-weight:bold;
        font-style:normal;
        font-size:1.2em;
         color: rgb(153,51,0);
}
.textheaderb {
        font-weight:bold;
        font-style:normal;
        font-size:0.7em;
         color: rgb(0,0,0);
}
.textheader {
        font-style:normal;
        font-size:0.7em;
         color: rgb(0,0,0);
}
.clear {
  font-weight:normal;
  font-size:0.8em;
  clear: both;
  padding:0;
  margin:0;
}
.nobr
{
        white-space: nowrap;
}




/* bereiche */
/* bereiche */
/* bereiche */



/* startseite */
/* startseite */

#bannerstart {
        position:absolute;
        top:300px;
        width:100%;
        height:67px;
        background-image:url(pic/bann.jpg);
        background-repeat:repeat-x;

        }
#verkehr{
        position:absolute;
        top:200px;
        margin-left: 50px;
}
#logo{
        position:absolute;
        top:295px;
        right:200px;
}
#home_start_text{
        position:absolute;
        top:300px;
        right:100px;
}
#pic_right{
        position:absolute;
        top:195px;
        right:20px;
}
#lang{
        position:absolute;
        top:425px;
        right:50px;
}
#lang ul{
        margin:0;
        padding:0;
        float:right;
        list-style-type: none;
}

#lang li{
        width:auto;
        display: inline;
        float:left;
        }

#lang li a{
        text-align:right;
        font-weight:bold;
        width:auto;
        background: #fff;
        font-size:0.7em;
        padding: 0 10px 0 10px;
        margin: 0 0 0 0;
        color:#857841;
        text-decoration: none;
        display: inline;
}

#lang ul li a:hover {
        color: #930;
}

#lang a:active {
        color:#857841;
}
/* ende startseite */


/* kopf */
/* kopf */

div#header {
        height:170px;
        clear: both;
}
#banner {
        position:absolute;
        top:100px;
        width:100%;
        height:67px;
        background-image:url(pic/bann.jpg);
        background-repeat:repeat-x;
/*      position:relative;
        top:17px;
        height:67px;
        width:100%;
        background-image:url(pic/bann.jpg);
        background-repeat:repeat-x;*/
        }
#logo_s{
        position:absolute;
        top:100px;
        right:50px;
}
#head_a{
        line-height: 0.8em;
/*      position:absolute;
        top:10px;
        right:10px;
        height:67px;
        text-align: right;*/
}
#head_b{
/*      position:absolute;
        top:40px;
        left:20px;
        font-size:0.7em;
        font-size:0.7em;
         color: rgb(0,0,0);
/*      text-align: left;*/
}
#head_otsd{
        position:absolute;
        top:15px;
        right:50px;
/*      width:126px; */
        text-align: right;
}

/* Navigation   */
/* Navigation   */

#left {
/*      position:absolute;*/
/*      padding:0;
/*      float: left;*/
        margin: 25px 0 0 27px;
        width: 145px;
/*      display: inline; /* The IE Doubled Float-Margin Bug */
}
#navleft {
        padding:0;
        margin: 0;
        font-size:11px;
        line-height:14px;
        border-top: 1px dashed #857841;
        background-color:#857841;
}
ul#navleft li {
        height:35px;
        padding:0;
        margin: 0;
/*      border-top: 1px dashed #fff;*/
        list-style: none;
        text-align: left;
}
#navleft li.noborder {
        border-top: 1px solid #857841;
}
#navleft a {
        color:#fff;
        display: block;
        padding: 10px 0 8px 30px;
        text-decoration: none;
        background-repeat:no-repeat;
        background-position: left;
        font-weight:normal;
  }
.topnav {
        border-top: 1px dashed #fff;
}
.subnav {
        border-top-style: hidden;
        border-top: 1px solid #857841;
        margin:-10px 0px 10px -15px;
        padding: 0;
}
.subnav a {
        margin:-5px 0 0 10px;
        padding: 0;
}

#navleft li a.active, .subnav a.active{
        background:url(pic/arrow.gif) no-repeat;
}

#navleft li a:link, li a:visited, .subnav a:link, .subnav a:visited {
        color: #fff;
}
#navleft li a:hover, .subnav a:hover{
        background:url(pic/arrowlight.gif) no-repeat;
        color: #fff;
}



/* News */
/* News */

#right {
/*      margin: 10px 20px 30px 20px;
        padding: 10px 20px 30px 20px;
        position:absolute;
         top: 200px;
         right:20px;
        if (width<20%)
         {
                left: 200px;
                background-color:#857841;
         }
*/
/*      padding-left: 20px;*/
/*      padding-right: 20px;*/
/*      margin-right: 20px;*/
/*      margin-left: 400px;*/
/*      float: right;*/
        display: inline; /* The IE Doubled Float-Margin Bug */
}
#nhead{
        background-color:#857841;
        padding: 11px 13px 11px 13px;
}
#nhead h2 {
        font-size:11px;
        font-weight:bold;
        color:#fff;
}
#ncont {
        border-left: 1px dashed #857841;
        border-bottom: 1px dashed #857841;
        border-right: 1px dashed #857841;
        padding: 11px 13px 5px 13px;
}

.nbottom {
        border-bottom: 1px solid rgb(255,102,0);
}

#ncont p{
        padding:0.5em 0 1.5em 0;
}
/* end news  */


/* Content      */
/* Content      */

div#middle {
        margin: 25px 20px 30px 20px;
/*      padding: 25px 20px 30px 20px;



        margin: 25px 220px 30px 235px;
        max-width:550px;
        min-width:360px;
        padding: 0px 100px 20px 0px;

        margin: 2.8em 0 0 12.2em;
        padding: 0 1em 1.5em 1em;
        background: white;
        color: black;
        border: 1px solid #aaa;
        border-right: none;
        line-height: 1.5em;
        position: relative;
        z-index: 2;
*/
}
#middle ul {
        margin:0;
        padding:0;
        color:#0059b0;
        line-height:1.2em;
}
#middle li{
        margin:0;
        margin-left:1.0em;
        padding:0;
        font-size:0.7em;
}
.bullet {
        color:#857841;
        padding: 0 10px 0 0;
        text-indent:-18px;
         margin-left:18px;
}
.listing {
         margin-left:18px;
}
#middle h1{
    overflow: hidden;
        height: 0px !important;
    height /**/:22px;
        margin:0 0 10px 0;
        }
#block  {
        margin: 25px 0 0 0;
}

/* end Content  */


/* Fu�*/
/* Fu�*/

div#footer {
        margin: 0px 0px 0px 20px;
<!--
        margin: 25px 220px 30px 0px;
        max-width:835px;
        min-width:360px;
        padding: 0px 50px 0px 0px;
-->
}
#footer ul {
        font-size:10px;
/*      margin: 30px 50px 10px 25px;*/
        border-top: 1px dashed #857841;
        list-style-type: none;
/*      padding:0 0 50px 0;*/
        }

#footer  li{
        width:auto;
        display: inline;
        padding: 0;
/*      margin: 5px 0 0 0;*/
        float:left;
}

#footer  li a{
        width:auto;
        text-align: center;
        border-left: 1px solid #857841;
        background: #fff;
        height: 1.2em;
        padding: 0 6px 0 6px;
        margin: 0 0 0 0;
        color:#857841;
        text-decoration: none;
        display: inline;
}
#footer  li.sans a{
/*      width:auto;
        padding: 0 6px 0 0;
        border-left: 0px solid #857841;
        text-align: left;
        display: inline;*/
}
#footer ul li a:hover {
        color: #930;
}

#footer a:active {
        color:#857841;
}

#footer li#active a {
        color:#857841;
}
/* end Fu� */


/* kontakt */
/* kontakt */

#kontaktcontainer{
        width:300px;
        height:auto;
}

form{
        padding:0;
        float:left;
        width:305px;
}

label {
        padding:0.5em 0 0 0;
        width : 100px;
        display: block;
}

input, textarea{
        border: 1px dashed #857841;
        width : 300px;
        margin-top: 0.3em;
        padding: 0.3em;
        color:#000000;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
}

input.send {
        width:100px;
/*      background-color:#fff;
        text-decoration:underline;
*/      float:right;
        border:0;
/*      cursor:pointer;
        text-align:right;
         margin: 10px -5px 0 0px;
        padding:0;*/
}
/* end Fu� */