body{
    background-color: #0066cc;
    color: white;
    font-family: sans-serif;
    text-align: center;
}
body a{
    color: white;
    font-weight: bold;
    text-decoration: none;
}
.link:hover{
	background-color: #1E277C;
}


.pointer:hover{
	cursor: pointer;
}
.img{
    height: 100%;
}
.imgH{
    height: 50%;
}
.banner{
    width: 1000px;
}
.center{
    text-align: center;
    width: 1000px;
}
.lImg{
    height: 1em;
}
.mImg{
    height: 64px;
}
.line{
    height: 1px;
    margin: 10px 0px;
    border-top: 4px solid white;
    width: 100%;
}
.titleSmall{
	font-size: 1.4em;
}

#middleArea{
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 95px;
    left: 0px;
    right: 0px;
}
#aktionenText{
	width: 1020px;
	border: none;
	padding: 0px;
    margin: 0px auto;
    overflow: auto;
    height: 100%;
    display: block;
}
#aktionenText::-webkit-scrollbar{
    background-color: #004B96;
    width: 20px;
}
#aktionenText::-webkit-scrollbar-thumb{
    background-color: #DEDEDE;
    color: white;
}
#aktionenBody{
	margin: 0px auto;
	text-align: left;
}

/* Seite */
    
    #haubtSeite{
        width: 1020px;
        margin: 0px auto;
        height: 100%;
        overflow: auto;
        text-align: left;
    }
    #haubtSeite::-webkit-scrollbar{
        background-color: #004B96;
        width: 20px;
    }
    #haubtSeite::-webkit-scrollbar-thumb{
        background-color: #DEDEDE;
        color: white;
    }
    
    /* Bildlaufleiste */
        #ImageScrollBar {
        	width: 900px;
        	height: 150px;
        	padding: 0;
        	text-align: center;
        	margin: 50px;
        }
        
        #ImageScrollBar li {
        	list-style: none;
        	float: left;
        	position: relative;
        	margin: 0;
        	padding: 0;
        	margin-left: 37.5px;
        	margin-right: 37.5px;
        }
        
        #ImageScrollBar ul ul{
        	padding: 0;
        	position: absolute;
        	top: 0;
        	font-size: 0px;
        }
        #ImageScrollBar ul li ul li{
            padding: 0;
            margin: 0;
        }
        #ImageScrollBar ul li a{
        	margin: 0 0 0 0;
        	padding: 0;
        }
        #ImageScrollBar ul ul li a{
        	margin: 0 0 0 0;
        	padding: 0;
        }
        #ImageScrollBar ul ul li a img{
            height: 0px;
        }
        #ImageScrollBar ul li a img{
            height: 200px;
        }
        
        #ImageScrollBar ul li:hover ul {
        	font: inherit;
        	z-index: auto;
        }
        #ImageScrollBar ul li:hover ul li a img {
            height: 200px;
        }
        
        #ImageScrollBar ul ul li {
        	float: none;
        }
        
        #ImageScrollBar a{
        	display: block;
        	width: 200px;
        	margin: 0 0 0 0;
        	padding: 0.4em;
        	text-decoration: none;
        	font-weight: bold;
        	color: white;
        }
        /* Aus und ein-blenden, der �u�eren Bildern */
            #ImageScrollBar ul nobr{
                visibility: hidden;
            }
            #ImageScrollBar:hover ul nobr{
                visibility: visible;
            }
        /* Ende Aus und ein-blenden, der �u�eren Bildern */
    /* Ende Bildlaufleiste*/
    
    /* Bildlaufleiste mit einem Bild */
        #oneImage {
        	width: 900px;
        	height: 150px;
        	padding: 0;
        	text-align: center;
        	margin: 50px auto;
        }

        #oneImage li {
        	list-style: none;
        	position: relative;
        	margin: 0px auto;
        	padding: 0;
        }

        #oneImage ul ul{
        	padding: 0;
        	position: absolute;
        	top: 0;
        	font-size: 0px;
        }
        #oneImage ul li ul li{
            padding: 0;
            margin: 0px auto;
        }
        #oneImage ul li a{
        	margin: 0px auto;
        	padding: 0;
        }
        #oneImage ul ul li a{
        	margin: 0px auto;
        	padding: 0;
        }
        #oneImage ul ul li a img{
            height: 0px;
        }
        #oneImage ul li a img{
            height: 200px;
        }

        #oneImage ul li:hover ul {
        	font: inherit;
        	margin-left: 330px;
        	position: absolute;
        	text-align: center;
        }
        #oneImage ul li:hover ul li a img {
            height: 200px;
        }

        #oneImage ul ul li {
        	float: none;
        }

        #oneImage a{
        	display: block;
        	width: 200px;
        	margin: 0 0 0 0;
        	padding: 0.4em;
        	text-decoration: none;
        	font-weight: bold;
        	color: white;
        }
    /* Ende Bildlaufleiste mit einem Bild */
    
    /* Bildlaufleiste mit zwei Bildern */
        
        #twoImage {
        	width: 900px;
        	height: 150px;
        	padding: 0;
        	text-align: center;
        	margin: 50px auto;
        }

        #twoImage li {
        	list-style: none;
        	float: left;
        	position: relative;
        	margin: 0;
        	padding: 0;
        	margin-left: 140px;
        }

        #twoImage ul ul{
        	padding: 0;
        	position: absolute;
        	top: 0;
        	font-size: 0px;
        }
        #twoImage ul li ul li{
            padding: 0;
            margin: 0;
        }
        #twoImage ul li a{
        	margin: 0 0 0 0;
        	padding: 0;
        }
        #twoImage ul ul li a{
        	margin: 0 0 0 0;
        	padding: 0;
        }
        #twoImage ul ul li a img{
            height: 0px;
        }
        #twoImage ul li a img{
            height: 200px;
        }

        #twoImage ul li:hover ul {
        	font: inherit;
        	z-index: auto;
        }
        #twoImage ul li:hover ul li a img {
            height: 200px;
        }

        #twoImage ul ul li {
        	float: none;
        }

        #twoImage a{
        	display: block;
        	width: 200px;
        	margin: 0 0 0 0;
        	padding: 0.4em;
        	text-decoration: none;
        	font-weight: bold;
        	color: white;
        }
    /* Ende Bildlaufleiste mit zwei Bildern */
    
    /* Zurueck */
        #exitImg {
        	width: 900px;
        	height: 150px;
        	padding: 0;
        	text-align: center;
        	margin: 50px auto;
        }

        #exitImg li {
        	list-style: none;
        	float: left;
        	position: relative;
        	margin: 0;
        	padding: 0;
        	margin-left: 313px;
        }

        #exitImg ul ul{
        	padding: 0;
        	position: absolute;
        	top: 0;
        	font-size: 0px;
        }
        #exitImg ul li ul li{
            padding: 0;
            margin: 0;
        }
        #exitImg ul li a{
        	margin: 0 0 0 0;
        	padding: 0;
        }
        #exitImg ul ul li a{
        	margin: 0 0 0 0;
        	padding: 0;
        }
        #exitImg ul ul li a img{
            height: 0px;
        }
        #exitImg ul li a img{
            height: 200px;
        }

        #exitImg ul li:hover ul {
        	font: inherit;
        	z-index: auto;
        }
        #exitImg ul li:hover ul li a img {
            height: 200px;
        }

        #exitImg ul ul li {
        	float: none;
        }

        #exitImg a{
        	display: block;
        	width: 200px;
        	margin: 0 0 0 0;
        	padding: 0.4em;
        	text-decoration: none;
        	font-weight: bold;
        	color: white;
        }
    /* Ende Zurueck*/
    
    /* Mittleres Textfeld */
        #topTxtArea{
            width: 1000px;
            position: static;
            text-align: left;
            margin-top: 100px;
        }
        /* Gallerie */
            #gallery{
                height: 320px;
                margin: 0px;
                width: 1000px;
                overflow-x: auto;
                overflow-y: hidden;
            }
            #gallery::-webkit-scrollbar{
                background-color: #004B96;
                width: 20px;
            }
            #gallery::-webkit-scrollbar-thumb{
                background-color: #DEDEDE;
                color: white;
            }
            #galleryImg{
                height: 300px;
                position: static;
                text-align: left;
            }
            #galleryImg img{
                height: 300px;
                position: static;
            }
        /* Ende Gallerie */
        #bottomTxtArea{
            width: 1000px;
            position: static;
            margin: 0px auto;
            text-align: left;
        }
        /* slideshow */
			#slideshow{
				list-style: none;
				position: fixed;
				left: 0px;
				right: 0px;
				top: 250px;
				bottom: 0px;
				margin: 0px;
				background-color: white;
			}
			
	       	.slideImg{
				width: 100%;
				height: 100%;
				left: 0px;
				right: 0px;
				text-align: left;
				position: absolute;
				overflow: hidden;
				transition: opacity 3s;
				opacity: 0;
				z-index: 100;
			}
			
			.slideImg img{
				height: 100%;
			}
       /* Ende slideshow */
    /* Ende Mittleres Textfeld */

