@charset "utf-8";
body {
        font: 85% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        background: #e5e5e5; /* #cccccc*/
        /*background-image:url(../upload/dawin/layout/bodyBg.jpg);*/
        /*background-repeat:repeat-x;*/
        margin: 0; 
        padding: 0;
        text-align: center;
        color: #333333;
        line-height: 160%;
}
    
#container {
        width: 930px;  
        margin: 0 auto;
        text-align: left;
        background-image:url(../upload/dawin/layout/contBg_hell.gif);
        background-repeat:repeat-y;
        background-position: top right;
}

#header {
                padding: 0 10px 0 20px;
        background-image:url(../upload/dawin/layout/headerBg.jpg);
        background-repeat:no-repeat;
        background-position:top left;
        height: 102px; 
        margin: 0px;
}
    
#mainContent {
        padding: 0 20px 0 20px;; 
        width: 880px;
        margin: 0; 
        top: 0px;
        background-color:#FFFFFF;
   
}


#footer {
        padding: 0px 20px;
        margin-top: -14px;
        background-image:url(../upload/dawin/layout/footerBg_hell.jpg);
        background-repeat:no-repeat;
        height: 30px; 
        font-size: 85%;
}

.clearfloat {
        clear:both;
        line-height:0px;
}

#headerTop {
        text-align: right;
        padding-right: 20px;
        font-size: 80%;
}



/*** Meta-Navigation ***/
#headerTop a {
        color: #333333;
        text-decoration: none;
        margin-left: 15px;
}

#headerTop a:hover{
        text-decoration: underline;
}

#headerMiddle {
        height: 57px;
}



/*** Navigation ***/
#headerBottom div.navi1{
        float: left;
        margin-right: 15px;
        padding-right: 15px;
        font-weight: bold;
        background-image:url(../upload/dawin/layout/icon_dropDown.gif);
        background-position: right center;
        background-repeat:no-repeat;
}

#headerBottom a {
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
}

#headerBottom .navi1 ul{
        list-style: none;
        margin-left: 0px;
        margin-top: 1px;
        z-index: 10000;
        position:absolute;
        background-color:#73B432;
        padding: 0px;
        border-bottom: #A0EA57 1px solid;
        font-size: 85%;
}

#headerBottom .navi1 ul li{
        border-top: 1px solid #A0EA57;
}

#headerBottom .navi1 ul li a {
        font-weight: normal;
        display:block;
        padding: 2px 5px 2px 5px;
}

#headerBottom .navi1 ul li a:hover {
        background-color: #61952D;
}


/*** Typo ***/
h1 {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2 {
        font-size: 1.2em;
        color:#73B432; 
        text-transform: uppercase;
}

h3 {
        font-size: 1.05em;
        text-transform: uppercase;
}



/*** Startseite ***/
.keyVisual {
        position: relative;
        top: 0px;
        left: -20px;
                z-index: -8;
}

.keyVisual object{
               z-index: -8;
}

.stTeaserBox {
                font-family: Arial, sans-serif;
                font-size: 13px;
                color: #403f3c;
        float:left;
        height: 168px;
        width: 176px;
        margin-top: 20px;
        padding: 12px;
        font-weight: bold;
}

.stTeaserBox a img{
               border: none;
}


.stTeaserLink {
               
               color: #000000;
}

.stTeaserSub {
        color:#FFFFFF;
}

#box1 {
        background-image:url(../upload/dawin/layout/startseite-box1.jpg);
        background-repeat:no-repeat;
        background-position:top left;
        margin-right: 27px;
}

#box2 {
        background-image:url(../upload/dawin/layout/startseite-box2.jpg);
        background-repeat:no-repeat;
        background-position:top left;
        margin-right: 26px;
}

#box3 {
        background-image:url(../upload/dawin/layout/startseite-box3.jpg);
        background-repeat:no-repeat;
        background-position:top left;
        margin-right: 27px;
}

#box4 {
        background-image:url(../upload/dawin/layout/startseite-box4.jpg);
        background-repeat:no-repeat;
        background-position:top left;
}

.boxen {
        font-family: Arial, sans-serif;
        font-size: 13px;
        color: #00ffff; /*403f3c*/
        margin-top: -20px;
}

/*** Newsticker ***/
#footer .gelberText{
        color: #FBC100;
}

#footer .gruenerText a{
        color: #FBC100;
        float: left;
        text-decoration: none;
        width:35px;
}

#footer .ticker, #footer .ticker a{
    text-decoration:none; 
    font-size: 11px;
    color: #ffffff;

}

#footer .ticker a:hover{
    text-decoration: underline;
}

#footer .ticker marquee{
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    width: 805px;
    float:left;
    padding-left: 50px;
}

#footer .ticker {
    width: 850px;
}

/*** Folgeseite ***/
#mainContentFolgeseite {
        font-family: Verdana, Helvetica, Arial, sans-serif;
                font-size: 80%;
        line-height: 160%;
        padding: 0 20px 30px 20px;; 
        width: 880px;
        margin: 0; 
        top: 0px;
        background-color:#FFFFFF;
}
    
#breadCrumb {
        height: 30px;
        padding: 15px 0 0px 0;
}

#breadCrumb a {
        color:#666666;
        text-decoration: none;
}

#breadCrumb a:hover {
        text-decoration: underline;
}
    
#leftCol {
        float: left;
        width: 300px;
        border-right: 1px dotted #cccccc;
        padding-right: 15px;
}

