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

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
      margin:0px;
      border:0px;
      padding:0px;
    font-family:sans-serif;
}
body{
    background-color:#eee;
}

#wrapper{
    width: 1600px;
    margin:0px auto;
    
}

nav{
    width: 1600px;
    min-height: 50px;
    position:fixed;
    padding-top:10px;

       background-color: #da1f3d;

}
	ul{
		margin:30px;
        display:inline; 
       
	}
	li{
		list-style-type: none;
         display:inline;
		 margin-left:25px;
        font-size: 24px; 
	}
		li a{
			color:#fff;
			text-decoration:none;
		}

		li a:hover{
			color:#aaa;
			text-decoration:none;
		}
header{
   width:1600px;
    heigth:0px;
    float:left;
}
.startseite{
    width:1600px;
    min-height: 300px; /*1003*/
    background-color:#fff;
    background-image: url("bilder/beufsbildungsakademie-standorte.jpg");
    -webkit-box-shadow: 4px 4px 5px 1px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    4px 4px 5px 1px rgba(50, 50, 50, 0.5);
box-shadow:         4px 4px 5px 1px rgba(50, 50, 50, 0.5);
    background-repeat: no-repeat;   
    float:left;

      
}

    .startseite div{
        width:700px;
        float:right;
        margin:40px 40px 40px 40px;

    }
        .startseite h1{
            color: #da1f3d;
            font-size: 42px; margin-bottom: 50px;
        }
        .startseite h2{
            color: #222;
            font-size: 24px; margin-bottom: 50px;
        }
        .startseite p{
            color: #222;
            font-size: 20px; margin-bottom: 30px;
        }
        .startseite span{
            width:192px;
            height: 123px;
            display: block;
            margin:80px 30px 0px 1300px;
            background-image: url("bilder/logo.gif");
        }

section, main{
    width:1600px;
    min-height: 300px;
-webkit-box-shadow: 4px 4px 5px 1px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    4px 4px 5px 1px rgba(50, 50, 50, 0.5);
box-shadow:         4px 4px 5px 1px rgba(50, 50, 50, 0.5);
    background-color: #aaa;
    float:left;   
}
.abstand{
    width:1600px;
    height: 5px;
    display:block;
    float:left;
}
    article{
        width:1600px;
        min-height: 260px;
        background-color: #fff;
        margin:0px 0px 0px 0px;
        float:left;
  
    }

        article h1{
             color: #da1f3d;
             font-size: 30px;
              margin:40px;
         }
        h2{
            color: #222;
             font-size: 24px;
              margin-top:30px;
         }

        article p{
            color: #222;
            font-size: 20px;
            margin:40px;
         }
    

            a:link.flies, a:visited.flies{
                font-size: 18px;
                 color: #fff;
             text-decoration: none;
            }
  
             a:hover.flies, a:active.flies{
                 font-size: 18px;
                 color:#aaa;
             text-decoration: none;
            }
            a:link.rf, a:visited.rf{
                font-size: 18px;
                 color: #da1f3d;
             text-decoration: none;
            }
  
             a:hover.rf, a:active.rf{
                 font-size: 18px;
                 color:#aaa;
             text-decoration: none;
            }

aside,#sidebar{
        width:360px;
        height: 300px;
     margin-top:6px;
    margin-bottom:4px;
         background-image:url("bilder/zertifikate.jpg");
        float:left;
    display:block;
}
footer{
    color:#fff;
    padding:40px;
text-align:right;
               width:1240px;
        min-height: 300px;
    margin-top:6px;
    margin-bottom:4px;
           background-color: #da1f3d;
    -webkit-box-shadow: 4px 4px 5px 1px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    4px 4px 5px 1px rgba(50, 50, 50, 0.5);
box-shadow:         4px 4px 5px 1px rgba(50, 50, 50, 0.5);
        float:left;     
}
#search{
 width:1080px;
    float:right;
}
footer div{
    width:326px;
    min-heigth:200px;
    color:#fff;

    margin:30px;
     float:left;
    text-aligne:left;
}
#copyright{
    width:360px;
    margin-top:30px;
   float:right;
}
.rechts{
    float:right;
    margin:40px;overflow:hidden;
}
.links{
   float:left; 
   margin:40px; overflow:hidden;
}
.dl{
 text-decoration: none;
    color:#000;
}
#stoerer{
    position:absolute;
    top: 200px;
    right: 0px;
    width: 200px;
    height: 90px;
    border-style: solid; 
    border-color: #fff;
}










/*MITTELGROSS*/

@media all and (max-width: 1600px), all and (max-device-width:1600px)
{
  #wrapper{
    width: 1180px;

    
}
nav{
    width: 1180px;


}
   ul{
		margin:-2px;       
	}
    li{
       font-size: 18px;
     
    }

header{
   width:1180px;
    }
.startseite{
    width:1180px;
    min-height: 300px; /*1003*/
    background-color:#fff;
    background-image: url("bilder/beufsbildungsakademie-standorte_m.jpg");
    -webkit-box-shadow: 4px 4px 5px 1px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    4px 4px 5px 1px rgba(50, 50, 50, 0.5);
box-shadow:         4px 4px 5px 1px rgba(50, 50, 50, 0.5);
    background-repeat: no-repeat;   
    float:left;
      
}
    .startseite div{
        width:560px;
margin:30px 30px 0px 30px;

    }
        .startseite h1{
            color: #da1f3d;
            font-size: 42px; margin-bottom: 50px;
        }
        .startseite h2{
            color: #222;
            font-size: 24px; margin-bottom: 50px;
        }
        .startseite p{
            color: #222;
            font-size: 20px; margin-bottom: 30px;
        }
        .startseite span{
            width:192px;
            height: 123px;
            display: block;
            margin:80px 30px 0px 900px;
            background-image: url("bilder/logo.gif");
  
        }

