@charset "utf-8";
/* CSS Document */

* {
        margin: 0;
}
html{
        height: 100%;
        overflow-y: scroll;
}
body{
        height: 100%;
        font-family: Calibri, Arial, Courier New;
        background-image: url(Bilder/banner.jpg);
        background-position: center top;
        background-repeat: no-repeat;
        text-align: center;
        background-color: #60A058  ;
        color: #556B2F;
        font-size: 13px;
}
.wrapper {
        margin: auto auto;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin-bottom: -40px; /* the bottom margin is the negative value of the footer's height */
        background-color: #DFDFDF;
        width: 940px;
        text-align: left;
}
.push {
        height: 40px; /* .push must be the same height as .footer */
}
.footer{
        height: 40px; /* .push must be the same height as .footer */
        background-image: url(!!!!);
        background-repeat: repeat-x;
        width: 940px;
        margin: auto auto;
}
.footer a:hover{
        color: #000000;
}
.footer-left{
        width: 445px;
        text-align: left;
        float: left;
        padding-left: 25px;
}
.footer-right{
        width: 445px;
        text-align: right;
        float: left;
        padding-right: 25px;
}
.footer-left p,
.footer-right p{
        color: #6F6F6F;
}
.footer-left a:link, .footer-left a:visited, .footer-left a:active, .footer-right a:link, .footer-right a:visited, .footer-right a:active {
        color:                                 #6F6F6F;
        text-decoration:         none;
}
.footer-left a:hover, .footer-right a:hover{
        color:                                 #000000;
        text-decoration:         none;
}
.footer-links-left{
        float: left;
        padding: 9px 20px 0px 0px;
}
.footer-links-right{
        float: right;
        padding: 9px 0px 0px 20px;
}
.footer-icons{
        float: right;
}
.footer-icons img{
        padding: 9px 0px 0px 7px;
        position: relative;
}

.title{

        height: 0px;
        width: 450px;
        position: relative;
        top: -75px;
        left: 245px;
        text-align: center;
        text-color: #556B2F;


}