/* Ende Seite */

/* Leiste Unten */
    #barBlur{
    	background-color: rgba(0,102,204,0.77);
    	position: fixed;
    	left: 0px;
    	bottom: 0px;
    	right: 0px;
    	height: 95px;
    }
    /* Buttons Links */
        #icoLeftBottom{
            text-align: left;
            
            position: fixed;
            left: 15%;
            bottom: 20px;
            width: 15%;
            height: 35px;
        }
        #emailButton{
            padding: 0;
            margin: 0;
            position: fixed;
            left: 15%;
            height: 35px;
            bottom: 20px;
        }
        #emailButton img{
            height: 100%;
        }
    /* Ende Buttons Links */
    
    /* Kontakt */
        #barBottom{
            text-align: center;
            
            position: fixed;
            height: 75px;
            bottom: 20px;
            left: 30%;
            right: 30%;
        }
        #barBottomTxt{
            font-size: 50%;
            text-align: center;
            font-family: sans-serif;
            
            position: fixed;
            height: 75px;
            bottom: 20px;
            left: 30%;
            right: 30%;
        }
        #barBottomTxt a {
            color: #1E277C;
            text-decoration: none;
            font-weight: bold;
            visibility: hidden;
        }
        #barBottomTxt:hover a {
            visibility: visible;
        }
    /* Ende Kontakt */
    
    /* Buttons Rechts */
        #icoRightBottom{
            text-align: right;
            
            position: fixed;
            right: 15%;
            bottom: 20px;
            width: 15%;
            height: 75px;
        }
       /* Drop up Men� */
        #menue{
            text-align: left;
            
            position: fixed;
            margin: 0px;
            padding: 0px;
            bottom: 20px;
            right: 15%;
            height: 35px;
            width: 15%;
        }
        #menue li{
            display: none;
            text-align: left;
            position: fixed;
            bottom: 55px;
            right: 15%;
            width: 215px;
            background-color:  #0066cc;
        }
        #menueImg{
            bottom: 20px;
            right: 15%;
            position: fixed;
            height: 35px;
        }
        #menue:hover li{
            display: block;
        }
        /* Zur�ck Feil */
        #backImg{
            position: fixed;
            right: 25%;
            width: 5%;
            bottom: 20px;
            height: 35px;
        }
        #backImg img {
        	position: relative;
        	height: 100%;
        	right: 0px;
        	bottom: 0px
        	float: right;
        }
        /* Slideshow Navigation */
        #slideNav{
            position: fixed;
            right: 25%;
            width: 114px;
            bottom: 20px;
            height: 35px;
        }
        #slideNav:hover img{
        	visibility: visible;
        }
        #slideNav img {
        	position: relative;
        	height: 100%;
        	margin-right: 0px;
        	margin-left: 3px;
        	float: right;
            visibility: hidden;
            transition: opacity 0.5s;
        }
        /* Nach oben Feil */
        #toTopImg{
            position: fixed;
            right: 5%;
            width: 5%;
            bottom: 20px;
            height: 35px;
        }
        #toTopImg img{
        	position: relative;
        	height: 100%;
        	right: 0px;
        	bottom: 0px
        	float: right;
        }
        /* Strukturierung im Drop up Men� */
        #topLinks{
            border-bottom: 1px solid white;
        }
        #bottomLinks{
            border-top: 1px solid white;
        }
    /* Ende Buttons Rechts */
