/* Allgemeine Anpassungen */
html { width:100%; }
body { width:100%; height:100%; margin:0px; padding:0px; color:#5f5f5f; font-family: verdana, arial, sans-serif; font-size: 11pt; line-height: 170%; background: url(images/back.png) repeat-y #B2B2B2;}

a:link, a:visited { text-decoration:none; color:#555; }
a:hover { text-decoration:underline; color:#222; }

#navi{
position: fixed;
float: left;
margin: 0px;
padding: 0px 11px 0px 0px;
}

#linkespalte{
background: #fff;
position: absolute;
top: 270px;
left: 40px;
width: 240px;
float: left;
}

#content{
background: #fff;
position: relative;
top: 20px;
width: 640px;
left: 320px;
}

#footer{
width: 980px;
height: 40px;
background: url(images/footer.gif) repeat-x #F7F7F7;
padding: 64px 0px 0px 0px;
margin: 50px 0px 0px 0px;
text-align: center;
}

#sitemap{
width: 941px;
height:290px;
background: url(images/footer_schatten.jpg) repeat-x #01A149;
padding: 30px 0px 0px 40px;
color:#fff;
}

#sitemap a{
font-size: 11px;
float: left;
margin: 0px; padding: 0px 12px;
color: #fff;
text-decoration: underline;
}
#sitemap a:hover{
text-decoration: none;
}
#sitemap h1{
height: 22px;
font-size: 14px;
margin: 0px; padding: 5px; line-height: 100%;
float: left;
clear: left;
}
#sitemap h1 a{
text-decoration: underline;
height: 22px;
font-size: 14px;
margin: 0px; padding: 0px; line-height: 100%;
float: left;
clear: left;
}
#sitemap h2{
height: 18px;
font-size: 14px;
margin: 0px; padding: 5px 5px 5px 25px; line-height: 100%;
float: left;
clear: left;
}
img.visual{
border-bottom: 5px solid #7FD0A3;
}

.subline{
margin: 20px 0px -5px 0px;
}
#content h2{
font-size: 13pt;
font-weight: normal;
color: #01A149;
margin: 0px 0px -10px 0px;
padding: 20px 30px 0px 20px;

}
#content>h3{
font-size: 11pt;
font-weight: normal;
color: #01A149;
margin: 0px 0px -10px 0px;
padding: 20px 30px 0px 20px;
}


p{
margin: 0px;
padding: 20px 30px 0px 20px;}

p.highlight{
color: #01A149;
font-style: italic;
font-size: 15pt;
margin: 0px 0px 20px 0px;

}

.infobox{
margin: 40px 20px 0px 20px;
padding: 50px 20px 10px 20px;
background: url(images/text__hl_infobox.gif) no-repeat 20px 15px #F5F5F5;
border: 1px solid #999;
}

.link{
margin: 0px 0px 10px 0px;
line-height: 19px;
display: block;
padding: 0px 0px 0px 30px;
background: url(images/bu_link_off.gif) no-repeat;
}
.link:hover{
background: url(images/bu_link_hover.gif) no-repeat;
}
.link:active{
background: url(images/bu_link_pressed.gif) no-repeat;}


.download{
margin: 0px 0px 10px 0px;
line-height: 19px;
display: block;
padding: 0px 0px 0px 30px;
background: url(images/bu_download_off.gif) no-repeat;
}
p>.download{
margin: 0px 0px 10px 0px;
line-height: 19px;
width: 250px;
float: left;
display: block;
padding: 0px 0px 0px 30px;
background: url(images/bu_download_off.gif) no-repeat;
}
p>.download2spalten{
margin: 0px 0px 30px 0px;
line-height: 19px;
width: 510px;
float: left;
display: block;
padding: 0px 0px 0px 30px;
background: url(images/bu_download_off.gif) no-repeat;
}

.download2spalten:hover{
background: url(images/bu_download_hover.gif) no-repeat;

}
.download2spalten:active{
background: url(images/bu_download_pressed.gif) no-repeat;
}

.download:hover{
background: url(images/bu_download_hover.gif) no-repeat;

}
.download:active{
background: url(images/bu_download_pressed.gif) no-repeat;
}


.mail{
margin: 0px 0px 10px 0px;
line-height: 19px;
display: block;
padding: 0px 0px 0px 30px;
background: url(images/bu_mailto_off.gif) no-repeat;
}
.mail:hover{
background: url(images/bu_mailto_over.gif) no-repeat;
}
.mail:active{
background: url(images/bu_mailto_pressed.gif) no-repeat;
}
#linkespalte p{
background: url(images/bullet.gif) no-repeat 2px 16px;
line-height: 160%;
font-style: italic;
font-size: 9pt;
padding: 10px 0px 25px 20px
}
#infomappe{
margin: 0px 0px 20px 0px;
width:240px; height:100px;
background-image: url(images/bu_infomappe.gif);
}
#infomappe:hover{
background-position:0px -100px;
}
#infomappe:active{
background-position:0px -200px;
}

