@charset "UTF-8";

.small-column, .medium-column, .full-column {  
  position: relative;  
  float: left;  
  margin-right: 24px;
}

.small-column {  
  clear: both;  
  width: 160px;  
  font-size: medium;  
  border-top-color: #333333;
}

.medium-column {  
  width: 436px;
}

.full-column {  
  width: 896px;
}

.content-element {  
  margin-bottom: 0px;  
  margin-right: 28px;  
  margin-left: 28px;
}

.media-right, .media-left {  
  width: 200px;  
  height: auto;  
  padding-bottom: 15px;
}

.media-right {  
  float: right;  
  margin-right: -212px;  
  margin-left: 24px;
}

.media-left {  
  float: left;  
  margin-right: 24px;  
  margin-left: -26px;
}

.starting-headline {  
  width: 712px;  
  padding-top: 40px;
  clear: both;
  background-color: #FF9800;
}

.large-column {  
  width: 712px;
}

.float-right {  
  margin-right: -20px;  
  margin-left: 24px;
  margin-bottom: 24px;
  float: right;
}

.float-left {  
  margin-left: 0px;  
  float: left;
}

.dossier-start-bg {  
  height: 450px;  
  padding-top: 120px;  
  background-color: #efefef;  
  background-image: url("../../images/dossier-zuvielaltes/dossier-start.jpg");  -webkit-background-size: cover;
  background-size: cover;  
  background-repeat: no-repeat;
}

.footer {  
  width: 100%;  
  clear: both;  
  padding-top: 20px;
}

.szovdob {  
  background-color: #7E8AA2;  
  color: #000000;  
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;  
  padding-left: 10px;
}

.progdob {  
  background-color: #7E8AA2; 
  padding-top: 10px;  
  padding-right: 10px;  
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;  
  padding-left: 10px;
    font-size:14px;
    width:100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .content-element { width: 712px; margin-left: 30px; }
  .large-column { width: 528px; }
  .starting-headline { width: 528px; }
  .full-column { position: relative; float: left; width: 100%; margin-right: 24px; }
  .media-right, .media-left { width: 252px; }
  .medium-column { width: 344px; }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
  .dossier-start-bg { height: 904px; }
  .medium-column { width: 344px; }
}

@media only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .content-element { width: 896px; margin-left: 30px; padding: 0px ! important; }
  .large-column { width: 712px; }
  .starting-headline { width: 712px; }
  .dossier-start-bg { height: 648px; }
  .medium-column { width: 436px; }
}

@media only screen and (max-width: 767px) {
  .content-element { width: 292px; margin-right: 14px; margin-left: 14px; padding: 0px; }
  .large-column, .starting-headline { float: none; width: 100%; }
  .dossier-start-bg { height: 360px; }
  .small-column, .medium-column, .full-column { float: none; width: 100%; margin-right: 0px; padding: 0px; }
  .float-right, .float-left { float: none; margin-right: 0px; margin-left: 0px ;}
  .media-left, .media-right { width: 100%; margin: 0px; }
  .progdob {  font-size: small; }
  .lidob {  font-size: small; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .content-element { width: 436px; margin: auto; }
  .dossier-start-bg { height: 260px; padding-top: 60px; }
}

@media not all, not all {
}