*
{
    margin: 0;
    padding: 0;
    border: 0;
}

html
{
    overflow: auto;
}

html, body
{
    height: 100%;
}

body
{
    background-color: #016B5D;
    background-image: url(../images/body-hg.jpg);
    background-repeat: repeat-y;
    text-align: center;
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    line-height: 18px;
    color: Black;
    min-height: 840px;
}
td
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    line-height: 18px;
    color: Black;
    font-weight: normal;
}
a
{
    text-decoration: none;
    color: #0B8F45;
}
a:hover, a.act, a:hover.act
{
    color: #0B8F45;
    border-bottom: 1px dotted #0B8F45;
}
html > body #container-wrap, html > body #container
{
    height: auto;
    min-height: 100%;
}

* html #container-wrap, * html #container
{
    height: 100%;
}
#container-wrap
{
    position: relative;
    width: 100%;
    background-color: Transparent;
    background-image: url(../images/container-hg.png);
    background-position: center top;
    background-repeat: repeat-y;
    text-align: center;
}
*html #container-wrap
{
    background-image: url(../images/container-hg.gif);
}
/*Hintergrund*/
#deko
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1;
}
#deko img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 795px;
}
/*Footer*/
#footer
{
    position: absolute;
    height: 45px;
    width: 980px;
    bottom: 0;
    left: 0;
    text-align: center;
    padding-bottom: 0px;
    background-color: #016B5D;
    line-height: 30px;
    z-index: 7;
    background-image: url(../images/fuss-hg.png);
    background-repeat: no-repeat;
}
*html #footer
{
    background-image: url(../images/fuss-hg.gif);
    left: 1px;
    bottom: -1px;
}
*:first-child + html #footer
{
    left: 1px;
}
#container
{
    position: relative;
    width: 980px;
    margin: 0 auto;
    z-index: 3;
}
#deko-hg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 980px;
    height: 795px;
    background-image: url(../images/deko-hg.png);
    background-repeat: no-repeat;
    z-index: 4;
}
*html #deko-hg
{
    background-image: url(../images/deko-hg.gif);
    left: 1px;
}
*:first-child + html #deko-hg
{
    left: 1px;
}
#wrap
{
    position: relative;
    z-index: 5;
    min-height: 795px;
    padding-bottom: 45px;
}
*html #wrap
{
    height: 840px;
}
/*Header*/
#header
{
    position: relative;
    width: 980px;
    height: 313px;
}
#wappen
{
    position: absolute;
    left: 35px;
    top: 101px;
}
#logo
{
    position: absolute;
    left: 215px;
    top: 101px;
}
*html #logo
{
    left: 216px;
}
*:first-child + html #logo
{
    left: 216px;
}
#logo a
{
    border: 0;
}
/*Header Sprachen*/
#sprachen
{
    position: absolute;
    right: 120px;
    top: 75px;
    color: #fff;
    font-size: 14px;
}
#sprachen a
{
    color: #fff;
}
#sprachen a:hover
{
    color: #0B8F45;
    border: 0;
}
/*Header Menu-V*/
#menu-v
{
    position: absolute;
    left: 215px;
    top: 224px;
}
*html #menu-v
{
    left: 216px;
}
*:first-child + html #menu-v
{
    left: 216px;
}
#menu-v ul
{
    list-style: none;
}
#menu-v li
{
    float: left;
}
#menu-v a
{
    position: relative;
    display: -moz-inline-block;
    display: inline-block;
    height: 40px;
    color: #fff;
    font-size: 15px;
    line-height: 19px;
    border: 0;
    background-color: #0B8F45;
    border-right: solid 4px #fff;
    padding: 3px 12px;
    width: auto;
    max-width: 85px;
    text-align: left;
}
#menu-v a img
{
    position: absolute;
    top: 0;
    right: -8px;
}
*html #menu-v a
{
    height: 46px;
    width: 85px;
}
#menu-v a:hover
{
    color: #FADC0F;
}
#menu-v a.act
{
    background-color: #FADC0F;
    color: #0B8F45;
}
#menu-v a:hover.act
{
    color: #10D366;
}
/*Inhalt*/
#content
{
    position: relative;
}