#buttonanfahrt{
margin: 10px 0px 0px 20px;
width:193px; height:28px;
background-image: url(images/bu_anfahrt.gif);
}
#buttonanfahrt img{
width:193px; height:28px;
}
#buttonanfahrt:hover{
background-position:0px -28px;
}
#buttonanfahrt:active{
background-position:0px -56px;
}


button#submit2{
border: 0px;
width:193px; height:28px;
background-image: url(images/bu_form_send.gif);
cursor: pointer;
margin: 0px 0px 10px 225px;
}
button#submit2:hover{
background-position:0px -28px;
}
button#submit2:active{
background-position:0px -56px;
}

#content>ul{
margin: 0px;
padding: 15px 0px 0px 0px;
list-style: none;
}
#content>ul li{
padding: 0px 30px 0px 50px;
background: url(images/bullet.gif) no-repeat 32px 8px;
}

#content>ul.punkte li{
padding: 0px 30px 0px 50px;
background: url(images/bullets_punkte.gif) no-repeat 36px 17px;
}

#content>ol{
margin: 0px;
padding: 15px 0px 0px 50px;
}
#content>ol li{
padding: 0px 30px 0px 0px;
}

td.hell1{
width: 40%;
background-color: #F7F7F7;
padding: 10px 15px;
text-align: left;
font-size: 11pt;
}
td.dunkel1{
width: 40%;
background-color: #DDD;
padding: 10px 15px;
text-align: left;
font-size: 11pt;
}

td.hell{
width: 30%;
background-color: #F7F7F7;
padding: 10px 5px;
text-align: center;
font-size: 10pt;
}
td.dunkel{
width: 30%;
background-color: #DDD;
padding: 10px 5px;
text-align: center;
font-size: 10pt;
}
td div.gruen{
color: #00A148;
font-size: 13pt;}

.person{
margin: 20px 20px 20px 20px;
float: left;
width:280px;
}
.person p{
line-height: 160%;
margin: 0px;
padding: 0px;
}

.person h3{
font-size: 12pt;
line-height: 120%;
margin: 15px 0px 5px 0px;
padding: 0px;
color: #00A148;
}
.person img{
margin: 0px;
padding: 0px;
border-top: 1px solid #7FD0A3;
border-left: 1px solid #7FD0A3;
border-right: 1px solid #7FD0A3;
border-bottom: 3px solid #7FD0A3;
}

.person .mail{
margin: 15px 0px 0px 0px;
line-height: 12px;
display: block;
height: 12px;
padding: 0px 0px 0px 30px;
background: url(images/bu_mailto.gif) no-repeat;
}
.person .mail:hover{
background-position: 0px -12px;
}
.person .mail:active{
background-position: 0px -24px;
}

#content>.person ul{
margin: 0px;
padding: 10px 0px 10px 0px;
list-style: none;
}
#content>.person ul li{
padding: 0px 20px 0px 20px;
background: url(images/bullet.gif) no-repeat 2px 8px;
}


*{outline: none;}
img {border: 0;}
.container {
z-index: 1;
position: relative;
        width: 920px;
        padding: 0;
margin: 0px 0px 0px 40px;
clear: both;

}
#header {
        background: #f5f5f5;
        width: 920px; height: 110px;
        float: left;
}
ul#topnav {border-bottom: 3px solid #666; background-color: #f5f5f5;
        margin: 0; padding: 0 20px;
        float:left;
        width: 880px;
        list-style: none;
        font-size: 1.1em;

}
ul#topnav li {
        float: left;
        margin: 0; padding: 0;
        position: relative;
}
ul#topnav li a {
        float: left;
        text-indent: -9999px;
        height: 38px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: 0px -38px; }

ul#topnav a.leistungen {
        background: url(images/nav_leistungen.gif) no-repeat;
        width: 216px;
}
ul#topnav a.leistungen2 {
        background: url(images/nav_leistungen.gif) 0px -76px; no-repeat;
        width: 216px;
}
ul#topnav a.about {
        background: url(images/nav_about.gif) no-repeat;
        width: 253px;
}
ul#topnav a.about2 {
        background: url(images/nav_about.gif) 0px -76px no-repeat;
        width: 253px;
}
ul#topnav a.downloads {
        background: url(images/nav_downloads.gif) no-repeat;
        width: 203px;
}
ul#topnav a.downloads2 {
        background: url(images/nav_downloads.gif) 0px -76px no-repeat;
        width: 203px;
}
ul#topnav a.kontakt {
        background: url(images/nav_kontakt.gif) no-repeat;
        width: 198px;
}
ul#topnav a.kontakt2 {
        background: url(images/nav_kontakt.gif) 0px -76px no-repeat;
        width: 198px;
}




