*{
	margin:0;
	padding:0;
	}

body{
	
	text-align: center;	
	background-color:#f0f3f9;
	}

/*----------------------------------------Anfang box-------------------------------------*/

#box{
	width:1003px;
	margin:auto;
}
	
/*----------------------------------------Anfang Header------------------------------------*/

#logo-mobile {
    display: none;
}

#header{
	width:1000px;
	height:156px;
	background-image:url(../img/verlauf.jpg);
	background-repeat:repeat-y;
	border-bottom:#FFF 3px solid;
	}

#a1{
	margin-bottom:156px;
	}

#a1 img{
	padding-top:106px;
	padding-right:245px;
	
	}
/*-------------------------------------------Anfang Content-------------------------------------*/

#content{
	 width:1000px; 
	 height:282px;
	 border-bottom:#FFF 3px solid;
	 margin-top:-20px;
	}

#navi{
	float:left;
	background-color:#00285F;
	width:223px;
	height:282px;
	}
	
#navi ul{	
	text-decoration:none;
	margin-top:15px;
	
}

#navi li{
	text-align:left;
	list-style:none;
	padding-bottom:15px;
	padding-left:20px;
	}
	
#navi li a{	
	text-align:left;
	font:17px Verdana, Geneva, Arial, sans-serif;
	font-weight:600;
	text-decoration:none;
	color:#fff;
}

#navi li a:hover{
	color:#8b0e13;
	}
.slidepic {
    /* Wichtig, für die Position der Bilder
       bleibt in der Regel aber bei den folgenden Angaben
    */
    position: absolute;
    top:0px;
    left: 0px;
}

#slideshow{
	margin-left:223px;
	margin-top:-20px;
	height:282px;
	width:777px;
	position:absolute;
	
	
	}

/*----------------------------------------------Anfang Footer--------------------------------------*/

#footer{
	float:left;
	margin-top:-20px;
	background-image:url(../img/verlauf.jpg);
	background-repeat:repeat-y;
	width:1000px; 
	height:259px; 
}

#footerline_d{
	float:left;
	padding-left:20px;
	padding-top:10px;
	}

#footerline_d span {
	visibility: hidden;
	
}

#footerline_d a{
	text-decoration:none;
	background-image:url(../img/e_version_w.jpg);
	background-repeat:no-repeat;
	display:block;
	width:119px;
	height:16px;

	}

#footerline_d a:hover{
	background-image:url(../img/e_version_r.jpg);
	background-repeat:no-repeat;
	
	}

#footerline_d img{
	padding-top:15px;
	padding-left:552px;
	}

#footerline_e{
	float:left;
	padding-left:20px;
	padding-top:10px;
	}

#footerline_e span {
	visibility: hidden;
	
}

#footerline_e a{
	text-decoration:none;
	background-image:url(../img/d_version_w.jpg);
	background-repeat:no-repeat;
	display:block;
	width:135px;
	height:14px;
	}

#footerline_e a:hover{
	background-image:url(../img/d_version_r.jpg);
	background-repeat:no-repeat;
	}

#footerline_e img{
	padding-top:17px;
	padding-left:552px;
	}
	
	
/*  Bis max. 767px ipad hoch =================================================== */
    @media only screen and (max-width: 800px)  {
        
    html {
        background: #00285F;
        padding-bottom: 20px;
    }
      
    #box{
    	width:100%;
    	max-width:1003px;
    	margin:auto;
    	padding: 0;
    	background: #00285F;
    }
    	
    /*----------------------------------------Anfang Header------------------------------------*/
    #header{
    	width:100%;
    	height:auto;
    	}
    	
    #header img {
        display: block;
        width: 80%;
        margin: 0 auto;
        padding: 20px 0;
    }
    
    #content{
	    width: 100%; 
	    height:auto;
	    padding: 0;
	    margin: 0;
	}
	
	#a1 {
        margin-bottom: 0;
    }
    
    #logo-mobile {
        display: block;
        width: 90%;
        max-width: 302px;
        margin: 0 auto;
}

    #navi {
	    float: none;
	    border-right: none;
	    width:100%;
	    height:auto;
	    margin: 0;
	    padding-top: 0;
	}
	
	#navi ul {
	    margin-top: 0;
	}
	
	#navi li a{	
	    text-align:left;
	    font-size :14px;
	    font-weight:600;
    }
    
    #navi li:first-child {
        display: none;
    } 

	
	#link_d, #link_e{
	    position:static;
	    padding-left:20px;
	    margin-top:20px;
	}
	
    #bilder_d, #bilder_e{
    	padding: 0 0 20px 0;
    	margin: 0 0 0 20px;
    	}
    
    
    #bilder_d img{
    	 
    	}
    
    #bilder_e{
    	float: none;
    	padding: 0 0 0 0;
    	}
    
    #bilder_e span {
    	 
        }
    
    #slideshow{
        height:auto;
        width:90%;
        padding: 0 0 20px 0;
        margin-top: 90px;
        margin-left: 20px;
	    }
	    
	#slideshow .slidepic {
	    width: 100% !important;
	    padding-bottom: 20px !important;;
	}
	
	#footer{
	    float:none;
	    margin-top:0;
	    width: 100%; 
	    height: auto; 
        }

    #footerline_d, #footerline_e{
	    float:none;
	    padding-left:20px;
	    padding-top:10px;
	    }
	
	#footerline_d img, #footerline_e img{
	    display: none;
	    }
	    
          
    
}