#midCol {
        float: left;
        width: 300px;
        border-right: 1px dotted #cccccc;
        padding: 0 15px 0 15px;
}


#rightCol {
        padding: 0 15px 0 15px;
        margin-left: 645px;

}

#bigCol {
        float: left;
        width: 600px;
        border-right: 1px dotted #cccccc;
        padding: 15px;
}

#col16 {
        float: left;
        width: 300px;
        border-right: 1px dotted #cccccc;
        padding-right: 15px;
}

#col17 {
        float: left;
        width: 300px;
        border-right: 1px dotted #cccccc;
        padding: 0 15px 0 15px;
}


#col18 {
        padding: 0 15px 0 15px;
        margin-left: 645px;
}


#rightTop {
        /*background-image:url(../upload/dawin/layout/folgeseite-rightTopBg.jpg);*/
        background-repeat:no-repeat;
        min-height: 50px;
        width:182px;
        padding: 5px 7px 1px 15px;
        line-height: 140%;
}

#rightMiddle {
        /*background-image:url(../upload/dawin/layout/folgeseite-rightMiddleBg.jpg);*/
        background-repeat:no-repeat;
        min-height: 50px;
        width: 182px;
        padding: 5px 7px 1px 15px;
        line-height: 140%;
                
}

#rightBottom {
        min-height: 50px;
        width:182px;
        padding: 5px 7px 1px 15px;
        line-height: 140%;
                color: #ffffff;
}

#rightBottom h1{
                color: #F3B218;
}


#rightTop a, #rightMiddle a, #rightBottom a {
        color: #ffffff;
        text-decoration:underline;
}

#rightTop p, #rightMiddle p, #rightBottom p {
               padding-bottom: 15px;
               padding-top: 5px;
               margin: 0;
}

#rightTop a:hover, #rightMiddle a:hover {
        color: #666666;
}

.fsTextImg {
        float: right;
        margin-left: 5px;
        margin-bottom: 5px;
}

.fsUl,  ul {
        margin: 0px 0px 0px 15px;
        padding: 0px;
        list-style-image:url(../upload/dawin/layout/icon_li.gif);
}



select.text_medium {
      width: 100px;

}

/* +++++++++ Bild umfliessen lassen +++++++++++ */

#bilder-l img{
        float:left;
        margin: 0px 15px 2px 0;
        }

#bilder-r img {
        float:right;
        margin: 0px 10px 0px 0;
        }

#box87 img {
float:left;
margin:0 0 0 10px;
}

#box666 img {
float:left;
margin:0 0 5px 10px;
}

/* ++++++++ Bildunterschrift +++++++++++ */

dd {
font-size:85%;
margin: 0 0 1em 0;
text-align: left;
}

/********* Infobox mit Schatten ***********/

.infobox_gelb {
  border-top: solid 1px #efefef;
  background: url(../upload/dawin/layout/bildschatten_gelb.png) no-repeat bottom left;
  padding: 4px 7px 17px 7px;
}

.infobox_gruen {
  border-top: solid 1px #efefef;
  background: url(../upload/dawin/layout/bildschatten_gruen.png) no-repeat bottom left;
  padding: 4px 7px 17px 7px;
}

.infobox_grau {
  border-top: solid 1px #efefef;
  background: url(../upload/dawin/layout/bildschatten_grau.png) no-repeat bottom left;
  padding: 4px 7px 17px 7px;
}

.infobox_blau {
  border-top: solid 1px #efefef;
  background: url(../upload/dawin/layout/bildschatten_blau.png) no-repeat bottom left;
  padding: 4px 7px 17px 7px;
}

/* ++++++++++ Formulartext ++++++++++ */


.Formulartext   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:13;
    color:#425A8C;
    font-weight: normal;
    line-height: 22px;
        vertical-align: middle;
    
}

.Formulartext_1 {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:13;
    color:#425A8C;
    font-weight: normal;
    line-height: 24px;
    
}

/*********** Kontaktformular *****************/

#kontaktformular input.text{
       width: 200px;
       
}

#kontaktformular label {
    float: left;
    text-align: left;
    width:8em;
    padding:0px 5px 10px 0px;
}   

form .radiobutton {
margin-top: -2px;
display: inline;
    
}

form br {
    clear: both;
 }

#kontaktformular textarea{
    font: 1em/1.4em verdana, arial, sans-serif;
    width: 500px; 
    background-color: #fff; 
    margin-top: 10px;
    height:130px;
}

.textarea_label {
    float: left;
    text-align: left;
    width:8em;
    padding:0px 5px 10px 0px;
    margin-top: 10px;
}

form div.comment {
    padding:5px 0px 5px 8.8em;







    //padding:5px 0px 0px 8.6em;
    clear:both;
    
}

div.comment input.button{
width: 100px;

}


/* ++++++++++ Definition Linkfarbe ++++++++++ */

a:link {
    color: #333333;
    text-decoration: none;
    }
a:visited {
    color: #555555;
    text-decoration: none;
    }
a:hover {
    color:#73B434;
    text-decoration: underline;
    }

#footer {position:relative;}
#sitemap {position:absolute;bottom:-20px;right:15px;}
#footer .sitemap {margin:5px 0 0 0;text-align:right;float:right;}


/* +++++++++ Bild umfliessen lassen +++++++++++ */


dl {
float:left;
}
dt {
margin: 0 25px 5px 0;
}
dd {
text-align:left;
}