ul#topnav li .sub {
        border-left: 1px solid #f5f5f5;
        border-bottom: 1px solid #f5f5f5;
        border-right: 1px solid #f5f5f5;
        position: absolute;
        top: 38px; left: 0;
        background: #00A148;
        padding: 15px 20px 15px;
        float: left;
        /*--Bottom right rounded corner--*/
        -moz-border-radius-bottomright: 5px;
        -khtml-border-radius-bottomright: 5px;
        -webkit-border-bottom-right-radius: 5px;
        /*--Bottom left rounded corner--*/
        -moz-border-radius-bottomleft: 5px;
        -khtml-border-radius-bottomleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
        list-style: none;
        margin: 0; padding: 0;
        float: left;
}
ul#topnav .sub ul li {
        width: 100%;
        color: #fff;
}
ul#topnav .sub ul li h2 {
height: 50px;
line-height: 140%;
        padding: 0;  margin: 0;
        font-size: 10pt;
        font-weight: bold;
}
ul#topnav .sub ul li h2 a {
        padding: 5px 0;
        background-image: none;
        color: #e8e000;
}
ul#topnav .sub ul li a {
        float: none;
        text-indent: 0; /*--Reset text indent--*/
        height: auto;
        background: url(navlist_arrow.png) no-repeat 5px 12px;
        padding: 0px 0px 5px 0px;
        display: block;
        text-decoration: none;
        color: #fff;
        font-size: 10pt;
}
ul#topnav .sub ul li a:hover {color: #FFF; background-position: 5px 12px ; text-decoration: underline;}


.infiniteCarousel {
margin: 50px 0px 0px 0px;
  width: 630px;
height: 265px;
  position: relative;
background: url(images/back-carousel.jpg) repeat-x bottom;
}

.infiniteCarousel .wrapper {
  width: 540px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 210px;
  margin: 0 45px;
  position: relative;
  top: 0;
}

.infiniteCarousel ul a img {
  border: 0px solid #000;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: px;
  height: 210px;
  width: 180px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 40px;
  width: 40px;
  background: url(images/but_carousel.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 120px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 -120px;
  right: 0;
}
.infiniteCarousel .forward:hover {
  background-position: 0 -160px;
}
.infiniteCarousel .forward:active {
  background-position: 0 -200px;
}

.infiniteCarousel .back {
  background-position: 0 0px;
  left: 0;
}
.infiniteCarousel .back:hover {
  background-position: 0 -40px;
}
.infiniteCarousel .back:active {
  background-position: 0 -80px;
}



#portfolio{
margin: 0px;
padding: 0px 0px 20px 0px;
}

.innerfade>li{
list-style: none;
}




            #contactFormContainer
            {
                    position:absolute;
                    left:0px;
                    float:right;
            }
            #contactForm
            {
                    height:170px;
                    width:240px;
                    background-color:#f5f5f5;
                    display:none;
            }
            #contactForm fieldset
            {
                    padding:0px 20px 0px 10px;
                    border:none;
            }
            #contactForm label
            {
                    display:block;
                    color:#666; font-size: 10pt;
            }
            #contactForm input[type=text]
            {
                    display:block;
                    border:solid 1px #666;
                    width:100%;
                    margin:0px 0px 5px 0px;
                    height:24px;
            }
            #contactForm textarea
            {
                    display:block;
                    border:solid 1px #666;
                    width:100%;
                    margin-bottom:10px;
            }
            #contactForm button
            {background: url(images/bu_callback_send.gif);height: 28px; width: 180px; float: right; margin-top: 10px;}
            #contactForm button:hover
            {background-position:0px -28px;}
            #contactForm button:active
            {background-position:0px -56px;}

            #contactLinkOpen
            {display:block;cursor:pointer;height:28px;width:240px;background-image:url('images/bu_callback_slide.gif');}

            #contactLinkOpen:hover
            {background-position:0px -28px;}

            #contactLinkOpen:active
            {background-position: 0px -56px;}

            #contactLinkClose
            {display:none;cursor:pointer;height:28px;width:240px;background-image:url('images/bu_callback_slide.gif');background-position: 0px -84px;}

            #messageSent
            {background-color:#F5F5F5;
                    color:#666; font-size: 10pt;;
                    display:none;
            }

fieldset.formular{
padding: 20px;

border: 0px;
}
fieldset.formular label
            {
                    display:block;
                    color:#666; font-size: 10pt;
            }
fieldset.formular input[type=text]
            {
                    display:block;
                    border:solid 1px #666;
                    width:70%;
                    margin:0px 0px 15px 0px;
                    height:24px;
            }
fieldset.formular textarea
            {
                    display:block;
                    border:solid 1px #666;
                    width:70%;
height: 50px;
                    margin-bottom:15px;
            }

/* ----------------------------------------------------- JS enabled browsers */

.js div { }

/* ----------------------------------------------------- IE7 and below */

.ie7 div { }

/* ----------------------------------------------------- IE6 and below */

.ie6 div { }