/* Ende Leiste Unten */
#blur{
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(222,222,222,0.60);
}
#bigImg{
    position: absolute;
    background-color: #0066cc;
    border: 2px solid white;
    overflow: auto;
    max-width: 90%;
    max-height: 90%;
}
#bigImg::-webkit-scrollbar{
    background-color: #004B96;
    width: 20px;
}
#bigImg::-webkit-scrollbar-corner{
    background-color: #0066cc;
    width: 20px;
}
#bigImg::-webkit-scrollbar-thumb{
    background-color: #DEDEDE;
    color: white;
}
#closeBigImg{
    position: fixed;
    left: 0px;
    top: 0px;
    height: 20px;
}
/*-------------------------------- Mobile Site ----------------------------------*/
#mMenue{
    position: fixed;
    top: 69px;
    width: 60%;
    left: 0px;
    bottom: 0px;
    text-align: left;
    border-right: 5px solid white;
    font-size: 200%;
    background-color: #0066cc;
    overflow: auto;
    z-index: 50;
    transition: width 1s ease-out;
}
#mMenue ul li{
    list-style: none;
}
#mMenue::-webkit-scrollbar{
    background-color: #004B96;
    width: 20px;
}
#mMenue::-webkit-scrollbar-corner{
    background-color: #0066cc;
    width: 20px;
}
#mMenue::-webkit-scrollbar-thumb{
    background-color: #DEDEDE;
    color: white;
}
#mRightOfMenue{
	position: fixed;
	bottom: 0px;
	right: 0px;
	left: 60%;
	top: 0px;
	z-index: 50;
}