.header{
        height: 95px;
        color: #00BF00;
         margin-left: 3%;
         margin-right: 3%;


}
.logo{
        margin-left:70px;



}
.kurzbild { border: 2px solid #DFDFDF; border-right: 10px solid #DFDFDF;}
.wechselbild {overflow:visible; position:relative; top:-119px; left:-155px; width:0px; height:0px; display:inline; margin-left:10px;}
.wechselbild img {visibility:hidden; cursor:default; padding:0px 30px 0px 35px; }
.wechselbild:hover img { visibility:visible ; position:relative; top:90px; max-width:90px; max-height:132px; left:-9px; background-color:#DFDFDF; width:90px;  height:132px; padding:0px 30px 0px 35px; }
.wechselbild:hover{font-weight:lighter;}
.einruecken {text-indent: 10px;}

.navi-container{
        /*height:400px;        */
         background-color: #AFAFAF;
}
.bigimagestart{
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        background-repeat: no-repeat;
        height: 450px;
        width: 940px;

}
.bigimage{
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        background-repeat: no-repeat;
        height: 325px;
        width: 940px;

}

.noimage{
        border-bottom: 1px solid #515151;
}

.content{
        width: 890px;
        padding: 20px 25px 20px 25px;
}

h2{
        font-size: 22px;
        font-weight: normal;
        padding-bottom: 12px;
}
h3{
        font-size: 15px;
}

a:link, a:visited, a:active {
        color:                                 #6F6F6F;
        text-decoration:         none;
}
a:hover{
        color:                                 #000000;
        text-decoration:         none;
}

.auto-style1 {
        border-width: 0;
        background-color: #AFAFAF;
}
.auto-style2 {

}
.auto-style3 {

}
.auto-style4 {
        border-width: 0;
        background-color: #AFAFAF;

}
.auto-style5 {
        text-decoration: underline;
}






/* ================================================================
NAVIGATIONSLEISTE:
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.navi {
        background-repeat: repeat-x;
        height:40px;
        width: 940px;




}

.navi ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; z-index:5;}
.navi ul {display:inline-block;}

.navi li {margin:0; padding:0; list-style:none;}
.navi li {display:inline-block; display:inline;}
.navi ul ul {position:absolute; left:-9999px;}
.navi ul.level1 {margin:0 auto;}
.navi ul.level1 li.level1-li {float:left; display:block; position:relative;}

.navi ul.level1 {background:none;}
.navi ul.level2 {background:#CFCFCF;}

.navi b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/

.navi a {display:block; font-size: 17px; color:#007F00; text-decoration:none; padding:0 25px 0 25px; line-height:40px;}
.navi ul.level1 li.level1-li a.level1-a {float:left;}

.navi ul li:hover > ul {visibility:visible; left:0; top:40px;}
.navi ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-40px;}
.navi li.left:hover > ul {visibility:visible; left:auto; right:0; top:40px;}
.navi li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-40px;}


.navi a:hover ul {left:0; top:32px;}
.navi li.left a:hover ul {left:auto; right:-1px; top:32px;}

.navi li.left ul a {text-align:right; padding:0 10px 0 20px;}

.navi ul li ul li a {font-size: 14px; border-top: 1px solid #EFEFEF; line-height:26px;}
.navi ul li ul li a:hover {color:#005F00; background-color:#BFBFBF;}

.navi a:hover a:hover ul,
.navi a:hover a:hover a:hover ul {left:100%; visibility:visible;}
.navi li.left a:hover a:hover ul,
.navi li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

.navi a:hover ul ul,
.navi a:hover a:hover ul ul {left:-9999px;}
.navi li.left a:hover ul ul,
.navi li.left a:hover a:hover ul ul {left:-9999px;}


.navi li a:hover {background-color:##007F00;}
.navi li:hover > a{background-color:#BFBFBF;}

.navi table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
.navi table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

.navi li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
.navi li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

/* Ende Import 1*/

/* ================================================================
PHOTOGALLERIE:
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/slides.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

/* slides styling */

.photo {padding:20px; background:url(Bilder/SonnenaufgangG.jpg); width:900px; height:330px; text-align:left; margin:0 auto 20px auto; }
.photo h1 {font-size:14px; font-weight:normal; color:#666; margin:0 0 0 5px; padding:0;}
.photo ul {list-style:none; padding:0; margin:0; width:216px; background:#333; border:1px solid #666; position:relative; height:144px;}
.photo ul li {display:inline; width:24px; height:24px; float:left; margin:6px;}
.photo ul li a {display:block; width:24px; height:24px; cursor:default; background:url(Bilder/pfeil.bmp) no-repeat; text-decoration:none;}
.photo ul li a b {display:none;}
.photo ul li a img {display:block; width:22px; height:22px; border:1px solid #666; border-top-color:#ccc;}

.photo ul li a:hover {white-space:normal;position:relative;}

.photo ul li a.vert:hover img {position:absolute; left:-12px; top:-20px; width:48px; height:64px; border-color:#666;}
.photo ul li a.hor:hover img {position:absolute; left:-20px; top:-12px; width:64px; height:48px; border-color:#666;}

.photo ul li a:active, .photo ul li a:focus {position:static; outline:0;}

.photo ul li a:focus.vert img, .photo ul li a:active.vert img {background-color:#333; position:absolute; left:565px; top:0; width:240px; height:320px; border:1px solid #666; padding:5px 45px;}
.photo ul li a:focus.hor img, .photo ul li a:active.hor img {background-color:#333; position:absolute; left:565px; top:0; width:320px; height:240px; border:1px solid #666; padding:45px 5px;}
.photo ul li a:focus b, .photo ul li a:active b {display:block; position:absolute; background-color:#333; width:204px; height:150px; border:1px solid #666; top:165px; left:0; color:#ddd; font-weight:normal; padding:6px;}

</style>

/* Ende Import 2*/