#wrap-inhalt-1, #wrap-inhalt-2
{
    position: relative;
    float: left;
    text-align: left;
    width: 460px;
}
#wrap-inhalt-1
{
    width: 630px;
}
#willkomm
{
    position: relative;
    width: 630px;
    margin-bottom: 20px;
}
#veranst
{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 220px;
    background-image: url(../images/veranst-hg.gif);
    background-repeat: repeat-y;
    height: 268px;
    color: #0B8F45;
}
#veranst .csc-default
{
    background-image: url(../images/veranst-hg-u.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 268px;
}
#veranst .csc-header
{
    position: relative;
    width: 220px;
    height: 50px;
    background-image: url(../images/veranst-hg-o.gif);
    background-repeat: no-repeat;
}
#wrap-inhalt-1 #veranst h1
{
    font-size: 16px;
    line-height: normal;
    padding: 5px 15px;
}
#veranst ul
{
    font-size: 13px;
    line-height: normal;
    padding: 2px 7px 7px 7px;
    list-style-type: none;
}
*html #veranst ul
{
    margin-top:-20px;
}
#veranst li
{
    padding: 1px 0 1px 20px;
    border-bottom: solid 1px #0B8F45;
    background-image: url(../images/veranst-li.gif);
    background-repeat: no-repeat;
    background-position: 0 3px;
}
#veranst li#li-le-start
{
    border:0;
}
#veranst p
{
    position: absolute;
    bottom: -6px;
    right: 20px;
    color: #fff;
    font-size: 11px;
    margin: 0;
    height: 15px;
}
*html #veranst p
{
    bottom: -7px;
}
#veranst a
{
    color: #fff;
}
#veranst a:hover
{
    color: #FFDC00;
}
#wrap-inhalt-1 h1, #wrap-inhalt-2 h1
{
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 40px;
}
#wrap-inhalt-1 h1.csc-firstHeader, #wrap-inhalt-2 h1.csc-firstHeader
{
    margin: 0;
}
#wrap-inhalt-1 .csc-textpic-caption, #wrap-inhalt-2 .csc-textpic-caption
{
    font-size: 11px;
    text-align: right;
    color: #003e4d;
    font-style: italic;
    padding-top: 7px;
}
#wrap-inhalt-1 .csc-textpic-imagewrap a, #wrap-inhalt-2 .csc-textpic-imagewrap a
{
    border: 0;
}
#wrap-inhalt-1 p, #wrap-inhalt-2 p
{
    margin-bottom: 10px;
}
#wrap-inhalt-1 p.align-justify, 
#wrap-inhalt-2 p.align-justify 
{
    text-align:justify;
    }
#wrap-inhalt-1 p.align-center,
#wrap-inhalt-2 p.align-center 
{
    text-align:center;
    }
#wrap-inhalt-1 p.align-right,
#wrap-inhalt-2 p.align-right 
{
    text-align:right;
    }
#wrap-inhalt-1 ul, #wrap-inhalt-2 ul, #wrap-inhalt-1 h2, #wrap-inhalt-2 h2, #wrap-inhalt-1 h3, #wrap-inhalt-2 h3, #wrap-inhalt-1 h4, #wrap-inhalt-2 h4, #wrap-inhalt-1 h5, #wrap-inhalt-2 h5, #wrap-inhalt-1 h6, #wrap-inhalt-2 h6
{
    margin-bottom: 10px;
}
.inhalt
{
    position: relative;
    padding: 0 0 25px 25px;
}
#willkomm .inhalt 
{
    padding: 0 0 0 25px;
}
.inhalt ul
{
    list-style: disc outside;
    padding-left: 30px;
}
.inhalt .tx-flseositemap-pi1 ul
{
    list-style: square outside;
    color: #003e4d;
}
.inhalt .tx-flseositemap-pi1 ul ul
{
    list-style: disc outside;
}
.inhalt .tx-flseositemap-pi1 ul ul ul
{
    list-style: circle outside;
}
.inhalt .tx-flseositemap-pi1 ul a
{
    color: #003e4d;
    border: 0;
}
.inhalt .tx-flseositemap-pi1 ul a:hover
{
    color: #FF7F00;
}
.inhalt #buero
{
    width: 100%;
}
.inhalt #buero td
{
    text-align: left;
    padding-right: 20px;
    vertical-align: top;
    font-weight: normal;
}
.inhalt .csc-header
{
    clear: both;
}
#wrap-rechts
{
    position: relative;
    float: right;
    text-align: left;
    width: 305px;
}
#wrap-rechts, #wrap-rechts
{
    padding: 60px 110px 20px 20px;
}
/*Angebote-Suchen*/
form, form.ang-such
{
    position: relative;
    width: 70%;
    border: 1px solid #0B8F45;
    padding: 15px 15px 45px 15px;
}
form fieldset legend
{
    color:#0B8F45;
    display: block;
    margin-bottom: 10px;
    font-weight:bold;
}
form label
{
    color:#0B8F45;
    display: block;
    margin-bottom: 5px;
}
form fieldset
{
    display: block;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
form #de-bi-ob
{
    position: absolute;
    top: -1px;
    left: -1px;
}
form #de-bi-un
{
    position: absolute;
    bottom: -1px;
    left: -1px;
}
input.textpur,
textarea,
select
{
    width:95%;
    border: 1px solid #0B8F45;
    color:#666;
    padding:3px 5px;
    margin-bottom:10px;
    }
select
{
    width:auto;
    }
textarea
{
    height:55px;
    }
input.ang-subm,
input.ang-weiter
{
    cursor:pointer;
    position: absolute;
    bottom: 20px;
    right: 30px;
    height: 30px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    width: 125px;
    background-image: url(../images/submit.jpg);
    background-repeat: no-repeat;
    border:0;
}
input.ang-weiter
{
    bottom: 10px;
    right: 30px;
    color: #0B8F45;
    width: 90px;
    background-image: none;
    border: 1px solid #0B8F45;
}
/*Angebote-erfassen*/
form fieldset.haelfte
{
    width:206px;
    float:left;
}
form fieldset.haelfte input.textpur
{
    width:183px;
    }
*html #wrap-inhalt-1 form fieldset.haelfte
{
    width:200px;
}
*html #wrap-inhalt-1 form fieldset.haelfte input.textpur
{
    width:193px;
}
/*Suchergebnisse*/
#such-erg
{
    position: relative;
    width: 100%;
}
#such-erg div.dunkel,
#such-erg div.hell,
#anbieter div.dunkel,
#anbieter div.hell
{
    margin-bottom:10px;
    padding:10px 0;
    background-color:#EFEFF0;
    border-top: 1px solid #D5E2D2;
    border-bottom: 1px solid #D5E2D2;
}
#such-erg div.hell,
#anbieter div.hell
{
    background-color:Transparent;
    border:0;
}
#such-erg p.kurz
{
    cursor: pointer;
    color:#0B8F45;
    font-weight:bold;
    margin:0;
    padding-left: 25px;
    padding-right: 20px;
    margin-bottom:10px;
    background-image:url(../images/ang-zu.gif);
    background-position: 7px 7px;
    background-repeat:no-repeat;
}
#such-erg p.lang
{
    display: block;
    margin:0;
    padding-left: 25px;
    padding-right: 20px;
}
/*Anbieter - Vereine*/
#anbieter
{
    position: relative;
    width: 100%;
}
#anbieter div.dunkel,
#anbieter div.hell
{
    margin-bottom:10px;
    padding:10px 0;
    background-color:#EFEFF0;
    border-top: 1px solid #D5E2D2;
    border-bottom: 1px solid #D5E2D2;
}
#anbieter div.hell
{
    background-color:Transparent;
    border:0;
}
#anbieter p.an-name
{
    color:#0B8F45;
    font-weight:bold;
    margin:0;
    padding-left: 25px;
    padding-right: 20px;
}
#anbieter p.an-datei
{
    margin:0;
    padding-left: 25px;
    padding-right: 20px;
}
#anbieter p.comment
{
    margin:0;
    padding-left: 0;
    padding-right: 20px;
    font-style:italic;
}
/*Menu-H*/
#wrap-links
{
    position: relative;
    float: left;
    text-align: left;
    width: 215px;
}
#wrap-links ul
{
    list-style: none;
    color: #003e4d;
}
#links
{
    margin: 0 0 0 15px;
}
*html #links
{
    margin: 0 0 0 16px;
}
*:first-child + html #links
{
    margin: 0 0 0 16px;
}
#links a
{
    position: relative;
    display: -moz-inline-block;
    display: inline-block;
    min-height: 19px;
    width: 160px;
    padding: 8px 12px 8px 28px;
    color: #fff;
    font-size: 15px;
    line-height: 19px;
    border: 0;
    background-color: #0B8F45;
    background-image: url(../images/menu.gif);
    background-position: left top;
    background-repeat: no-repeat;
    text-align: left;
    margin-bottom: 10px;
}
*html #links a
{
    height: 35px;
    width: 200px;
}
#links a:hover
{
    color: #FADC0F;
    background-image: url(../images/menu-hover.gif);
}
#links a.act
{
    color: #0B8F45;
    background-color: #FADC0F;
    background-image: url(../images/menu-act.gif);
}
#links a:hover.act
{
    background-image: url(../images/menu-act-hover.gif);
    color: #10D366;
}
#links ul ul
{
    margin: 0;
}
#links ul ul a
{
    margin-top: -5px;
    color: #0B8F45;
    background-color: #C3DCBE;
    background-image: none;
    min-height: 19px;
    padding: 3px 12px 3px 28px;
}
*html #links a
{
    height: 25px;
}
#links ul ul a.act
{
    color: #fff;
    background-color: #0B8F45;
    background-image: none;
}
#links ul ul a:hover.act
{
    color: #FADC0F;
    background-color: #0B8F45;
    background-image: none;
}
#links ul ul a:hover
{
    background-image: none;
    color: #10D366;
}
.clear
{
    clear: both;
}