section, main{
    width:1180px;

}
.abstand{
    width:1180px;

}
    article{
        width:1180px;

  
    }



aside,#sidebar{
        width:1180px;
    
        height: 150px;

         background-image:url("bilder/zertifikate_m.jpg");

}
footer{

               width:1180px;
      margin-top:3px;
}

footer div{
    width:326px;

}
#search{
 width:1020px;

}    
#copyright{
    margin-top:200px;
   float:right;
}
    
}








/*KLEIN*/

@media all and (max-width: 1180px), all and (max-device-width:1180px)
{
  #wrapper{
    width: 680px;

    
}
nav{
    width: 364px;
    padding: 30px 0px;
    position:absolute;
    top:0px;
    left:0px;
         border: 5px solid #fff;

}
    ul{
        margin:0px;
    }
	li{
        margin-top:10px;
        font-size: 22px; 
        line-height: 60px;
         display:block;
    }

header{
   width:680px;
    }
.startseite{
    width:680px;
    min-height: 300px; /*1003*/
    background-color:#fff;
    background-image: url("bilder/beufsbildungsakademie-standorte_k.jpg");
    -webkit-box-shadow: 4px 4px 5px 1px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    4px 4px 5px 1px rgba(50, 50, 50, 0.5);
box-shadow:         4px 4px 5px 1px rgba(50, 50, 50, 0.5);
    background-repeat: no-repeat;   
    float:left;
      
}
    .startseite div{
        width:630px;
margin-top:520px;
padding-left:30px;

    }
        .startseite h1{
            color: #da1f3d;
            font-size: 42px; margin-bottom: 50px;
        }
        .startseite h2{
            color: #222;
            font-size: 24px; margin-bottom: 50px;
        }
        .startseite p{
            color: #222;
            font-size: 20px; margin-bottom: 30px;
        }
        .startseite span{
            width:192px;
            height: 123px;
            display: block;
            margin:60px 30px 0px 430px;
            background-image: url("bilder/logo.gif");
  
        }

section, main{
    width:680px;

}
.abstand{
    width:680px;

}
    article{
        width:680px;

  
    }



aside,#sidebar{
        width:680px;
    
        height: 150px;

         background-image:url("bilder/zertifikate_k.jpg");

}
footer{

               width:680px;
      margin-top:3px;
    padding-left:250px;
}

footer div{
    width:326px;
 
    

}
#search{
 width:535px;

}    
#copyright{
    margin-top:0px;
   float:right;
}
    
}





/*NANO*/

@media all and (max-width: 680px), all and (max-device-width:680px)
{

  #wrapper{
    width: 360px;

    
}
nav{
    width: 360px;
    padding: 30px 0px;
    position:absolute;
    top:0px;
    left:0px;
         border: 5px solid #fff;

}
    ul{
        margin:0px;
    }
	li{
        margin-top:30px;
        font-size: 22px; 
        line-height: 40px;
        display:block;
    }

header{
   width:360px;
    }
.startseite{
    width:360px;
    min-height: 300px; /*1003*/
    background-color:#fff;
    background-image: url("bilder/transparent.gif");
    -webkit-box-shadow: 4px 4px 5px 1px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    4px 4px 5px 1px rgba(50, 50, 50, 0.5);
box-shadow:         4px 4px 5px 1px rgba(50, 50, 50, 0.5);
    background-repeat: no-repeat;   
    float:left;

      
}
    .startseite div{
        width:360px;
        margin-top: 510px;
        padding-left:70px;


    }
        .startseite h1{
            color: #da1f3d;
            font-size: 36px; margin-bottom: 50px;
        }
        .startseite h2{
            color: #222;
            font-size: 20px; margin-bottom: 50px;
        }
        .startseite p{
            color: #222;
            font-size: 16px; margin-bottom: 30px;
        }
        .startseite span{
            width:192px;
            height: 123px;
            display: block;
            margin:600px 20px -500px 100px;
            background-image: url("bilder/logo.gif");
  
        }

section, main{
    width:360px;

}
   
.abstand{
    width:360px;

}
    article{
        width:360px;
 
  
    }
        article h1{

             font-size: 24px;

         }
        article h2{

             font-size: 20px;

         }

        article p{
  
            font-size: 16px;

         } 


aside,#sidebar{
        width:360px;
    
        height: 300px;

         background-image:url("bilder/zertifikate.jpg");

}
footer{

               width:360px;
      margin-top:3px;
    padding-left:67px;
}

footer div{
    width:280px;
    margin-top:20px;  
 float:right;
}
#search{
 width:280px;
    float:right;


}    
#copyright{
    width: 280px;
    margin-top:20px;
   float:right;
}
    
#stoerer{
    position:absolute;
    top: 42px;

} 
    
    
    
}

blockquote {
    text-align: center !important;
	font-weight: 100;
	font-size: 1.1rem;
	max-width: 600px;
	line-height: 1.4;
	position: relative;
	margin-left: auto;
    margin-right: auto;
	padding: .5rem;
}

blockquote:before,
blockquote:after {
	position: absolute;
	color: #f1efe6;
	font-size: 8rem;
	width: 4rem;
	height: 4rem;
}

blockquote:before {
	content: '“';
	left: 0.5rem;
	top: -30%;
}

blockquote:after {
	content: '”';
	right: 0.5rem;
	bottom: 1%;
}

cite {
	line-height: 3;
	text-align: left;
}