/* Haubtteil */
    #mMain{
        top: 0px;
        right: 0px;
        position: absolute;
        bottom: 10%;
        overflow: auto;
    }
    #mMain::-webkit-scrollbar{
        background-color: #004B96;
        width: 20px;
    }
    #mMain::-webkit-scrollbar-corner{
        background-color: #0066cc;
        width: 20px;
    }
    #mMain::-webkit-scrollbar-thumb{
        background-color: #DEDEDE;
        color: white;
    }
    
    #mTop{
        height: 69px;
        position: relative;
        text-align: left;
        margin-top: 5px;
    }
    #mTopWithMenue{
        height: 69px;
        position: absolute;
        text-align: left;
        top: 5px;
    }
    #mMiddle{
        text-align: left;
        bottom: 0px;
        top: 69px;
        position: absolute;
        width: 100%;
    }
    
    #mThreeImage{
        text-align: center;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .mArrowImg{
        position: relative;
        margin: 0px;
        width: 33.3%;
    }
    .mTextImg{
        position: relative;
        margin: 0px;
        width: 33.3%;
    }
    
    #mTwoImage{
        width: 650px;
        margin: 0px auto;
        height: 300px;
    }
    #mTwoImage a{
        height: 300px;
    }
    
    #mOneImage{
    	height: 300px;
    	text-align: center;
    	margin: 0px auto;
    	position: relative;
    }
    #mOneImage img{
    	height: 300px;
    	margin: 0px auto;
    }
    #mSlideshow{
		list-style: none;
		position: fixed;
		left: 0px;
		right: 0px;
		top: 400px;
		bottom: 0px;
		margin: 0px;
		background-color: white;
    }
/* Ende Haubtteil */
#mBarBlur{
	background-color: rgba(0,102,204,0.77);
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
	height: 10%;
}
#mBottom{
    height: 10%;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
}
#mBottomRight{
    position: fixed;
    bottom: 3px;
    right: 3px;
    height: 5%;
}
#mToTop{
    position: relative;
    height: 100%;
}
#mBack{
    position: relative;
    height: 100%;
}